1、
当运行代码遇到 “ Cannot find module ‘webpack-cli/bin/config-yang’ ” 错误时, 可以执行
‘rm -rf node_modules’先把当前的node-modules删除,然后再yarn install重新安装依赖,
最后重新运行程序,就好了
2、hosts文件
Hosts是一个没有扩展名的系统文件,其基本作用就是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”,当用户在浏览器中输入一个需要登录的网址时,系统会首先自动从Hosts文件中寻找对应的IP地址,一旦找到,系统会立即打开对应网页,如果没有找到,则系统再会将网址提交DNS域名解析服务器进行IP地址的解析,如果发现是被屏蔽的IP或域名,就会禁止打开此网页!
三个主要作用:
1)加快域名解析
对于要经常访问的网站,我们可以通过在Hosts中配置域名和IP的映射关系,提高域名解析速度。由于有了映射关系,当我们输入域名计算机就能很快解析出IP,而不用请求网络上的DNS服务器。 例如:Host文件中添加一条:222.73.44.198 blog.itful.com (IP与域名中间要有空格,IP地址一定要输入正确,不然就访问不了该网站了)——可以通过运行CMD,输入“ping 网站域名” 来获得网站的IP地址!这样访问侠客岛速度就会略快一点啦,因为他不需要经过DNS域名服务器进行IP地址的解析!
2)方便局域网用户
在很多单位的局域网中,会有服务器提供给用户使用。但由于局域网中一般很少架设DNS服务器,访问这些服务器时,要输入难记的IP地址。这对不少人来说相当麻烦。现在可以分别给这些服务器取个容易记住的名字,然后在Hosts中建立IP映射,这样以后访问的时候,只要输入这个服务器的名字就行了。
3)屏蔽网站
现在有很多网站不经过用户同意就将各种各样的插件安装到你的计算机中,其中不乏有病毒木马。对于这些网站我们可以利用Hosts把该网站的域名映射到一个错误的IP或本地计算机的IP,这样就不用访问了。在Windows系统中,约定 127.0.0.1为本地计算机的IP地址, 0.0.0.0是错误的IP地址。 例如,我们在Hosts中,输入以下内容(一个例子)127.0.0.1 www.puchunwei.com # 这个网站影响我孩子的健康成长,我要屏蔽他这样,计算机解析域名 www.puchunwei.com 时,就解析到本机IP或错误的IP,达到了屏蔽不健康网站的目的。现在某些病毒,恶意程序会修改我们的host文件,导致我们无法访问某些网站,当发现某些网站不能访问时,我们可以进入Host文件进行观察,如果是因为Host文件造成的网站无法访问,删除病毒添加的语句,就可以对网站进行正常访问
4)企业开发过程中,使用本地域名代替繁琐的Ip地址进行开发
3、react中dangerouslySetInnerHTML使用
在react中,通过富文本编辑器进行操作后的内容,会保留原有的标签样式,并不能正确展示。 在显示时,将内容写入__html对象中即可。具体如下:
<div dangerouslySetInnerHTML = {{ __html: checkMessages.details }} />
如果是直接调用接口中的值,则是以上的写法,如果是单纯的显示固定的内容,用如下的写法:
<div dangerouslySetInnerHTML={{ __html: '<div>123</div>' }} />
原理:
1.dangerouslySetInnerHTMl 是React标签的一个属性,类似于angular的ng-bind;
2.有2个{{}},第一{}代表jsx语法开始,第二个是代表dangerouslySetInnerHTML接收的是一个对象键值对;
3.既可以插入DOM,又可以插入字符串;
4.不合时宜的使用 innerHTML 可能会导致 cross-site scripting (XSS) 攻击。 净化用户的输入来显示的时候,经常会出现错误,不合适的净化也是导致网页攻击的原因之一。dangerouslySetInnerHTML 这个 prop 的命名是故意这么设计的,以此来警告,它的 prop 值( 一个对象而不是字符串 )应该被用来表明净化后的数据。
资料地址:www.jianshu.com/p/186ccd8a5…
4、echarts柱状形图表的设置
由于之前没有用过echarts,所以当要快速修改echarts柱状形图表的时候就去看了一下官方文档,但是太多了,接着就发现了这篇文章,可以快速的帮助我们如何修改柱状图的样式问题,能够解决燃眉之急。
详情见:www.cnblogs.com/tugenhua070…
5、关于shortcut icon和icon代码的区别介绍
语句一:
<link rel="shortcut icon" href="favicon.ico" />
语句二:
<link rel="icon" href="animated_favicon.gif" type="image/gif" />
备注:Shortcut Icon 就是在网址列前面出现的Icon。
过去,为保证favicon出现,网站设计者和开发者采用了多种方法。很难明确地保证favicon可以在所有电脑上显示,即使是用同一版本的一种浏览器。 下列代码另一个局限就是它把favicon关联到了某个特定的HTML或XHTML文档上。为避免这一点,favicon.ico文件应置于根目录下。多数浏览器将自动检测并使用它。
建议包含以下两行HTML代码:
<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon"></link>
<link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
然而,只有第一行是必须的,因为“shortcut icon”字符串将被多数遵守标准的浏览器识别为列出可能的关键词(“shortcut”将被忽略,而仅适用“icon”);而Internet Explorer将会把它作为一个单独的名称(“shortcut icon”)。这样做的结果是所有浏览器都可以理解此代码。只有当希望为新浏览器提供另一种备用图像(例如动画GIF)时,才有必要添加第二行