九-CSDN博客

转载前端基础进阶（十）：深入核心，详解事件循环机制

Event LoopJavaScript的学习零散而庞杂，因此很多时候我们学到了一些东西，但是却没办法感受到自己的进步，甚至过了不久，就把学到的东西给忘了。为了解决自己的这个困扰，在学习的过程中，我一直试图在寻找一条核心的线索，只要我根据这条线索，我就能够一点一点的进步。前端基础进阶正是围绕这条线索慢慢展开，而事件循环机制(Event Loop)，则是这条线索的最关键的知识点。所以，我

2017-07-23 17:22:34 705

转载前端基础进阶（九）：图例详解那道setTimeout与循环闭包的经典面试题

配图与本文无关我在详细图解作用域链与闭包一文中的结尾留下了一个关于setTimeout与循环闭包的思考题。利用闭包，修改下面的代码，让循环输出的结果依次为1， 2， 3， 4， 5for (var i=1; i5; i++) { setTimeout( function timer() { console.log(i); }, i*1000 )

2017-07-23 17:21:09 742

转载前端基础进阶（八）：详细图解jQuery对象，以及如何扩展jQuery插件

配图与本文无关早几年学习前端，大家都非常热衷于研究jQuery源码。我还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹，“原来JavaScript居然可以这样用！”虽然随着前端的发展，另外几种前端框架的崛起，jQuery慢慢变得不再是必须。因此大家对于jQuery的热情低了很多。但是许多从jQuery中学到的技巧用在实际开发中仍然非常好用。简单的了解它也

2017-07-23 17:19:00 794

转载前端基础进阶（七）：详解面向对象、构造函数、原型与原型链

.如果要我总结一下学习前端以来我遇到了哪些瓶颈，那么面向对象一定是第一个毫不犹豫想到的。尽管我现在对于面向对象有了一些的了解，但是当初的那种似懂非懂的痛苦，依然历历在目。为了帮助大家能够更加直观的学习和了解面向对象，我会用尽量简单易懂的描述来展示面向对象的相关知识。并且也准备了一些实用的例子帮助大家更加快速的掌握面向对象的真谛。jQuery的面向对象实现封装拖拽

2017-07-23 17:17:15 504

转载前端基础进阶（六）：函数与函数式编程

函数：菜鸟收割者纵观JavaScript中所有必须需要掌握的重点知识中，函数是我们在初学的时候最容易忽视的一个知识点。在学习的过程中，可能会有很多人、很多文章告诉你面向对象很重要，原型很重要，可是却很少有人告诉你，面向对象中所有的重点难点，几乎都与函数息息相关。包括我之前几篇文章介绍的执行上下文，变量对象，闭包，this等，都是围绕函数来展开。我知道很多人在学习中，很急切的希望自己

2017-07-23 17:15:44 383

转载前端基础进阶（五）：全方位解读this

~我们在学习JavaScript的过程中，由于对一些概念理解得不是很清楚，但是又想要通过一些方式把它记下来，于是就很容易草率的给这些概念定下一些方便自己记忆的有偏差的结论。危害比较大的是，有的不准确的结论在网上还广为流传。比如对于this指向的理解中，有这样一种说法：谁调用它，this就指向谁。在我刚开始学习this的时候，我是非常相信这句话的。因为在一些情况下，这样理解也还算说得

2017-07-23 14:31:42 377

转载前端基础进阶（四）：详细图解作用域链与闭包

攻克闭包难题初学JavaScript的时候，我在学习闭包上，走了很多弯路。而这次重新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个非常大的挑战。闭包有多重要？如果你是初入前端的朋友，我没有办法直观的告诉你闭包在实际开发中的无处不在，但是我可以告诉你，前端面试，必问闭包。面试官们常常用对闭包的了解程度来判定面试者的基础水平，保守估计，10个前端面试者，至少5个都死在闭包上。可

2017-07-23 14:30:25 384

转载前端基础进阶（三）：变量对象详解

开年之后工作热情一直不是很高，这几天一直处于消极怠工状态。早上不想起床，起床了不想上班。明明放假之前工作热情还一直很高，一直心心念念的想把小程序项目怼出来，结果休假回来之后画风完全不一样了。我感觉自己得了严重了节后综合征。还好撸了几篇文章，勉强表示这一周的时间没有完全浪费。这篇文章要给大家介绍的是变量对象。在JavaScript中，我们肯定不可避免的需要声明变量和函数，可是JS解析器是如何找到

2017-07-23 14:28:41 252

转载前端基础进阶（二）：执行上下文详细图解

先随便放张图我们在JS学习初期或者面试的时候常常会遇到考核变量提升的思考题。比如先来一个简单一点的。console.log(a); // 这里会打印出什么？var a = 20;暂时先不管这个例子，我们先引入一个JavaScript中最基础，但同时也是最重要的一个概念执行上下文（Execution Context）。每次当控制器转到可执行代码的时候，就会进入一个执行上

2017-07-23 14:27:44 292

转载前端基础进阶（一）：内存空间详细图解

变量对象与堆内存var a = 20;var b = 'abc';var c = true;var d = { m: 20 }因为JavaScript具有自动垃圾回收机制，所以对于前端开发来说，内存空间并不是一个经常被提及的概念，很容易被大家忽视。特别是很多不是计算机专业的朋友在进入到前端之后，会对内存空间的认知比较模糊，甚至有些人干脆就是一无所知。当然也包括我自己。在很长一

2017-07-23 14:26:01 283

转载 JS 堆栈与拷贝

1、栈（stack）和堆（heap）　　stack为自动分配的内存空间，它由系统自动释放；而heap则是动态分配的内存，大小不定也不会自动释放。　　　　　　　2、基本类型和引用类型　　基本类型：存放在栈内存中的简单数据段，数据大小确定，内存空间大小可以分配。　　5种基本数据类型有Undefined、Null、Boolean、Number 和 String，它们是直接

2017-06-30 12:48:14 249

原创清除浮动都有哪些方法 clear float

.p{width:500px; border:1px solid black; padding:10px;}.c{width:100px; height:100px; background-color: green;}div class="p"> div class="c">div> div class="c">div> div class="c">div>

2017-06-29 21:54:42 385

原创 js闭包的理解与应用

1.闭包的简单理解function f1(){ var i=0; function f2(){ alert(i); } return f2; } var f3 = f1();f3();全局变量f3指定对函数f

2017-06-29 12:53:11 428

原创 mongodb安装 mac

1.下载mongodb-osx-ssl-x86_64-3.4.5.tgz 我将 mongodb-osx-ssl-x86_64-3.4.5.tgz 改为了 mongodbhttps://www.mongodb.com/download-center?jmp=nav#community2.解压后放到自己喜欢的目录我将它放到我的 /opt/3. 配置环境变量

2017-06-28 15:12:34 215

原创 bower install <package> 报错 ECMDERR

废话不多说直接上报错代码 bower 安装 package 第三行报错 ECMDERR 解决办法 git config --global url."https://".insteadOf git://第5行还报错 (可能是mac的原因) Additional error details: （额外的错误详细信息:）解决办法 xcode-sele

2017-06-26 11:11:47 2149

转载 Linux软连接和硬链接

1.Linux链接概念Linux链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link）。默认情况下，ln命令产生硬链接。【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的

2017-06-24 13:31:39 199

原创 exports 和 module.exports 的区别

require() 返回的是 module.exports 而不是 exports，exports只不过是它的一个辅助工具。所有的exports收集到的属性和方法，都赋值给了Module.exports。把下面两篇文章理解了也就理解 exports 和 module.exports 的联系1.http://cnodejs.org/topic/5231a6

2017-06-15 17:28:34 207

原创 github上建一个自己常用的第三方插件

https://github.com/ChinaJiu/src/blob/master/jquery.min.js例如我看了 jquery.min.js 文件地址栏： https://raw.githubusercontent.com/ChinaJiu/src/master/jquery.min.js想要引用只需将raw.githubusercontent

2017-06-13 11:42:55 875

原创穿越时空效果（TweenMAx）

github地址 https://github.com/ChinaJiu/Chrono-Cross效果预览 https://chinajiu.github.io/Chrono-Cross/

2017-06-13 11:23:53 1442

原创终端命令行

英文 | 简写 | 翻译 ————————————————————————directory | dir | 目录、文件夹file | | 文件make | mk | 新建remove | rm | 删除move | mv

2017-04-06 12:36:00 289

转载 Mac OS 终端起动、关闭、重启apache的方法

Mac OS 终端起动、关闭、重启apache的方法打开终端重启apache：sudo /usr/sbin/apachectl restart关闭apache：sudo /usr/sbin/apachectl stop开启apache：sudo /usr/sbin/apachectl start

2017-04-05 16:06:51 3440

原创闭包 && 综合题

基础就不说了。直接给链接吧·······闭包： http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html直接上综合题了： for (var i = 0; i setTimeout(function() { console.log(i); }, 1

2017-04-04 23:23:50 229

转载 MongoDB 安装和可视化工具

MongoDB 安装和可视化工具MongoDB 是一款非常热门的NoSQL，面向文档的数据库管理系统，官方下载地址是：MongoDB，我选择的是 Enterprise Server （MongoDB 3.2.9）版本，安装在Windows Server 2012环境中。MongoDB使用BSON对象来存储，与JSON格式类型的键值对（key/value）类似，Mongo

2017-04-03 15:04:05 3556

原创 css动画停在结束状态

animation-fill-mode : forwards ; -webkit-animation-fill-mode : forwards ;

2017-03-20 12:29:17 3637

原创 Tweenmax

html: css:#container { position:

2017-03-15 14:11:14 298

原创最小值到最大值的随机数

function getRandom(min, max) { return min + Math.random() * (max - min); } console.log(getRandom(10,100));

2017-03-15 11:08:31 1433

原创 Ie,Google Chrome 监听兼容事件

2017-03-13 00:25:46 731

原创 git 与 github

Git ：是一个优秀的分布版本控制系统。版本控制系统可以保留一个文件集合的历史记录，并能回滚文件集合到另一个状态（历史记录状态）。另一个状态可以是不同的文件，也可以是不同的文件内容。在一个分布版本控制系统中，每个人都有一份完整的源代码（包括源代码所有的历史记录信息），而且可以对这个本地的数据进行操作。分布版本控制系统不需要一个集中式的代码仓库。GitHub ：是一个面向开源

2017-03-02 16:23:31 308

转载火狐和IE的window.event的区别

一、event对象 IE 中可以直接使用 window.event 对象，而 FF 中则不可以，解决方法之一如下：var theEvent = window.event || arguments.callee.caller.arguments[0];第二种是将 event 作为参数来传递:function test(event) {var eve

2017-02-16 11:28:57 1789

转载 CSS中的一些黑科技

1、鼠标移进网页里，不见了= =*{ cursor: none!important;}2、简单的文字模糊效果*{ color: transparent; text-shadow: #111 0 0 5px;}3、多重边框.div { box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0

2017-02-15 17:55:09 463

原创 canvas将文字生成图片

html> type="text/javascript" src="js/jquery-2.1.1.min.js"> .box>img{width: 100%;height: 100%;}class="box" style="border: 1px solid red;width: 500px;height: 200px;">id="myCanvas" widt

2017-02-14 12:20:47 5413

原创去除字符串前中后空格

方法一去除两边空格String.prototype.trim=function() { return this.replace(/(^\s*)|(\s*$)/g, ""); }去除所有空格String.prototype.trim=function() { return this.replace(/\s/g, "");}var m =

2017-02-09 15:12:29 475

转载 Sublime Text 3 绝对神器

http://www.cnblogs.com/bananaplan/p/Sublime-Text-3-Powerful.html

2017-02-07 16:46:17 283

转载 JavaScript停止冒泡和阻止浏览器默认行为

原文链接：http://caibaojian.com/javascript-stoppropagation-preventdefault.html事件兼容function myfn(e){ var evt = e ? e:window.event; }JS停止冒泡function myfn(e){window.event? window.event.cancelBubble =

2017-02-07 12:04:12 218

HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后Web服务器返回响应(

2017-02-06 11:52:51 226

原创 sublime3中如何添加javascript代码自动提示

1.github中下载 https://github.com/SublimeCodeIntel/SublimeCodeIntel 插件2.打开sublime command+shift+p 搜索package 回车将下载的插件复制进去。

2017-02-05 22:11:59 4412

原创 GSAP

GSAP入门（GreenSock动画平台）https://greensock.com/get-started-js1.3D转换和更多CSS3好东西到达GSAP JS https://greensock.com/css3/#神话破坏：CSS动画vs JavaScripthttps://css-tricks.com/myth-busting-

2017-02-04 14:56:50 1006

原创上传本地图片兼容苹果安卓苹果90度问题已解决

下载 exif.js文件 http://code.ciaoca.com/javascript/exif-js/html：css：.i-img1{margin: 316px 0 0 38px; border: 2px solid black;}.b2-3{margin: 304px 0 0 7px;background: url("") no-

2017-01-08 15:12:44 1020

原创 swiper display:none 后在显示滑动问题

只需加两行 observer:true,//修改swiper自己或子元素时，自动初始化swiper observeParents:true//修改swiper的父元素时，自动初始化swiper

2016-12-28 17:20:23 20746 9

转载 SVG中的动画

SVG中的动画元素有五个，它们都可以随着时间的变化而改变SVG元素的属性或样式值,如下所示:：改变数值的属性或样式的值；：改变非数据值的属性或样式的值，如visibility属性等；：沿着某路径移动SVG元素获得动画效果；：改变某些元素与颜色有关的属性或样式的值；：改变SVG元素进行坐标变换时候的动画效果； attributeName=""：

2016-11-14 11:35:20 411

空空如也

空空如也