01 2021 档案
摘要：稳妥构造函数模式 道格拉斯·克罗克福德（Douglas Crockford）发明了 JavaScript 中的稳妥对象（durable object）这个概念，所谓稳妥对象，指的是没有公共属性，而且其他方法也不引用 this 的对象。稳妥对象最适合在一些安全的环境中（这些环境中会禁止使用 thi
阅读全文
摘要：寄生构造函数模式 前面的几种模式都不适用的情况下，可以使用寄生（parasitic）构造函数模式。这种模式的基本思想是创建一个函数，该函数的作用仅仅是封装创建对象的代码，然后返回新创建的对象；但从表面上看，这个函数又很像是典型的构造函数。 function Person(name, age, s
阅读全文
摘要：动态原型模式 以构造函数模式组合原型模式在目前看来已经很完美了，硬要挑出它的缺点的话就是封装性差了点，动态原型模式正是致力于解决这个问题的一个方案： function Person(name, age, sex){ this.name = name this.age = age this.sex
阅读全文
摘要：构造函数+原型模式 创建自定义类型的最常见方式，就是组合使用构造函数模式与原型模式。构造函数模式用于定义实例属性，而原型模式用于定义方法和共享的属性。结果，每个实例都会有自己的一份实例属性的副本，但同使又共享这对方法的引用，最大限度地节省了内存。另外，这种混合模式还支持向构造函数传递参数；可谓是
阅读全文
摘要：原型模式 原型模式 我们创建的每个函数都有一个 prototype（原型） 属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以有特定类型的所有实例共享的属性和方法。如果按照字面意思来理解，那么 prototype 就是通过调用构造函数而创建的那个对象实例的原型对象。使用原型对象的好处
阅读全文
摘要：构造函数模式 构造函数可以用来创建特定类型的对象。像 Object 和 Array 这样的原生构造函数，在运行时会自动出现在执行环境中，此外，也可以创建自定义的构造函数，从而定义自定义的对象类型的属性或者方法。例如，可以使用构造函数模式将前面的工厂模式的例子重写： function preson(n
阅读全文
摘要：原始模式和工厂模式 原始模式 通过 Object 构造函数或对象字面量都可以创建单个对象 var preson = new Object() preson.name = '小明' preson.age = 22 preson.sex = '男' preson.sleep = function(){
阅读全文
摘要：Typora如何更改快捷键 前不久下载了Typora，感觉真的是个非常好用的Markdown编辑器，但是途中发现某个快捷键不管用了，最后才发现是我的新键盘键位冲突的问题，只能手动修改编辑器的快捷键了，还有水平分割线居然没有默认的快捷键，这简直不能忍！而且没有一键生成时间的功能，这个在Markdown
阅读全文
摘要：属性类型 ES5定义了内部才用的特性时，描述了属性的各种特征。ES5定义这些特征是为了实现 JavaScript 引擎用的，因此在 JavaScript 中不能直接访问它们。为了表示特性时内部值，该规范把他们放在了两对中括号中，例如 [[Enumerable]]。 ECMAScript 中有两种属性
阅读全文
摘要：Vuex模块化 Vuex使用modules store目录结构示意图： store │ index.js │ state.js | getters.js | mutations.js | actions.js | modules.js │ └───modules │ └───moduleA | │
阅读全文
摘要：Web储存 储存客户端数据的对象 对象 生命周期 储存大小 与服务端通信 易用性 cookies 一般由服务器生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效 4K左右 每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题 需要程序员自己封装，源生的
阅读全文
摘要：Geolocation地理定位 使用地理定位 下例是一个地理定位实例，可返回用户位置的经度和纬度： const success = res => { const { latitude, longitude } = res.coords console.log(`${longitude},${lati
阅读全文
摘要：Video和Audio 使用video显示视频 以下是一个显示视频的实例： <video width="320" height="240" controls> <source src="https://www.d18c4217.cn/myVideo/Gary.webm" type="video/we
阅读全文
摘要：新增语义标签 HTML5新增的语义标签 新增标签 标签语义 header 定义一个页面的页眉 nav 定义导航栏链接的部分 aside 定义页面主区域内容之外的内容，比如侧边栏 section 定义文档中的节（section、区段），section内应包含一组内容(<span>、<p>等)及其标题(
阅读全文
摘要：表单新增的属性 <form>新增的属性 autocomplete novalidate <input>新增的属性 autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget heigh
阅读全文
摘要：表单新元素 HTML5新增的表单元素 新增的表单元素 作用 datalist 用于规定输入域的选项列表 keygen 提供一种验证用户的可靠方法 output 用于不同类型的输出，比如计算或脚本输出 **注意：**不是所有的浏览器都支持HTML5 新的表单元素，但是你可以在使用它们，即使浏览器不支持
阅读全文
摘要：新增Input的type值 HTML5新增的input的type值表格 type 作用 color color 类型用在input字段主要用于选取颜色 date date 类型允许你从一个日期选择器选择一个日期 datetime datetime 类型允许你选择一个日期（UTC 时间） dateti
阅读全文
摘要：canvas 利用canvas创建一个画布 一个画布在网页中是一个矩形框，通过 <canvas> 元素来绘制. 默认情况下 <canvas> 元素没有边框和内容。 <canvas>的简单实例如下： <canvas id="myCanvas" width="200" height="100"></ca
阅读全文
摘要：内联SVG 什么是svg？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准 SVG优势 与其他图像格式相
阅读全文
摘要：HTML5新增的元素大全 新增多媒体元素 标签 描述 audio 定义音频内容 viedo 定义视频（video 或者 movie） source 定义多媒体资源 <video> 和 <audio> embed 定义嵌入的内容，比如插件 track 为诸如 <video> 和 <audio> 元素之
阅读全文
摘要：关于h5的浏览器兼容性 最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。 现代的浏览器都支持 HTML5。 另外，无法识别新增元素的浏览器会将他们作为内联元素自动处理 当浏览器
阅读全文
浙公网安备 33010602011771号