首页-MN乐享-第4页

deepin vpn链接的问题

2020-03-18mrnaas阅读(147)

在阿里云部署的vpn，本地连接后，上不了外网了，经查看，多了一条默认路由，

# route -n
Kernel IP routing table
Destination    Gateway        Genmask        Flags Metric Ref    Use Iface
0.0.0.0        192.168.252.13 0.0.0.0        UG   50    0       0 tun0
0.0.0.0        192.168.0.1    0.0.0.0        UG   600   0       0 wlp6s0
10.0.0.0       192.168.252.13 255.0.0.0      UG   50    0       0 tun0
vpn-IP   192.168.0.1    255.255.255.255 UGH  600   0       0 wlp6s0
172.16.162.0   0.0.0.0        255.255.255.0  U    0     0       0 vmnet1
192.168.0.0    0.0.0.0        255.255.255.0  U    600   0       0 wlp6s0
192.168.252.0  192.168.252.13 255.255.255.0  UG   50    0       0 tun0
192.168.252.13 0.0.0.0        255.255.255.255 UH   50    0       0 tun0
# ifconfig
wlp6s0: flags=4163  mtu 1500
       inet 192.168.0.190  netmask 255.255.255.0  broadcast 192.168.0.255
       inet6 fe80::4303:1c6:4625:942d  prefixlen 64  scopeid 0x20

tun0: flags=4305 mtu 1500
inet 192.168.252.14 netmask 255.255.255.255 destination 192.168.252.13

可以看见tun0 的 Metric 是50，本地的是600，而且怎么删都删不掉，route del default gw 192.168.252.13

所以只能以退为进，先删除本地默认网关，再加上

route del default gw 192.168.0.1

route add default gw 192.168.0.1

在查看，本地的Metric 就变成0了，这样其他不用变，默认所有流量（除了10.0.0.0网段）走本地。

完美解决！

css和css3的区别

2020-02-06mrnaas阅读(915)

什么是CSS？
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。
CSS 是一种标记语言，属于浏览器解释型语言，可以直接由浏览器执行，不需要编译。
CSS 是用来表现HTML或XML的标记语言。
CSS 是由W3C的CSS工作组发布推荐和维护的.
CSS 是编程入门人员的必修课，运用CSS样式可以让页面变得美观。
CSS语法由三部分构成：选择器、属性和值： selector {property: value}

CSS3 是最新的 CSS 标准。
css3比css多了一些样式设置而已。 css3是向前兼容的，也就是说，css中有效的code在css3也有效。

一个css与css3都有效的code，如果浏览器不支持css3，那么只会以css的样式显示。最常见的就是圆弧角。
一个只在css3中有效的code，如果浏览器不支持css3，那么其显示效果就不会出现。 css3和css，在编写code的时候，除了对一些css3中新出现的属性设置，其它完全一样。

CSS3新增属性
box-shadow(阴影效果)
border-colors(为边框设置多种颜色)
boder-image(图片边框)
text-shadow(文本阴影)
text-overflow(文本截断)
border-radius(圆角边框)
opacity(不透明度)
box-sizing(控制盒模型的组成模式):指定两个boxes接壤
resize(元素缩放):指定一个div元素，允许用户调整大小
outline(外边框)
background-origin(指定背景图片从哪里开始显示)
background-clip(指定背景图片从什么位置开始裁切)
background(为一个元素指定多个背景)
————————————————
版权声明：本文为CSDN博主「sun_sqc」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u014001717/article/details/80102882

浅谈html与HTML5的三大区别

2020-02-06mrnaas阅读(247)

1.文档的类型声明不同

html:<!DOCTYPE HTML PUBLIC \”-//W3C//DTD HTML 4.01//EN\” \”http://www.w3.org/TR/html4/strict.dtd\”>

<!DOCTYPE html PUBLIC \”-//W3C//DTD XHTML 1.0 Strict//EN\”

\”http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\”>

html5:文档声明相对来说更为简便，有利于程序员快速阅读和开发。<!DOCTYPE html>

