随笔分类 -  前端那些事

摘要：1. 定义js类 js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类.代码如下:function ShapeBase() { this.show = fun... 阅读全文

摘要：基于require.js的压缩，至于require.js，网上有比较权威的解说RequireJS进阶（一）RequireJS进阶（二）RequireJS进阶（三）目前我所做的项目是把各个模块下的分css，压缩到一个统一的resource目录下统一管理。本项目用的是nodejs,因为这一版本里已经集成了require.js，所以不需引用，require.js的压缩库其实是r.js，所以还需要引用一下，然后通过dos命令写一个bat文件@echo off node r.js -o cssIn=html_Report/css/main.css out=resources/default/html_r 阅读全文

摘要：1. node.js不是js应用，而是js运行平台。Node.js采用C++编写，是一个js的运行环境。 2. node.js采用事件驱动、异步编程，为网络服务而设计。Node.js的网络应用模块包括：HTTP/DNS/NET/UDP/HTTPS/TLS等。 3. node.js的特点： ①性能不错，它以单进程，单线程模式运行。事件驱动机制是node.js通过内部单线程高效率的维护事件循环... 阅读全文

摘要：1. css的出现是为了是内容和表现分离。分为三种：内联：不推荐嵌入：没有利用浏览器缓存机制。外联：2. css优先级：①id优先级高于class②后面的样式覆盖前面的③指定的高于继承④行内样式高于内部或外部样式总结：单一(id)的高于共用的(class)，有指定用指定，无指定继承离他最近的。3. ... 阅读全文

摘要：一、定义： 当函数a的内部函数b被函数a外的一个变量引用的时候，就创建了一个闭包。 二、作用：（1）可以读取函数内部的变量。 （2）让这些变量的值始终保持在内存中。 三、忠告：由作用可以看出如果过多的使用闭包而不释放掉这些引用，就会导致内存中的变量越来越多，影响性能。（在Javascript中，如果一个对象不再被引用，那么这个对象就会被GC回收。如果两个对象互相引用，而不再被第3者所引用... 阅读全文

摘要：//动态添加行 function addRow(){ var table = document.getElementById("tableID"); var newRow = table.insertRow(); //创建新行 var newCell1 = newRow.insertCell(); //创建新单元格 newCell.innerHTML... 阅读全文

摘要：<script type="text/javascript" language="javascript"> function document.onkeydown() { if ((event.keyCode == 13) && (event.srcElement == document.getElementById("txtUserPassword"))) { var btn =... 阅读全文

摘要：function IsChinaIDCard(strNo){ var code = strNo.substr(0,3); if(!CheckIDCardCode(code)) return false; if(strNo.length==18) { var a,b,c; if(!IsInteger(strNo.substr(0,17))) { return false; } a=parseInt(strNo.substr(0,1))*7+pa... 阅读全文

摘要：1. javascript特殊类型，undefined表示值未定义。 2. var a=12,b=”hello”,c=”123” a/b得到的结果是NaN(Not a Number的缩写)；NaN==NaN这个值是false,因为NaN只表示不是一个数字，所以无法判断是否相等。要想判断一个值是不是NaN，可以通过IsNaN(变量)方法。 但是有一个特殊情况（只针对+），a+b=12hello... 阅读全文

摘要：JSON(JavaScript Object Notation： js对象记法)是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。1.在JSON中，有两种结构：对象、数组。 ①对象：如，var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20& 阅读全文

摘要：Backbone 的 Views 用来接收用户的操作和修改 Model 的数据 ，另外通过 render 来展示数据.实际上，在MVC框架中，它更像是Controller。 View有两个作用：1.监听事件2.展示数据 下面简单的创建一个View：GameView= Backbone.View.extend({ tagName : "div", className: "game", render : function() { // code for rendering the HTML for the view } }); 下面让我们看看render部分 阅读全文

摘要：collection(集合)实际上，相当于Model的集合。定义方法如下：var GamesCollection = Backbone.Collection.extend({ model : Game, }});需要注意的是，定义Collection的时候，一定要指定Model。 下面让我们为这个集合添加一个方法，如下：var GamesCollection = Backbone.Collection.extend({ model : Game, old : function() {return this.filter(function(game) {return game.get(' 阅读全文

摘要：Backbone 是一个前端 JS 代码 MVC 框架，它不可取代 Jquery，不可取代现有的 template 库。而是和这些结合起来构建复杂的 web 前端交互应用。Backbone 主要包括 models, collections, views 和 events, controller。（一）model 关于 backbone，最基础的一个东西就是 model，这个东西就像是后端开发中的数据库映射那个 model 一样，也是数据对象的模型，并且应该是和后端的 model 有相同的属性（仅是需要通过前端来 操作的属性）。 Models 用来创建数据，校验数据，存储数据到服务器端.... 阅读全文

摘要：最近被调到一个新的项目组，做web开发，是一个要上线的产品。MVC架构，对前端要求比较高，对于我这样一个三脚猫功夫的js小鸟来说确实是一个挑战。废话少说，直插主题。项目需要用到seajs，遂学之… 一、seajs是什么 一个适用于 Web 浏览器端的模块加载器。只是实现JavaScript的模块化及按模块加载，与jquery不同。 二、特点 （1）一个模块一个文件 （2）使用define()定义模块 （3）使用use异步加载模块经常使用的 API 只有 define, exports, require, require.async 这四个。define define(factory)fact. 阅读全文