摘要: overflow: hidden; 必须设置,不然无法修剪文本 white-space: nowrap; 规定段落中的文本不进行换行 text-overflow: ellipsis; 当文本溢出包含元素时显示省略号 注意:文本的修剪不受高度影响,只要文本长度超过容器宽度就会被修剪,不会换行。 阅读全文
posted @ 2018-07-07 10:47 前端大兵 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 弹性盒子模型有两种规范:早起的display:box 和后期的display:flex。它可以轻易的实现均分、浮动、居中等灵活布局,在移动端只考虑webkit内核时很实用。 一、display:box 二、display:flex 阅读全文
posted @ 2018-07-06 21:31 前端大兵 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 细线边框的具体实现方法有:伪元素缩放或渐变,box-shadow模拟,svg画线,border-image裁剪等。要实现小于1px的线条,有个先决条件:屏幕的分辨率要足够高,设备像素比要大于1,即css中的1个像素对应物理屏幕中1个以上的像素点。 对于普通电脑,屏幕物理像素和css像素一一对应,显示 阅读全文
posted @ 2018-07-05 19:29 前端大兵 阅读(7602) 评论(0) 推荐(1) 编辑
摘要: 模块化的开发方式可以提高代码复用率,方便进行代码的管理。通常一个文件就是一个模块,有自己的作用域,只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。前端模块化的演进过程可以看看阮一峰老师的文章。本文主要介绍各规范下的模块化实现方式。 一、Co 阅读全文
posted @ 2018-06-14 11:42 前端大兵 阅读(1060) 评论(0) 推荐(0) 编辑
摘要: # 在当前目录新建一个Git代码库 $ git init # 下载一个项目和它的整个代码历史 $ git clone [url] # 下载远程仓库的所有变动 $ git fetch [remote] # 显示所有远程仓库 $ git remote -v # 增加一个新的远程仓库,并命名 $ git 阅读全文
posted @ 2018-06-14 11:10 前端大兵 阅读(165) 评论(0) 推荐(0) 编辑
摘要: npm init 在此目录生成package.json文件 npm install <package[@version]> [-g] [--save[-dev]] 安装模块 npm update <package> 升级模块 npm uninstall <package> 卸载模块 npm ls [ 阅读全文
posted @ 2018-06-14 10:43 前端大兵 阅读(889) 评论(0) 推荐(0) 编辑
摘要: 把<router-view>嵌套在<transition>里,路由变化的时候,vue会为包裹页面的div增加动画样式,我们要做的就是监听路由变化、定义这些动画样式,以规定页面到底怎么切换。具体样式名通过transition的name属性绑定。下面是在移动端模拟一般app界面的前进后退动画: 具体动画 阅读全文
posted @ 2018-05-25 09:43 前端大兵 阅读(9591) 评论(1) 推荐(1) 编辑
摘要: JS在复制对象的时候,复制的是指针。有复制关系的两个对象,一个改变时另一个的值也跟着变了。数组也是对象,也存在这种现象。实现非指针复制,可以用JSON方法进行双重转换,也可以便利属性递归赋值。 阅读全文
posted @ 2017-12-23 00:43 前端大兵 阅读(552) 评论(0) 推荐(0) 编辑
摘要: 怎么获取当前时间?怎么给Date对象设置特定时间?将Date对象解析为毫秒数?将Date对象解析为日月年?获取小时/分钟/秒? 阅读全文
posted @ 2017-12-18 01:08 前端大兵 阅读(907) 评论(0) 推荐(0) 编辑
摘要: 之前的文章梳理了JS数组与对象属性的遍历方法,本文介绍专门用以遍历并处理数据的map()方法。 一、原生map() map()是数组的一个方法,它创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。map()里面的处理函数接受三个参数,分别指代当前元素、当前元素的索引、数组本 阅读全文
posted @ 2017-08-23 23:59 前端大兵 阅读(68636) 评论(2) 推荐(1) 编辑