2017年11月_abloume

原创【JavaScript】数据量变大之后宜采用 —— 事件委托

当构建应用程序时，有时你需要将事件监听器绑定到页面上的按钮，文本或图像上，以便在用户与元素交互时执行某些操作。<ul id="todo-app"> <li class="item">Walk the dog</li> <li class="item">Pay bills</li>

2017-11-30 23:46:08 209

原创【JavaScript】方法属性的匿名函数是匿名函数么（附：获取当前执行函数名称的方法）

var ninja = { shout: function(){ console.log("hello"); }}　　有些人可能认为，将匿名函数赋值给名为shout的属性也就相当于给它取了名字，其实这是不正确的理解。shout是属性的名称，而不是函数自身的名称。这一点可以通过检查函数的name属性来验证。下面是一些测试实例，请自行思考（前两个均为匿名函数）：

2017-11-30 00:18:13 925 4

原创【JavaScript】var that = this

var that = this 就是将当前的this对象复制一份到that变量中。这样做有什么意义呢？$('#content').click(function(){ // this 是被点击的#content var that = this; $('.content').each(function(){ // this 是.content循环中当前的对象

2017-11-29 22:04:44 346

原创【JavaScript】0.1 + 0.2 = 0.30000000000000004该怎样理解？

如果你以前没了解过类似的坑，乍一看似乎觉得不可思议。但是某些语言下事实确实如此（比如 Javascript）：再看个例子，+1 后居然等于原数，没天理啊！如果你不知道原因，跟着楼主一起来探究下精度丢失的过程吧。事实上不仅仅是 Javascript，在很多语言中 0.1 + 0.2 都会得到 0.30000000000000004，为此还诞生了一个好玩的网站 0.30000000000000004。究

2017-11-27 00:25:43 506

原创【JavaScript】&&和||的另类用法

a() && b() ：如果执行a()后返回true，则执行b()并返回b的值；如果执行a()后返回false，则整个表达式返回a()的值，b()不执行； a() || b() ：如果执行a()后返回true，则整个表达式返回a()的值，b()不执行；如果执行a()后返回false，则执行b()并返回b()的值； && 优先级高于 || 看完后就相当清楚了，再看看具体代码及运行

2017-11-26 23:23:28 178

原创【JavaScript】var a = b = 3;是如何执行的？

(function(){ var a = b = 3;})();console.log("a defined? " + (typeof a !== 'undefined'));console.log("b defined? " + (typeof b !== 'undefined'));　　由于 a 和 b 都定义在函数的封闭范围内，并且都始于 var关键字，大多数JavaScript开发人

2017-11-26 22:16:40 13035

原创【JavaScript】ES6之...延展操作符

… 操作符（也被叫做延展操作符－ spread operator）已经被 ES6 数组支持。它允许传递数组或者类数组直接做为函数的参数而不用通过apply。　　　　延展操作符一般用于属性的批量赋值上。　　通过分析① test8(…args) ②test8(args) ③ test8.apply(null, args) 易看出区别

2017-11-26 21:51:59 3307

原创【JavaScript】基本数据类型与引用数据类型区别（及为什么String、Boolean、Number基本数据类型会有属性和方法？）

基本数据类型　　JavaScript基本数据类型包括：undefined、null、number、boolean、string。基本数据类型是按值访问的，就是说我们可以操作保存在变量中的实际的值。1）基本数据类型的值是不可变的任何方法都无法改变一个基本类型的值，比如一个字符串：var name = "change";name.substr();//hangconsole.log(name);//

2017-11-26 19:59:14 1904

原创【JavaScript】函数中的arguments对象与Rest参数

arguments　　JavaScript函数可以使用任意数量的参数（允许未知数量的函数参数）。在ES6之前，JavaScript有一个变量来访问这些未知或可变数目的参数，这是一个类似数组的对象，并非一个数组，称为arguments，与传递给函数的参数相对应。传递给JavaScript函数的所有参数都可以使用arguments对象来引用。　　　　在上面的函数中，num1和num2是两个参数

2017-11-25 23:49:17 1701

原创【JavaScript】let与var的区别及变量、函数提升

在上面代码中，我们使用var语句声明变量x。因此，变量x的范围是函数范围。if语句内的变量x就是if语句外创建的变量x。因此，在你修改if语句块内变量x的值的时候，也会修改函数中变量x的所有引用的值。　　为了避免这种情况，我们需要使用块级作用域，let语句允许你创建块级作用域的局部变量。　　修改上面的代码片段，使用let语句声明变量：　　　　　　在上面的代码中，我们使用let语句声明

2017-11-25 19:12:17 329

原创【JavaScript】在循环内使用闭包

================== 基本循环语句 ==================for (var i = 0; i < 5; i++) { console.log(i);}console.log(i);//这个大家应该很快就知道了，012345================== setTimeout与var语句的for循环 ==================for (

2017-11-24 00:36:29 266

原创【JavaScript】delete的用法

1、删除对象属性function fun(){ this.name = 'mm';}var obj = new fun();console.log(obj.name); //mmdelete obj.name;console.log(obj.name); //undefined2、删除无var创建的隐式全局变量// 定义全局变量name = 'lily'; // "lil

2017-11-23 11:16:40 549

原创【HTML5】响应式图片

jq width() 、height()获取的是图片加载到页面上的图片显示尺寸（图片标签width、height属性值或max-width后的值）而非图片真实尺寸；所以虽然在小屏设备上看到的图片小但是消耗的流量是固定不变的。　　如果是在小屏手机屏幕上显示网页，那么没有必要在网页上嵌入这样大的图片。这被称之为分辨率切换问题（resolution switching problem）—一张位图被设置

2017-11-23 00:03:49 480

转载【浏览器】现在还需要meta Keywords么？

Meta Keywords曾经是搜索引擎算法中的一个因子，在SEO刚开始流行的时期，SEO简单到只要在Meta Keywords标签里面堆积大量的关键词都能有很好的排名，当然，这是一种黑帽做法，所以注定了Meta Keywords要被和谐。　　Meta Keywords初衷是帮助搜索引擎判断页面的关键词，但是当有人发现，在Meta Keywords里面大量堆积关键词可以获得很好的排名之后，这个标

2017-11-22 12:50:00 1286

原创【JavaScript】console控制台调试技巧 | JavaScript调试技巧

对于前端开发者来说，在开发过程中需要监控某些表达式或变量的值的时候，用 debugger 会显得过于笨重，取而代之则是会将值输出到控制台上方便调试。最常用的语句就是console.log(expression)了。　　然而对于作为一个全局对象的console对象来说，大多数人了解得还并不全面，当然我也是，经过我的一番学习，现在对于这个能玩转控制台的 JS 对象有了一定的认识，与大家分享一下。

2017-11-19 11:58:40 1866

原创各种环境下的编码

1）操作系统的默认编码方式　　这是操作系统的内部属性，比如大多数Linux系统、Mac OS默认UTF-8编码，中文版Windows系统默认GBK编码。2）终端的编码方式　　终端包括cmd、shell、terminal等，在与终端交互时，字符是要在终端显示的，这必然涉及到终端采用的编码方式，事实上有不少bug是在这个层面上产生的。对于单机系统而言，终端编码与操作系统的编码一般是一致的，但在远

2017-11-18 20:15:51 407

原创【磁盘】装系统前最好先碎片整理（机械硬盘）

磁盘碎片整理简单来说就是通过系统软件或者专业的磁盘碎片整理软件对电脑磁盘在长期使用过程中产生的碎片和凌乱文件重新整理，以提高电脑的整体性能和运行速度。　　磁盘在使用一段时间后，由于反复写入和删除文件，磁盘中的空闲扇区会分散到整个磁盘中不连续的物理位置上，从而使文件不能存在连续的扇区里。这样，再读写文件时就需要到不同的地方去读取，增加了磁头的来回移动，降低了磁盘的访问速度。　　磁盘碎片整理

2017-11-18 19:10:34 1762

原创【JavaScript】JavaScript同步、异步、回调的执行顺序

口诀：同步优先、异步靠边、回调垫底（同步=>异步=>回调）有一道经典的面试题：for (var i = 0; i < 5; i++) { setTimeout(function() { console.log('i: ',i); }, 1000);}console.log(i);//输出5i: 5i: 5i: 5i: 5i: 5分析：for循

2017-11-18 17:42:32 338

原创【JavaScript】H5多线程的实现 — Web Worker

什么是Web Worker　　将JavaScript代码交给Web Worker在后台执行时，页面就可以在JavaScript运行期间依然可以响应用户操作，以防止出现页面卡死。用户可以创建多个Worker线程，这样就可以在前台做一些小规模分布式计算之类的工作。　　分布式计算是一种计算方法，和集中式计算是相对的。随着计算基数的发展，有些应用需要非常巨大的计算能力才能完成，如果采用集中式...

2017-11-17 21:49:53 1510

原创【JavaScript】JavaScript是多线程还是单线程？

之前在学浏览器渲染流程时了解的JavaScript是单线程执行的，时不时要考虑浏览器线程阻塞问题，然而又有人说JavaScript可以异步执行，比如setInterval、setTimeout以及Ajax等。那究竟是单线程还是多线程呢？　　下图是浏览器所具有的线程：　　单线程意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等

2017-11-17 00:34:55 1955

原创【JavaScript】数据类型检测

由于JavaScript是一种动态类型、弱类型、基于原型的语言，在运行期间可以动态更改其类型，所以一个变量的类型在运行期间是不可预测的，因此，数据类型的检测在开发当中就成为一个有必要了解和掌握的知识点。　　对于数据类型检测，估计我们刚开始接触时都是从typeof开始var foo = 3;var type = typeof foo;//或者var type = typeof(foo);ty

2017-11-16 21:14:28 203

原创【JavaScript】jQuery中的$("#id")与document.getElementById("id")的区别

以前一直认为jquery中的$(“#id”)和JS中的document.getElementById(“id”)得到的效果是一样的，直到今天将JS用jQuery改写时才发现并不是这么一回事，通过测试得到:alert($(“#div”))得到的是[object Object]alert(document.getElementById(“div”))得到的是[object HTMLDivElemen

2017-11-11 17:49:25 832

原创【JavaScript】原生JS实现多条件筛选

我在学JS初始看到的教程基本都是JS二级联动查询、三级联动查询；如下图：但有时并不需要级联查询，如购买商品时：今天我以慕课网前端样式作为参考做了下面的Demo，基于原生JS<div id="direction"> 方向： 全部 前端 <span

2017-11-11 16:01:38 5279

原创【JavaScript】箭头函数及其应用

什么是箭头函数？　　箭头函数表达式的语法比函数表达式更短，并且不绑定自己的this，arguments，super或 new.target。箭头函数与传统函数最大的不同之处在，禁用new操作。　　将箭头函数限制为使用固定this引用，有利于JavaScript引擎优化处理。　　其实箭头函数本身没有this，而自身的this会在函数声明的时候做绑定，它是根据上级的function中的th...

2017-11-11 12:35:40 757

原创【JavaScript】JS中的数组数字排序

Javascript 的sort()函数在默认情况下使用字母数字（字符串Unicode码点）排序。所以[1,2,5,10].sort() 会输出 [1, 10, 2, 5]. 要正确的排序一个数组, 你可以用 [1,2,5,10].sort((a, b) => a — b) 很简单的解决方案, 前提是你得知道有这么个坑

2017-11-11 00:47:40 1327

原创【JavaScript】从事件驱动到数据驱动

批处理　　在多年以前，计算机程序通常是以批处理的模式运行。所谓批处理，就是开发者事先写好一些代码，再将这些代码一次运行。这种处理方式有点类似于通过HTML代码直接编写的网页。浏览器只是将HTML代码逐行解析，并显示在浏览器窗口。　　后来，在批处理模式中，开发者可以加入一些特定的代码，在程序批处理期间，可以停下来等待用户输入一些信息，并根据用户输入的信息来判断和执行某个程序分支，这就使程序有了初步

2017-11-11 00:20:01 3646

原创【JavaScript】return的用法

例如：onClick='return checkForm()'与 onClick='checkForm()'的区别JavaScript在事件中调用函数时用return返回值实际上是对window.event.returnValue进行设置。该值放在提交表单中的onclick事件中则不会提交表单，如果放到超链接中则不执行超链接，也就禁止或取消了请求。l当在 Open 中如果函数 checkForm

2017-11-10 21:56:42 588

原创【Django】加载django.core.servers.basehttp.FileWrapper失败是为什么

首先说明下本人django的版本为1.10.6，引入FileWrapper发现如下报错：这是为什么呢？可能是因为django版本的问题，将上图引入改为：from wsgiref.util import FileWrapper即可。

2017-11-05 15:44:52 1475

原创【Django】安装python模块时报错：Unicode Decode Error ascii codec can't decode byte…

今晚学爬虫安装需要的python模块时失败，报了这么个错误：起初以为是python包的问题，然后从官网又下载了python2.7，结果发现无效。最后是这样解决的：（本机环境windows10中文版）在python/lib/site.py文件中加入（在报错的页面添加）：import sysreload(sys)sys.setdefaultencoding('gbk')以上是帮学弟解决的过程，

2017-11-04 23:54:25 1886

原创【Django】WIN10安装MySQL-python时遇到403 SSL is required

先说明下我是在从官网下载的包里面进行操作的运行python setup.py install后：　　刚开始看到命令行中的提示时我还以为是因为没配置IIS的问题，因为我WIN10是新装的英文版，打开Windows Features后发现果然没配置IIS，于是进行了配置重启后以为好了，但结果还是没什么变化。　　　　后来我转换了思路，放弃了从官网下载的mysql-python包，直接在命令

2017-11-03 00:45:58 8532

'Ablaze 的专栏