uglify.js在linux下的填坑经验 发表于 2017-12-11 | 最近在我们的项目的构建流程中加了一个小脚本,作用是把多个 js 文件压缩成一个,这样可以减少启动时的资源请求数目。 主要用到了uglify.js这个库,在本地以及我们 window 构建服务器上,这个脚本都运行的不错,但是在 linux 服务上发现出错了。 脚本代码首先会有一个配置文件,用到描述压缩 ... 阅读全文 »
css flex布局学习笔记 发表于 2017-12-03 | 前端时间学习了 flex 布局,是这篇博客, 觉得很神奇。 正好在很多例如两列布局、三列布局中 flex 可以很轻松的完成任务。 于是写这篇博客记录一下 flex 在布局中的应用。 两列布局一列定宽一列自适应1234<div class="wrapper"> <div class ... 阅读全文 »
css grid网格布局学习笔记 发表于 2017-12-03 | 浏览器支持率在 Can I Use中搜索结果: 一些术语网格线、行、列、单元格 在上图中,各数字表示的是: 网格线 列 行 单元格 间隙gutters 很多时候行与行、列与列之间并不是紧挨着的,中间会留有一些间隔。在上图中的加深区域就是这些间隙。 网格区域 表示由任意4条网格线围起来的区域,内 ... 阅读全文 »
mock.js学习笔记 发表于 2017-11-21 | 团队中的开发是前后端分离的,经常会步调不一致。之前前端都是将 mock 数据写死在 js 中,等后台接口写好了再把这些 mock 数据删掉,感觉很麻烦。于是研究了一下有没有什么 mock 的库,找到一个不错的Mock. 本文就是一个学习笔记。 基本使用安装直接把官方文档丢出来比较好: 文档 里面写的 ... 阅读全文 »
使用table构建三列自适应布局 发表于 2017-11-08 | 前几天在写一个 pc 端的评论组件时,被一个三列自适应布局问题困扰了好久好久。需要的结构如下 由于我的 css 不厉害,只会基本的盒子模型,此前会的两列布局都是其中一列固定宽度,另一个宽度自适应。而这里的两列都是完全自适应的。 解决方案 1: flex在询问了一些人之后,得到回复说利用flex布局 ... 阅读全文 »