前端进阶
文章平均质量分 71
Eugene.Tom.Lee
To be or not to be that's a question!
展开
-
使用JS完成动画
匀速动画匀速动画函数的要点 function aninamtion(obj,attr,iTarget){ //1.一开始关闭定时器是为了防止重复触发函数时有多个定时器工作加快动画执行 //2.定时器做为对象的参数是为了多个物体动画时不相互干扰 clearInterval(obj.timer); var iSpeed = 0; obj.timer = setInterv原创 2021-12-15 19:11:16 · 299 阅读 · 0 评论 -
前端自动化打包工具--webpack
前端自动化打包工具–webpack背景记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过链接组织在一起。用过Dreamweaver的都知道,做网页就像用word编辑文档一样。一个html页面,夹杂着css,javascript是再常见不过的事了。随着前端的不断发展,特别是单页应用的兴起,这种所见即所得的IDE工具,就渐渐地退出了前端的主流。一个应用,通常只有一个静态页面(index.html),甚至这个页面的body只有一个或少数几个d原创 2021-01-21 20:56:28 · 580 阅读 · 0 评论 -
为什么我选择Ant Design Pro脚手架
为什么我选择Ant Design Pro脚手架首先先来谈谈Ant Design Pro脚手架好处:初始化操作简单!启动脚手架方便!任何一种语言和框架,满足以上两点,肯定会得到很好的推广(比较大家都想提高产品开发效率啦,嘻嘻!)准备工作由于国内网络和前端的特殊性,在安装依赖等方面可能会失败或导致无法启动,浪费大量的时间我们推荐如下的技术栈来帮助我们顺畅的开发。首先我们要找到一个好用的包管理器,Node程序包管理器Node程序包管理器提供了两个主要功能:它提供了可在search.nod原创 2020-09-29 21:36:30 · 867 阅读 · 0 评论 -
dva.js 知识导图
dva.js 知识导图JavaScript 语言变量声明const 和 let模板字符串默认参数箭头函数模块的 Import 和 ExportES6 对象和数组析构赋值对象字面量改进Spread OperatorPromisesGeneratorsReact ComponentStateless Functional ComponentsJSXComponent 嵌套classNameJavaScript 表达式Mapping Arrays to JSX注释Spr原创 2020-09-29 19:44:11 · 233 阅读 · 0 评论 -
聊聊曾经继承那些坑
原型继承和 Class 继承原型如何实现继承? Class 如何实现继承? Class 本质是什么?⾸先先来讲下 class ,其实在 JS 中并不存在类, class 只是语法糖,本质还是函数原型继承得靠原型来实现,其实原型的概念很简单:所有对象都有一个属性 __proto__指向一个对象,也就是原型每个对象的原型都可以通过 constructor 找到构造函数,构造函数也可以通过 prototype 找到原型所有函数都可以通过__proto__找到 Function对象所有对象都可以通原创 2020-09-28 09:14:54 · 124 阅读 · 0 评论 -
深入聊聊MVVM框架(闲谈)
深入聊聊MVVM框架(闲谈)MVVM 由以下三个内容组成:View :界⾯Model :数据模型ViewModel :作为桥梁负责沟通 View 和 Model在 JQuery 时期,如果需要刷新 UI 时,需要先取到对应的 DOM 再更新UI ,这样数据和业务的逻辑就和⻚⾯有强耦合。MVVM在 MVVM 中, UI 是通过数据驱动的,数据⼀旦改变就会相应的刷新对应的UI , UI 如果改变,也会改变对应的数据。这种⽅式就可以在业务处理中只关⼼数 据的流转,⽽⽆需直接和⻚⾯打交道。 V原创 2020-09-26 18:22:05 · 746 阅读 · 0 评论 -
Generator 实现
Generator 实现Generator 是 ES6 中新增的语法,和 Promise ⼀样,都可以⽤来异步编程// 使⽤ * 表示这是⼀个 Generator 函数// 内部可以通过 yield 暂停代码// 通过调⽤ next 恢复执⾏function* test() { let a = 1 + 2; yield 2; yield 3; }let b = test();console.log(b.next()); // > { value: 2, done: false }原创 2020-09-23 18:28:53 · 253 阅读 · 0 评论