2018年10月_Jqlender

原创 Chrome反压缩JS代码：Pretty Print显示可读代码

按快捷键fn+f12,打开检查，点击 Sources中的一个html 或js文件，点击**大括号{}**图标，即可使用Prerry Print功能了。这时是反压缩后的代码：

2018-10-27 21:02:21 3624 2

原创 HTML5 body设置全屏背景图片

之前这样加背景图测出来有的手机浏览器上全屏背景图宽度超过屏幕宽度,比如mate9上&lt;div class='box'&gt;&lt;/div&gt;html,body{ width:100%; height:100%}.box{ width: 100%; height: 100%; background: url(a.jpg) no-repea...

2018-10-20 15:16:37 28542 1

原创启动webpack失败 events.js:183 throw er; // Unhandled 'error' event

原因：之前的服务将端口占用了解决：换个端口号，比如：8081

2018-10-19 11:51:56 1524

原创 JavaScript严格模式 "use strict"

1.在严格模式下，变量必须显示声明(var/let/const)，直接给变量赋值，不会隐式创建全局变量(function(){ //非严格模式 a = 10; console.log(a); //10})();(function(){ "use strict"; //严格模式 b = 10; //ReferenceError: b is not defined...

2018-10-16 14:34:45 385

原创认清js中var a=b=1和var a=1,b=1的区别

js中一次性定义多个变量的时候，可以用：var a=1,b=1这种中间用逗号隔开的方式，但有些时候为了省事，直接定义var a=b=1。那这两种写法方式最后效果是一样的吗？有没有什么区别呢？请大家看下面的范例：1、用var a=b=1的方式可以看出：变量b的作用域是全局的，变量a是局部的用var a=1,b=1的方式可以看出：变量a和变量b的作用域都是局部结论：var a=b=1中的...

2018-10-16 13:56:51 13589

原创 webpack4--提取css到单独文件并且压缩css

提取css到build/css目录下：mini-css-extract-plugin插件压缩css:optimize-css-assets-webpack-plugin’插件const MiniCssExtractPlugin = require(&amp;amp;quot;mini-css-extract-plugin&amp;amp;quot;);//提取css到单独文件的插件const OptimizeCssAssetsPlugin =...

2018-10-15 18:36:49 8794

原创 webpack4-- 处理html中引入的图片

&amp;lt;img src=&quot;./src/images/current_day_icon.png&quot; alt=&quot;&quot;&amp;gt; 配置 module: { rules: [{ test: /\.(png|jpg|gif)$/, use: [{

2018-10-15 17:00:39 5676 2

原创 webpack4打包html,html-webpack-plugin详解

打包html使用插件：html-webpack-plugin安装npm i --save-dev html-webpack-plugin配置文件const path = require(&amp;quot;path&amp;quot;);const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: __dir...

2018-10-14 15:46:37 5628

原创 git处理换行符问题，webstorm设置默认换行符

不少开发者可能遇到过这个问题：从git上拉取服务端代码，然后只修改了一处地方，准备提交时，用diff软件查看，却发现整个文件都被修改了。这是git自动转换换行符导致的编译问题。原因不同操作系统使用的换行符是不一样的。Unix/Linux只有换行LF；CR是MAC老版本的做法，就是回车，Mac后期也采用了LF，LF是Linux下的做法，就是换行；Windows换行默认CRLF【回车(CR...

2018-10-13 14:53:36 11874

原创 A <Router> may have only one child element

报错代码如下：export default class App extends Component { render(){ return( <HashRouter> <Route path='/index' component={index}></Route> ...

2018-10-10 10:50:44 947

Jq的博客