- 博客(16)
- 收藏
- 关注
RSS订阅原创 常见兼容问题
常见兼容问题如何处理兼容问题在Can I Use 网站查询兼容问题在JS代码里使用对象检测，判断该特性是否支持 eg:‘XMLHttpRequest’ in window‘WebkitMask’ in document.documentElement.style使用postcss做样式的后处理样式问题清除浏览器默认样式引入common.css或reset.css重...
2019-06-12 15:21:05
173
原创 webpack
webpack4简易配置实现功能自动注入js开发环境热更新抽离css压缩js，css，html第三方非业务依赖包的抽离公共代码包的抽离开发环境线上环境的区分devServer请求拦截配置别名es6，sass，图片，字体的加载package.json"scripts": { "dev": "webpack-dev-server", "build": "w...
2019-06-12 15:03:52
210
原创 兼容问题
常见兼容问题如何处理兼容问题在Can I Use网站查询兼容情况在JS代码里使用对象检测，判断该特性是否支持 eg:‘XMLHttpRequest’ in window‘WebkitMask’ in document.documentElement.style使用postcss做样式的后处理样式问题清除浏览器默认样式引入common.css或reset.css重置默认样...
2019-06-12 09:14:03
169
原创 单页面应用SPA路由实现
实现流程代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...
2019-06-12 09:04:08
431
原创 js知识点
js复习一，兼容1，html5-shim2，能力监测二，数组的深拷贝1，slice2，concat3，es6展开运算符 […arr]三，对象的深拷贝1，es6展开运算符{…object}2,object.assign四，target and currentTarget1，event.target 触发事件的元素2，event.currentTarget 绑...
2019-06-12 08:50:18
135
原创 Promise
Promise 异步解决方案一，详解promisevar p = function(){ return new Promise((resolve,reject)=>{ setTimeout(function(){ resolve(1000) },1000) })} p().then(res=>{ ...
2019-06-12 08:48:07
580
原创 generator
generatorfunction *generator（）{ var a = yield 1; console.log(a) //100 var b = yield 2; console.log(b) // undefined return 3}//第一次调用返回执行器let gen = generator()// next函数返回一个对象，...
2019-06-11 19:37:22
183
原创 项目流程
前后端是如何交互的iOS，H5，安卓等前端开发的如何跟后台进行交互?应该怎么去规避一些不该属于自己的任务而被后台强加于自己?1.前端请求数据URL由谁来写?在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数，这里的查询参数也就是URL请求的参数。2.接口文档主要由谁来写?接口文档...
2019-06-11 11:55:45
185
原创 兼容问题
sidebar: autosidebarDepth: 2常见兼容问题如何处理兼容问题在Can I Use网站查询兼容情况在JS代码里使用对象检测，判断该特性是否支持 eg:‘XMLHttpRequest’ in window‘WebkitMask’ in document.documentElement.style使用postcss做样式的后处理样式问题清除浏览器默...
2019-06-11 11:51:12
204
原创 rem设置
rem设置方式var fun = function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { ...
2019-06-11 11:50:21
1654
原创 递归
递归1，定义：编程语言中，函数Func(Type a,……)直接或间接调用函数本身，则该函数称为递归函数。递归函数不能定义为内联函数。案例： // 1.请用递归的方式遍历树形数据结构中的每一个节点 const options = [ { value: 'zhejiang', ...
2019-06-11 11:49:05
188
原创 原型链
原型链1,原型链图解2，原型与原型链的关系instance.constructor.prototype=instance.proto3，特点JavaScript对象是通过引用来传递的，我们创建的每个新对象实体中并没有一份属于自己的原型副本。当我们修改原型时，与之相关的对象也会继承这一改变。当我们需要一个属性的时，Javascript引擎会先看当前对象中是否有这个属性，如此递推下去，一直...
2019-06-11 11:48:23
163
原创 设计模式
设计模式一，设计经验测略模式解决问题：判断特别多，但是判断条件特别简单观察者模式/发布订阅者模式 class Wathc{ constructor(props){ this.events={} } on(type,listener){ //订阅者 if(!Array.isArray(t...
2019-06-11 11:44:20
134
原创 Class无new实例化
构造函数一，new的过程1，声明一个空对象2，空对象的__proto__等于构造函数的prototype3，构造函数.call(空对象)二，实现一个异步操作 function Person(name){ if (this instanceof Person){ // 声明一个空的队列 this.q...
2019-06-11 11:40:38
584
原创 babel
Babel1、Babel是javascript的编译器/解码器/转码器/解析器2、配置.babelrc命令: babel ./index.js -o ./_index.js下包： cnpm install --save-dev babel-cli babel-preset-env { "presets": [ "env...
2019-06-11 10:19:13
484
翻译 单项数据流原理
单行数据流原理单项数据流应用场景： 多个组件会共享状态时，共享状态和组件间（兄弟组件）通信变的不容易。我们把共享状态抽取出来，用单向数据流的方式会变得容易。数据流，表明的是数据流向，用大白话说就是数据传递。那么单项数据是我们的数据单一方向传输。对于 Vue 来说，组件之间的数据传递具有单向数据流这样的特性。首先对于父子组件来说，父组件总是通过 Props 向子组件传递数据。所有的...
2019-06-11 09:53:16
2131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人