稷下书生

摘要： dispaly: block 形成一个块框，元素特点： 1. 处于常规流中时，如果width没有设置，会自动填充满父容器 2. 可以应用margin/padding 3. 在没有设置高度的情况下会扩展高度以包含常规流中的子元素 4. 处于常规流中时布局时在前后元素位置之间（独占一个水平空间） 5. 阅读全文

摘要： [TOC] 我们经常用 来实现水平居中，而一直认为 不能实现垂直居中…… 实际上，实现垂直居中仅需要声明元素的高宽和下面的CSS: 这种方式被称为绝对居中(Absolute Centering)。 绝对居中(Absolute Centering) 优点： 支持跨浏览器，包括IE8 IE10. 无需其 阅读全文

摘要： [TOCM] 如果需要居中的元素分别为一下几类: 1.常规流中 inline 元素， 为父元素设置 text align: center; 即可实现。 2.常规流中 block 元素， 1）为元素设置宽度， 2）设置左右 margin 为 auto。 3）IE6 下需在父元素上设置 text ali 阅读全文

摘要： HTTP头部信息包括三部分： 1. 通用头部 2. 请求头部 3. 响应头部 4. 查询字符串参数 分别介绍： 1、通用头部 通用头域包含请求和响应消息都支持的头域。 Request URL:请求的URL地址 Request Method: 请求方法，get/post/put/…… Status C 阅读全文

摘要： POST 方法用来传输实体的主体，PUT方法用来传输文件，自身不带验证机制。 这两个方法看起来都是讲一个资源附加到服务器端的请求，但其实是不一样的。一些狭窄的意见认为，POST方法用来创建资源，而PUT方法则用来更新资源。这个说法本身没有问题，但是并没有从根本上解释了二者的区别。事实上，它们最根本的 阅读全文

摘要： ajax与jsonp本质上不是一个东西，ajax的核心是通过XMLHttpRequest对象来获取非本页的内容，而jsonp则是通过动态创建script标签来获取服务器端的js脚本。 ajax与jsonp的本质区别不在于是否跨域，ajax通过服务器端代理（浏览器请求同源服务器，再由后者请求外部服务） 阅读全文

摘要： 该文用于自我学习~ 来自：汤姆大叔 深入理解JavaScript系列文章，包括了原创，翻译，转载，整理等各类型文章，如果对你有用，请推荐支持一把，给大叔写作的动力。 深入理解JavaScript系列（1）：编写高质量JavaScript代码的基本要点 深入理解JavaScript系列（2）：揭秘命名 阅读全文

摘要： 1.什么是指令？ 指令的职责是修改DOM结构，并且将作用域与DOM连接起来 —— 说明指令既要操作DOM（将作用域内的数据绑定到DOM节点上），又要为DOM绑定事件调用作用域内的对应方法。 AngularJS框架提供的内置指令中不仅包括自定义的HTML元素和属性，同时也包括标准的HTML元素，这些都 阅读全文

摘要： [TOC] 一、IOC与DI IOC: Inversion of Control —— 控制反转 其思想是：反转资源获取的方向。 传统的资源查找方式是要求组件向容器发起请求来查找资源，作为回应，容器会适时的返回资源；而IOC则是容器主动将资源推送到它所管理的组件，组件所要做的仅仅是选择用一种合适的方 阅读全文

摘要： ```js //用法 .directive('placeholder', function () { return { restrict: 'A', require: '?^ngModel', link: function (scope, element, attr) { alert(110) ... 阅读全文

摘要： 前言 Angularjs提供多种模板加载方案。 最基础的为通过预先声明路径的方式，通过Ajax获取。 使用诸如gulp html2js构建工具，将HTML模板转化为js文件使用。 使用script标签引入。 一般实际情况下，开发时使用第一种方式，部署时采取第二种方式，不会采用第三种方式。本文简要说明 阅读全文

摘要： location.origin 在IE下没有实现 如URL： 在 chrome/Firefox/Opera 中的结果为： 在 IE8 下为： `undefined` 阅读全文

摘要： [TOC] 一、概述 除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。 设立"严格模式"的目的，主要有以下几个： 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异 阅读全文

摘要： 严格模式是ES5引入的，更好的将错误检测引入代码的方法。顾名思义，使得JS在更严格的条件下运行。 阅读全文

摘要： 这道题有个简单的方法：对每个字符进行剔除，就可以根据总长度计算出每个字符的长度，第一个为lenA， 第二个为lenB，以此类推。 执行结果 f=12 阅读全文

摘要： 一题经常出现而且容易拎不清的题目： 执行结果: a = {n: 2}, b = {n: 1, x: {n: 2}} 这里要重点理解 a.x = a = {n: 2}; 中 a.x 代表的是实际的对象，即现在 b 指向的地址。 (周内再细化理解) 阅读全文

摘要： 最近在学习性能优化，学习了雅虎军规 ，可是觉着有点云里雾里的，因为里面有些东西虽然自己也一直在使用，但是感觉不太明白所以然，比如减少DNS查询，css和js文件的顺序。所以就花了时间去了解浏览器的工作，有一篇经典的文章《how browsers work》 ，讲的很详细，也有中文译本 。不过就是文章 阅读全文

摘要： 操作符运算符，在前端的面试题目中经常出现，很多朋友在对其运算的时候经常出错。说明对操作符运算还没有完全理解，我前面的一篇文章，javascript双等号引起的类型转换，主要讲解双等号引起的类型转换。本篇文章可以说是对这篇文章的补充吧！ 首先，我们先来做一些题目吧！为了统一，我不混着来写这些题目，面试 阅读全文

摘要： 单位介绍 说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw和vh、vmi 阅读全文

摘要： 1、word-wrap:break-word; 内容将在边界内换行，仅用于块对象，内联对象要用的话，必须要设定height、width或display:block或position:absolute。 1、word-wrap:break-word; 内容将在边界内换行，仅用于块对象，内联对象要用的话 阅读全文