2017年07月_喯啵儿灞

09月 08月 07月 04月 03月 02月

转载 chrome调试js高能技巧

你是怎么调试 JavaScript 程序的？最原始的方法是用 alert() 在页面上打印内容，稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~，用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了。本文主要介绍其中的 JavaScript 断点设置和调试功能，

2017-07-31 10:51:13 311

转载如何封装jQuery插件

引子现在网上关于js和jquery封装的插件很多，我刚刚接触前端的时候，就很敬佩那些自己写插件的大牛们！因为是他们给网站开发更多的便利，很多网页效果，网上很多现成的插件！那么这些插件是如何写的呢？首先是有扎实的js和jquery技术基础，其次还有一些写插件的方法和技巧。关于js和jquery的技术基础，那是一个慢慢积累的过程。但是关于写插件的一些注意和技巧，本文可以略微介绍一

2017-07-20 16:25:05 4601

原创 html5上传及压缩图像

下述代码旨在不借助任何插件的前提下，优化移动端用户在web页面上传图片卡顿或消耗流量过大问题HTML：(html是次要的，自由发挥吧)JS：/** * 压缩图片创建一个image对象，给canvas绘制使用 * @params image:图片对象 fileType:图片类型 targetWidth:压缩后图片目标宽度 * @return 返回一个上送给后台的图片流

2017-07-20 11:18:50 1771

原创迷迷糊糊很多年的js原型链

1.属性描述器（属性标签）对象的每个属性都有多个标签，也叫属性描述器writable 是否可写enumerable 是否可枚举configurable 是否可配置删除value 属性值get方法\set方法 get与set是对象内部的关键字，他们与其他属性不同，并非键值对形式存在，可以直接咦get set关键字开头后面跟函数表达式，其默认方法如下get方法

2017-07-14 17:21:05 283

原创浅谈js严格模式 use strict

严格模式是一种特殊的运行模式，它修复了部分语言上的不足，提供更强的错误检查，并增强安全性"use strict"：1.不允许使用with语法2.所有变量必须声明，不然赋值给未声明的变量会报错，而不是隐式声明全局变量3.通过eval方法创建的变量，将被分为独立的作用于，外部代码不能访问4.函数中的特殊对象arguments将为静态副本，不能与函数参数相互影响，无法修改参数5.

2017-07-14 17:06:41 359

转载 chrome 控制台常用指令api

大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢，下面我就介绍一些调试的入门技巧，让你爱上co

2017-07-13 11:14:54 2270

原创 js作用域

1.js没有块级作用域要么全局要么函数内局部变量或通过eval()生成的变量for(var i=0;...)===var i=0;for()循环体内的变量与写在循环体外无异；2.(function(){})() 这么写为了强制把变量转为局部变量，不污染全局环境，也可写成!function(){}()或+function(){}()，在函数前加！或+是为了区别函数声明和函

2017-07-12 15:47:40 207

原创 js 数组高能方法

以下以test=[1,2,3,4,5]为例1. slice方法--slice截取数组，不改变原数组test.slice(1,2)=>[2]// 从下标1截取到下标2的前一个元素test.slice(1)=>[2,3,4,5]//从下标1开始往后截取到末尾test=>[1,2,3,4,5]2.splice方法--截取或拼接数组，改变原数组test.splice(1,2)=>[

2017-07-10 16:13:36 209