06 2018 档案
摘要：前言: 经过差不多半年的开发,搭建从前端到服务器,实现了前后端分离的一个集PC端、移动端的多端应用,实属不易,今天得空,好好写篇文章,记录这些天的成果.同时也做个分享. 演示网站地址: http://www.jimck.cn:8080 摘要 随着多媒体信息化进程的日新月益的变化，手机、电脑等多媒体的
阅读全文
摘要：前言 当经常需要更换样式,产品迭代,那么我们应该考虑hybrid混合开发,上层使用Html&Css&JS做业务开发，底层透明化、上层多多样化，这种场景非常有利于前端介入，非常适合业务快速迭代. webview app有时需要去替换我们app的html、css……,文件非常多,需要我们在app启动的时
阅读全文
摘要：React中的setState setState为什么需要异步? 无法限制何时使用异步,多次连续使用setState 防止多次渲染,异步rendering不仅仅是性能上的优化，而且这可能是react组件模型在发生的根本性的改变 如果我们要立即打印出inputTxt的变化需要通过setTimeout打
阅读全文
摘要：组件化 组件的封装 视图 数据 视图和数据之间的变化逻辑 组件的复用(通过props传递) JSX React引入JSX,并将它作为了一个独立的标准开放,React.createElement也是可以自定义去修改的, jsx语法(语法糖)需要转成js npm i babel-cli -g npm i
阅读全文
摘要：响应式 Object.defineProperty Object.defineProperty是es5新加的给对象属性设置描述符的方法,可以用来监听属性值的变化 调用方式: 模拟Vue响应式(data的属性代理到vm上) 模板解析 with render 函数 Vue 源码将HTML string
阅读全文
摘要：区别 Jquery 简单示例: Vue 简单示例: Vue原理浅析请看下一篇随笔:http://www.cnblogs.com/fuGuy/p/9222249.html 源码地址 https://github.com/10086XIAOZHANG/VirtualDOMDemo
阅读全文
摘要：背景 我们都知道频繁的dom给我们带来的代价是昂贵的,例如我们有时候需要去更新Table 的部分数据,必须去重新重绘表格,这代价实在是太大了,相比于频繁的手动去操作dom而带来性能问题，vdom很好的将dom做了一层映射关系，进而将在我们本需要直接进行dom的一系列操作，映射到了操作vdom. 解决
阅读全文
摘要：变量作用域 由于JavaScript的函数可以嵌套，此时，内部函数可以访问外部函数定义的变量，如果内部函数定义的变量和外部函数定义的变量相同，则内部函数的变量将“屏蔽”外部函数的变量 变量提升 function foo() { var x = 'Hello, ' + y; console.log(x
阅读全文
摘要：IMAGE加载 Callback Hell function loadImg(src,callback,fail) { var img = document.createElement('img'); img.onload = function() { callback(img) } img.one
阅读全文
摘要：前言 语法:import export (注意有无default) 环境:babel编译ES6语法,模块化可用webpack 和rollup ES6 Class本身是个语法糖,实际系统默认帮我们转成JS的构造函数 JS构造函数方式: class Hello(x,y){ this.x=x; this.
阅读全文
摘要：加载html中的静态资源 其中,加载静态资源的过程,一般为浏览器根据DNS服务器得到域名的IP地址,然后向这个IP的机器发送http请求,服务器收到、处理并返回http请求,浏览器得到返回http请求. 浏览器渲染页面的过程 根据HTML 结构生成DOM Tree 根据CSS 生成 CSSOM 将D
阅读全文
摘要：背景 js 文件之间相互依赖,变量会造成全局的污染,而且js之间的依赖顺序也会容易出错,容易造成混乱 AMD 定义:异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函数中，等到加载完成之后，这个回调函数才会运行 RequireJs util.js defi
阅读全文
摘要：通用事件绑定 function bindEvent(elem,type,fn) { elem.addEventListener(type,fn); } let a =document.getElementById('a'); bindEvent(a,'click',function(e){ e.pr
阅读全文
摘要：var arr = [1,2,3,4]; forEach arr.forEach((item,index,arr) => { console.log(item) //结果为1,2,3,4 }) filter //filter过滤掉数组中不满足条件的值，返回一个新数组，不改变原数组的值。 var c=
阅读全文
摘要：序言 generator（生成器）是ES6引入的一种新的标准，可以用于处理异步请求，将异步回调的方式已同步的方式展示。generator和函数不同的是，generator由function*定义（注意多出的*号），并且，除了return语句，还可以用yield返回多次。 关于Generator的斐波
阅读全文
摘要：背景 IE 6~11：到IE10支持ES6 Chrome: 基于Webkit内核的V8 JavaScript搜索引擎 Safari: OS X 10.7 Lion自带的6.1版本开始支持ES6，目前最新的OS X 10.11 El Capitan自带的Safari版本是9.x，早已支持ES6 Fir
阅读全文
摘要：Js动画 show / hide var div = $('#test-show-hide'); div.show('slow'); // 在0.6秒钟内逐渐显示 div.hide(3000); // 在3秒钟内逐渐消失 slideUp / slideDown 垂直下拉，提前 div.slideUp
阅读全文
摘要：单线程特点执行异步操作 js是单线程语言，浏览器只分配给js一个主线程，用来执行任务（函数），但一次只能执行一个任务，这些任务就会排队形成一个任务队列排队等候执行.一般而已,相对耗时的操作是要通过异步来进行加载,可以避免导致页面的假死. setTimeout(function(){ console.
阅读全文
摘要：构造函数 function Stu(name,age){ this.name=name; this.age=age; } instanceof 查看引用类型对象是属于哪个构造函数的方法,通过__proto__ 一直往上找prototype,直到找到Object 原型规则和示例 所有的引用类型(数组/
阅读全文
摘要：函数表达式和函数声明 变量/函数声明都会提前 console.log(a) let a =1 那么打印出来的a为 undefined,因为会将a提到前面并赋予默认值undefined 函数声明:函数声明会将函数提到调用函数变量的前面 fn('里斯')//不会报错 function fn(name)
阅读全文
摘要：模型表示（Representations） 消息（Messages） URIs 一致接口（Uniform interface） 无状态（Stateless） 资源之间的链接（Links between resources） 缓存（Caching） Restful 接口的 幂等性 ：对同一Restfu
阅读全文
摘要：react-avatar-editor的使用 在上面这过程中,通过canvas转成blob文件流在发送到后端会出现这个文件的后缀名为空,需要对blog进行进一步以new File([params.avatar], 'avatar.png', { type: 'image/png' })的方式进行封装
阅读全文
浙公网安备 33010602011771号