2.语义结构方面

html:没有结构语义化的标签（通俗来讲就是不方便阅读，没有告诉你哪里是头，哪里是尾巴）

html5:添加了许多具有语义化的标签，

使代码结构清晰，提高了代码的可读性。

下面是html5中的一些语义化标签：

< title></title>：简短、描述性、唯一（提升搜索引擎排名）

<hn></hn>：h1~h6分级标题，用于创建页面信息的层级关系。

<header></header>：页眉通常包括网站标志、主导航、全站链接以及搜索框。

也适合对页面内部一组介绍性或导航性内容进行标记。

<nav></nav>：标记导航，仅对文档中重要的链接群使用。

<main></main>：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。

<article></article>：表示文档、页面、应用或一个独立的容器.

<section></section>：具有相似主题的一组内容，比如网站的主页可以分成介绍、新闻条目、联系信息等条块。

<aside></aside>：指定附注栏，包括引述、侧栏、指向文章的一组链接、广告、友情链接、相关产品列表等。

<footer></footer>：页脚，只有当父级是body时，才是整个页面的页脚。

<small></small>：指定细则，输入免责声明、注解、署名、版权。

只适用于短语，不要用来标记“使用条款”、“隐私政策”等长的法律声明。

<strong></strong>：表示内容重要性。

<em></em>：标记内容着重点（大量用于提升段落文本语义）。

<mark></mark>：突出显示文本（yellow），提醒读者。

在HTML5中em是表示强调的唯一元素，而strong则表示重要程度。

<b></b>：出于实用目的提醒读者的一块文字，不传达任何额外的重要性

<i></i>：不同于其他文字的文字= =|||这个翻译真的是······

<figure></figure>：创建图（默认有40px左右margin）。

<figcaption></figcaption>：figure的标题，必须是figure内嵌的第一个或者最后一个元素。

<cite></cite>：指明引用或者参考，如图书的标题，歌曲、电影、等的名称，演唱会、音乐会、规范、报纸、或法律文件等。

只用于参考源本身，而不是从中引述。

<blockquoto></blockquoto>：引述文本，默认新的一行显示。

<q></q>：短的引述（跨浏览器问题，尽量避免使用）。

可以对blockquoto和q元素使用cite属性（不是cite元素！），对搜索引擎自动化工具有用。cite=“URL”引述来源地址。

<time></time>：标记时间。datetime属性遵循特定格式，如果忽略此属性，文本内容必须是合法的日期或者时间格式。不再相关的时间用s标签。

<abbr></abbr>：解释缩写词。使用title属性可提供全称，只在第一次出现时使用就ok。

