- 博客(13)
- 收藏
- 关注
原创 Vuejs2.0学习之二(Render函数,createElement,vm.$slots,函数化组件,模板编译,JSX)
时隔一周多,因为一些别的事情绊住了,下面接着写。中间这段时间也有看官方文档,发现正如他所说90%的基础内容都一样,所以这里直接跳到我比较关注的东东上,要是想看看哪些不一样,可以参考这个http://vuefe.cn/guide/migration.html,表明了基础内容上发生了哪些变化。直接来到进阶部分,过渡动画的过了一遍,大概讲述在dom发生变化时可以伴随的动画效果。不看了,后面用到再来看,更...
2018-05-17 18:39:10
543
原创 正则表达式-正则表达式的元字符
元字符是使用正则表达式不同于普通字符的地方,也是正则表达式能够发挥强大作用、具有强大表达能力的法宝。那么什么是元字符呢?元字符是一些在正则表达式中有特殊用途、不代表它本身字符意义的一组字符。利用元字符,我们可以控制字符串匹配的方式,例如:只在每一行的开始或结束位置匹配指定的模式,匹配固定距离的子串,匹配不出现的字符等等。如果要在正则表达式中使用元字符本身的意义,例如:如果想搜索字符串中的?,那么需...
2018-05-07 17:42:51
377
原创 javascript对象总结
在js中有七种数据类型:undefined, null, Boolean, Number, String, 对象, Symbol (es6)。 最近对js中的对象有了更清晰的了解,下面来总结一下:1.对象都有自己的私有属性//json有自己的私有属性var json =new Object();json.a = 20;console.log(json.a); //20//变量(不是对象)...
2018-04-20 10:55:35
415
1
原创 React虚拟DOM浅析
在Web开发中,需要将数据的变化实时反映到UI上,这时就需要对DOM进行操作,但是复杂或频繁的DOM操作通常是性能瓶颈产生的原因,为此,React引入了虚拟DOM(Virtual DOM)的机制。一、什么是虚拟DOM?在React中,render执行的结果得到的并不是真正的DOM节点,结果仅仅是轻量级的JavaScript对象,我们称之为virtual DOM。虚拟DOM是React的一大亮点,具...
2018-04-19 17:28:47
315
2
转载 babel的plugins和presets解析
babel可以将当前运行平台(浏览器、node服务器)尚不支持的下一代或几代js语法编译为当前支持的js语法版本,比如可以把es6 es7和es8的js代码编译为es5的代码。 需要明确的几个概念: es2015 === es6es2016 === es7es2017 === es8 plugin: babel的插件,在6.x版本之后babel必需要配合插件来进行工作preset: babel插...
2018-04-19 17:26:31
904
1
原创 深入理解 Vue Computed 计算属性
Computed 计算属性是 Vue 中常用的一个功能,但你理解它是怎么工作的吗?拿官网简单的例子来看一下:<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"
2018-04-19 17:23:46
1043
原创 ES6之let,const和块级作用域
var 第一个就是作用域的问题,var不是针对一个块级作用域,而是针对一个函数作用域。举个例子:function runTowerExperiment(tower, startTime) { var t = startTime; tower.on("tick", function () { ... code that uses t ... }); ... more cod...
2018-04-19 17:17:02
262
原创 知道这20个正则表达式,能让你少写1,000行代码
正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/; var r...
2018-04-19 17:13:56
262
转载 webpack打包原理和manifest文件分析
打包工具要解决的问题:文件依赖管理 梳理文件之间的依赖关系资源加载管理 处理文件的加载顺序(先后时机)和文件的加载数量(合并、嵌入、拆分)效率与优化管理 提高开发效率,完成页面优化webpack是一个现代Javascript应用的打包工具。它采用tool+plugins的结构。tool提供基础能力,即文件依赖管理和资源加载管理;在此基础上通过一系列的plugins来丰富打包工具的功能。在webpa...
2018-04-19 17:07:14
1694
原创 移动端解决300ms延时
在移动端的web上存在这样一个问题:你给某个元素绑定上click事件,当你点击这个元素的时候,事件将在300ms之后才得以执行。这就是所谓的300ms延时问题。在若干年前300ms可能用户不会怎么介意,但是在如今的形势下,300ms显然已经会让用户感觉到明显的迟钝了,所以这个问题必须得解决。解决方案之:Hammer.js上面的连接提供了若干种的解决方案。不过,目前我用的是:Hammer.jsHam...
2018-04-19 16:58:05
1452
原创 JavaScript是多线程还是单线程?
多线程要考虑线程之间的资源抢占,死锁,冲突之类一系列问题。JavaScript作为一门客户端脚本,貌似没有多线程的一些列问题。那么JavaScript是单线程还是多线程?通过查资料总结了JavaScript运行的原理。如下:一、为什么JavaScript是单线程?JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么JavaScript不能有多个线程呢?这样能...
2018-04-19 16:54:28
31070
9
原创 浅谈http报文与请求体格式
四种常见的 POST 提交数据方式HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据,本文主要讨论 POST 提交数据的几种方式。我们知道,HTTP 协议是以 ASCII 码传输,建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部...
2018-04-19 16:43:18
2185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人