随笔分类 -  web前端开发

web Worker
摘要：web Worker 的应用场景，worker线程作处理，主线程不受影响 1､当你的应用程序需要完成150毫秒以上的作务时2､当你想要做一个类似一个PWA的应用时 3､当你需要大量的 编码／解码工作时4､当你需要大量的数学计算，加密解密，大量的数据排序时 5､离线访问的时候6､代码语法检查时、图像处 阅读全文
posted @ 2018-01-23 19:01 慧宁师 阅读(206) 评论(0) 推荐(0)
玩好H5熟读DOM4
摘要：https://www.w3.org/TR/dom/ //DOM4 英文 https://www.w3.org/html/ig/zh/wiki/DOM4 //中文 Goals 1 Conformance a. 1.1 Dependencies b. 1.2 Extensibility 2 Termi 阅读全文
posted @ 2017-10-18 12:15 慧宁师 阅读(240) 评论(0) 推荐(0)
history(路由控制)
摘要：关键对象和方法 history.pushState(); //历史记录 新增一条链接，并改变当前URL ，页面无刷新 history.replaceState(); //替换当前URL,同时更新历史记录， 页面无刷新 事件 onpopstate{ //这三个方法会触发 onpopstate事件 hi 阅读全文
posted @ 2017-10-18 11:36 慧宁师 阅读(421) 评论(0) 推荐(0)
NodeIterator和TreeWalker
摘要：NodeIterator类型 使用document.createNodeIterator(root,whatToShow,filter,false)方法创建新的实例。这个方法接收四个参数： root：想要作为搜索起点的树中的节点； whatToShow：表示要访问哪些节点的数字代码； filter： 阅读全文
posted @ 2017-10-16 23:54 慧宁师 阅读(1497) 评论(0) 推荐(0)
箭头函数与this
摘要：ECMAScript 2015 函数新玩法 浏览器环境下（chrome) 箭头函数中的使用this 是依赖于当前所属作用域，在箭头函数在创建时就引用了所在上下文中的this bind,call,apply这三种方法，不会对简头函数中的作用域中的this产生任何变化 全局情况下 为 window 阅读全文
posted @ 2017-10-15 17:42 慧宁师 阅读(151) 评论(0) 推荐(0)
阿里前端组件化实践（转）
摘要：阿里巴巴在中台战略的背景下，设计提效又再次推动着设计思维的变革。设计师们不仅仅需要出色地完成业务需求的设计，同时还需要思考设计的价值，也就是经常提到的最佳方案性价比。我们需要在设计的个性化表达和资源投入之间找到最佳的平衡点，在关注出色视觉表现的基础上，逐渐加强对项目协同及体验价值的关注，逐步形成新的 阅读全文
posted @ 2017-10-12 10:52 慧宁师 阅读(1383) 评论(0) 推荐(0)
tsconfig.json配置
摘要：什么工具看什么官网-一般都会有说明的 https://www.tslang.cn/docs/handbook/tsconfig-json.html 概述 如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是TypeScript项目的根目录。tsconfig.json文件中指定 阅读全文
posted @ 2017-10-12 10:18 慧宁师 阅读(35916) 评论(0) 推荐(1)
stylus语法
摘要：stylus 支持缩进写法 变量 嵌套写法 运算符 样式表文件合并导入 样式继承 混入（函数） 弹性列 样式计算器 Font-face @media @keyframes 阅读全文
posted @ 2017-10-09 12:56 慧宁师 阅读(395) 评论(0) 推荐(0)
javascript事件那些事
摘要：博客园的 markdown效果不好 AnimationEventAudioProcessingEventBeforeInputEventBeforeUnloadEventBlobEventClipboardEventCloseEventCompositionEventCSSFontFaceLoadE 阅读全文
posted @ 2017-10-09 09:31 慧宁师 阅读(206) 评论(0) 推荐(0)
js性能优化之-闭包（内存泄漏）
摘要：在闭包中的局布变量会自动回收有些情况不会被 回收一直占用空间 如异步，计时器，事件绑定 不会被 回收最好手动处理一下 obj = new Fname(); obj=null; //清空对象 clearInterval(timer) //清除计时器 dom.onclick=null //指定为null 阅读全文
posted @ 2017-09-17 19:34 慧宁师 阅读(894) 评论(0) 推荐(0)
js性能优化之Timeline
摘要：有时候，我们就是会不由自主地写出一些低效的代码，严重影响页面运行的效率。或者我们接手的项目中，前人写出来的代码千奇百怪，比如为了一个 Canvas 特效需要同时绘制 600 个三角形，又比如 Coding.net 的任务中心需要同时 watch 上万个变量的变化等等。那么，如果我们遇到了一个比较低效 阅读全文
posted @ 2017-09-17 19:23 慧宁师 阅读(1087) 评论(0) 推荐(0)
自定义滚动条
摘要：先上效果 （仅支持滑轮） safari chrome ie edge FF 都支持思咪达~ 码上来 css html javascript 就酱子了 阅读全文
posted @ 2017-09-10 21:10 慧宁师 阅读(222) 评论(0) 推荐(0)
轮播图（手动版)M端 、PC都支持
摘要：码上 支持左右、上下划动 css html javascript 先引入这个构造方法 调用 效果-- 来来来、划动你的鼠标 --跟着我的节奏一起摇摆 ~~（循环模式、左右滑动模式）请自已尝试--支持手机哦 阅读全文
posted @ 2017-09-10 19:50 慧宁师 阅读(279) 评论(0) 推荐(0)
省市二级联动基础数据
摘要：/* * @Param z:String select标签的data-province属性值 * @Param c:String select标签的 data-city属性值 * */ window.onload=function(){ (function(z, c) { var clist = { p: ["请选择", "北京", "上海", "天津",... 阅读全文
posted @ 2017-09-10 17:59 慧宁师 阅读(1925) 评论(0) 推荐(0)