javascript学习
文章平均质量分 52
zzzkk2009
Genius only means working hard all ones life!
展开
-
javascript学习之数据类型强制转换
一、转换为数值类型 Number(参数) 把任何的类型转换为数值类型 A.如果是布尔值,false为0,true为1 B.如果是数字,转换成为本身。将无意义的后导0去掉。 C.如果Null转换为0 D.如果是undefined 转换为NaN not a number E.如果对象则会先调用对象的 valueOf(),如果valueOf(原创 2015-03-24 22:22:13 · 473 阅读 · 0 评论 -
WebPack系列教程(八):DEV TOOLS
进展中devtool配置选项webpack-dev-serverwebpack-dev-middlewarekoa-webpack-dev: 服务端打包+在koa.js的开发服务器中进行模块热替换。翻译 2016-03-09 15:59:17 · 5085 阅读 · 0 评论 -
WebPack系列教程(一):目录
新手入门动机WebPack是什么安装使用Require 模块Vendor 模块使用Loaders使用PluginsDev Tools故障修复文档 & 示例起步文档列表示例指南CommonJsAMDbrowserify 用户使用webpack代码拆分样式表优化持久缓存如何编写Loader如何编写Plugin多个入口点(entry points)外部库翻译 2016-03-09 08:47:08 · 2243 阅读 · 0 评论 -
WebPack系列教程(二):动机
当今的网站已经发展为web app: * 越来越多的js脚本放入页面; * 在现代浏览器中,我们能做越来越的事情; * 如今很少有网站会采用整页面重载,因而页面的代码越来越多;最终导致大量的代码放入客户端中了。庞大的前端代码库需要重新组织。模块系统提供了这样的能力来帮助你拆分代码库到各个模块中。目录Module system styles Module system styles如今有很多翻译 2016-03-09 08:55:29 · 1419 阅读 · 0 评论 -
WebPack系列教程(三):什么是WebPack
webpack是一个模块打包器webpack模块根据之间的依赖,打包生成最终代表那些模块的静态资源。为什么还需要重新做一个模块打包器目标webpack有哪些不一样的地方?翻译 2016-03-09 10:00:56 · 1558 阅读 · 0 评论 -
WebPack系列教程(四):安装
node.jsinstall node.js node.js包含一个包管理器:npmwebpackUse webpack in a projectVersionsDev ToolsContinue reading翻译 2016-03-09 10:43:42 · 4942 阅读 · 0 评论 -
WebPack系列教程(五):使用
WIP(work in progress)同时,推荐阅读Maxime Fabre编写的webpack-your-bags.查看命令行接口CLI查看node.js API.查看配置翻译 2016-03-09 11:08:54 · 1218 阅读 · 0 评论 -
WebPack系列教程(九):故障排除
解决一般解决问题加上--display-error-details 参数,能得到更多的错误细节.在解析过程中,阅读相关解析相关的配置。 loaders有它们自己的解析配置 resolveLoader。npm link 的模块不要查找它们的依赖Node.js的模块求解算法非常简单:在加载模块的每个父目录的node_modules目录中查找模块依赖。当你使用npm link来作为依赖时,它们是不翻译 2016-03-09 16:45:33 · 6462 阅读 · 0 评论 -
WebPack系列教程(十):起步
欢迎这个小教程将指导您完成一个简单的例子。您将学到:如何安装webpack如何使用webpack如何使用loaders如何使用开发服务器安装WEBPACK首先你必须安装node.js。$ npm install webpack -g设置THE COMPILATION首先得有一个空目录创建以下文件:新增entry.jsdocument.write("It works.");新增index.h翻译 2016-03-09 18:04:39 · 5451 阅读 · 0 评论 -
WebPack系列教程(十一):文档列表
http://webpack.github.io/docs/list-of-tutorials.html翻译 2016-03-10 09:32:23 · 968 阅读 · 0 评论 -
WebPack系列教程(十二):示例
简单示例基本用法CommonJsexample.jsvar inc = require('./increment').increment;var a = 1;inc(a); // 2increment.jsvar add = require('./math').add;exports.increment = function(val) { return add(val, 1);}翻译 2016-03-10 13:44:01 · 4935 阅读 · 1 评论 -
开发规范:文件 / 项目命名规范
项目命名规范 采用英文小写方式,以下划线连接。如存在版本,最后连接版本号。例: wash_car_feedback_v2 目录命名采用英文小写方式,以下划线连接。如有复数是,应采用复数命名。例: scripts转载 2016-11-15 11:34:52 · 4061 阅读 · 0 评论 -
开发规范:CSS / Sass 开发规范
术语规则声明我们把一个(或一组)选择器和一组属性称之为 “规则声明”。举个例子:.listing { font-size: 18px; line-height: 1.2;}转载 2016-11-15 11:42:40 · 987 阅读 · 0 评论 -
开发规范:CSS书写性能相关
慎重选择高消耗的样式高消耗属性在绘制前需要浏览器进行大量计算:box-shadowsborder-radiustransparencytransformsCSS filters(性能杀手)避免过分重排当发生重排的时候,浏览器需要重新计算布局位置与大小,更多详情(http:转载 2016-11-15 11:45:11 · 448 阅读 · 0 评论 -
开发规范:ES6开发规范
类型1.1 基本类型: 直接存取基本类型。字符串数值布尔类型nullundefinedconst foo = 1;let bar = foo;bar = 9;console.log(foo, bar); // => 1, 91.2 复制类型: 通过转载 2016-11-15 14:50:49 · 2652 阅读 · 0 评论 -
开发规范:前端代码命名语义化推荐实践
布局相关语义命名简写盒容器wrapwrap盒子boxbox容器containercontainer主栏mainmain侧栏sidebar / asidesidebar / as转载 2016-11-15 14:52:56 · 758 阅读 · 0 评论 -
前端开发相关工具
一、 开发工具SublimeAtomWebStromVIM (MacVim)二、 调试抓包FiddlerHttpWatchCharles三、 相关文档手册Can I Use 相关特性浏览器支持情况HTML文档CSS文档JavaScript文档转载 2016-11-15 14:54:12 · 687 阅读 · 0 评论 -
WebPack系列教程(七):使用Plugins
使用插件添加通常涉及到的WebPack捆绑功能。例如,BellOnBundlerErrorPlugin会通知您在打包构建过程中的错误。内置插件通过在webpack配置中使用插件属性来将插件包含进你的项目中。// webpack should be in the node_modules directory, install if not.var webpack = require("webpack翻译 2016-03-09 15:54:59 · 8078 阅读 · 0 评论 -
WebPack系列教程(六):使用LOADERS
什么是loaders?loaders被应用于应用程序的资源文件中,通常用来做转换。它们都是函数(运行在nodejs中),将资源文件的源码作为入参,处理完后,返回新的源码文件。例如,你可以使用loaders告诉webpack加载coffeescript和jsx。翻译 2016-03-09 11:12:41 · 7988 阅读 · 0 评论 -
javascript学习之变量和数据类型
一、typeof 操作符 他是用来检测数据类型的一元运算符,并且返回的结果始终是一个字符串。二、数据类型 1.初始类型 Undefined: 指的就是变量创建后但是没有赋值,而变量的默认值就是undefined Null: 指的是什么都没有,仅仅是一个占位符。 Number:包括整型和浮点型。支持二进制、八进制、十进原创 2015-03-24 22:18:22 · 372 阅读 · 0 评论 -
javascript学习之数据类型隐式转换
一、函数类 isNaN() 该函数会对参数进行隐式的Number()转换,如果转换不成功则返回true; alert() 输出的内容隐式的转换为字符串二、运算符类 1.算数运算符 - * / % 如果操作数不是数值,将会隐式的调用Number()函数,按照这个函数的转换规则进行转换, 如果转换不成原创 2015-03-24 22:25:42 · 456 阅读 · 0 评论 -
javascript学习之流程控制
流程:就是程序代码的执行顺序。流程控制:通过 规定的语句 让程序代码 有条件的 按照一定的方式 执行。一、顺序结构 按照书写顺序来执行,是程序中最基本的流程结构。二、选择结构(分支结构、条件结构) 根据给定的条件有选择的执行形相应的语句。 (1) if else if else 1.单路分支原创 2015-03-24 22:27:32 · 531 阅读 · 0 评论 -
javascript学习之解析顺序和变量作用域
作用域:指的就是一段代码的作用范围。一、变量的作用域 1.全局变量 在代码中任何地方都能够访问得到的变量,拥有全局的作用域。 A.最外层函数外面定义的变量。 B.没有定义直接赋值的变量,拥有全局属性。 2.局部变量 只能在固定的代码片段(函数片段中)中访问得到。 A.函数内部定义的变量原创 2015-03-24 22:31:42 · 547 阅读 · 0 评论 -
javascript学习之函数的参数和return语句
一、参数(最多是25) 可以动态的改变函数体内对应的变量的类型或值,使同一函数体得到不同的结果。 形参:在定义函数的时候,函数括号中定义的变量叫做形参。 实参:调用函数的时候,在括号中传入的变量或值叫做实参。 1.参数的类型 可以是任何的数据类型 2.参数的个数(最多是25) A.实参和形参数量原创 2015-03-24 22:29:55 · 575 阅读 · 0 评论 -
javascript学习之内置顶层函数
名词解释:1.函数2.内置: ECMAscript 内置函数:ECMAscript 自带的函数 Number() 宿主函数: BOM DOM alert() prompt() confirm(); //confirm() 弹出一个带有确定和取消按钮的一个对话框,确定返回真,取消返回假。3.原创 2015-03-24 22:32:37 · 1815 阅读 · 0 评论 -
javascript学习之javascript运算符
一、运算符和操作数的组合就称为表达式。二、javascript运算符 (一) 算术运算符 + - * / % var++ ++var var-- --var A. + (1) 用于数值的运算 (2) 用于字符串的连接 ********原创 2015-03-24 22:20:59 · 401 阅读 · 0 评论 -
JavaScript权威指南学习之第2章 词法结构
1、JavaScript程序是用Unicode字符集编写的。 2、JavaScript是区分大小写的语言,即关键字、变量、函数名和所有的标识符(identifier)都必须采取一致的大小写形式(注:HTML并不区分大小写)。 3、JavaScript会忽略程序中标识(token)之间的空格。 4、JavaScript定义了一种特殊序列,使用6个ASCII字符来代表任意16位Unicode内码。原创 2015-10-02 09:31:14 · 464 阅读 · 0 评论 -
JavaScript权威指南学习之第3章 类型、值和变量
1、计算机程序的运行需要对值(value)进行操作。在编程语言中,能够表示并操作的值得类型称做数据类型(type)。当程序需要将值保存起来以备将来使用时,便将其赋值给一个变量(variable)。变量是一个值得符号名称,可以通过名称来获得对值得引用。2、从技术上讲,只有JavaScript对象才能拥有方法;然后数字、字符串和布尔值也可以拥有自己的方法。在JavaScript中,只有null和u原创 2015-10-02 09:35:35 · 549 阅读 · 0 评论 -
JavaScript权威指南学习之第4章 表达式和运算符
1、如果一个对象创建表达式不需要传入任何参数给话,那么这对空圆括号是可以省略掉的: newObject() => new Object newDate() => new Date2、左值(lvalue)是指“表达式只能出现在赋值运算符的左侧”。在JavaScript中,变量、对象属性和数组元素均是左值。ECMAScript规范允许内置函原创 2015-10-02 12:09:39 · 601 阅读 · 0 评论 -
JavaScript权威指南学习之第5章 语句
1、函数声明语句,会将函数名称和函数体都提前到当前上下文中其他代码之前声明。因此,可以在声明一个JavaScript函数之前调用它。函数定义表达式,只是将变量提前到其他代码之前,而函数体的初始化并没有提前,因此提前调用,会报:TypeError: f1 is not a function。2、由于JavaScript中的case表达式的值是在运行时(run-time)计算的,这一点使得Java原创 2015-10-02 15:54:13 · 476 阅读 · 0 评论 -
JavaScript权威指南学习之第6章 对象
1、可以通过对象直接量、关键字new和(ECMAScript5中的)Object.create()函数来创建对象。2、在ECMAScript 3中,点运算符后的标识符不能是保留字,比如,o.for或o.class是非法的,因为for是JavaScript的关键字,class是保留字。如果一个对象的属性名是保留字,则必须使用方括号的形式访问它们,比如o[“for”]或o[“class”]。ECM原创 2015-10-02 21:42:26 · 528 阅读 · 0 评论 -
JavaScript权威指南学习之第8章 函数
1、一条函数声明语句实际上声明了一个变量,并把一个函数对象赋值给它。2、函数声明语句并非真正的语句,ECMAScript规范只是允许它们作为顶级语句。它们可以出现在全局代码里,或者内嵌在其他函数中,但它们不能出现在循环、条件判断,或者try/cache/finally以及with语句中。注意,此限制仅适用于以语句声明形式定义的函数。函数定义表达式可以出现在JavaScript代码的任何地方。原创 2015-10-03 18:55:47 · 638 阅读 · 0 评论 -
JavaScript权威指南学习之第7章 数组
1、足够稀疏的数组通常在实现上比稠密的数组更慢、内存利用率更高,在这样的数组中查找元素的时间与常规对象属性的查找时间一样长。2、数组有两个特殊的行为:第一个,如果为一个数组元素赋值,它的索引i大雨或等于现有数组的长度时,length属性的值将设置为i+1。第二个,当设置length属性为一个小于当前长度的非负整数n时,当前数组中那些索引值大于或等于n的元素将从中删除。3、因为filter(原创 2015-10-03 18:54:19 · 426 阅读 · 0 评论 -
JavaScript权威指南学习之第9章 类和模块
1、原型对象是类的唯一标识:当且仅当两个对象继承自同一个原型对象时,它们才是属于同一个类的实例。r instanceof Range判断r是否是Ranger的对象时,instanceof运算符并不会检查r是否是由Ranger()构造函数初始化而来,而会检查r是否继承自Ranger.prototype。不过,instanceof的语法规则强化了“构造函数是类的公有属性”的概念。2、构造函数和原型原创 2015-10-04 23:00:27 · 733 阅读 · 0 评论 -
前端相关的技术资料
比较全的HEAD头信息介绍 地址 :https://github.com/joshbuchea/HEAD?utm_source=html5weekly&utm_medium=email禁止微信分享功能js代码禁止微信内分享当前页面代码12345678转载 2016-11-15 15:02:35 · 1252 阅读 · 0 评论