qq_31680395的博客

1.概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。 2.为什么用严格模式- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;- 消除代码运行的一些不安全之处，保证代码运行的安全；- 提高编译器效率，增加运行速度；- 为未来新版本的Javascript...

常见的样式的添加方式<div className='wrap'>    <Slide rotationMap={this.state.rotationMap}/></div>除此之外，还有另外的方法，使用之前要先开启css module，在webpack中添加 modules:true的配置{ test: /\.scss$/, exclude...

在react中使用antd-mobile的走马灯，奇怪的是下面的小圆点一直显示不出来，引入antd-mobile都没有错，轮播图的部分样式没有正常显示，于是在网上查找原因。最后发现原来是我开启了css module使antd-mobile的样式失效了。怎么解决这个问题呢？添加  exclude:[/node_modules/] 只对自己的css 开启module{ test: /\.css$...

做react的过程中，发现ES6的某些语法不能编译为ES5。经查找原因得知babel编译ES6代码，需要stage-0插件1、npm install -S babel-preset-stage-02、在webpack.config.js的presets中添加stage-0{ test: /\.jsx|.js$/,//以js结尾的文件，使用babel-loader进行解析 loader:...

大家知道，将ES6代码编译为ES5时，我们常用到Babel这个编译工具。大家参考一些网上的文章或者官方文档，里面常会建议大家在.babelrc中输入如下代码：{ "presets": [ "es2015", "react", "stage-0" ], "plugins": [] }我们现在来说明下这个配置文件是什么意思。首先，这个配置...

1、在react中引入了antd-mobile，报如下的错误You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.详细的可以参考文档：https://ant.design/docs/react在webp...

dist 相对路径let a = path.resolve(__dirname,'dist');console.log('a',a);// a E:\graduationproject\myapp\dist/dist 绝对路径let b = path.resolve(__dirname,'/dist');console.log('b',b);// b E:\dist./dist...

1、path.resolve(ag1,ag2,...)path.resolve返回当前环境所在路径拼接参数字符串所得到的绝对路径，其中参数可以有多个const path = require('path');path.resolve('/foo/bar', './baz')// returns '/foo/bar/baz'path.resolve('/foo/bar', '/tmp/file/...

<style type="text/css">    .or{        width: 450px;        text-align: center;        position: relative;    }    .or:before,.or:after{        content: '';        position: absolute;  ...

<style type="text/css">.chat-msg{    width: 300px;    height: 80px;    border: 1px solid #ccc;    border-radius: 8px;    position: relative;    filter: drop-shadow(0 0 2px #999);    back...

<style type="text/css">.triangle{    width: 0;    height: 0;    border-top: 50px solid #000;    border-right: 50px solid #d00;    border-bottom: 50px solid #333;    border-left: 50px soli...

1、focus的时候字体颜色加深<style type="text/css">/*正常状态为浅灰色*/    .icon-search{        color: #ccc;    }input[type=search]:focus + .icon-search{    color: #111;}</style><input type="searc...

借助css3提供的一个伪类 :checked，只要radio/checkbox处于选中状态，这个伪类就会生效，因此可以利用选中和非选中这两种状态，去切换不同的样式。<style type="text/css">    input[type=checkbox]{ display: none;    }    /*未选中的checkbox的样式*/    .checkbox{ ...

if(a = 0){    console.log('0');}else{    console.log('ok');}输出结果是ok，整个条件表达式发生了两件事1、运行赋值表达式，整个表达式的值是02、类型转换，将数值0转换为布尔类型（Boolean(0) = false），结果为false...

一、构造函数绑定使用call或apply方法，将父对象的构造函数绑定在子对象上。function Animal(){    this.species = "动物";} function Cat(name,color){    Animal.apply(this,arguments);    this.name=name;    this.color=color;} var ...

./pages/Reg/index.scss (./node_modules/_css-loader@0.28.11@css-loader??ref--6-1!./node_modules/_sass-loader@7.0.1@sass-loader/lib/loader.js!./pages/Reg/index.scss)There are multiple modules with names...

根据用户的地理位置提供相关地区服务，已经是非常普遍的一项功能，例如本地生活类网站、外卖网站等。HTML5新功能中提供了获取用户位置的能力，使用HTML5 Geolocation API来构建基于地理位置的应用。Geolocation API通过navigator.geolocation全局对象进行访问。初次访问时，浏览器会询问用户是否共享位置，若用户选择允许程序使用Geolocation API权...

ES5 只有两种声明变量的方法：var命令和function命令。ES6 除了添加let和const命令，另外两种声明变量的方法：import命令和class命令。所以，ES6 一共有 6 种声明变量的方法。...

http://huziketang.mangojuice.top/books/react/lesson32 虚拟dom：https://github.com/livoras/blog/issues/13