05 2017 档案

前端面试题汇总
只有注册用户登录后才能阅读该文。
posted @ 2017-05-29 21:05 少东主 阅读(9) 评论(0) 推荐(0)
什么是 “use strict”? 使用它的好处和坏处是什么？
摘要：严格模式是ES5引入的，更好的将错误检测引入代码的方法。顾名思义，使得JS在更严格的条件下运行。 阅读全文
posted @ 2017-05-29 20:56 少东主 阅读(2859) 评论(0) 推荐(0)
计算出字符串中出现次数最多的字符是什么，出现了多少次？
摘要：这道题有个简单的方法：对每个字符进行剔除，就可以根据总长度计算出每个字符的长度，第一个为lenA， 第二个为lenB，以此类推。 执行结果 f=12 阅读全文
posted @ 2017-05-29 20:48 少东主 阅读(469) 评论(0) 推荐(0)
a.x = a = {n: 2};
摘要：一题经常出现而且容易拎不清的题目： 执行结果: a = {n: 2}, b = {n: 1, x: {n: 2}} 这里要重点理解 a.x = a = {n: 2}; 中 a.x 代表的是实际的对象，即现在 b 指向的地址。 (周内再细化理解) 阅读全文
posted @ 2017-05-29 20:32 少东主 阅读(408) 评论(0) 推荐(0)
浏览器加载、解析、渲染的过程
摘要：最近在学习性能优化，学习了雅虎军规 ，可是觉着有点云里雾里的，因为里面有些东西虽然自己也一直在使用，但是感觉不太明白所以然，比如减少DNS查询，css和js文件的顺序。所以就花了时间去了解浏览器的工作，有一篇经典的文章《how browsers work》 ，讲的很详细，也有中文译本 。不过就是文章 阅读全文
posted @ 2017-05-20 15:33 少东主 阅读(270) 评论(0) 推荐(0)
js操作符类型转换大全
摘要：操作符运算符，在前端的面试题目中经常出现，很多朋友在对其运算的时候经常出错。说明对操作符运算还没有完全理解，我前面的一篇文章，javascript双等号引起的类型转换，主要讲解双等号引起的类型转换。本篇文章可以说是对这篇文章的补充吧！ 首先，我们先来做一些题目吧！为了统一，我不混着来写这些题目，面试 阅读全文
posted @ 2017-05-18 12:13 少东主 阅读(232) 评论(0) 推荐(0)
CSS的单位及css3的calc()及line-height百分比
摘要：单位介绍 说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw和vh、vmi 阅读全文
posted @ 2017-05-18 12:11 少东主 阅读(1063) 评论(0) 推荐(0)
word-wrap、white-space和word break的区别
摘要：1、word-wrap:break-word; 内容将在边界内换行，仅用于块对象，内联对象要用的话，必须要设定height、width或display:block或position:absolute。 1、word-wrap:break-word; 内容将在边界内换行，仅用于块对象，内联对象要用的话 阅读全文
posted @ 2017-05-16 18:46 少东主 阅读(206) 评论(0) 推荐(0)
【转】简明 Vim 练级攻略
摘要：原文出处： yannesposito 译文出处：陈晧 Vim的学习曲线相当的大，所以，如果你一开始看到的是一大堆VIM的命令分类，你一定会对这个编辑器失去兴趣的。下面的文章翻译自《Learn Vim Progressively》，我觉得这是给新手最好的VIM的升级教程了，没有列举所有的命令，只是列举 阅读全文
posted @ 2017-05-13 17:44 少东主 阅读(165) 评论(0) 推荐(0)
简明区分escape、encodeURI和encodeURIComponent
摘要：一、前言 讲这3个方法区别的文章太多了，但是大部分写的都很绕。本文试图从实践角度去讲这3个方法。 二、escape和它们不是同一类 简单来说，escape是对字符串(string)进行编码(而另外两种是对URL)，作用是让它们在所有电脑上可读。编码之后的效果是%XX或者%uXXXX这种形式。其中 A 阅读全文
posted @ 2017-05-13 17:43 少东主 阅读(241) 评论(0) 推荐(0)
【拿来主义】当我们谈WEB缓存的时候，我们在谈些什么？
摘要：第一部分 Web缓存是什么 场景1：测试妹子测功能时会说为什么我的浏览器的显示乱七八糟，我的界面怎么跟别人浏览器上不一致？旁边的人会提醒说：清下缓存试试。 场景2：开发改了代码，上了环境，发现不生效，这时候首先就是清缓存，清了浏览器缓存发现还是不行，再检查，发现是反向代理缓存。 那么，当我们谈WEB 阅读全文
posted @ 2017-05-08 19:34 少东主 阅读(546) 评论(0) 推荐(0)
【插件】jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
摘要：[TOC] Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 阅读全文
posted @ 2017-05-08 19:26 少东主 阅读(178) 评论(0) 推荐(0)
webpack总结
摘要：一、Webpack 是什么? webpack是一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 简单说就是模块加载器，通过使用Webpack，能够像Node.js一样处理依赖关系，然后解析出模块之间的依赖，将代 阅读全文
posted @ 2017-05-08 19:24 少东主 阅读(1518) 评论(0) 推荐(0)
关于回车与换行
摘要：[TOC] 基本概念 回车： Carriage Return， ，用 表示，表示将光标回到当前行的开头 换行： Line Feed， ，用 表示， 表示将光标“垂直”移动到下一行。但并不移动到下一行的开头，而是不改变光标水平位置下移一行 其中， 回车 的十进制ASCII代码是13, 十六进制代码为0 阅读全文
posted @ 2017-05-08 19:22 少东主 阅读(245) 评论(0) 推荐(0)
【拿来主义】localStorage的使用
摘要：[TOC] 一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器 阅读全文
posted @ 2017-05-08 19:21 少东主 阅读(312) 评论(0) 推荐(0)
【拿来主义】WebAssembly - JavaScript Just-in-time (JIT) 工作原理
摘要：[TOC] JavaScript 的启动比较缓慢，但是通过 JIT 可以使其变快，那么 JIT 是如何起作用的呢？ JavaScript 在浏览器中是如何运行的？ 如果是你一个开发者，当你决定在你的页面中使用 JavaScript 的时候，有两个要考虑的事情：目标和问题。 目标 ：告诉计算机你想做什 阅读全文
posted @ 2017-05-08 19:20 少东主 阅读(476) 评论(0) 推荐(0)
【拿来主义】我眼中的Web 语义化
摘要：[TOC] web语义化是什么？ Web语义化，使用语义恰当的标签，可以让页面具有良好的结构，页面元素具有良好的含义，从而让人和机器都能快速理解。语义化的web页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息，从而可以读懂网页的内容，然后将收集汇总的信息进行分析，结果为人类所用；另一方 阅读全文
posted @ 2017-05-08 19:19 少东主 阅读(280) 评论(0) 推荐(0)
【拿来主义】JavaScript 的性能优化：加载和执行
摘要：[TOC] 随着 Web2.0 技术的不断推广，越来越多的应用使用 JavaScript 技术在客户端进行处理，从而使 JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因 JavaScript 的阻塞特性变的复杂，也就是说当浏览器在执行 JavaScript 阅读全文
posted @ 2017-05-08 19:19 少东主 阅读(370) 评论(0) 推荐(0)
CSS Hacks
摘要：[TOC] 注：下面的内容没有全部进行实验，因此可能有些有误，以后在开发中遇到再进行修正。 0. 基本概念 因为各个浏览器厂商与版本的差异，尤其是万恶的 IE 存在各种的不标准，因此，在进行页面开发时不免要为 IE 单独写一些 CSS 。本文是针对各大浏览器（主要是 IE）单独写CSS样式的几种方法 阅读全文
posted @ 2017-05-08 19:04 少东主 阅读(572) 评论(0) 推荐(0)
【精通CSS】基本知识
摘要：[TOC] DTD & DOCTYPE DTD （文档类型定义）是一组机器可读的规则，它们定义 XML 或 HTML 的特定版本中允许有什么，不允许有什么。在解析网页时，浏览器使用这些规则来检查页面的有效性，并且采取相应的措施。浏览器是通过分析页面的 DOCTYPE 声明来了解要使用哪个 DTD， 阅读全文
posted @ 2017-05-08 19:03 少东主 阅读(196) 评论(0) 推荐(0)
【精通CSS】定位
摘要：[TOC] 盒模型 3 种定位机制 CSS 中有 3 种基本的定位机制：普通流、浮动、绝对定位。除非专门制定了，否则所有的框都在普通流中定位——普通流中元素框的位置由元素在 HTML 中的位置来决定。 块框： p、h1、div 等元素是块元素，意味着显示为一块内容，即块框。 行内框： strong、 阅读全文
posted @ 2017-05-08 19:03 少东主 阅读(153) 评论(0) 推荐(0)
$q in Angular [ngdoc service] 翻译
摘要：[TOC] 实现的灵感来自于 [Kris Kowal's Q][1] [The CommonJS Promise proposal][2] （CommonJS Promise建议文档）描述了将 作为一个接口，用来与 异步执行操作 的结果对象 进行交互，该操作 在给定时间内可能或不可能完成（如超时，错 阅读全文
posted @ 2017-05-08 19:02 少东主 阅读(183) 评论(0) 推荐(0)
【Angular 1.x 】目录结构
摘要：思想 1. MVC & MVVM 1. AMD & CMD & CommomJS 模块 1. 表单校验与 ngMessages 模块 2. ngCookie模块 3. 动画与 ngAnimate模块 服务 1. $http 1. $location 1. $anchorScroll 1. $filt 阅读全文
posted @ 2017-05-08 19:02 少东主 阅读(472) 评论(0) 推荐(0)
$q in Angular [ngdoc service]
摘要：[TOC] $q Description @ngdoc service @name $q @requires $rootScope @description A promise/deferred implementation inspired by "Kris Kowal's Q" . "The C 阅读全文
posted @ 2017-05-08 19:01 少东主 阅读(146) 评论(0) 推荐(0)
【JavaScript高级程序设计】读书笔记之二 —— 理解对象的原型、继承
摘要：[TOC] 这一章主要介绍JS高程的第六章：面向对象的程序设计。 面向对象（Object Oriented）的语言的一个标志是都有类的概念，通过类可以创建多个 具有相同属性和方法的对象 。而ECMAScript中是没有类的概念的，所以ES的对象跟其他基于类的对象时有所不同的。 在ECMA 262中， 阅读全文
posted @ 2017-05-08 19:00 少东主 阅读(280) 评论(0) 推荐(0)
【JavaScript高级程序设计】读书笔记之一 —— 理解函数
摘要：[TOC] 一、定义函数 定义函数的两种方式: （1）函数声明 （2）函数表达式 它们之间是有很大区别的： 1）第一个区别：函数声明在{}后可以不需要添加分号，而函数表达式需要 为什么？ 示例： 而函数声明则不会，“是因为JavaScript将function关键字看做是一个函数声明的开始，而函数声 阅读全文
posted @ 2017-05-08 18:59 少东主 阅读(407) 评论(0) 推荐(0)
git重要的三个命令stash, checkout, reset的一些总结
摘要：最近学习了git的一些重要命令的使用，总结出来跟大家分享： 使用git的几种常见情形： （1）正常的情形，修改工作区的文件然后add，commit，我使用git一般的流程是： git status —— git stash save "message..."—— git pull git stash 阅读全文
posted @ 2017-05-08 18:58 少东主 阅读(16572) 评论(0) 推荐(0)
【AngularJS的概念及其单元测试】之Jasmine测试脚本Demo
摘要：Jasmine单元测试入门 [TOC] HTML 一些说明 创建自定义匹配器 调用addMatcher()函数，带入一个值： javascript describe('A spec suite', function() { this.addMatchers({ toBeLessThanOrEqual 阅读全文
posted @ 2017-05-08 18:56 少东主 阅读(566) 评论(0) 推荐(0)
【AngularJS的概念及其单元测试】之过滤器
摘要：[TOC] 一、过滤器的基本概念 AngularJS的过滤器用于处理数据，以及将数据格式化后呈现给用户。一般用于HTML文档的表达式中，或直接用于控制器与服务中的数据。使用过滤器的好处是可以将常见的格式化操作和转换逻辑封装在单独的可重用组件中。 在HTML中使用过滤器的语法是管道式语法（pipe s 阅读全文
posted @ 2017-05-08 18:55 少东主 阅读(479) 评论(0) 推荐(0)
【AngularJS的概念及其单元测试】之基本概念
摘要：[TOC] 一、AngularJS基本概念 1）AngularJS框架的核心概念 AngularJS框架的核心概念是MVC架构模式（或者说MVVM，Model View ViewModel，这两个模式差别不大）。MVC架构模式可以讲整个应用划分成三个完全不相关的独立模块： （1）模型Model：是整 阅读全文
posted @ 2017-05-08 18:54 少东主 阅读(605) 评论(0) 推荐(0)