随笔分类 -  javascript类

1 2 3 下一页
javascript类包括oop 设计模式 mvc mvvc等
TypeScript类型定义文件（*.d.ts）生成工具
摘要：在开发ts时，有时会遇到没有d.ts文件的库，同时在老项目迁移到ts项目时也会遇到一些文件需要自己编写声明文件，但是在需要的声明文件比较多的情况，就需要自动生产声明文件。用过几个库。今天简单记录一下。自己怎么编写有很多教程和文档，那里就不介绍了。 1、为整个包添加声明文件 使用微软的 "dts ge 阅读全文
posted @ 2018-10-12 15:54 快乐~ 阅读(18708) 评论(0) 推荐(0)
渲染机制
摘要：1. 什么是DOCTYPE及其作用 1. 浏览器渲染过程 1. 重排Reflow 1. 重绘Repaint 1. 布局Layout 一、什么是DOCTYPE及其作用 DTD（document type defiition，文档类型定义）是一系列的语法规则，用来定义XML或者Html的文件类型。浏览器 阅读全文
posted @ 2018-03-07 21:42 快乐~ 阅读(741) 评论(0) 推荐(0)
call、apply与bind在理解
摘要：call() 方法在使用一个指定的 this 值和若干个指定的参数值的前提下调用某个函数或方法。 apply() 方法调用一个函数, 其具有一个指定的this值，以及作为一个数组（或类似数组的对象）提供的参数 bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为 阅读全文
posted @ 2018-03-07 11:27 快乐~ 阅读(189) 评论(0) 推荐(0)
Generator与async/await与Generator的模拟
摘要：Generator 函数有多种理解角度。语法上，首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态。 执行 Generator 函数会返回一个遍历器对象，也就是说，Generator 函数除了状态机，还是一个遍历器对象生成函数。返回的遍历器对象，可以依次遍历 Generat 阅读全文
posted @ 2018-02-24 21:43 快乐~ 阅读(554) 评论(0) 推荐(0)
面向对象与原型链
摘要：类的声明和实例化 继承 代码的抽象和代码的复用 原型链继承 问题1：一是字面量重写原型会中断关系，使用引用类型的原型， 问题2：子类型还无法给父类型传递参数 构造函数继承 组合继承 组合继承改进 ES6 多态 就是子类重写父类的属性或者方法 super关键字 使用 第一种情况，super作为函数调用 阅读全文
posted @ 2018-02-24 21:32 快乐~ 阅读(149) 评论(0) 推荐(0)
koa2源码解读
摘要：最近在复习node的基础知识，于是看了看koa2的源码，写此文分享一下包括了Koa2的使用、中间件及上下文对象的大致实现原理。 koa的github地址：https://github.com/koajs/koa.git Koa2的安装和简单使用 需要 nodev7.6.0 或者更高的版本，为了支持 阅读全文
posted @ 2017-06-17 16:59 快乐~ 阅读(4505) 评论(0) 推荐(0)
前端应该会的函数
摘要：1、如何实现一个 LazyMan 实现一个LazyMan，可以按照以下方式调用: 以此类推。 这是典型的JavaScript流程控制，问题的关键是如何实现任务的顺序执行。在Express有一个类似的东西叫中间件，这个中间件和我们这里的吃饭、睡觉等任务很类似，每一个中间件执行完成后会调用next()函 阅读全文
posted @ 2017-01-04 18:02 快乐~ 阅读(1064) 评论(0) 推荐(1)
前端面试-----JavaScript题
摘要：用面试题，复习一下，js基础。 1、综合题 2、使用 typeof bar === "object" 判断 bar 是不是一个对象有神马潜在的弊端？如何避免这种弊端？ 使用 typeof 的弊端是显而易见的(这种弊端同使用 instanceof)： 3、下面的代码会在 console 输出神马？为什 阅读全文
posted @ 2017-01-04 17:41 快乐~ 阅读(823) 评论(0) 推荐(0)
微信小程序组件-----城市切换
摘要：直接上地址，有需要的直接下载，使用： https://github.com/chenjinxinlove/citySelect 阅读全文
posted @ 2017-01-04 17:37 快乐~ 阅读(1055) 评论(0) 推荐(0)
2016年总结
摘要：2016年是快速成长了一年，走了很多弯路，也收获颇丰。 自己15年毕业，机械专业，进入一家传统的汽车制造厂。自己虽然大学自己写过好多的小软件（易语言）等。但是连php和js是什么都不知道。也是命运使然，公司有二次应聘，进入IT部，做ERP运维。正好公司要培养一个开发，我就转向的开发。也感谢带我的师傅 阅读全文
posted @ 2016-12-28 10:32 快乐~ 阅读(294) 评论(1) 推荐(0)
函数节流去抖与函数柯里化
摘要：前一段在看underscore的源码时，其中有一个函数throttle,就是函数节流： (1) 函数被频繁调用的场景window.onresize 事件。我们给 window 对象绑定了 resize 事件，当浏览器窗口大小被拖动而改变的时候，这个事件触发的频率非常之高。如果我们在 window.o 阅读全文
posted @ 2016-11-23 13:05 快乐~ 阅读(1319) 评论(0) 推荐(0)
Fisher–Yates shuffle 洗牌(shuffle)算法
摘要：今天在敲undersore的源码，数组里面有一个shuffle，把数组随机打乱。 源码如上，php，前端出身，也不是科班计算机生出身，对算法还不是太熟，只是零星看过一写。 简单分析一下，例如：[0,1,2,3,4,5,6]的数组 1、产生一个新的数组 2、循环数组的长度，利用随机数来打乱数组 在第一 阅读全文
posted @ 2016-11-18 14:15 快乐~ 阅读(232) 评论(0) 推荐(0)
微信小程序实例
摘要：看到小程序，那么火，自己也想动手写一个。但是没有很好的api接口。有一天看到一个开发安卓的朋友，写了一个干货集中营的小程序。就搜了一下。看到api是免费开放的。于是自己也动手写了一个。 具体的微信小程序api就不说了：https://mp.weixin.qq.com/debug/wxadoc/dev 阅读全文
posted @ 2016-09-30 10:53 快乐~ 阅读(9726) 评论(0) 推荐(1)
electron打包发布
摘要：1、全局安装electron 在cmd 直接输入 electron 直接启electron 2、编写第一个Electron应用 在任何地方，建立一个app的目录并新建3个文件： package.json main.js index.html 就可以随意添加的代码： 3、预览应用，就是把app那个文件 阅读全文
posted @ 2016-09-18 15:49 快乐~ 阅读(20174) 评论(4) 推荐(0)
javascript 设计模式2----策略模式
摘要：1、定义：定义一系类的算法，把它们一个个封装起来，并且使它们可以相互替换 2、解释：就是把算法和一个规则单独分封，在使用时单独调用。 简单例子： 我们也可以把表单验证封装起来： 阅读全文
posted @ 2016-09-15 11:48 快乐~ 阅读(158) 评论(0) 推荐(0)
javascript 设计模式1----单例模式
摘要：定义：保证一个类仅有一个实例，并提供一个访问的全局接口： 就是收：当我们 var a = new a(); var a1 = new a()是；a与a1是相等的。怎么实现呢，就是第一次实例化。第二不在实例，只是返回第一次的实例化： 附上通用的惰性单例思路： 一个书上的登录框的例子： 通用的惰性单例： 阅读全文
posted @ 2016-09-12 23:00 快乐~ 阅读(206) 评论(0) 推荐(0)
prototype与原型链
摘要：1、今天翻看 阮一峰老师的博客看到了，一篇讲javascript为什么要设计出prototype，跳转 大意就是new 的方式有缺陷，没有共同的属性，一下明白了很多。 在来一张原型链的图： 阅读全文
posted @ 2016-09-10 11:50 快乐~ 阅读(233) 评论(0) 推荐(0)
格式化输入框的插件
摘要：学习之用，用到项目中，还得再优化。 我的思路是：1、init初始化2、不同的类型格式化3、不同的输出方式（内部展示，外部展示） html： js： 阅读全文
posted @ 2016-09-08 11:09 快乐~ 阅读(346) 评论(0) 推荐(0)
arguments.callee的用法
摘要：1.今天在看高阶函数，其实currying的一个函数中，有那个arguments.callee，表示不见过，查了查。 阅读全文
posted @ 2016-09-07 21:09 快乐~ 阅读(289) 评论(0) 推荐(0)
记一次动画的优化--requestAnimationFrame、webp
摘要：需要写一个类似帧动画的东西，但是每一帧是一张全屏的图，而且量特别大，600都张，而且存在跳帧的问题，只有把速度调的很快还可以看着不跳帧。但是只用谷歌还真正常播放。 其实优化起来两个方面。一个是用requestAnimationFrame第二个就是用webP压缩第三加载的时候使用预加载，进入的时候只加 阅读全文
posted @ 2016-09-07 10:41 快乐~ 阅读(1332) 评论(0) 推荐(0)

1 2 3 下一页