- 博客(26)
- 收藏
- 关注
转载 Vue双向绑定原理,教你一步一步实现双向绑定
当今前端天下以 Angular、React、vue 三足鼎立的局面,你不选择一个阵营基本上无法立足于前端,甚至是两个或者三个阵营都要选择,大势所趋。所以我们要时刻保持好奇心,拥抱变化,只有在不断的变化中你才能利于不败之地,保守只能等死。最近在学习 Vue,一直以来对它的双向绑定只能算了解并不深入,最近几天打算深入学习下,通过几天的学习查阅资料,算是对它的原理有所认识,所以自己动手写了...
2019-09-20 10:58:08
151
转载 理解和使用ES6中的Symbol
ES6中引入了一种新的基础数据类型:Symbol,不过很多开发者可能都不怎么了解它,或者觉得在实际的开发工作中并没有什么场景应用到它,那么今天我们来讲讲这个数据类型,并看看我们怎么来利用它来改进一下我们的代码。这是一种新的基础数据类型(primitive type)Symbol是由ES6规范引入的一项新特性,它的功能类似于一种标识唯一性的ID。通常情况下,我们可以通过调用Symbol()函数来...
2019-09-20 10:36:13
119
转载 v-if与v-show二者性能比较
先来说说v-ifv-if:根据表达式的值在DOM中生成或者移除一个元素,值是false就会在DOM中删除,反之会克隆相应元素到DOM中支持加在标签上再说说v-showv-show是根据表达式的值来显示或者隐藏元素,根据的是display的值不支持加在标签上划重点在切换v-if的时候,vue内部有一个局部编译/卸载的过程。因为v-if可能是数据绑定或者子组件。v-if是真真正正的条件...
2019-09-20 10:24:52
345
转载 ES6——解构赋值
解构赋值解构赋值主要分为对象的解构和数组的解构,在没有解构赋值的时候,我们赋值是这样的let arr = [0,1,2]let a = arr[0]let b = arr[1]let c = arr[2]这样写很繁琐,那么我们有没办法既声明,又赋值,更优雅的写法呢?肯定是有的,那就是解构赋值,解构赋值,简单理解就是等号的左边和右边相等。一、数组的解构赋值let arr = [0,...
2019-08-30 16:38:06
141
转载 【JavaScript】arguments.callee的作用及替换方案
<div class="article-copyright"> <span class="creativecommons"> <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"> ...
2019-08-30 08:57:34
128
转载 js字符串的存储方式及方法charAt(),charCodeAt(),codePointAt()用法总结
JavaScript 内部,字符以 UTF-16 的格式储存,每个字符固定为2个字节。对于那些需要4个字节储存的字符(Unicode 码点大于0xFFFF的字符),JavaScript 会认为它们是两个字符。1、charAt() 方法可返回指定位置的字符。但是charAt()一次只能返回一个字节,但是不管是英文还是中文一个字符都是两个自己组成的(Unicode编码)stringObject....
2019-08-28 09:42:29
647
转载 对象引用、浅层拷贝与深层拷贝的区别
**在JS中,一般的=号传递的都是对象/数组的引用,并没有真正地拷贝一个对象,那如何进行对象的深度拷贝呢?如果你对此也有疑问,这篇文章或许能够帮助到你**一、对象引用、浅层拷贝与深层拷贝的区别**js的对象引用传递理解起来很简单,参考如下代码:**var a = {name:'wanger'}var b = a ;a===b // trueb.name = 'zhangsan'...
2019-08-27 16:46:55
363
转载 查看项目或全局都安装了那些模块
指令1:npm list --depth=0–depth 表示深度,我们使用的模块会有依赖,深度为零的时候,不会显示依赖模块这个指令可以用来 显示 出我们的项目中安装了哪些模块,其实就是 package.json 文件中 的 dependencies 和 devDependencies 的和PS C:\Users\by\Desktop\jsPang\awesomePos> npm ...
2019-08-27 16:42:04
1284
转载 为什么要用webpack
简单讲讲我与前端的故事吧。刚接触前端时,所有静态资源CSS、图片和JS都是手动引入HTML页面中,这并没有什么不好,想要什么就引入什么嘛。另外,所见即所得,开发好的项目文件直接就可以上传服务器,很方便,因此这样的开发方式一直持续到前不久,也就是开始正式使用Webpack之前。渐渐地,我开始感觉到jQuery虽然很好用,但是维护起来不是很方便,就是所谓的开发一时爽,维护起来真要命。杂乱无章的代码...
2019-08-26 18:24:44
191
转载 模块化三种规范的对比
当一个网站复杂度较高需要多人协作开发时,传统的非模块化编程模式容易导致代码冲突和依赖等问题,而模块化编程的诞生正是为了解决此类问题。然而,在ES6之前,原生JavaScript是不支持模块化的,因此就出现了一系列的JavaScript库来实现此功能,这些库主要遵循以下三种规范:① CommonJS② AMD③ CMD接下来我就粗略地讲讲这三种规范。一、CommonJS规范关键词: m...
2019-08-26 18:21:52
197
转载 node.js path相关方法
在搭建ES6环境需要自己写gulpfile.js配置时,发现里面用到了node.js中的一部分内容——path。配置中有这样一行代码:const from = path.join(_dirname, ‘./appes6/js’); //d:/Users/xxchi/Desktop/ES6/appes6/js这是什么意思呢?1、const ES6语法声明一个不可以改变的只读常量from。...
2019-08-24 10:32:33
242
转载 import和require的区别
require / exports :遵循 CommonJS/AMD,只能在运行时确定模块的依赖关系及输入/输出的变量,无法进行静态优化。用法只有以下三种简单的写法:const fs = require('fs')exports.fs = fsmodule.exports = fsimport / export:遵循 ES6 规范,支持编译时静态分析,便于JS引入宏和类型检验。动态...
2019-08-24 10:30:57
133
转载 Node.js中的常用工具类util
util是一个Node.js核心模块,提供常用函数的集合,用于弥补JavaScript的功能的不足,util模块设计的主要目的是为了满足Node内部API的需求。其中包括:格式化字符串、对象的序列化、实现对象继承等常用方法。要使用util模块中的方法,只需require(‘util’)引入即可。1格式化输出字符串:util.format(format[, …])根据第一个参数,返回一个格式化字...
2019-08-22 16:17:00
595
转载 Nodejs核心模块
(1)全局对象在浏览器JS中,通常window是全局对象,而nodejs中的全局对象是global,所有全局变量都是global对象的属性。在nodejs中能够直接访问到的对象通常都是global的属性,如console、 process等全局对象与全局变量global最根本的作用是作为全局变量的宿主。全局变量的条件:在最外层定义的变量;全局对象的属性;隐式定义的变量(未定义直接赋值的...
2019-08-22 16:06:51
220
转载 vue学习五之绑定class、v-bind:style(对象语法、数组语法))
文章目录绑定 HTML Class内联样式在模板里内联样式不在模板里绑定返回对象的计算属性数组语法class 列表class 列表使用三元表达式class 列表使用对象语法class 综合练习用在组件上绑定内联样式v-bind:style绑定 HTML Class我们可以传给 v-bind:class 一个对象,以动态地切换 class:内联样式在模板里 <di...
2019-08-22 16:02:53
739
转载 Vue核心技术-1,认识Vue,js
一,前言之前写过一套AngularJs的教程,由于种种原因最终没有更新上来,现在Angular没落Vue崛起了,这次就直接写到博客这套Vue教程也将采用和Vue一样的"渐进式"方式进行更新初期以覆盖Vue核心知识点为主,后续逐渐对相关知识点进行扩充和完善主要的扩充和完善将以Vue书中作者的独到见解,Vue面试相关,Vue核心功能源码分析,实际开发应用及Vue生态圈等为方向总之,这是...
2019-08-21 10:16:01
136
转载 Jquery的parent和parents(找到某一特定的祖先元素)
关于Jquery的parent和parentsparent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。可以看出parent取的很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子说明:<div id='div1'><...
2019-08-21 10:12:24
673
转载 js中delete详解
s有自己的垃圾回收机制,因此delete用的时候不是很多,但是了解一下也还是有好处的。如果删除成功,返回true;反之,false;如果试图删除不存在的变量, delete不会起任何作用(废话),但是返回true;delete只能删除对象自己的属性,不能删除其原型链上的属性function Person () {this.name = 'jim';}Person.prototype....
2019-08-21 10:09:57
396
转载 display:table-cell
一、display:table-cell属性简述display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的,但是IE6/7只能对你说sorry了,这一事实也是大大制约了display:table-cell属性在实际项目中的应用(写于2016年8月24日:时代在变,当下,是时候登上舞台了)。我们都知道,单元格有一些比...
2019-08-19 19:37:01
511
转载 移动端web轮播图,包括触摸左右滑动切换效果
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/liangtaox8/article/details/99654059移动端web轮播图,包括触摸左右滑动切换效果版权声明:本文为CSDN博主「拾掇时光的印记」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本...
2019-08-16 10:42:59
1249
1
转载 Markdown基本语法
原文链接:https://www.jianshu.com/p/191d1e21f7edMarkdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。相比WYSIWYG编辑器优点:1、因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。2、操作简单。比如:WYSIWYG编辑时标记个标题,先选中内容...
2019-08-14 11:32:53
130
转载 Github代码常用指令
原文链接:https://blog.csdn.net/qq_43634001/article/details/98473100下面是我比较经常用得Github常用的指令。一. 初始化仓库上交文件相关操作git init 初始化一个Git仓库git add 添加文件到缓存git add . 添加所有文件git commit -m“注释” 上传git push-u origin mas...
2019-08-13 17:22:38
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人