随笔分类 - JavaScript
摘要：file loader介绍：https://www.webpackjs.com/loaders/file-loader/ babel loader介绍：https://webpack.js.org/loaders/babel-loader/ webpack-dev-server介绍：https://
阅读全文
摘要：单例模式也称作为单子模式，更多的也叫做单体模式。为软件设计中较为简单但是最为常用的一种设计模式。 下面是维基百科对单例模式的介绍： 在应用单例模式时，生成单例的类必须保证只有一个实例的存在，很多时候整个系统只需要拥有一个全局对象，才有利于协调系统整体的行为。比如在整个系统的配置文件中，配置数据有一个
阅读全文
摘要：arguments 是一个类似数组的对象, 对应于传递给函数的参数。 语法 arguments 描述 arguments对象是所有函数中可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数的条目，第一个条目的索引从0开始。例如，如果一个函数传递了三个
阅读全文
摘要：1. 组合继承：又叫伪经典继承，是指将原型链和借用构造函数技术组合在一块的一种继承方式。 下面来看一个例子： 组合继承避免了原型链和借用构造函数的缺陷，融合它们的优点。 2. 原型式继承 可以在不必预先定义构造函数的情况下实现继承，其本质是执行对给定对象的浅复制。而复制得到的副本还可以得到进一步的改
阅读全文
摘要：创建一个Person的构造器 方法定义在构造器的原型上 任务： 创建一个Teacher类，就像我们前面在面向对象概念解释时用的那个一样。这个类会继承Person的所有成员，同时也包括： 定义一个Teacher的构造器函数 call()函数：基本上，这个函数允许您调用一个在这个文件里别处定义的函数。第
阅读全文
摘要：基于原型的语言 JavaScript 常被描述为一种基于原型的语言 (prototype-based language)——每个对象拥有一个原型对象，对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型，并从中继承方法和属性，一层一层、以此类推。这种关系常被称为原型链 (prototyp
阅读全文
摘要：pushState和replaceState是H5的API中新添加的两个方法。通过window.history方法来对浏览器历史记录的读写。 pushState和replaceState 在 HTML 文件中, history.pushState() 方法向浏览器历史添加了一个状态。 pushSta
阅读全文
摘要：1.export与export default均可用于导出常量、函数、文件、模块等2.在一个文件或模块中，export、import可以有多个，export default仅有一个3.通过export方式导出，在导入时要加{ }，export default则不需要 4. (1) 输出单个值，使用e
阅读全文
摘要：一个显著变化，就是URL加入了"#!"符号。比如，改版前的用户主页网址为 http://twitter.com/username 改版后，就变成了 http://twitter.com/#!/username 在我印象中，这是主流网站第一次将"#"大规模用于直接与用户交互的关键URL中。这表明井号（
阅读全文
摘要：背景图的绘制（大圆、数字、小圆点） 掌握基础知识：圆的绘制（arc方法），关于圆的弧度的计算，数学中关于sin cos的用法 圆的弧度为2*Math.PI 12个数字分得弧度每个为2*Math.PI/12 那么rad=i*2*Math.PI/12 x=Math.cos（rad）*所需要的长度（也就是
阅读全文
摘要：今天终于将SVG生成柱状图的代码给完成了，过程中定位比较重要，包括坐标轴的X,Y点，和长度宽度，都需要要好好设计一下。 其中viewbox属性比较有趣，学习了，贴出鑫旭大神的解说，非常清晰。http://www.zhangxinxu.com/wordpress/?p=4323 在编写代码时，记得哪个
阅读全文
摘要：一、 问题描述 在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误最初以为是babel-core没有安装上。重装了好几遍babel-core还是不行。对照以前的项目,发现babel-loader的版本不一样,
阅读全文
摘要：获取元素DOM对象有很多种方法，以前一直在用getElementById和getElementsByTagName等，现在对这些方法和querySelector做一个总结． 常见的获取元素的方法有3种，分别是通过元素ID、通过标签名字和通过类名字来获取。 DOM提供了一个名为getElementBy
阅读全文
摘要：先来个基础的 需求 根据下面需求实现如示意图所示的邮箱输入提示功能，注意，根据要求只需实现下面功能 当用户没有任何输入时，提示框消失 当用户输入字符后，显示提示框，并且把用户输入的内容自动拼上邮箱后缀进行显示 暂时不用考虑示意图中的红色和蓝色背景色的逻辑 注意用户输入中前后空格需要去除 小优化编码
阅读全文
摘要：1、浏览器的按键事件 浏览器有3种按键事件——keydown，keypress和keyup，分别对应onkeydown、onkeypress和onkeyup3个事件句柄。 一个典型的按键会产生所有这三种事件，依次是keydown-->keypress-->keyup。 控制台输出：keydownke
阅读全文
摘要：示例html代码： 示例html代码： 示例html代码： 示例html代码： 示例html代码： <div id="test"> <span style="color:red">test1</span> test2 </div> 获得id为test的DOM对象，下面就不一一获取了。 var tes
阅读全文
摘要：HTML的Encode(转码)和解码(Decode)在平时的开发中也是经常要处理的，在这里总结了使用javascript处理HTML的Encode(转码)和解码(Decode)的常用方式 一、用浏览器内部转换器实现转换 1.1.用浏览器内部转换器实现html转码 首先动态创建一个容器标签元素，如DI
阅读全文
摘要：1、基础准备： 先来了解下，如何运用js实现select动态添加option。 //1.动态创建select function createSelect(){ var mySelect = document.createElement("select"); mySelect.id = "mySele
阅读全文
摘要：编码 现在我们要做一个稍微复杂的东西，如下HTML，有一堆Select用于选择日期和时间，在选择后，实时在 id 为 result-wrapper 的 p 标签中显示所选时间和当前时间的差值。 使用上方的HTML结构（可以根据需要自行微调）为基础编写JavaScript代码 当变更任何一个selec
阅读全文
摘要：attachEvent和addEventListener在前端开发过程中经常性的使用，他们都可以用来绑定脚本事件，取代在html中写obj.onclick=method。 相同点： 它们都是dom对象的方法，可以实现一种事件绑定多个事件处理函数。 使用attachEvent和addEventList
阅读全文
浙公网安备 33010602011771号