摘要：
前言 由于vue和react的流行，webpack这个模块化打包工具也已经成为热门。作为前端工程师这个需要不断更新自己技术库的职业，真的需要潜下心来学习一下。 准备工作（针对mac用户） 安装 homebrew $ /usr/bin/ruby -e "$(curl -fsSL https://raw 阅读全文
摘要：
大概在一个月前在 github 上看到了 caniuse 网站的一个数据源（https://raw.githubusercontent.com/Fyrd/caniuse/master/data.json），于是就冒出了一个用这个数据源做一个小程序的想法。 当然，最后在不断折腾之下，也算是完成了一个简 阅读全文
摘要：
最近项目改版，需要在一个正方形的盒子区域中显示图片，由于旧数据中都是横向长方形的图片，旧数据又不能舍弃，产品就要求对于这种图片进行两边截取，在正方形盒子中只显示图片中间部分的（蛋）要（疼）求。 经过一番尝试一共找到3种可以成功实现的方法，在此分享一下。 原图如下结果如下 1.使用绝对定位+trans 阅读全文
摘要：
GitHub地址：https://github.com/qiangzi772... 如果觉得不错可以给个star或者提出你的建议 img2Ascii，基于JS的图片转ASCII示意图。 效果 转码前图片 转码后图片 构建 npm install 或者 yarn install 之后通过 npm ru 阅读全文
摘要：
前言 总括： 对于盒子模型，BFC，IFC和外边距合并等概念和问题的总结 原文地址：从CSS盒子模型说起 知乎专栏：前端进击者 博主博客地址：Damonare的个人博客 为学之道，莫先于穷理；穷理之要，必先于读书。 正文 CSS盒子模型是CSS基础中的基础，个人之前对于这块的理解有偏差?，由于涉 阅读全文
摘要：
单双引号 在js代码中 在js中单、双引号引起来的是字符串，如果我们要在字符串中使用单、双引号，需要反斜杠进行转义 let str='user\'s name'; // or let str=" user's name"; // or let str="she said:\"...\"."; 如果在 阅读全文
摘要：
flex布局目前基本上兼容主流的浏览器，且实现方式简单。我整理了flex的一些知识点，并且总结归纳了几种常见布局的flex写法 flex基础知识点 flex-grow和flex-shrink相关计算公式 公式1：子元素空间 < 父容器 父容器剩余空间 = 父容器宽度 - 子元素宽度之和增长单位 = 阅读全文
摘要：
这是React和ECMAScript2015系列文章的最后一篇，我们将继续探索React 和 Webpack的使用。 下面是所有系列文章章节的链接： React 、 ES6 - 介绍（第一部分） React类、ES7属性初始化（第二部分） React类，方法绑定（第三部分） ES6中React Mi 阅读全文
摘要：
移动端人机交互方式同PC端发生了本质的变化，在PC端使用鼠标和键盘进行交互，而移动端使用的是手指的触摸和滑动。PC端开发时主要监听鼠标事件，例如mouseEnter（鼠标进入事件）、mouseMove（鼠标移动事件）、mouseLeave（鼠标离开事件）。而在移动端监听事件为触摸的开始事件，触摸移动 阅读全文