2017 年 1月随笔档案 - JSer_cnblog

【repost】让你一句话理解闭包(简单易懂)

摘要：接触javascript很久了，每次理解闭包都似是而非，最近在找Web前端的工作，所以需要把基础夯实一下。本文是参照了joy_lee的博客闭包在她这篇博客的基础上以批注的形式力争把我的理解阐述出来，如果有不当之处，欢迎批评指正。《高级程序设计》上，这样说：当在函数内部定义了其他函数时候，就创阅读全文

posted @ 2017-01-26 23:17 JSer_cnblog

【repost】图解Javascript上下文与作用域

摘要：本文尝试阐述Javascript中的上下文与作用域背后的机制，主要涉及到执行上下文（execution context）、作用域链（scope chain）、闭包（closure）、this等概念。 Execution context 执行上下文（简称上下文）决定了Js执行过程中可以获取哪些变量、函阅读全文

posted @ 2017-01-26 22:25 JSer_cnblog

【repost】CSS3弹性布局

摘要：本文导读：在CSS 3中，CSS Flexible Box模块为一个非常重要的模块，该模块用于以非常灵活的方式实现页面布局处理。使用CSS Flexible Box模块中定义的弹性盒布局技术，可以根据屏幕尺寸或浏览器窗口尺寸自动调整页面中各局部区域的显示方式，即实现非常灵活的布局处理。弹性布局（f 阅读全文

posted @ 2017-01-23 22:44 JSer_cnblog

【repost】H5总结

