- 博客(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
148
原创 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
183
原创 兼容问题
常见兼容问题 如何处理兼容问题 在Can I Use网站查询兼容情况 在JS代码里使用对象检测，判断该特性是否支持 eg: ‘XMLHttpRequest’ in window ‘WebkitMask’ in document.documentElement.style 使用postcss做样式的后处理 样式问题 清除浏览器默认样式 引入common.css或reset.css重置默认样...
2019-06-12 09:14:03
138
原创 单页面应用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
404
原创 js知识点
js复习 一，兼容 1，html5-shim 2，能力监测 二，数组的深拷贝 1，slice 2，concat 3，es6展开运算符 […arr] 三，对象的深拷贝 1，es6展开运算符{…object} 2,object.assign 四，target and currentTarget 1，event.target 触发事件的元素 2，event.currentTarget 绑...
2019-06-12 08:50:18
117
原创 Promise
Promise 异步解决方案 一，详解promise var p = function(){ return new Promise((resolve,reject)=>{ setTimeout(function(){ resolve(1000) },1000) }) } p().then(res=>{ ...
2019-06-12 08:48:07
546
原创 generator
generator function *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
163
原创 项目流程
前后端是如何交互的 iOS，H5，安卓等前端开发的如何跟后台进行交互? 应该怎么去规避一些不该属于自己的任务而被后台强加于自己? 1.前端请求数据URL由谁来写? 在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数，这里的查询参数也就是URL请求的参数。 2.接口文档主要由谁来写? 接口文档...
2019-06-11 11:55:45
171
原创 兼容问题
sidebar: auto sidebarDepth: 2 常见兼容问题 如何处理兼容问题 在Can I Use网站查询兼容情况 在JS代码里使用对象检测，判断该特性是否支持 eg: ‘XMLHttpRequest’ in window ‘WebkitMask’ in document.documentElement.style 使用postcss做样式的后处理 样式问题 清除浏览器默...
2019-06-11 11:51:12
175
原创 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
1632
原创 递归
递归 1，定义：编程语言中，函数Func(Type a,……)直接或间接调用函数本身，则该函数称为递归函数。递归函数不能定义为内联函数。 案例： // 1.请用递归的方式遍历树形数据结构中的每一个节点 const options = [ { value: 'zhejiang', ...
2019-06-11 11:49:05
171
原创 原型链
原型链 1,原型链图解 2，原型与原型链的关系 instance.constructor.prototype=instance.proto 3，特点 JavaScript对象是通过引用来传递的，我们创建的每个新对象实体中并没有一份属于自己的原型副本。当我们修改原型时，与之相关的对象也会继承这一改变。当我们需要一个属性的时，Javascript引擎会先看当前对象中是否有这个属性，如此递推下去，一直...
2019-06-11 11:48:23
148
原创 设计模式
设计模式 一，设计经验 测略模式解决问题：判断特别多，但是判断条件特别简单 观察者模式/发布订阅者模式 class Wathc{ constructor(props){ this.events={} } on(type,listener){ //订阅者 if(!Array.isArray(t...
2019-06-11 11:44:20
122
原创 Class无new实例化
构造函数 一，new的过程 1，声明一个空对象 2，空对象的__proto__等于构造函数的prototype 3，构造函数.call(空对象) 二，实现一个异步操作 function Person(name){ if (this instanceof Person){ // 声明一个空的队列 this.q...
2019-06-11 11:40:38
543
原创 babel
Babel 1、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
454
翻译 单项数据流原理
单行数据流原理 单项数据流应用场景： 多个组件会共享状态时，共享状态和组件间（兄弟组件）通信变的不容易。我们把共享状态抽取出来，用单向数据流的方式会变得容易。 数据流，表明的是数据流向，用大白话说就是数据传递。那么单项数据是我们的数据单一方向传输。对于 Vue 来说，组件之间的数据传递具有单向数据流这样的特性。 首先对于父子组件来说，父组件总是通过 Props 向子组件传递数据。 所有的...
2019-06-11 09:53:16
2050
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人