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