ad772028162-CSDN博客

转载深入JS正则先行断言

这里是 Mastering Lookahead and Lookbehind 文章的简单翻译，这篇文章是在自己搜索问题的时候stackoverflow上回答问题的人推荐的，看完觉得写得很不错。这里的简单翻译是指略去了一些js不具备的内容，再者原文实在是太长了，所以也去掉了一些没有实质内容的话，同时也加入了很多自己的理解。如果需要深入理解js的断言机制，还是推荐先去看完MDN的基础再去看这...

2018-01-11 10:28:00 676

转载 viewport 测试以及总结

这里的总结的主要思想是ppk的文章（文末附有链接），加入了自己的总结，下面的测试用的是iphone5s，android是安卓5.5吋的手机，只是为了直观感受和方便解释拿了空出来的测试机给出的数据。详细具体的数据可以参考ppk的原文章：layout viewport浏览器默认 layout viewport，宽度可以通过 document.documentElement.clientW...

2017-10-23 23:57:00 148

转载物理像素，ppi，逻辑分辨率和物理分辨率

1明确几个概念：物理像素：屏幕物理像素屏幕像素密度ppi：pixels per inch，屏幕上每英寸可以显示的像素点的数量，即屏幕像素密度。顺便一提，ppi就是dpi，只不过有文章里说苹果喜欢用ppi，dpi安卓喜欢用，emmmm，所以还是用ppi吧。ppi的计算：屏幕对角线的屏幕物理像素密度除以屏幕尺寸。以 iphone6 为例子，屏幕是 1334*750，326ppi，屏...

2017-10-23 23:31:00 708

转载前端中 width 的获取

这篇文章其实是在了解 viewport 的过程中发现这些概念容易混淆做了个小小的总结。viewport的首要关键是宽度的获取，宽度的计算有下面几个属性和方法：clientWidthoffsetWidthinnerWidthscrollWidthgetBoundingClientRect().widthElement.clientWidth非行内元素的内部宽度（inner...

2017-10-23 23:20:00 233

转载 ES6 对let声明的一点思考

说到ES6的let变量声明，我估计很多人会想起下面几个主要的特点：没有变量声明提升拥有块级作用域暂时死区不能重复声明很多教程和总结基本都说到了这几点（说实话大部分文章都大同小异，摘录的居多），习惯性我还是去看了MDN上的文档，立马发现一个问题：In ECMAScript 2015, let will hoist the variable to the top of th...

2017-04-18 10:05:00 143

转载 ES6 Promise的resolved深入理解

Promise的概念在ES6标准推出来之前已经深入人心，很多框架和第三方库都有类似的实现。但在深入理解ES6的Promise对象的时候，受之前经验的影响，很多概念给人似是而非的感觉，其中有一个特别明显的地方就是ES6中对Promise对象状态的定义以及resolved概念。Promise的状态Promise对象有三个状态：pending，fulfilled，rejected，MDN...

2017-04-11 10:58:00 249

转载 npm 重点小结

npm作为javascript一个用得比较广的包管理工具，已经集成在了node里面，基本一安装node就可以用npm了，十分方便。这里的小结主要沿着官方文档的思路，挑出一些比较重点的，平时常用的部分进行说明，力求清晰与主次分明。全局与本地安装本地安装指的是只将包下载到当前项目的node_module文件夹，当安装的包只需要在项目中被require使用时，用本地安装；全局安装指将包...

2016-07-05 14:45:00 105

转载 nodemon 基本配置与使用

在开发环境下，往往需要一个工具来自动重启项目工程，之前接触过 python 的 supervisor，现在写 node 的时候发现 supervisior 在很多地方都有他的身影，node 也有一个 npm 模块supervisior也是用来监控进程的，不过除了 supervisior 外，还有很多其他的工具，从 github 的评分上看，比较热门的有 forever，n...

2016-01-18 19:48:00 1353

转载 CSS 标准发布流程

随着 CSS 3 的广泛应用，很多新的 CSS 属性层出不穷，有很多陌生的 CSS 属性出现，所以经常需要去学习新的 CSS 属性。新的属性往往介绍文章不多，所以有时候就需要去看看官方文档，此时会发现官方文档有好几个版本，看下图：当初学 flex-box 的时候就发现有好多种写法，还好官方文档开头有标明那些文档时最新的。不过此时我萌生了去了解 CSS 标准流程的想法，我...

2016-01-05 12:33:00 107

转载 HTML表格基础详解

在现在 div 大行其道的时代，table 这个标签似乎很少被人提及，到处都是 div+css 布局的书以及博客文章，但其实 table 以及连带的其他表格标签依然在网页中占很重要的地位，特别是后台展示数据的时候表格运用是否熟练就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理，虽然 div 布局也可以做到，但是总没有表格来得方便。平时也经常接触到表格，现在总结...

2015-06-24 15:09:00 225

转载 IE6~IE7 bugs

本来想写一篇关于 IE bugs 的总结的，但是发现 IE 的 bugs 一般都存在IE5，IE6，IE7上，这都是很古老的浏览器。而且这些 bugs 测试起来相当麻烦，IEtester和 IE10 自带的文档模式选择都有一些偏差，要在虚拟机上安装系统测试才是最为准确的，最最重要的原因是现在的网页开发IE5 基本是不考虑了，IE6，IE7 也快完全退出历史舞台了，一般网...

2015-04-30 16:09:00 123

转载 CSS：水平居中与垂直居中

CSS居中算是一个比较基础的问题，在实际运用中，需要考虑到的一般是两种情况，一种是主要是表现为文字，图片等行内元素的居中，一种是指 div 等块级标签元素的居中。水平居中1、行内元素行内元素（主要是表现为文字，图片等行内元素），通过在父级元素设置 text-align:center 使子级行内元素居中。2、定宽块级元素为定宽块级元素设置：1 marg...

2015-04-23 12:59:00 85

转载 CSS定位与布局：浮动

浮动的特点浮动（float）属性提出的作用是实现文字的环绕效果，一个元素浮动后，会脱离普通流。主要的特点如下：浮动的元素会向左或者向右移动直到它的外边缘接触容器框（containing block）的边缘或者另外一个浮动元素的外边缘，因此浮动元素是不会浮动到中间的。如果没有足够的水平空间让浮动元素占据，浮动元素将向下移动，直到下方空间足够容纳或者下方已经没有浮动元素...

2015-04-19 17:05:00 108

转载 z-index 基础详解

关于z-index网上其实有不少博文，写得也不错，不过有些帖子比较旧，而IE也已经更新到了IE11了，所以还是重新总结一下。由于 z-index 的属性表现和层级有关，有些特点在某些层级下才表现出来，所以按层次来举例子梳理比较清楚。单层节点情况z-index 的基本特点：1、当不设置 position 或者设置 position 的值为 static 时，文档按照普通流顺序，后...

2015-04-18 23:29:00 106

转载 CSS定位与布局：普通流

CSS定位与布局属于CSS的基础，也是CSS布局影响很大的一部分，具体主要包括三种定位与布局机制(Positioning schemes)：普通流，浮动，绝对定位。其实除了这三种之外，还有一些定位机制，但是这三种可以说在网站的应用是最多的，随便打开一个网站搜索一下这些属性，少则出现几十次，多则上百，官方文档也有对这三个属性的辨析<Comparison of normal...

2015-04-12 10:45:00 147

ad772028162的博客