随笔分类 - js
摘要：webpack中的三个概念module、chunk和bundle 在研究splitChunks之前，我们必须先弄明白这三个名词是什么意思，主要是chunk的含义，要不然你就不知道splitChunks是在什么的基础上进行拆分。 从官网上貌似没找太多的解释，去网上搜了搜基本上都在转述这位老哥的回答《w
阅读全文
摘要：作用 loader是一种打包的方案，webpack默认只识别js结尾的文件，当遇到其他格式的文件后，webpack并不知道如何去处理。此时，我们可以定义一种规则，告诉webpack当他遇到某种格式的文件后，去求助于相应的loader。 npm install file-loader -D webpa
阅读全文
摘要：npm 安装依赖 以及dependencies 和 devDependencies的区别 npm install 依赖 （已经安装上了 ， 但在package.json 中没有，不能通过npm i 安装） npm install 依赖 --save （已安装，依赖包的名称在package.json的
阅读全文
摘要：在多个含有异步操作的函数之间有依赖关系时，为清晰的展示依赖关系，建议使用如下方法。 当then方法返回一个新的Promise实例（注意，不是原来那个Promise实例）。可以采用链式写法，即then方法后面再调用另一个then方法 如果采用箭头函数，上面的代码可以写得更简洁。
阅读全文
摘要：1.delete delete是删除对象的属性没有任何剩菜剩下的唯一真正的方法，但它的工作比其“替代”设置慢100倍 object[key] = undefined delete 操作符会从某个对象上移除指定属性。成功删除的时候回返回 true，否则返回 false。但是，以下情况需要重点考虑： 如
阅读全文
摘要：判断一个对象是否为空对象，本文给出三种判断方法： 1.最常见的思路，for...in... 遍历属性，为真则为“非空数组”；否则为“空数组 2.通过 JSON 自带的 stringify() 方法来判断: JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串
阅读全文
摘要：JS如何从一个数组中随机取出一个元素或者几个元素。 假如数组为 1.从数组items中随机取出一个元素 2.从前面的一篇随机数组中随机取几个元素
阅读全文
摘要：一、大家都知道 jQuery有个 trigger 方法，可以触发被选元素的指定事件类型。 那么在原生js中怎么实现 trigger 的方法呢？首先上代码： 二、如果我想在不实际改变浏览器窗口大小的情况下触发 window的 resize 事件可不可以呢？（虽然听起来有些变态，但是有时候你需要重绘图表
阅读全文
摘要：1 含义 扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 该运算符主要用于函数调用。 上面代码中，array.push(...items)和add(...numbers)这两行，都是函数的调用，它们的都使用了扩展运算符。该运算符
阅读全文
摘要：组件的数据来源，通常是通过 Ajax 请求从服务器获取，可以使用 componentDidMount 方法设置 Ajax 请求，等到请求成功，再用 this.setState 方法重新渲染 UI 然后浏览器报了这样一个错 this.IsMounted() is not a function 对比了一
阅读全文
摘要：一、命名规范 1 .变量： 小驼峰式（小写字母开始，后续每个单词首字母都大写） 命名：前缀应当是名词。(函数的名字前缀为动词，以此区分变量和函数) 建议：尽量在变量名字中体现所属类型，如:length、count等表示数字类型；而包含name、title表示为字符串类型。 多个变量声明 用一个 va
阅读全文
摘要：一、数组的深浅拷贝 在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，那么我们只要更改其中的任何一个，然后其他的也会跟着改变，这就导致了问题的发生。 像上面的这种直接赋值的方式就是浅拷贝，很多时候，这样并不是我们想要得到的结果，其实我
阅读全文
摘要：一、getComputedStyle getComputedStyle 是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。 语法如下： Gecko 2.0 (Firefox 4 / Thunderbir
阅读全文
摘要：一句话总结：用WebStorm自带的File Watcher功能+Babel实现自动转换ECMAScript 6代码为ES5代码 1. 新建一个Empty Project，然后在src目录下新建了一个main.js； // 这一步不是必须的 只是刚上手的话 从空项目开始自己配置会少很多干扰 2. 进
阅读全文
摘要：一、如果循环时间 等于 过程动画时间： 二、如果循环时间 与 动画时间 不相等 每次小方块碰到边缘的时候，都会损失掉一部分时间，而且帧率越低的损失越大 转载于：http://www.w3cplus.com/animation/javascript-animation-algorithm-based-
阅读全文
摘要：前言 在做时间转换的时候，发现用“2016-04-12”转出来的时间戳是 2016-04-12 08:00的时间点，而不是0点。 最后发现，如果将日期格式换成“2016/04/12”，则正常换算成0点。 概述 Date对象是JavaScript提供的日期和时间的操作接口。它有多种用法。 JavaSc
阅读全文
摘要：1、定义全局变量 处理： 2、在src后面传参 处理： 3、检索js文件（js文件要最后引入） 处理： 4、设置其他属性 处理：
阅读全文
摘要：创建XMLHttpRequest对象 与之前众多DOM操作一样,创建XHR对象也具有兼容性问题:IE6及之前的版本使用ActiveXObject,IE7之后及其它浏览器使用XMLHttpRequest 不但IE6及其之前的版本将XHR作为一个ActiveXObject运行,而且还存在众多版本:一开始
阅读全文
摘要：function urlparameterforkey(name) { //读取html 数据 var decodeStr = window.location.search.substr(1); //待处理的字符串 var patt = new RegExp(name); //要查找的字符串 if
阅读全文
摘要：代码如下： 其中 由于jQuery 1.9.0 以上版本 jquery去掉了对 $.browser 的支持,采用$.support 来判断浏览器类型。导致之前的很多插件报错 "Uncaught TypeError: Cannot read property 'msie' of undefined".
阅读全文
浙公网安备 33010602011771号