前言

在学习js运算符的过程中，大家应该对按位操作符不会感到陌生，但是相信大部分人在编码中用到位操作的机会寥寥，甚至于有些新手同学压根不知道js还有位运算或者某些逻辑运算符。比如一个简单的逻辑运算符 !! ，前阵子组里一个同学来问这是什么意思，解释了大半天。在看各种源码的时候，经常会碰到 !!、~~ 、>> 之类的运算符，刚出道的时候我也是不求甚解，后来看多了自然明了了。

前言

最近搞了个新项目，要搭个新环境，采用vue + es6 + webpack + babel技术栈，所以就将最近看到的关于webpack性能优化技术方案，包括dll以及happyPack等。写篇博客当做技术沉淀和积累吧。

前言

一次在看淘宝FED的一篇博客,完了又浏览了该站其他其他一些相关页面。点开关于我们页面发现文章头部有个照片墙,效果很炫(原谅我没见过世面),起初我以为应该是canvas实现的,知道我查看源文件后发现使用jquery实现的。

前言

有一次刷脉脉,在匿名区看到一道题目,好像LeetCode上有:二分法用实现Math.sqrt函数开平方根。想当年1.414、1.732、2.236、2.449背的滚瓜烂熟,甚至手写过开方计算。

前言

最近在看一些关于算法的知识,顺便也用js写了写,好在以前马马虎虎看过算法导论之类之类的书。看到二叉树的遍历后又联想到DOM树,所以试着写了一些代码,权当笔记,供自己参考。

前言

长时间没有接触算法,脑子生锈,写下一些常见的排序、查找算法记在博客上给自己看,代码没有写注释。

引言

字蛛是一个 WebFont 智能压缩工具，它能自动化分析页面中所使用的 WebFont 并进行按需压缩，通常好几 MB 的中文字体可以被压缩成几 KB 大小。
font-spider

阅读全文 »

背景

大家应该都知道在ios Ritina高清屏下写1px的边框,实际上是2px,其实情况是devicePixelRatio=2 的时候显示2px, 6P这种的devicePixelRatio=3,实际效果是3px。
解决这种问题的方法很多:
1、ios8以上的支持0.5px
2、淘宝的 vieweport + REM 方法实现, 详细解决方案移驾淘宝m站查看
3、box-shadow、border-image、background-image,详情请自行google
4、transform + after伪类,利用伪类after实现border为1px,在devicePixelRatio == 2时利用transform:scale(.5)缩一半

引言

BEM, meaning Block, Element, Modifier, is a front-end methodology coined by developers working at Yandex. Whilst BEM is a complete methodology, here we are only concerned with its naming convention. Further, the naming convention here only is BEM-like; the principles are exactly the same, but the actual syntax differs slightly.

BEM splits components’ classes into three groups:

Block: The sole root of the component.
Element: A component part of the Block.
Modifier: A variant or extension of the Block.
CSS Guidelines

阅读全文 »