同源策略与JS跨域（JSONP , CORS）
2017-06-01
阅读 8 分钟
18.9k本文按照政治问答题必备套路分为以下3个部分： 为什么要跨域？ 跨域是什么？ 如何实现跨域？ Section1、为什么要跨域？ 自古以来（1995年起），为了用户的信息安全，浏览器就引入了同源策略。那么同源策略是如何保证用户的信息安全的呢？ 栗子1：如果没有同源策略，你打开了你的银行账户页面A，又打开了另一个不相关的页...
BFC与IFC概念理解+布局规则+形成方法+用处
2017-05-24
阅读 4 分钟
22.2k一个页面是由很多个 Box 组成的，元素的类型和 display 属性决定了这个 Box 的类型。不同类型的 Box，会参与不同的 Formatting Context。
CSS题目及答案整理
2017-05-16
阅读 17 分钟
9.1k（1）有两种， IE 盒子模型（相当于box-sizing: border-box;）、W3C 盒子模型（box-sizing: content-box;）；（2）盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)；（3）区 别： IE的content部分把 border 和 padding计算了进去;
前端架构（git、模块化）
2017-05-09
阅读 10 分钟
5.2k协作流程 1.职责 页面工程师 前端工程师 接口设计 1.页面入口规范 基本信息 输入参数 模板列表接口列表 2.同步数据规范 基本信息 预填数据 注入接口 3.异步接口规范 基本信息 输入数据 输出结果 同步请求，异步请求？ 版本管理 版本控制系统VCS （Version control system） 1.分支模型 产品级的分支模型： 2.git git是一...
JavaScript DOM编程基础（DOM属性&事件[叮：事件代理]，Ajax，BOM，form表单）
2017-05-02
阅读 15 分钟
6.5k文档树 DOM：Document Object Model 即：用对象的形式表示HTML、CSS。 DOM包含： DOM Core DOM HTML DOM Style DOM Event 1.节点遍历：ヾ(o◕∀◕)ﾉ {代码...} 2.元素类型节点遍历： {代码...} 节点操作 1.获取节点 {代码...} 注意：以上选择器（getElementById除外），除了可以在整个文档中寻找，比如： document.getEleme...
JavaScript基础大全（原型，闭包）[持续更新]
2017-04-29
阅读 35 分钟
6.4k隐式声明或定义变量：严格模式不能通过省略 var 关键字隐式声明变量。会报引用错误“ReferenceError：abc is not define”
看完你就会正则表达式了
2017-04-28
阅读 5 分钟
9.4k出场 为了匹配规定模式的文本为了守护世界的和平我们是穿梭在银河的正则表达式就是这样~喵~ 好用的正则表达式可视化工具： [链接] 语法 {代码...} pattern：正则表达式的匹配模式flags：可选，正则表达式的标识，也可选多个。g全局匹配，i忽略大小写，m匹配多行 一颗超简单的栗子： {代码...} 常用特殊字符 1.字符集合 ...
页面架构HTML+CSS ヾ(o◕∀◕)ﾉ 常用居中&多列布局
2017-04-21
阅读 12 分钟
7.3kCSS Reset 1.作用 （1）清除浏览器默认样式（2）全局样式定义 2.特别注意 （1）项目开发初期就定义好（2）reset.css 在引入的时候一定要放在第一位（3）不同的产品reset.css不一样 3.table合并边框间距 {代码...} 4.一个并不完整也并不通用的reset.css样例 {代码...} 布局解决方案 居中布局 1.水平居中 父元素和子元素宽...
页面制作HTML+CSS基础乱炖
2017-04-16
阅读 6 分钟
4.7k<head></head> 里的 <meta charset="utf-8"> 一定要放在第一行 ，如果放在了<title>下面可能会有问题。
CSS元素垂直居中【内含vertical-align 与 line-height 属性详解】
2017-04-12
阅读 3 分钟
8.4k先来考虑这样一个问题：一行文字在一个固定高度的父div中怎样做到垂直居中？我们都知道设置父div的line-height 等于它的height就可以了，像下面这样：
Vue 实用分页组件paging（页数太多时显示省略号）
2017-04-11
阅读 2 分钟
7.6k之前的版本在页数太多时依然每一页都显示，这显然不合理。增强版在页数太多时会显示省略号，且把分页组件单独提取出来，可以直接在其他页面引入使用。代码见： Paging.vue
CSS布局基础：两列 or 三列自适应
2017-04-09
阅读 2 分钟
5.3k写这篇文章主要是为了解决一个实际遇到的问题：左右两列布局，左侧宽度固定，右侧宽度自适应（或左中右三列布局，左侧和中间宽度固定，右侧宽度自适应），当页面宽度变化时，怎样使右侧元素中的内容始终在页面剩余宽度中居中显示，将右侧元素设置了text-align: center;之后，问题其实也就是怎样让右侧元素的宽度占据页面...
实现环形进度条（CSS3+jQuery/Vue）
2017-04-06
阅读 4 分钟
13.7k这个属性规定了一个裁切的矩形，其中top和bottom所指定的偏移量是从元素盒子顶部边缘算起，right和left所指定的偏移量是从元素盒子左侧边缘算起（这里需要重点注意的是bottom和right的计算方式）。看下面这张超级清晰的图（直接把w3cplus的图搬过来了，带着水印不违规的吧？）：
vue 2 + vue-router 2 实现SPA
2017-01-11
阅读 4 分钟
15.9k使用 Vue.js 时，我们就已经把组件组合成一个应用了，当我们要把 vue-router 加进来，只需要配置组件和路由映射，然后告诉 vue-router 在哪里渲染它们。