摘要：1.新增的语义化标签： <nav>: 导航 <header>：页眉 <footer>：页脚 <section>：区块 <article>：文章 <aside>：侧边栏 <progress>：进度条 2.兼容处理在不支持HTML5新标签的浏览器里，会将这些新的标签解析成行内元素(inlin 阅读全文

posted @ 2017-01-22 17:53 JSer_cnblog

【repost】H5的新特性及部分API详解

摘要：h5新特性总览移除的元素纯表现的元素： basefont、big、center、font等对可用性产生负面影响的元素： frame、frameset、noframes 新增的API 语义：能够让你更恰当地描述你的内容是什么。连通性：能够让你和服务器之间通过创新的新技术方法进行通信（web 阅读全文

posted @ 2017-01-22 17:48 JSer_cnblog

【repost】JavaScript 运行机制详解：再谈Event Loop

摘要：一年前，我写了一篇《什么是 Event Loop？》，谈了我对Event Loop的理解。上个月，我偶然看到了Philip Roberts的演讲《Help, I'm stuck in an event-loop》。这才尴尬地发现，自己的理解是错的。我决定重写这个题目，详细、完整、正确地描述Java 阅读全文

posted @ 2017-01-21 19:09 JSer_cnblog

【repost】学JS必看-JavaScript数据结构深度剖析

摘要：JavaScript以其强大灵活的特点，被广泛运用于各种类型的网站上。一直以来都没怎么好好学JS，只是略懂皮毛，看这篇文章时有读《PHP圣经》的感觉，作者深入浅出、生动形象地用各种实例给我们分析了JavaScript的数据结构，让人有一种豁然开朗的感觉。全文如下：编程世界里只存在两种基本元素，一阅读全文

posted @ 2017-01-21 11:09 JSer_cnblog

【repost】JavaScript 基本语法

摘要：JavaScript 基本语法，JavaScript 引用类型， JavaScript 面向对象程序设计、函数表达式和异步编程三篇笔记是对《JavaScript 高级程序设计》和《ECMAScript 6入门》两本书的总结整理。简介一个完整的JavaScript实现应该由三个不同的部分组成阅读全文

posted @ 2017-01-20 23:22 JSer_cnblog

【repost】前端学习总结（二十三）——前端框架天下三分：Angular React 和 Vue的比较

摘要：目录(?)[+] 目录(?)[+] 前端这几年的技术发展很快，细分下来，主要可以分成四个方面： 1.开发语言技术，主要是ES6&7，coffeescript，typescript等； 2.开发框架，如Angular，React,Vue.js，Angular2等； 3.开发工具的丰富和前端工程化，像G 阅读全文

posted @ 2017-01-19 17:32 JSer_cnblog

【repost】jQuery笔记总结

摘要：第一节 jQuery初步认知 jQuery概述 JQuery概念 javascript概念基于Js语言的API和语法组织逻辑，通过内置window和document对象，来操作内存中的DOM元素 JQuery概念基于javascript的，同上，提高了代码的效率 jQuery是什么: 是一个ja 阅读全文

posted @ 2017-01-18 14:00 JSer_cnblog

【repost】javascript:;与javascript:void(0)使用介绍

摘要：有时候我们在编写js过程中，需要触发事件而不需要返回值，那么就可能需要这样的写法最近看了好几个关于<a>标签和javascript：void(0)的帖子，谨记于此，以资查阅。注：以下代码未经全面测试，但每一种方法可能会出现的情况都基本做了说明。在做页面时，如果想做一个链接点击后不做任何事情，或阅读全文

posted @ 2017-01-18 11:58 JSer_cnblog

jQuery对象与DOM对象之间的转换方法

摘要：刚开始学习jQuery，可能一时会分不清楚哪些是jQuery对象，哪些是DOM对象。至于DOM对象不多解释，我们接触的太多了，下面重点介绍一下jQuery，以及两者相互间的转换。刚开始学习jquery，可能一时会分不清楚哪些是jQuery对象，哪些是DOM对象。至于DOM对象不多解释，我们接触的太阅读全文

posted @ 2017-01-17 11:22 JSer_cnblog

【repost】js字符串函数

摘要：JS自带函数concat将两个或多个字符的文本组合起来，返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引（从左到右搜阅读全文

posted @ 2017-01-16 21:08 JSer_cnblog

【repost】JS中的hook机制

摘要：hook机制也就是钩子机制，由表驱动实现，常用来处理多种特殊情况的处理。我们预定义了一些钩子，在常用的代码逻辑中去适配一些特殊的事件，这样可以让我们少些很多if else语句。举个高考加分的例子，比如获得过全国一等奖加20分，二等奖加10分，三等奖加5分。使用if else的话：如果是用钩子机制呢阅读全文

posted @ 2017-01-15 16:54 JSer_cnblog

【repost】DOM CRUD

摘要：//DOM 的 CRUD // c 创建create // 1.直接往body中动态的添加标签(可以是任意类型)document.write('helloWorld');document.write('<p>"helloworld"</p>'); // 2. 创建一个新的标签,然后插入到body中任阅读全文

posted @ 2017-01-14 17:10 JSer_cnblog

【repost】Javascript操作DOM常用API总结

摘要：Javascript操作DOM常用API总结文本整理了javascript操作DOM的一些常用的api，根据其作用整理成为创建，修改，查询等多种类型的api，主要用于复习基础知识，加深对原生js的认识。基本概念在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的阅读全文

posted @ 2017-01-13 09:28 JSer_cnblog

【repost】JavaScript运动框架之速度时间版本

摘要：一、JavaScript运动框架之速度版 1.1 运动框架的实现思路运动，其实就是在一段时间内改变 left 、 right 、 width 、 height 、 opactiy 的值，到达目的地之后停止位移 top,left 折叠 width,height 淡入淡出 opacity 时间有关系阅读全文

posted @ 2017-01-12 18:02 JSer_cnblog

【repost】对JAVASCRIPT匿名函数的理解（透彻版)