abbr[title]{ border-bottom:1px dotted #000; }

<dfn></dfn>：定义术语元素，与定义必须紧挨着，可以在描述列表dl元素中使用。

<address></address>：作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接）。

如果提供整个页面的作者联系信息，一般放在页面级footer里。不能包含文档或者文档等其他内容。

<del></del>：移除的内容。

<ins></ins>：添加的内容。

少有的既可以包围块级，又可以包围短语内容的元素。

<code></code>：标记代码。包含示例代码或者文件名（< > ）

<pre></pre>：预格式化文本。保留文本固有的换行和空格。

3.html5的绘图功能

1）canvas

在HTML5以前，web前端开发者无法在HTML页面上动态地绘制图片1）HTM5新增了一个<canvas></canavas>元素，相当于一个画布.但它本身不具备画图能力，必须使用脚本来完成实际的绘图任务。运用getContext方法可以返回一个对象，该对象提供了绘画的属性和方法。

• 步骤1:得到<canvas></canavas>DOM对象

• 步骤2:调用Canvas对象的getContext()方法得到CanvasRederingContext2D对象（getContext方法里面传一个参数：”2d”）

• 步骤3:调用CanvasRederingContext2D完成画图

2）SVG：可伸缩矢量图形，用于定义网络的基于矢量的图形。

————————————————

原文链接：https://blog.csdn.net/yezi__6/article/details/82881729

一个页面上多个Vue实例

2020-01-28CN、古哥阅读(4829)

我们在做Vue.js开发时，通常页面上只创建一个vue实例，代码的样式大概是这样的：

<div  id="app">
        {{message}}
</div>

<script>
    var vue=new Vue({
        el: '#app',
        data() {
            return {
                message: "This is my vue"
            }
        }
    });

但在某些情况下，我们需要在页面上有多个vue实例，实践证明，Vue.js是支持多实例共存的，示例代码如下：

<div  id="app1">
        {{message}}
    </div>

    <div id="app2">
        {{message}}
    </div>

<script>
    var vue1=new Vue({
        el: '#app1',
        data() {
            return {
                message: "This is Vue1"
            }
        }
    });

    var vue2 = new Vue({
        el: '#app2',
        data() {
            return {
                message: "This is Vue2"
            }
        }
    });

</script>

尽管这种解决方案可行，但并不推荐在复杂场景下使用。最近的项目中，遇到了一个场景，可以使用这种解决方案。在一个使用Asp.Net MVC的项目中，有一个“个人工作内容页面”，页面中包含很多互相没有关系的模块，比如“待办事务列表”、“会议通知”、“事件提醒”等等，这些模块根据登录用户权限动态进行加载，也就是说不同权限的用户页面上显示的模块是不一样的。在这个项目中，我们把每个模块作为一个MVC的局部视图，在控制器中，根据用户的权限，动态加载对应的局部视图。每个局部视图，都采用vue.js开发相应的客户端功能，每个局部视图中的vue都是一个独立的实例。

作者：寻找无名的特质
链接：https://www.jianshu.com/p/67944c60272e
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

【实用】如何预防新型冠状病毒感染肺炎？中国疾控中心发布6份指南！

2020-01-27CN、古哥阅读(485)

近日，中国疾控中心发布新型冠状病毒感染肺炎公众预防指南。公众预防怎么做？有疾病流行地区居住旅行史人员怎么做？在家怎么做？公共场所怎么做？外出怎么做？病例密切接触者的居家医学观察怎么做？为了您和家人的平安，快来和小编一起学习这六篇指南。

No.1

公众预防要怎么做？

No.2

有疾病流行地区居住旅行史

人员应该怎么做？

No.3

在家怎么做？

No.4

公共场所怎么做？

No.5

外出怎么做？

No.6

病例密切接触者的

居家医学观察怎么做？

新型肺炎如何防治，钟南山给出最新意见

2020-01-27CN、古哥阅读(497)

1月24日是大年三十，但对于再次临危受命出任国家卫健委高级别专家组组长的钟南山院士而言，这只是连日来辗转奔波中的又一个忙碌工作日。

疫情现状如何，有没有治疗方案，这个春节怎么过？24日，钟南山在广州医科大学附属第一医院给出了自己的看法。

▲一大早，钟南山院士就来到位于广医一院的办公室工作。通讯员苏越明摄

1.早发现早隔离是最有效的防控手段

截至1月24日24时，全国共确诊新型冠状病毒肺炎1287例，死亡41例。疫情是否会蔓延、病例是否会继续大规模增加，成为公众最为关心的问题。

钟南山表示，到目前为止，疫情没有出现非常明显的连锁反应，但仍然要非常小心，因为谁都不敢保证不会出来一个超级传播者。

钟南山强调，目前最有效的防控手段就是早发现早隔离。“发现了，就隔离！只要新型冠状病毒感染者及时被隔离，后期病人就会少很多。”他说，要尽可能减少传播，传播的病人越少，出现“超级传播者”的几率就减少。

▲钟南山院士到广医一院新住院大楼23楼负压病房区巡查。记者何涛摄

2.关于治疗：已有几种药物准备用于临床治疗

钟南山介绍，目前，已有几种药物准备用于临床治疗，“已经确认是安全的，但具体疗效还需进一步观察”。

“患者呼吸道里的病毒载量是多少，经过一段时间后会发生怎样的变化？其影像变化又是怎样的？把这些问题都弄明白了，很多东西就能够搞清楚”。

3.重视防护，但不必恐慌

钟南山还提及一个从武汉到外地旅游时发病的病例，刚开始出现症状时不愿意去医院就诊，两天后发烧严重了才去医院就诊。“本来一开始体温并不高，拖了两天时间，病情就严重了”。

他呼吁从湖北到外地过年的人员，如果出现症状，及时到医院就诊，如果没有症状，最好自我隔离14天。

“我们需要重视防护，但也不必恐慌。”钟南山也提醒大家，在春节期间只要注意防护，就可“安全过年”。“尽量减少走亲访友，尽量少去人员密集的场所，出门戴口罩，在室内注意通风，勤洗手，多运动，少熬夜。健康年才是幸福年。”

来源丨长沙发布综合广州日报、人民日报

记者丨何涛、黄蓉芳

编辑丨罗建勋校对丨刘鑫宇

审核丨杜进

养成JavaScript代码编写的好习惯

2020-01-27CN、古哥阅读(305)

良好的习惯总是让人受益匪浅，在编写代码的时候，良好的习惯会使得开发更加地高效，减少出错的几率，甚至提高代码的运行效率，下面是一些在 JavaScript 代码编写中应该注意的几个问题，它们都非常容易遇到，却又可能非常容易地被忽略。

1. 减少不必要的全部变量

关于全局变量，这是 JavaScript 非常糟糕的一个特性，它非常地容易被创建，特别是被不小心地创建。在程序变得复杂，或者同时运行多个程序的时候，它可能带来难以调试的错误。在定义变量前加上 var，是首先应该注意并警惕的。

function fn(){
    var a = 1;   //局部变量
    b = 1;   //全局变量
}

2. 正确书写 script 标签

如果你的 script 标签中还带有 language 属性，说明你真的奥特了，赶紧去掉吧，这个属性早已经被 W3C 开除了，在 XHTML 1.0严格型中(Strict)，甚至已经不再支持这个属性。需要提醒一点的是，在 Html5 中，script 标签也不再需要 type 属性，对于 Html5 来说，JavaScript 是唯一被支持的脚本语言。

<!-- XHTML 1.0 -->
<script type="javascript"></script>

<!-- HTML 5 -->
<script></script>

3. 去掉JSON最后一组键值对后面的逗号

如果你的代码像下面这样，在 IE 中会报错，并且这个错误很难被发现，IE 的报错也不会提供任何有价值的信息，唯一能做的就是在编写的时候格外小心，如果你的 JSON 是后端返回的，那么记得在下周一上班时把这个信息传达给后端程序员。

var post = {
    title : "养成JavaScript代码编写的好习惯",
    postDate : "2010-07-16",
    author : "坚强的小展",    //注意，这个逗号会让程序在 IE 的所有版本下报错。
}

4. 避免依赖 typeof 验证数据类型

typeof 是用来验证数据类型的方法，不幸的是，当需要验证的数据类型为数组、函数等时，这个方法并不能返回我们想象中的结果。事实上这并不是 typeof 的错，在 JavaScript 中，数组和函数的本质实际上也是对象，但这的确给我们带来了麻烦。

/** 依赖 typeof 的验证结果 **/
var a = [];
typeof a;   // "object"
var b = function(){};
typeof b;   // "object";
typeof null;    // "object"
/** 正确的验证方法 **/
var a = [];
a.constructor === Array;   // true
var b = function(){};
b.constructor === Function;   // true
/** 验证某个变量是否为null **/
typeof c === "undefined";   //true

5. 使用全等运算符代替相当相当运算符

作为弱类型语言的 JavaScript 似乎让我们习惯了不注重变量的数据类型，这样的偷懒看上去让我们变得轻松一些了，但这在运算的时候可能会带来更大的麻烦。推荐的做法是在开发中明确地了解变量当前的数据类型，并且在做相等判断的时候，使用 === 运算符来代替 == 运算符，这意味着在进行比较前，必须确保参与比较的两个变量属于同一数据类型。这样做的好处可以避免 JavaScript 在处理不同数据类型的比较时自动转换数据类型可能带来的麻烦，同时也可以提高程序的运行效率。

0 == "";   // true
0 === "";   // false
1 == "1";   // true
1 === "1";   // false

6. 避免使用 with 和 eval

这一点被人提得比较多，这里就不再多说了，避免使用它们，以增加程序的可读性、安全性，减小出错的概率，提高运行效率。

web页面适配css适配

2020-01-20wangtong阅读(387)

最近开发新的网站，要求是需要有两套适配样式，但是之前没有弄过，所以百思不得解，所以一系列的谷歌百度啊，终于被我找到了类似的解决办法，接下来我就简单的介绍一下：

本方法是通过css适配：

CSS判断不同分辨率浏览器（显示屏幕）显示不同宽度布局CSS3技术支持IE6到IE8。将用到css3 @media样式进行判断，但IE9以下版本不支持CSS3技术，这里DIVCSS5给大家介绍通过JS实现低版本的浏览器也支持CSS3实现实用布局。

@media screen and (判断属性){ CSS样式选择器 }

根据这个基本上解决了缩小窗口拖动。

jQuery 效果：[1]tab切换

2020-01-20wangtong阅读(409)

今天为大家分享一个jQuery做的tab标签切换。

新版网站正在开发，代码及方法什么的都需要重新编写，所以导航及子页面的部分tab切换采用了统一的方法，自己写了一个简单的方法，效果如下：

第一个是导航切换：

选择哪一项加一个底部border及图片加颜色，我采用的是换图片，两张图片。

第二个是tab切换：

前端开发必看的书籍

2020-01-20mrnaas阅读(308)

第一本：《JavaScript 语言精粹(修订版)》

我毕业后工作头一两年读的第一本 JavaScript 书就是《JavaScript 语言精粹》，当时完整地读了两篇，后来还时不时地会翻里面的重点看。对于前端刚工作的人和前端刚入门的人来说，需要反复阅读和理解。这本书可以深入理解 JavaScript 的特性，写出高质量的代码，适合有 JavaScript 语言基础的人学，不适合于作为零基础入门的教材。

第二本：《数据结构与算法 JavaScript 描述》

如果你专注前端开发，又想学习数据结构和算法，那么这本书是非常不错的选择，至少在中文书籍中，我还没有见到过一本比这本更好的用 JavaScript 描述的数据结构与算法书。

其实这本书在实际工作中没有太大的实战性，就像很多人说的，实际工作中几乎用不到算法。但是，算法绝对是值得每一个程序员去学习的。学习算法是为了提高逻辑思维能力和解决问题的能力，这是每个公司都第一看重的能力。

如果你发现你学的技术已经有了到了瓶颈的感觉，那么说明你需要学习算法了。就算为了给你工作加分，也应该学习算法。如果面试时让你写一个冒泡排序，你不会，那岂不是很尴尬。

当然，这书讲的都是数据结构和算法基础知识，比如字典、集合、二叉树、排序算法等。但如果你已经有这基础，我觉得对于前端开发这份工作已经够了，如果你想学习机器学习或继续锻炼自己的逻辑思维能力，我推荐关注我的系列教程《算法》，也是基于 JavaScript 语言的。

第三本：《CSS 揭秘》

这本书是一书很好的 CSS 实战性教程。每一节都是先给出一个“难题”，再给出一个或多个“方案”，并会作详细解释。掌握 CSS 的最好学习方法就是多练，这本书是中文 CSS 书籍中我个人最喜欢的一本。为什么它写的好。举个书中的例子：

书中第二章第 1 节讲的是半透明边框，这个场景是很常见的，看起来很简单，就是设置 boder 属性而已，但默认情况下，背景会延伸到边框的区域下层，也就是说你即使设置了半透明，默认情况这个半透明边框是看不到的。具体解决方案我就不讲了，大家可以去看这本书。

第四本：《JavaScript 高级程序设计, 第 3 版》

这本书和《JavaScript 权威指南, 第 6 版》相比，我强烈推荐《JavaScript 高级程序设计》。如果你想正儿八经地系统性地学习一遍 JavaScript，那么这本书应该是最好的选择。而且我建议看完后可以画画重点，将来既可以作为参考用，对于面试也是能派上用场的。当然，如果你已经有一定基础了，不必每一章每一节都看，可以筛选着看。

这本书算是基础类的了，如果你想对 JavaScript 有更深入更细的理解和掌握，特别是理解那些比较晦涩难懂的知识点，比如this、原型、委托等，那就看看《你不知道的 JavaScript》这套书，它分为上、中、下三卷。

第五本：《ECMAScript 6 入门》

这本书是阮一峰老师写的，而且是开源的，在线阅读地址是：http://es6.ruanyifeng.com，讲的是 ES6 标准下的新语法，我个人觉得讲得很好，言简意赅。如果你用过 Vue、React 等前端框架，你就知道 ES6 标准的 JavaScript 语法无处不在。所以如果你还没学，或者学得不够全，那么我建议你看看这个教程。

第六本：《JavaScript 函数式编程》

函数式编程是一种编程范式，它的优点是简洁易读，模块化，低耦合，适合并发编程等，很多前端大咖都推过函数式编程。这本对书函数式编程的相关概念和编程思想都讲的比较好也容易理解，从中你可以学习到纯函数、高阶函数、柯里化（Currying）等知识。如果你用过 React，这一类知识肯定用得比较多，学好函数式编程也有助于你更好地理解 React 的设计思想。

不过，有一点不好的就是，比如说柯里化，如果直接说 Currying 反而更容易理解，不是说这本书翻译得不好，很多术语用中文表达总觉得不是很恰当，我觉得如果你能阅读英文版的最好读英文版的。

作者：王亮

出处：http://cnblogs.com/willick

联系：liam.wang@live.com本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。如有问题或建议，请多多赐教，非常感谢。

上一页
1
2
3
4
5
6
7
...
下一页
共 9 页

首页第4页

deepin vpn链接的问题

css和css3的区别

浅谈html与HTML5的三大区别

一个页面上多个Vue实例

【实用】如何预防新型冠状病毒感染肺炎？中国疾控中心发布6份指南！

新型肺炎如何防治，钟南山给出最新意见

养成JavaScript代码编写的好习惯

1. 减少不必要的全部变量

2. 正确书写 script 标签

3. 去掉JSON最后一组键值对后面的逗号

4. 避免依赖 typeof 验证数据类型

5. 使用全等运算符代替相当相当运算符

6. 避免使用 with 和 eval

web页面适配css适配

jQuery 效果：[1]tab切换

前端开发必看的书籍

第一本：《JavaScript 语言精粹(修订版)》

第二本：《数据结构与算法 JavaScript 描述》

第三本：《CSS 揭秘》

第四本：《JavaScript 高级程序设计, 第 3 版》

第五本：《ECMAScript 6 入门》

第六本：《JavaScript 函数式编程》

【阿里云】多款主流产品低至3折

置顶推荐

热门文章

热门标签

首页 第4页

1. 减少不必要的全部变量

2. 正确书写 script 标签

3. 去掉JSON最后一组键值对后面的逗号

4. 避免依赖 typeof 验证数据类型

5. 使用全等运算符代替相当相当运算符

6. 避免使用 with 和 eval

第一本：《JavaScript 语言精粹(修订版)》

第二本：《数据结构与算法 JavaScript 描述》

第三本：《CSS 揭秘》

第四本：《JavaScript 高级程序设计, 第 3 版》

第五本：《ECMAScript 6 入门》

第六本：《JavaScript 函数式编程》

【阿里云】多款主流产品低至3折

置顶推荐

热门文章

热门标签

首页第4页