自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 sublime插件集合 – sublime推荐必备插件

Package Control功能:安装包管理简介:sublime插件控制台,提供添加、删除、禁用、查找插件等功能使用:https://sublime.wbond.net/installation安装方法:CTRL+` ,出现控制台粘贴以下代码至控制台sublime2:1import urllib2,os; pf='P

2016-12-23 21:15:08 393

原创 HTML5的 input:file上传类型控制

一、input:file属性属性值有以下几个比较常用:accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表。multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径。1、accept只能选择png和gif图片 id="fileId1" type="file" accept="

2016-12-20 14:59:15 302

原创 AJAX 跨域请求 - JSONP获取JSON数据

Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mas

2016-12-15 09:38:02 294

原创 URL转码escape() encodeURI() encodeURIComponent()

escape() 方法:采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。unescape方法与此相反。不会被此方法编码的字符: @ * / + encodeURI() 方法:把URI字符串采用UTF

2016-12-13 15:13:32 244

原创 参数类型

声明值的类型,类型不符合则保错,语法类似javavar isBoolean:boolean = true; //布尔console.log(isBoolean)var isString:string = "jiaChao"; //字符串console.log(isString)var isNumber:number = 123; //数字console.log(isNumber

2016-12-12 19:46:34 264

原创 字符串新特效

一、多行字符串采用反单引号的写法 `         ---在ESC键下方var myName = `i-am-jiaChao` ;等同于 var myName = 'i\n-am-\njiaChao' ;  加 \n 换行符二、字符串引入变量(字符串模板)采用在反单引号中,使用${}表达式中可以添加变量(表达式)var myVal = "jiaCh

2016-12-12 19:42:35 308

原创 ionic2初始化项目

mac正常流程:1、安装Node.js。(最新版本4.1一定是集成了npm 这个包管理工具的)2、终端上执行命令,$sudo npm install -g cordova 安装cordova3、终端上执行命令,$sudo npm install -g ionic 安装ionic当然你可以两行命令合在一起,$sudo npm install -g corvoda io

2016-12-10 11:28:57 1294

转载 经验分享

目录介绍10个JavaScript的开发技巧性能优化-预加载与懒加载gulp,bower环境搭建someet首页无线滚动实战聊聊someet架构项目自动部署分享几个自己工作生活中总结的观念 分享几个js技巧我们在使用js的时候一些常用方法我们以为已经掌握它了,但是有些细节,我们可能没注意到! 我们习惯使用

2016-12-07 16:00:47 880

原创 2.9 AMD 规范

AMD 规范AMD(异步模块定义)是为浏览器环境设计的,因为 CommonJS 模块系统是同步加载的,当前浏览器环境还没有准备好同步加载模块的条件。AMD 定义了一套 JavaScript 模块依赖异步加载标准,来解决同步加载的问题。模块通过 define 函数定义在闭包中,格式如下:define(id?: String, dependencies?: String[], fact

2016-12-05 17:49:02 183

原创 2.8 CommonJS 规范

CommonJS 规范CommonJS 是以在浏览器环境之外构建 JavaScript 生态系统为目标而产生的项目,比如在服务器和桌面环境中。这个项目最开始是由 Mozilla 的工程师 Kevin Dangoor 在2009年1月创建的,当时的名字是 ServerJS。我在这里描述的并不是一个技术问题,而是一件重大的事情,让大家走到一起来做决定,迈出第一步,来建立一个更大更酷的东

2016-12-05 17:48:30 198

原创 2.7 故障处理

故障处理Webpack 的配置比较复杂,很容出现错误,下面是一些通常的故障处理手段。一般情况下,webpack 如果出问题,会打印一些简单的错误信息,比如模块没有找到。我们还可以通过参数--display-error-details 来打印错误详情。$ webpack --display-error-detailsHash: a40fbc6d852c51fceadbVersion

2016-12-05 17:47:46 358

原创 2.6 开发环境

开发环境当项目逐渐变大,webpack 的编译时间会变长,可以通过参数让编译的输出内容带有进度和颜色。$ webpack --progress --colors如果不想每次修改模块后都重新编译,那么可以启动监听模式。开启监听模式后,没有变化的模块会在编译后缓存到内存中,而不会每次都被重新编译,所以监听模式的整体速度是很快的。$ webpack --progress --color

2016-12-05 17:47:17 158

原创 2.5 插件

插件插件可以完成更多 loader 不能完成的功能。插件的使用一般是在 webpack 的配置信息 plugins 选项中指定。Webpack 本身内置了一些常用的插件,还可以通过 npm 安装第三方插件。接下来,我们利用一个最简单的 BannerPlugin 内置插件来实践插件的配置和运行,这个插件的作用是给输出的文件头部添加注释信息。修改 webpack.config.js

2016-12-05 17:36:56 528

原创 2.4 配置文件

配置文件Webpack 在执行的时候,除了在命令行传入参数,还可以通过指定的配置文件来执行。默认情况下,会搜索当前目录的 webpack.config.js 文件,这个文件是一个 node.js 模块,返回一个 json 格式的配置信息对象,或者通过 --config 选项来指定配置文件。继续我们的案例,在根目录创建 package.json 来添加 webpack 需要的依赖:{

2016-12-05 17:36:04 264

原创 2.3Loader

LoaderWebpack 本身只能处理 JavaScript 模块,如果要处理其他类型的文件,就需要使用 loader 进行转换。Loader 可以理解为是模块和资源的转换器,它本身是一个函数,接受源文件作为参数,返回转换的结果。这样,我们就可以通过 require 来加载任何类型的模块或文件,比如 CoffeeScript、 JSX、 LESS 或图片。先来看看 loader 有哪

2016-12-05 17:35:32 189

原创 2.2使用

安装首先要安装 Node.js, Node.js 自带了软件包管理器 npm,Webpack 需要 Node.js v0.6 以上支持,建议使用最新版 Node.js。用 npm 安装 Webpack:$ npm install webpack -g此时 Webpack 已经安装到了全局环境下,可以通过命令行 webpack -h 试试。通常我们会将 We

2016-12-05 17:34:15 189

原创 2.1安装

安装首先要安装 Node.js, Node.js 自带了软件包管理器 npm,Webpack 需要 Node.js v0.6 以上支持,建议使用最新版 Node.js。用 npm 安装 Webpack:$ npm install webpack -g此时 Webpack 已经安装到了全局环境下,可以通过命令行 webpack -h 试试。通常我们会将 Webpack 安装到项

2016-12-05 17:33:28 203

转载 使用 Chrome Timeline 来优化页面性能

有时候,我们就是会不由自主地写出一些低效的代码,严重影响页面运行的效率。或者我们接手的项目中,前人写出来的代码千奇百怪,比如为了一个 Canvas 特效需要同时绘制 600 个三角形,又比如 Coding.net 的任务中心需要同时 watch 上万个变量的变化等等。那么,如果我们遇到了一个比较低效的页面,应该如何去优化它呢?优化前的准备:知己知彼在一切开始之前,我们先打开 F12 面板,

2016-12-02 15:37:09 386

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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