Bebal配置说明 { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], &quo
javaScript 在浏览器端是如何运行的（一） 声明：该系列文章致力于详尽挖掘js，html，css在浏览器是如何工作的，不为别的，不弄清楚源头，感觉如同无根之萍，本人能力有限，希望路过的大神能指导一下，不胜感激。开始......第一步：当一个页面产生时浏览器就创建了一个window对象，他也有一个比较官方的说法：全局执行环境，所有的全局变量和函数都属于window的属性和方法，当关闭网页或者关闭浏览器时，全局执行环境才会被销毁，包括其...
再一次记录一下call，apply，bind 这个话题也是老生常谈，直接进入正题：1、call()方法：定义：Function.call(obj,param1,param2....paramn),其中obj将代替Function对象中的this，param则作为为Function的参数。理解：obj将代替Function对象中的this，或者说Function对象中的this指向obj，或者说将Function放到了obj环境中。例子：fun...
再一次记录一下JS中的this 这个老生常谈的话题，让我得出一个结论：语言这种东西，必须经常使用才能熟能生巧，比如汉语，从生下来就开始接触，接触到现在是不是感觉炉火纯青，就单单一个“卧槽”，包含多少种意思就不多说了吧。同理，现在我又回来整理this了。题外话了，开始整理：1、普通函数中的例子：function a(){ let b = '我在这' console.log(this.b) //undefined con...
详解js中的apply与call的用法 前言call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。call 和 apply二者的作用完全一样，只是接受参数的方式不太一样。 方法定义applyFunction.apply(obj,args)方法能接收两个参数：obj：这个对象将代替Function类里this对象args：这个是数组或类数组，apply...
isPrototypeOf和instanceOf的区别 instanceOf 用于检查对象是否是某个构造函数(类型)的实例<script> var arr = [1,2,3]; console.log(arr instanceof Array); //true console.log(Array instanceof Object); //true console.log(arr instan...
UTF-8的前世今生 很久很久以前，有一群人，他们决定用8个可以开合的晶体管来组合成不同的状态，以表示世界上的万物。他们看到8个开关状态是好的，于是他们把这称为”字节“。再后来，他们又做了一些可以处理这些字节的机器，机器开动了，可以用字节来组合出很多状态，状态开始变来变去。他们看到这样是好的，于是它们就这机器称为”计算机“。开始计算机只在美国用。八位的字节一共可以组合出256(2的8次方)种不同的状态。 他们把其中的编...
一个 Vue 页面的内存泄露分析 什么是内存泄露？内存泄露是指new了一块内存，但无法被释放或者被垃圾回收。new了一个对象之后，它申请占用了一块堆内存，当把这个对象指针置为null时或者离开作用域导致被销毁，那么这块内存没有人引用它了在JS里面就会被自动垃圾回收。但是如果这个对象指针没有被置为null，且代码里面没办法再获取到这个对象指针了，就会导致无法释放掉它指向的内存，也就是说发生了内存泄露。为什么代码里面会拿不到这个对象指...
系统而全面的介绍Vue.2.x内置动画transition的使用 1、初级使用<!-- v-if换成v-show也可 --><div id="app"> <transition name="fade"> <h1 v-if = "is_show">你好！</h1> </transition> <button
js判断变量类型的五种方法 常用的变量类型有11种：Number,String,Boolean,Object,Array,Json,Function,undefined,Null,Date,RegExp,Error1、使用typeof能判断出四种，分别是number，string，boolean，object，剩余的均被检测为object2、使用instanceof，根据instanceof的定义：判断参照对象的protot...
es6的一些技巧总结（2） 1、对象 (1)简洁表示法let foo = 'bar';let baz = {foo}//{foo:'bar'}function f(x,y){ return {x,y}//{x:x,y:y}}let o = { method(){}}(2)属性名表达式let key = 'foo'let o = { [key]:123, ['a'+'b']:123}(3)o...
关于promise的理解 原文：点击打开链接相信凡是写过javascript的童鞋也一定都写过回调方法（callback），简单说回调方法就是将一个方法func2作为参数传入另一个方法func1中，当func1执行到某一步或者满足某种条件的时候才执行传入的参数func2，例如下面的代码段// 当参数a大于10且参数func2是一个方法时 执行func2function func1(a, func2) { if (...
理解 JavaScript 的 async/await 原创来自https://segmentfault.com/a/1190000007535316随着 Node 7 的发布，越来越多的人开始研究据说是异步编程终级解决方案的 async/await。我第一次看到这组关键字并不是在 JavaScript 语言里，而是在 c# 5.0 的语法中。C# 的 async/await 需要在 .NET Framework 4.5 以上的版本中使用，因此我还很悲...
ES6关于Promise的用法 原创请见 https://segmentfault.com/a/1190000011652907Node的产生，大大推动了Javascript这门语言在服务端的发展，使得前端人员可以以很低的门槛转向后端开发。当然，这并不代表迸发成了全栈。全栈的技能很集中，绝不仅仅是前端会写一些HTML和一些交互，后台熟悉数据库的增删查改。想必接触过Node的人都知道，Node是以异步(Async)回调著称的，其异...
es6的一些技巧总结(1) 1、对象解构(1)删除不需要的属性let {a,b,...c} = {a:1,b:2,ele1:3,ele2:4,ele3:5}console.log(c)//{ele1:3,ele2:4,ele3:5}(2)获取需要的属性
项目中常用的工具方法 const acmTools = { //页面滚动到顶部 upTop: function() { $('body,html').animate({ scrollTop: 0 }, 50); }, //判断一个对象是否为空;空对象返回ture isNullObj: function(obj) { return (Object.prototype...
利用localStorage实现跨窗口的sessionStorage 基于用户基本数据安全性，综合localStorage与sessionStorage的部分优点，实现跨窗口的sessionStorage。核心是利用storage事件实时监听webStroage中的数据(()=> { //入口，用于触发核心事件 if (!sessionStorage.length) { localStorage.setItem('getSession', Da...
总结一些css技巧（个人习惯） 1、html,body{font-size:62.5%} px改为rem相对单位，利于不同屏幕的适配2、css空心三角(方向自行调整)：.sanjiao{ position: relative; height: 0px; width: 0px; border-top: 90px solid transparent; border-right: 100px solid bl...
关注
