- 博客(24)
- 收藏
- 关注
RSS订阅原创 Web客户端储存Storage
Web客户端储存Storage前言:这里有我写的一个小案例：Storage-demo大家如果喜欢的可以clone，fork 最好能收藏一下。Web Storage出现是为了客服cookie带来的一些限制，当数据需要被严格控制在客户端山过得时候，无需持续的将数据发回服务器—《JavaScript高级程序设计》applicationCache对象可以查看页面是否有缓存cookie这里我们...
2019-01-23 21:18:03
274
原创 Vue实现流程-模版解析(二)
Vue模版解析首先我们来写一个Vue的todo-list<!-- HTML --><div id="app"> <div> <input type="text" v-model="title">
2019-01-23 03:05:36
604
原创 Vue 实现流程-响应式原理(一)
Vue响应式原理vue实现响应式原理的核心是Object.defineProperty。因为Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器。当我们将一个普通的Javascript对象传给实例的data选项，Vue会遍历此对象的所有属性，并且使用Object.defineProperty把这些属性全...
2019-01-23 03:04:43
1207
原创 Vue 实现流程(三)
Vue 实现流程首先拔一张官方的图VUE-IMG解析模版为render函数,返回vnode<!-- HTML --><div id="app"> <div> <input type="text" v-model="title"> <button @click=&quo
2019-01-23 03:03:43
3856
原创 Promise 基本语法
Promise 基本语法Promise为何出现？为了解决callback HellPromise的状态promise有三种状态:pending （初始化状态）fulfilled （成功）rejected （失败）Promise对象的状态改变，只有两种可能：从pending变为resolved、从pending变为rejected,之后状态不会在改变了且状态不可逆。Promis...
2019-01-20 21:21:24
5270
原创 异步Promise历史jQuery-deferred
异步 Promise 之 jQuery-deferred这之前我们都在用ES6的Promise,但是我们知道Promise的历史么,和他的前世今生。一样技术（标准）的出生往往是是能解决我们身边一些问题在慢慢的孕育而生的。jQuery-deferredES2015才加入Promise,但是在jQuery 1.5版本的时候就有了.then的写法了，慢慢的成为了JS的标准jQuery 1.5版本...
2019-01-20 09:20:15
198
原创 JavaScript单线程与异步
单线程和异步 Event Loop1.单线程什么是单线程？和异步有什么关系单线程:就是在同一时间只能做一件事情。为什么使用单线程？为了避免DOM渲染的冲突。（因为浏览器需要渲染DOM,JS也可以修改DOM,一个渲染节点另一个把节点删除了,那到底怎么弄）HTML5 提出 websorker支持多线程，但是也不能访问DOM从这方面来说也验证了这个说法。(JS执行浏览器DOM渲染暂停)也...
2019-01-20 09:17:46
466
原创 虚拟DOM（二）
虚拟DOM(二)应用核心API和diff算法如何使用虚拟DOM这里我们使用snabbdom来演示snabbdom[snabbdom]https://github.com/snabbdom/snabbdomsanbbdom 中有一个lnline examplevar snabbdom = require('snabbdom');var patch = snabbdom.init([ //...
2019-01-20 00:20:55
196
原创 虚拟DOM（一）
虚拟DOM（一）二、什么是虚拟DOM,为什么要使用虚拟DOM首先:虚拟DOM(vdom) 就是用JS来模拟DOM结构的树形结构。JS模拟DOM结构 <ul id='list'> <li class='item'>Item 1</li> <li class='item'>Item 2</li> </ul&...
2019-01-20 00:19:34
1663
原创 Javascript的Data类型
Date类型以毫秒的格式计算当前时间到1970年1月1日的时间差需要调用构造函数来创建一个日期对象var now = new Date();Date.now()返回调用这个方法时的日期和时间:所以我们可以来检测doSomething用了多久时间//取得开始时间var start = Date.now();//doSomethingdoSomething();//取得停止时...
2018-12-18 09:55:12
2693
1
原创 媒体元素video
媒体元素video,audiovideo视频，audio音频的属性内容：width,height：可以设置媒体元素的宽高poster属性：指定URI可以在加载视频内容的时候显示另外一幅图像controls属性：用于显示UI控件。标签内容：用于在浏览器不支持video和audio的时候显示的后备内容<div id="video"> <vid...
2018-12-06 13:57:55
277
原创 HTML5拖拽
HTML5拖拽上传本片基于Chrome浏览器设置可拖拽Chrome浏览器中使用draggable=true来实现拖拽<div id="div1" draggable="true">拖拽当前元素</div>一、拖拽事件拖拽事件目标分两类：被拖拽元素和目标元素1.被拖拽元素拖拽事件触发的顺序如下:ondragstart : 拖拽的一瞬间触发ondra...
2018-12-06 13:56:20
902
原创 JavaScript中的Array数组方法
数组和其他的语言不一样的是：ECMAScript中的每一项可以保存任何的数据类型创建数组： var myArr = new Array(3);//创建包含3项的数组 var myArr2 = new Array("Today");//创建包含1项的，数值为Today的length属性我们可以通过length属性来访问数组的长度,但是有点要注意的：length不仅可读，还可写。l...
2018-12-05 21:19:10
323
原创 mac搭建阿里云node服务器（一）
mac搭建阿里云node服务器首先在阿里云上购买服务器～流程不说了交了钱就可以了。。。1.进入服务器1.重制密码在阿里云首页打开控制台左侧云服务器ECS—&amp;gt;实例----&amp;gt;管理----&amp;gt;基本信息下的更多 来重制密码2.远程连接左侧云服务器ECS----&amp;gt;实例----&amp;gt;远程连接----&amp;gt;输入密码3.在本地终端里输入命令
2018-11-13 09:06:37
723
转载 git创建远程仓库并上传代码到远程仓库中（转）
源于网站：https://www.cnblogs.com/Chenshuai7/p/5486278.htmlGit——新手入门与上传项目到远程仓库GitHub（转）Git概述什么是Git？刚开始对这个东西也感到挺迷茫，并且问了好多已经学习android一段时间的同学也是一头雾水，直到了解并使用之后，才体会到Git的好处以及重要意义。Git：是目前世界上最先进的分布式版本控制系统...
2018-11-07 23:04:14
937
原创 react run eject报错 修改git配置
rcreate-react-app命令创建一个项目运行npm run eject报错运行项目当我创建了一个react项目之后，略微修改了一些项目的文件通过eject来导出配置create-react-app elme-appnpm run eject出现问题原因： git 配置问题解决方案：//第一步git add .//第二步git commit -m "init"...
2018-11-06 21:37:52
2916
原创 React 可控控件
React 可控控件什么叫可控控件什么叫不可控控件？不可控控件当我们要获取input value值的时候，我们只能通过ref来获取。 <input type="text" defaultValue="不可控组件" ref="ipt" onChange={this.onChange}/>可控控件这时候我们通过给defultValue绑定数据this.state.te...
2018-10-28 21:52:01
185
转载 一名嵌入式工程师对于带徒弟的思考....
事情的发展是这样的: 几年前，我在任职某公司开发部经理期间，带着数十个人。我的原则是：制定准则、给予空间;能力服之、诚以待之。我认为工作应该是生活的一部分，应该是快乐的，谁也不愿意一早上上班，就看到领导的脸色，弄得自己一天心情不好;如果一直是这种状况，是我，也迟早得换工作。我认为，和员工之前，平时可以开一些不伤大雅的玩笑，但每个人都应该在平凡的表面之后，认真的去面对自己的每一项工作，这是态...
2018-10-18 07:36:19
530
原创 ES6箭头函数的this指向
ES6中新增了箭头函数下面是在javaScript ES6和之前声明函数的对比，在返回的东西只需要一行或者说比较少的时候用箭头函数更为优雅；在之前中我们声明函数如下var fn = function(a,b){ return a + b;};fn(1,2);//3ES6声明函数如下//其中a和b分别为传参，a + b 可以理解成return a+b;var fn =...
2018-09-17 21:48:19
1856
转载 js中的事件委托
转载自：https://www.cnblogs.com/liugang-vip/ js中的事件委托或是事件代理详解起因：1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的；2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考；概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件...
2018-08-28 20:14:53
182
原创 jQuery基础
jQuery 使我快乐1.jQuery样式1.0 jQuery,DOM转换jQuery对象转化为DOM对象DOM对象转化为jQuery对象1.0.1 ready()页面加载完毕1.1jQuery选择器1.1.0id选择器——$(“#id”)1.1.1class类选择器——$(“.class”)1.1.2元素选择器——$(“element”)1.1.3全选择器——$(“*...
2018-08-21 20:27:14
1927
转载 关于HTTP协议，一篇就够了
原文：https://www.cnblogs.com/ranyonsue/p/5984001.htmlHTTP简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查...
2018-08-13 14:45:21
204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人