随笔分类 - JavaScript
es5、es6、jquery、node、express、koa
摘要：我们知道，初始化后，即使数组arr中没有元素，也是一个object。 既然是object，用于判断条件时就会被转化为true。 但是，如果将arr与布尔值比较： 可是，如果把arr转化为Boolean，的确是true： 那arr与布尔值比较时，到底发生了什么？ 原来，任意值与布尔值比较，都会将两边的
阅读全文
摘要：prototype与 __ proto__ 都是在这个过程中催生的产物,我们一会儿马上讨论,在这之...做对象即可,那javascript种究竟是通过什么来明确继承关系的呢。 一、构造函数： 构造函数：通过new关键字可以用来创建特定类型的对象的函数。比如像Object和Array，两者属于内置的原
阅读全文
摘要：1.介绍 Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AM
阅读全文
摘要：1.冒泡排序： 比较相邻的两个数，如果前一个数大于后一个数，就将这两个数换位置。每一次遍历都会将本次遍历最大的数冒泡到最后。为了将n个数排好序，需要n-1次遍历。如果某次遍历中，没有调整任何两个相邻的数的位置关系，说明此时数组已排好序，可以结束程序。 2.选择排序 第i轮遍历arr[0:n-i]选出
阅读全文
摘要：Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以现在就用ES6、ES7编写程序，而不用担心现有环境是否支持。 一、全局安装babel工具 在保证node和npm安装完成前提下在终端输入以下命令： $ npm install -g babel-cl
阅读全文
摘要：Regular Expressions翻译成中文叫正则表达式。也不知道是谁翻译过来的，听起来就很严肃。似乎翻译成通用表达式更能传达其精髓。 为什么叫通用表达式？因为它有一套和编程语言无关的文本匹配规则。很多语言都实现了正则表达式的文本匹配引擎，只不过在功能集合上略有不同。 我们要记住的是三点： 其一
阅读全文
摘要：一：执行环境及作用域 和 变量对象 执行环境是javascript中最为重要的一个概念。每个执行环境都有一个与之关联的变量对象（保存执行环境中所有定义的变量和函数）。二： image 三：js没有块级作用域**</pre> 注：在js中if语句中的变量申明会将变量添加到if外部的执行环境中（当前是指
阅读全文
摘要：前言 在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往往一个解决方案会
阅读全文
摘要：1. var的变量提升的底层原理是什么? 2. JS如何计算浏览器的渲染时间? 3. JS的回收机制? 4. 垂直水平居中的方式? 5. 实现一个三栏布局，中间版块自适应方法有哪些? 6. 如何判断一个对象是否为数组? 7. 行内元素和块级元素有哪些? img属于什么元素? 8. margin坍塌?
阅读全文
摘要：Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，
阅读全文
摘要：一.call和apply call和apply其实是同一个东西，区别只有参数不同，call是apply的语法糖，所以就放在一起说了，这两个方法都是定义在函数对象的原型上的（Function.prototype），call和apply方法的作用都是改变函数的执行环境，第一个参数传入上下文执行环境，然后
阅读全文
摘要：JS执行机制 浏览器（或者说JS引擎）执行JS的机制是基于事件循环。 由于JS是单线程，所以同一时间只能执行一个任务，其他任务就得排队，后续任务必须等到前一个任务结束才能开始执行。 为了避免因为某些长时间任务造成的无意义等待，JS引入了异步的概念，用另一个线程来管理异步任务。 同步任务直接在主线程队
阅读全文
摘要：性能一直以来是前端开发中非常重要的话题。随着前端能做的事情越来越多，浏览器能力被无限放大和利用：从 web 游戏到复杂单页面应用，从 NodeJS 服务到 web VR/AR 和数据可视化，前端工程师总是在突破极限。随之而来的性能问题有的被迎刃而解，有的成为难以逾越的盾墙。 那么，当我们在谈论性能时
阅读全文
摘要：在开发中，好的动画效果会让软件使用起来更有吸引力，震撼力。所以我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。另外不要重复造轮子，把精力放在业务逻辑上！ 下面这些是我在工作中积累的一些常用的开源动画库，我只是简单罗列出来，详细的介绍和用法可以去官网或者github。根据自己具体的需求
阅读全文
摘要：一个小故事 故事：小A烧开水。 出场人物：小A 出场道具：普通水壶（放在煤气灶上的那种，为了方便简称：水壶）；会响的水壶（水烧开了会响的那种，简称：响壶）。 故事目的：小A要拿开水泡咖啡 小A为了实现目的，指定了4个计划： 1、用水壶烧水，并且站在煤气灶旁边，啥事不干，两眼直勾勾的盯着水壶，等水烧开
阅读全文
摘要：ES5操作数组的方法 1、concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。 var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1.concat(arr2); console.
阅读全文
摘要：写在前面 本文包括浏览器调试，不包括web移动端调试。 本文调试均在chrome浏览器进行 alert 这个不用多说了，不言自明 console 基本输出 想必大家都在用console.log在控制台输出点东西，其实console还有其它的方法： console.log("打印字符串");//在控制
阅读全文
摘要：Ajax在前端开发中有着举足轻重的地位，关于Ajax的使用和注意事项一直是一个重要的话题，借此机会，本文希望对Ajax做一个全面的总结，彻底揭开Ajax的神秘面纱。 一、什么是Ajax AJAX即“Asynchronous JavaScript and XML”（异步的JavaScript与XML技
阅读全文
摘要：一、this指向的详解 概括：this的指向到底是指向哪里？通常来说，只有当函数执行的时候才可以确定this指向的到底是谁，简单的也可以这么说：this最终指向的是那个调用它的对象。 常见的一般有以下几种情况： 第一种：在一个函数中有this，但是函数没有被上一级对象所调用，所以此时的this指向的
阅读全文
摘要：瀑布流又称瀑布流式布局，是比较流行的一种网站页面布局方式。 视觉表现为参差不齐的多栏布局，最早采用此布局的是网站是 Pinterest，后逐渐在国内流行。 瀑布流布局效果 即多行等宽元素排列，后面的元素依次添加到其后，等宽不等高，根据图片原比例缩放直至宽度达到我们的要求，依次按照规则放入指定位置。
阅读全文
浙公网安备 33010602011771号