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