
JavaScript
文章平均质量分 79
shure_
dd_为梦想而生
展开
-
JavaScript 垃圾回收
在 C 和 C++ 语言中,开发人员的一项基本任务就是手工跟踪内存的使用情况,并进行垃圾回收。而在编写 javascript 程序时,开发人员不在关心内存使用问题,所需内存的分配以及无用内存的回收完全实现了自动管理。这种垃圾回收机制的原理其实很简单:找出那些不再使用的变量,然后释放其占用的内存。为此,垃圾收集器会在按照图钉的时间间隔,周期性的执行一次垃圾收集操作。 标记清除原创 2016-02-28 21:11:50 · 406 阅读 · 0 评论 -
前端开发之JavaScript实战应用
一、JavaScript 模块化编程一、原始写法var conut = 0;function m1(){ //...}function m2(){ //...}使用时直接调用,这种写法”污染”了全局变量,无法保证不与其他模块发生变量名冲突,而且模块成员之间看不出直接关系。二、对象写法var module1 = new Object({ count : 0, m1原创 2017-02-04 15:14:22 · 2061 阅读 · 2 评论 -
代码规范之Web
命名规则上一篇总结了 java 代码规范,规则都来源于 google 的代码规范,这一篇总结 web 前端的规范。项目命名:全部使用小写字母,用下划线隔开。例:my_project_name 目录命名:采用项目命名规则,有复数结构时,要采用复数命名法。例:styles,images,scripts 文件名:都采用小写字母,用下划线隔开加后缀。例:index_example.html,s原创 2016-11-23 20:30:53 · 356 阅读 · 0 评论 -
JavaScript Array API
1. 创建数组 ECNAScript 的数组不像其他语言的数组,比如java,C,它的同一个数组中可以包含多种类型的数据,数值,和字符串可以在同一数组红。它创建数组的方式有两种,一种是使用Array的构造函数;var arr = new Array(); //创建一个空数组var arr1 = new Array(20); //创建一个长度为20的数组var arr2 = new A原创 2016-03-07 11:25:17 · 935 阅读 · 1 评论 -
DOM 扩展 Selectors API
Selector API 是由 W3C 发起制定的一个标准,致力于让浏览器原生支持 css 查询,jquery 库就的核心就是通过 CSS 选择器查询 DOM 文档取得元素的引用,从而抛开了 getElementById() 和 getElementsByTagName() ,然而原生的 Selector API 解析和树查询操作可以在浏览器编译后的代码来完成,极大的改善了性能。querySele原创 2016-07-06 18:17:11 · 426 阅读 · 0 评论 -
同时选择表格行列的实现
先看一个效果图: 这是腾讯视频 nba 每队的数据统计页面,当用户鼠标放上去的时候,会将对应的行和列改变样式,这个效果不是很明显,下面是我做的一个 demo 效果 下面来看实现过程,html 表格的代码就不贴了,/** 样式 */<style> .tr-td-hover{ background-color: #fffaea; } .td-cou原创 2016-06-12 10:27:06 · 649 阅读 · 1 评论 -
React 组件的生命周期
react 组件生命周期有三个状态:Mounting(挂载):已插入真实 DOMUpdating(更新):正在被重新渲染Unmounting(移除):已移出真实 DOMReact 为每个状态都提供了两种处理函数,will 函数在进入状态之前调用,did 函数在进入状态之后调用,三种状态共计五种处理函数。componentWillMount()componentDidMount()com原创 2016-05-16 11:51:10 · 572 阅读 · 0 评论 -
简化 javaScript 代码技巧
1.&& 和 || 表达式 在函数中给变量设置默认值时:function test(val){ if(!val){ val = "default value"; }}上面代码可以这样简化function test(val){ val = val || "default value";}|| 表达式从左到右依次判断,若左边为真,则返回左边表达式的值,并不往原创 2016-05-03 16:59:07 · 504 阅读 · 0 评论 -
JavaScript 中的相等性判断
JavaScript 提供了三种不同的比较操作符: 1.严格相等(===) 2.非严格相等(==) 3.Object.is(ECMAScript 6 新特性) ECMAScript 提供了四种比较操作符: 1.非严格相等(==) 2.严格相等(===):用于Array.portotype.indexOf,Arrayprototype.lastIndexOf,或 case 语句的匹配操原创 2016-03-12 11:36:24 · 1513 阅读 · 2 评论 -
JavaScript 继承与原型链
熟悉 Java,C++ 的人都知道这些语言的继承都是基于 Class 的,但是熟悉 JavaScript 的人也知道 javaScript 是没有Class的(在 ES6 中添加了 Class 关键字,但只是语法,javaScript 仍旧是基于原型的)。由于 javaScript 的继承只有一种结构,那就是: 对象,每个对象都有指向它的原型(prototype)。这个原型对象又有自己的原型,直到原原创 2016-03-20 10:34:59 · 360 阅读 · 0 评论 -
JavaScript模块化编程补充Sea.js
官网的介绍: Sea.js 追求简单、自然的代码书写和组织方式,具有以下核心特性:**简单友好的模块定义规范:**Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码。自然直观的代码组织方式:依赖的自动加载、配置的简洁清晰,可以让我们更多地享受编码的乐趣。Sea.js 还提供常用插件,非常有助于开发调试和性能优化,并具有丰富的可扩展接口。社区说:SeaJS 的理念的是原创 2017-02-23 16:04:35 · 361 阅读 · 0 评论