摘要：Query片段： view plaincopy to clipboardprint? (function(){ //这里忽略jQuery所有实现 })(); view plaincopy to clipboardprint? 半年前初次接触jQuery的时候，我也像其他人一样很兴奋地想看看源码是什么阅读全文

posted @ 2017-01-11 18:43 JSer_cnblog

【repost】原生JS执行环境与作用域深入理解

摘要：首先，我们要知道执行环境和作用域是两个完全不同的概念。函数的每次调用都有与之紧密相关的作用域和执行环境。从根本上来说，作用域是基于函数的，而执行环境是基于对象的(例如：全局执行环境即window对象)。换句话说，作用域涉及到所被调用函数中的变量访问，并且不同的调用场景是不一样的。执行环境始终是t 阅读全文

posted @ 2017-01-10 17:07 JSer_cnblog

【repost】如何学好编程（精挑细选编程教程，帮助现在在校学生学好编程，让你门找到编程的方向）四个方法总有一个学好编程的方法适合你

摘要：方法（一）编了这么久的程序，一直想找机会总结下其中的心得和方法，但回想我这段编程道路，又很难说清楚，如果按照我走过的所有路来说，显然是不可能的！当我看完了云风的《游戏之旅--编程感悟》和梁肇新的《编程高手箴言》我突然知道我要从何说起，我要怎么说了！从接触编程到现在已经至少要6年，虽然时间短，但我几乎阅读全文

posted @ 2017-01-09 20:37 JSer_cnblog

【repost】Chrome 控制台console的用法

摘要：下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用。目前控制台方法和属性有：下面我们来一一介绍一下各个方法主要的用途。一般情况下我们用来输入信息的方法主要是用到如下四个： 1、console.log 用于输出普通信息 2、console.info 用于输出提示性信息 3 阅读全文

posted @ 2017-01-08 09:38 JSer_cnblog

【repost】一探前端开发中的JS调试技巧

摘要：有请提示：文中涉及较多Gif演示动画，移动端请尽量在Wifi环境中阅读前言：调试技巧，在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧，必定能在工作中起到事半功倍的效果。譬如，快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天，如何在前端开发中降低开发阅读全文

posted @ 2017-01-07 21:07 JSer_cnblog

【repost】JS中的异常处理方法分享

摘要：我们在编写js过程中，难免会遇到一些代码错误问题，需要找出来，有些时候怕因为js问题导致用户体验差，这里给出一些解决方法 js容错语句,就是js出错也不提示错误（防止浏览器右下角有个黄色的三角符号，要不用户体验不好）复制代码代码如下: window.onerror=function(){retur 阅读全文

posted @ 2017-01-07 18:31 JSer_cnblog

【repost】JS错误类型的学习

摘要：SyntaxError是解析代码时发生的语法错误（2）ReferenceError ReferenceError是引用一个不存在的变量时发生的错误。另一种触发场景是，将一个值分配给无法分配的对象，比如对函数的运行结果或者this赋值。上面代码对函数console.log的运行结果和this赋值阅读全文

posted @ 2017-01-07 18:28 JSer_cnblog

【repost】JS原型与原型链终极详解

摘要：一. 普通对象与函数对象 JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object ，Function 是JS自带的函数对象。下面举例说明 function f1(){}; var f2 = function(){}; var f3 = new Function 阅读全文

posted @ 2017-01-06 18:39 JSer_cnblog

【repost】JavaScript 事件模型事件处理机制

摘要：什么是事件？事件(Event)是JavaScript应用跳动的心脏，也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时，事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情，比如说某个阅读全文

posted @ 2017-01-06 17:07 JSer_cnblog

【repost】document.write的用处

摘要：document.write的用处 document.write是JavaScript中对document.open所开启的文档流(document stream操作的API方法，它能够直接在文档流中写入字符串，一旦文档流已经关闭，那document.write就会重新利用document.open 阅读全文

posted @ 2017-01-06 11:37 JSer_cnblog

【repost】JavaScript完美运动框架的进阶之旅

摘要：运动框架的实现思路运动，其实就是在一段时间内改变left、right、width、height、opactiy的值，到达目的地之后停止。现在按照以下步骤来进行我们的运动框架的封装: （一）匀速运动速度动画运动基础思考：如何让div动起来?如下：计时器setInterval(函数,交互时间阅读全文

posted @ 2017-01-05 13:28 JSer_cnblog

【repost】js中(function(){…})()立即执行函数写法理解

摘要：摘要: javascript和其他编程语言相比比较随意，所以javascript代码中充满各种奇葩的写法，有时雾里看花，当然，能理解各型各色的写法也是对javascript语言特性更进一步的深入理解。 ( function(){…} )()和( function (){…} () )是两种javas 阅读全文

posted @ 2017-01-04 13:53 JSer_cnblog

【repost】js 常见错误类型

摘要：1）SyntaxError SyntaxError是解析代码时发生的语法错误 // 变量名错误 var 1a; // 缺少括号 console.log 'hello'); （2）ReferenceError ReferenceError是引用一个不存在的变量时发生的错误。 unknownVariab 阅读全文

posted @ 2017-01-03 18:53 JSer_cnblog

【repost】JavaScript Scoping and Hoisting

摘要：JavaScript Scoping and Hoisting Do you know what value will be alerted if the following is executed as a JavaScript program? var foo = 1; function bar 阅读全文

posted @ 2017-01-02 17:03 JSer_cnblog

【repost】浏览器内核、渲染引擎、js引擎

摘要：[1]定义浏览器内核分成两部分渲染引擎和js引擎，由于js引擎越来越独立，内核就倾向于只指渲染引擎渲染引擎是一种对HTML文档进行解析并将其显示在页面上的工具[2]常见引擎渲染引擎： firefox使用gecko引擎 IE使用Trident引擎 2015年微软推出自己新的浏览器，原名叫斯巴达，阅读全文

posted @ 2017-01-01 16:41 JSer_cnblog