amooooooo-CSDN博客

转载显微镜下的webpack4：灵魂tapable，终于搞懂钩子系列！

简介大家在看webpack源码的时候，有没有感觉像再看天书，似乎没有办法一个文件比如webpack.js从头看到尾。感觉webpack的跳跃性很强，完全不知道程序在运行的时候，发生了什么。完全不清楚这个事件是什么时候发生的，比如loader是什么时候执行的，plugin又是什么时候出现的。webpack的程序错综复杂，完全迷失在程序之中。这究竟是为什么呢？其实很简单！因为webpack的灵魂T...

2019-07-18 09:59:22 293

转载浅谈JavaScript 数据属性和访问器属性

在JavaScript中对象被定义为"无序属性的集合，其属性可以包含基本值、对象或函数。"通俗点讲，我们可以把对象理解为一组一组的名值对，其中值可以是数据或函数。创建自定义对象通常有两种方法，第一种就是创建一个Object的实例，然后再为其添加属性和方法，例如：var person = new Object(); person.name = "Scott"; person.age = 24...

2019-06-04 15:16:22 272

转载 Node.js中的child_process模块详解

本文主要给大家介绍了关于Node.js中child_process模块的相关内容，在介绍child_process模块之前，先来看一个例子。const http = require(‘http’);const longComputation = () => {let sum = 0;for (let i = 0; i < 1e10; i++) {sum += i;};re...

2019-05-15 11:55:08 18323 2

转载 Vuex核心原理

如图示，Vuex为Vue Components建立起了一个完整的生态圈，包括开发中的API调用一环。围绕这个生态圈，简要介绍一下各模块在核心流程中的主要功能：• Vue Components：Vue组件。HTML页面上，负责接收用户操作等交互行为，执行dispatch方法触发对应action进行回应。• dispatch：操作行为触发方法，是唯一能执行action的方法。• actions：操作...

2019-04-17 14:51:12 8114

转载剖析Vue原理&实现双向绑定MVVM

本文能帮你做什么？1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现，本文相关代码主要摘自vue源码, 并进行了简化改造，相对较简陋，并未考虑到数组的处理、数据的循环依赖等，也难免存在一些问题，欢迎大家指正。不过这些并不会影响大家的阅读和理解，相信看完本文后对大家在阅读vue源码的时候会更有帮助<本文所有相关代码均在gith...

2019-03-19 14:55:41 170

转载 offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX

offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）offsetHeight //返回元素的高度（包括元素高度、内边距和边框，不包括外边距）clientWidth //返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距）clientHeight //返回元素的高度（包括元素高度、内边距，不包括边框和外边距...

2018-11-27 14:16:38 137

转载 js常见的封装

js常见的封装//----------------------------解决兼容性方法------------------------------------------------------------//获取元素的计算后样式属性function getStyle(element, attr) {if(element.currentStyle) {return element.cu...

2018-11-27 13:11:11 1416 1

转载封装的一些原生js兼容性的写法

获取滚动条的滚动距离function getScrollOffset(){if(window.pageXOffset){return {x:window.pageXOffset,y:window.pageYOffset}}else{return {x:document.body.scrollLeft + document.documentElement.scrollLeft,y...

2018-11-27 13:08:22 706

转载全面理解Javascript闭包和闭包的几种写法及用途

一、什么是闭包和闭包的几种写法和用法1、什么是闭包闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点：　　1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。　　2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。　　简单的说，Javascript允许使用内部函数—即函数定义和函数表...

2018-11-15 10:55:33 165 1

转载 JS的Document属性和方法

document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document.vlinkColor //已点击过的链接颜色d...

2018-11-15 10:53:10 1223

原创 javaScript浏览器兼容性问题总结

1.HTML对象获取问题FireFox：document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”).解决办法：统一使用document.getElementById(“idName”);2.const问题说明:Firefox下,可以使用const关键字或var关键字来定义常...

2018-11-14 12:06:48 4871

转载 JavaScript ES6 规范

ES6 简介ECMAScript 6 简称 ES6，是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript 和 JavaScript 的关系：前者是后者的语法规格，后者是前者的一种实现Babel：将ES6代码转为ES5代码 http://babeljs.io...

2018-11-14 12:00:09 145

转载 JS中Date对象的常用方法

一共有十个常用的 &nbsp;下面列举出来1.new Date(); &nbsp;这个也是必须的如果用到时间的话2.getFullYear(); 获取当前年份3.getMonth(); 获取当前的月份 &nbsp;但是月份是从0-11算的所以获取到的月份需要+14.getHours();获取当前小时5.getDate();获取当前日期6.getMinutes();获取当前分钟7.g...

2018-11-14 11:56:44 1797

转载 js中Object对象常用方法和属性

1、属性Object.prototype.writable：默认为falseObject.prototype.enumerable：默认为falseObject.prototype.configurable：默认为falseObject.prototype.constructor：用于创建一个对象的原型。2、常用方法Object.assign(target,source1,source...

2018-11-14 11:53:54 2981

转载 JavaScript中call,apply,bind方法的总结

why？call,apply,bind干什么的？为什么要学这个？一般用来指定this的环境，在没有学之前，通常会有这些问题。复制代码var a = {user:“追梦子”,fn:function(){console.log(this.user);}}var b = a.fn;b(); //undefined复制代码我们是想打印对象a里面的user却打印出来undefined...

2018-11-14 11:42:50 91

转载 javascript的offset、client、scroll使用方法详解

offsetTop 指元素距离上方或上层控件的位置，整型，单位像素。offsetLeft 指元素距离左方或上层控件的位置，整型，单位像素。offsetWidth 指元素控件自身的宽度，整型，单位像素。offsetHeight 指元素控件自身的高度，整型，单位像素。网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientH...

2018-11-14 11:08:31 447

转载 JS中String对象的常用方法

1、charCodeAt方法返回一个整数，代表指定位置字符的Unicode编码。strObj.charCodeAt(index)说明：index将被处理字符的从零开始计数的编号。有效值为0到字符串长度减1的数字。如果指定位置没有字符，将返回NaN。例如：var str = “ABC”;str.charCodeAt(0);结果：652、fromCharCode方法从一些Unicod...

2018-11-14 11:05:41 417

转载 js数组方法大全

JavaScript中创建数组有两种方式（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array(“lily”,“lucy”,“Tom”); // 创建一个包含3个字符串的数组（二）使用数组字面量表示法：var arr4 ...

2018-11-14 11:01:35 141

转载 document.compatMode介绍

对于document.compatMode，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode的使用，感觉这个对于我们开发兼容性的web页面还是很有帮助，我们都知道，IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，...

2018-11-14 10:58:51 169

转载 JS中常见原生DOM操作API

几种对象NodeNode是一个接口，中文叫节点，很多类型的DOM元素都是继承于它，都共享着相同的基本属性和方法。常见的Node有 element，text，attribute，comment，document 等（所以要注意节点和元素的区别，元素属于节点的一种）。Node有一个属性 nodeType 表示Node的类型，它是一个整数，其数值分别表示相应的Node类型，具体如下：{...

2018-11-13 09:47:47 197

大白与小白