自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端技术分享

对酒当歌,人生几何! 譬如朝露,去日苦多。 慨当以慷,忧思难忘。 何以解忧?唯有杜康。 青青子衿,悠悠我心。 但为君故,沉吟至今。 呦呦鹿鸣,食野之苹。 我有嘉宾,鼓瑟吹笙。 明明如月,何时可掇? 忧从中来,不可断绝。

  • 博客(13)
  • 收藏
  • 关注

原创 Vuejs2.0学习之二(Render函数,createElement,vm.$slots,函数化组件,模板编译,JSX)

时隔一周多,因为一些别的事情绊住了,下面接着写。中间这段时间也有看官方文档,发现正如他所说90%的基础内容都一样,所以这里直接跳到我比较关注的东东上,要是想看看哪些不一样,可以参考这个http://vuefe.cn/guide/migration.html,表明了基础内容上发生了哪些变化。直接来到进阶部分,过渡动画的过了一遍,大概讲述在dom发生变化时可以伴随的动画效果。不看了,后面用到再来看,更...

2018-05-17 18:39:10 528

原创 正则表达式-正则表达式的元字符

元字符是使用正则表达式不同于普通字符的地方,也是正则表达式能够发挥强大作用、具有强大表达能力的法宝。那么什么是元字符呢?元字符是一些在正则表达式中有特殊用途、不代表它本身字符意义的一组字符。利用元字符,我们可以控制字符串匹配的方式,例如:只在每一行的开始或结束位置匹配指定的模式,匹配固定距离的子串,匹配不出现的字符等等。如果要在正则表达式中使用元字符本身的意义,例如:如果想搜索字符串中的?,那么需...

2018-05-07 17:42:51 354

原创 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 403 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 309 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 896 1

原创 深入理解 Vue Computed 计算属性

Computed 计算属性是 Vue 中常用的一个功能,但你理解它是怎么工作的吗?拿官网简单的例子来看一下:<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}&quot

2018-04-19 17:23:46 1040

原创 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 251

原创 知道这20个正则表达式,能让你少写1,000行代码

正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/; var r...

2018-04-19 17:13:56 257

转载 webpack打包原理和manifest文件分析

打包工具要解决的问题:文件依赖管理 梳理文件之间的依赖关系资源加载管理 处理文件的加载顺序(先后时机)和文件的加载数量(合并、嵌入、拆分)效率与优化管理 提高开发效率,完成页面优化webpack是一个现代Javascript应用的打包工具。它采用tool+plugins的结构。tool提供基础能力,即文件依赖管理和资源加载管理;在此基础上通过一系列的plugins来丰富打包工具的功能。在webpa...

2018-04-19 17:07:14 1642

原创 移动端解决300ms延时

在移动端的web上存在这样一个问题:你给某个元素绑定上click事件,当你点击这个元素的时候,事件将在300ms之后才得以执行。这就是所谓的300ms延时问题。在若干年前300ms可能用户不会怎么介意,但是在如今的形势下,300ms显然已经会让用户感觉到明显的迟钝了,所以这个问题必须得解决。解决方案之:Hammer.js上面的连接提供了若干种的解决方案。不过,目前我用的是:Hammer.jsHam...

2018-04-19 16:58:05 1434

原创 JavaScript是多线程还是单线程?

多线程要考虑线程之间的资源抢占,死锁,冲突之类一系列问题。JavaScript作为一门客户端脚本,貌似没有多线程的一些列问题。那么JavaScript是单线程还是多线程?通过查资料总结了JavaScript运行的原理。如下:一、为什么JavaScript是单线程?JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么JavaScript不能有多个线程呢?这样能...

2018-04-19 16:54:28 30891 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 2176

原创 本人介绍

大家好,我是一名前端工程师,喜欢做一些技术分享,希望大家喜欢

2018-04-19 10:43:45 267

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除