生命不息,编程不止

deniro's thinking

JavaScript 开发框架横向比对(Vue、React 和 Angular)

1 背景比对 比对 Vue React Angular 出现年月 2013-7 2013-3 2010-1 框架类型 MVVM MVC MVW 开源许可 MIT license BSD3-license MIT ...

2018-05-30 11:36:18

阅读数 9289

评论数 1

每个 JavaScript 工程师都应当知道的 10 个面试题

1 能说出来两种对于 JavaScript 工程师很重要的编程范式么? JavaScript 是一门多范式(multi-paradigm)的编程语言,它既支持命令式(imperative)/面向过程(procedural)编程,也支持面向对象编程(OOP,Object-Oriented Prog...

2018-05-21 10:07:04

阅读数 213

评论数 0

深入理解 JavaScript 方法集的特性与最佳实践

JavaScript 包含了一套小型的、可用在标准类型上的方法集。下面我们对这些方法一一进行分析。1 Array1.1 array.concat(item…)concat 方法会产生一个新数组,它是数组的浅复制,并把一个或多个 item 附加在其后。如果 item 是一个数组,那么它的每一个元素都...

2017-10-12 16:35:22

阅读数 741

评论数 0

手把手教你为百度地图的多个覆盖物(每个覆盖物拥有各自的参数),绑定事件处理函数

百度地图的覆盖物有很多种,比如点、折线等等。项目要求在地图上划出多个折线,并需要对这些折线绑定事件处理函数(弹出一个信息窗口)。折线与信息窗口的定义代码如下:var DeniroMap = { lines: [],//存储已创建好的折线对象数组 //折线样式 ...

2017-09-30 17:53:01

阅读数 2491

评论数 0

深入理解 JavaScript 正则表达式的特性与最佳实践

JavaScript 的正则表达式借鉴自 Perl。正则表达式是一种语法规范,它能够对字符串中的信息进行查找、替换与提取操作。JavaScript 的正则表达式比等效的字符串处理有着显著的性能优势。正则表达式起源于对形式语言的数学研究,Ken Thompson 写出了一个切实可行的模式匹配器,它能...

2017-09-28 15:48:32

阅读数 449

评论数 0

Uncaught DOMException: Failed to read the 'contentDocument' property from 'HTMLIFrameElement' 的解决办法

1 发现问题最近开发了 Excel 导入、导出工具,极大地提升了工作效率,沾沾自喜中。然而把项目部署在测试环境上,却发现在 chrome 中无法上传文件,日志报了以下错误:Uncaught DOMException: Failed to read the 'contentDocument' pro...

2017-09-28 11:44:54

阅读数 7331

评论数 2

深入理解 JavaScript 数组的特性与最佳实践

JavaScript 提供了一种类似数组特性的对象,它把数组的下标变为字符串,作为对象的属性。虽然它比一个真正的数组来的慢,但是使用起来很方便。1 数组字面量数组字面量是在一对方括号中包围零个或多个用逗号分隔的值的表达式:var empty = []; var numbers = [ 'z...

2017-09-21 15:11:19

阅读数 389

评论数 0

深入理解 JavaScript 继承的特性与最佳实践

继承是代码重用的模式。JavaScript 可以模拟基于类的模式,还支持其它更具表现力的模式。但保持简单通常是最好的策略。JavaScript 是基于原型的语言,也就是说它可以直接继承其他对象。1 伪类JavaScript 的原型不是直接让对象从其他对象继承,而是插入一个多余的间接层:通过构造函数...

2017-09-19 16:01:52

阅读数 451

评论数 0

深入理解 JavaScript 函数的特性与最佳实践

函数用于指定对象的行为。所谓的编程,就是将一组需求分解为一组函数和数据结构的技能。1 函数对象JavaScript 函数就是对象。对象是名值对的集合,它还拥有一个连接到原型对象的链接。对象字面量产生的对象连接到 Object.prototype,而函数对象连接到 Function.prototyp...

2017-09-14 15:05:57

阅读数 478

评论数 0

深入理解 JavaScript 对象的特性与最佳实践

JavaScript 的简单数据类型是数字、字符串、布尔值(true/false)、null 以及 undefined,其它所有的值都是对象。这些对象是可变的键值对集合。对象是属性的容器,每个属性都有名字和值。属性的名字可以是包含空字符串在内的任何字符串,而属性值是除 undefined 值之外的...

2017-09-07 14:38:26

阅读数 636

评论数 0

说说如何对 JavaScript 进行部署

1 构建过程JavaScript 代码不能直接放在浏览器中,原因如下: 知识产权 - 如果把带有完整注释的代码放在 web 上,那么别人就更容易知道你的意图,对它进行利用,甚至发现安全漏洞! 文件大小 - 开发的代码要容易阅读,这样才能更好地进行维护,但这对性能不利。 代码组织 - 编码代码时要考...

2017-09-05 15:21:39

阅读数 925

评论数 0

JavaScript 最佳实践之性能篇

最初的 JavaScript 是一种解释型的语言,所以在执行速度上比编译型语言慢得多。后面有了 Chrome,它内置了优化引擎,把 JavaScript 编译为本地代码再执行,很多浏览器纷纷效仿,所以现在的 JavaScript 已经是编译型的语言咯O(∩_∩)O~1 注意作用域1.1 for 循...

2017-08-31 15:43:20

阅读数 385

评论数 0

JavaScript 最佳实践之可维护篇

编写可维护的 JavaScript 很重要,因为大部分的开发者都花费了大量的时间来维护他人编写的代码,因为一般情况下,我们都是以他人的工作成果为基础,开始开发新代码的。这里的很多概念也适用于其他编程语言哦O(∩_∩)O~1 什么是可维护代码?可维护代码有这些特点: 可理解性——其他开发者可以接手源...

2017-08-24 15:28:16

阅读数 329

评论数 0

说说如何使用 JavaScript 实现拖放功能

拖放指的是:鼠标点击某个对象并按住不放,然后移动到另一个区域,释放鼠标按键将对象放在这个地方。创建一个绝对定位的元素,然后让它可以在页面上跟着鼠标指针移动,这种技术源自“鼠标拖尾”的经典技巧。单元素的鼠标拖尾是使用 onmousemove 事件来实现的,它总是将指定的元素移动到鼠标指针的位置:&l...

2017-08-22 14:50:24

阅读数 474

评论数 0

说说如何使用 JavaScript 实现自定义事件

事件是 JavaScript 与浏览器交互的主要方式,是使用观察者模式实现的。对象发布事件,然后其他对象可以观察这个对象,在需要的时候进行代码响应。观察者模式是由主体和观察者组成的。主体发布事件,而观察者通过订阅事件来观察这个主体。这个模式中的主体并不知道谁是观察者以及它们做了什么,主体可以独立存...

2017-08-17 14:52:03

阅读数 428

评论数 0

说说使用 JavaScript 定时器的正确姿势

JavaScript 是运行于单线程的环境中,所以 JavaScript 中的定时器只是计划代码在未来的执行时间。像是页面下载完成后的代码运行、事件处理程序、AJAX 回调函数都是使用这个单线程运行的哦O(∩_∩)O~。实际上,浏览器会对这些代码进行排序,指定它们的运行优先级。比如点击了某个按钮,...

2017-08-15 15:05:55

阅读数 1044

评论数 0

说说如何使用 JavaScript 创建防篡改对象

之前的 JavaScript,开发人员可能会意外修改了别人的代码,甚至重写原生对象!现在,在 ECMAScript 5 中可以定义防篡改对象啦O(∩_∩)O~不过,一旦把对象定义为防篡改之后,就无法撤销了哦。1 不可扩展对象默认情况下,所有的对象都是可扩展的,即可以随意地添加属性和方法。现在,使用...

2017-08-10 14:33:03

阅读数 603

评论数 0

说说 JavaScript 中那些有趣而且强大的高级函数

1 安全的类型检测JavaScript 内置的类型检测机制并非完全可靠。比如 typeof 操作符,它会导致检测数据类型时得到不靠谱的结果(Safari 4 以及之前的版本,正则表达式会返回 function!)。instanceof 操作符在存在多个全局作用域(比如一个页面包含多个框架)的情况下...

2017-08-08 15:39:43

阅读数 251

评论数 0

说说使用 JavaScript 解析以及序列化 JSON 的方法

JSON 之所以这么流行,是因为 JSON 数据结构可以被解析为 JavaScript 对象。JSON 之前的 XML 数据结构要被解析,需要先解析成 DOM 文档,然后再从中提取出数据。相比之下,JSON 数据结构方便多咯O(∩_∩)O~所以 JSON 就成为 web 开发中,用于数据交换的事实...

2017-08-03 15:24:11

阅读数 305

评论数 0

说说 JSON 的基本语法以及与 JavaScript 的异同

JSON 的语法可以表达三种类型的值。 简单值:与 JavaScript 语法相同,可以表示字符串、数值、布尔值以及 null,但不支持 JavaScript 的 undefined。 对象(复杂数据类型):是一组有序的键值对,每个键值对中的键可以是简单值,也可以是 复杂数据类型的值。 数组(复...

2017-08-03 14:29:53

阅读数 222

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