分享
是一种美德

deepin-wine-qq无法加载图片解决方案

mrnaas阅读(141)

最近在qq水群讨论学术的时候发现了一个奇怪的问题:无法加载图片。
具体点是,如果图片没有被其他设备接收,并且在缓存中,图片是可以加载的,反之不可。
这东西很烦人啊,于是我就去查项目issuehttps://github.com/wszqkzqk/deepin-wine-ubuntu/issues/222
然后找到了解决方案:

关闭ipv6

为了防止以后再捣鼓坏系统重装我经常干这种事,还是来记录一下。
首先,输入命令:

$ sudo gedit /etc/sysctl.conf

在文件的最后追加这样几行(关闭ipv6):

# IPv6 disabled
net.ipv6.conf.all.disable_ipv6 =1
net.ipv6.conf.default.disable_ipv6 =1
net.ipv6.conf.lo.disable_ipv6 =1

保存退出,输入命令:

$ sudo sysctl -p
$ ipconfig

此时你应该看不到inet6那一行了。
然后清除缓存:

$ sudo rm -rf ~/.deepinwine/Deepin-QQ

当然如果你安装的是其他容器,比如TimWechat,替换上面的QQ就好。
然后打开QQ,登录的时候头像显示为默认头像,登录完毕正式上线就是最新头像了!浏览聊天记录,问题解决。
另外,群聊需要双击打开才能更新头像,但很快。

SmartGit过期后破解方法

mrnaas阅读(134)

  1. 根据自己的操作系统,进入相应的文件夹 ,可能还有一个版本号的文件夹,再进入Windows: %APPDATA%\syntevo\SmartGit\
    OS X: ~/Library/Preferences/SmartGit/
    Unix/Linux: ~/.smartgit/
  2. 删除settings.xml这个文件,比如mac下文件在~/Library/Preferences/SmartGit/8/settings.xml
  3. 重新进入SmartGit,正常。

deepin vpn链接的问题

mrnaas阅读(80)

在阿里云部署的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的区别

mrnaas阅读(875)

什么是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的三大区别

mrnaas阅读(188)

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:可伸缩矢量图形,用于定义网络的基于矢量的图形。

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

版权声明:本文为CSDN博主「yezi__626」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

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

一个页面上多个Vue实例

CN、古哥阅读(4754)

我们在做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份指南!

CN、古哥阅读(406)

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

No.1

公众预防要怎么做?

No.2

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

人员应该怎么做?

No.3

在家怎么做?

No.4

公共场所怎么做?

No.5

外出怎么做?

No.6

病例密切接触者的

居家医学观察怎么做?

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

CN、古哥阅读(416)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

记者丨何涛、黄蓉芳

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

审核丨杜进

养成JavaScript代码编写的好习惯

CN、古哥阅读(260)

良好的习惯总是让人受益匪浅,在编写代码的时候,良好的习惯会使得开发更加地高效,减少出错的几率,甚至提高代码的运行效率,下面是一些在 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适配

wangtong阅读(325)

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

本方法是通过css适配:

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

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

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