会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
竹木狼马
博客园
首页
新随笔
联系
订阅
管理
2020年1月16日
js设计模式-迭代器模式
摘要: 迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示。如each函数。手动实现一个 var each = function( ary, callback ){ for ( var i = 0, l = ary.length; i < l; i++ ){ call
阅读全文
posted @ 2020-01-16 14:53 竹木狼马
阅读(320)
评论(0)
推荐(0)
2019年11月15日
js设计模式-代理模式
摘要: 代理模式是为一个对象提供一个代用品或占位符,以便控制对它的访问。 分类: 1. 保护代理: 代理可以为实际需要进行的操作过滤掉一些请求。 2. 虚拟代理: 把一些开销很大的对象,延迟到真正需要它的时候才去创建。 应用:1. 虚拟代理实现图片预加载 var myImage = (function(){
阅读全文
posted @ 2019-11-15 14:13 竹木狼马
阅读(282)
评论(0)
推荐(0)
js设计模式-策略模式
摘要: 策略模式: 定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。将不变的部分和变化的部分隔开是每个设计模式的主题,策略模式也不例外,策略模式的目的就是将算法的使用与算法的实现分离开来。(自己改进后的代码用了大量的这种方式) 以不同绩效级别发放不同的奖金为例: var strategies
阅读全文
posted @ 2019-11-15 13:54 竹木狼马
阅读(628)
评论(0)
推荐(0)
2019年11月14日
js设计模式-单例模式
摘要: 单例模式: 如点击登陆时弹出的登陆页面只有一个,并不会因为你多点几下登陆就出现多个登陆框。 1. 代理实现单例模式(传统面向对象) 把负责管理单例的逻辑移到了代理类proxySingletonCreateDiv中,这样,CreateDiv就变成了一个普通的类,它跟proxySingletonCrea
阅读全文
posted @ 2019-11-14 14:44 竹木狼马
阅读(502)
评论(0)
推荐(0)
js设计模式中的高阶函数的一些应用
摘要: 一、函数节流 一些场景下,函数有可能会被非常频繁的调用,从而造成极大的性能问题。如:window.onresize事件、mousemove事件(拖拽)、上传进度等。以上场景中的共同问题就是函数被触发的频率太高了,解决方案就是需要我们按时间来忽略掉一些事件请求,比如在500ms内只打印一次。显然,可以
阅读全文
posted @ 2019-11-14 10:33 竹木狼马
阅读(490)
评论(0)
推荐(0)
2019年11月1日
深入react技术栈记录(二)
摘要: 1. 组件之间传值 a. 父向子: 通过props b. 子向父: 通过回调函数,父组件事先定义好回调函数。并将回调函数传递给子组件,子组件调用回调函数,向父组件通信。 c. 跨级组件通信 可以使用contex实现跨级父子组件间的通信. 可以看到,我们并没有给 ListItem 传递 props,而
阅读全文
posted @ 2019-11-01 10:14 竹木狼马
阅读(339)
评论(0)
推荐(0)
2019年10月28日
深入react技术栈记录(一)
摘要: 1. react.Component React 的所有组件都继承自顶层类 React.Component。它的定义非常简洁,只是初始化了React.Component 方法,声明了 props、context、refs 等,并在原型上定义了 setState 和forceUpdate 方法. 2.
阅读全文
posted @ 2019-10-28 16:59 竹木狼马
阅读(390)
评论(0)
推荐(0)
2018年11月7日
响应式开发(1)
摘要: 1. 响应式互联网设计的三大技术成分: 流动网络(弹性网络布局)、弹性图片、媒体查询 2. 如何分析设计图: 分析结构和布局。 3. 设局实践原则:渐进增强,优雅降级。p2p 最好先设计大屏幕,再设计小屏幕。 这里仅作参考,具体见UI 4. 三个视口 理想视口:布局视口在可视视口中合适的显示,是为了
阅读全文
posted @ 2018-11-07 19:02 竹木狼马
阅读(199)
评论(0)
推荐(0)
2018年8月29日
Angular Js 与bootstrap, angular 与 vue.js
摘要: 今天突然接到电话, 问我他们的区别 虽然平时看了,但是没记住,凉凉是肯定的 总结一下: bootstrap不算是javascript框架,它只是一个前端的ui框架,然后有一些附带的js插件而已。angularjs是一个javascript的mvvm的框架,是为了开发有复杂业务逻辑的CRUD应用而生的
阅读全文
posted @ 2018-08-29 14:21 竹木狼马
阅读(4826)
评论(0)
推荐(0)
2018年8月25日
for in 中的index
摘要: 自己学艺不精。。。 数据是个对象,想要里面的key 原来 for (item, index) in items 中的index 就是key
阅读全文
posted @ 2018-08-25 21:45 竹木狼马
阅读(3290)
评论(0)
推荐(0)
下一页
公告