• npm install --save 与 npm install --save-dev 的区

    以npm安装testPlugin为例: 1、 npm install testPlugin : 会 把testPlugin包安装到node_modules目录中 不会 修改package.json 之后运行npm install命令时, 不会 自动安装testPlugin 2、 npm install --save : 会 把testPlugin包安装到node_modules目录中 会 在packag...

    2018-06-24 01:52:36

  • bootstrap 常用类名

    Bootstrap 通过给标签赋予一个类名 (class name) ,来生成对应类名的效果标签 网格选项 row :行 col-*-* : 列 ( 第一个 * 可以为 xs[超小] / sm[小型] / md[中型] / lg[大型] 第二个 * 必须为12以内的[列数]) col-*-offset-* :列偏移( 第一个 * 和上面一样, 第二个 * 范...

    2018-06-24 01:52:39

  • css3新增动画

    1、transiition过渡:样式改变就会执行transition (1)格式: transiition:1s width linear,2s 1s height; (2)参数: transition-property 要运动的样式 (all || [attr] || none) transition-duration 运动时间 transition-delay 延迟时间 transition-timing-func...

    2018-06-24 01:52:27

  • 移动端fixed的元素抖动的问题

    工作中发现,给一个元素添加fixed属性,让它固定在窗口某个位置,直接加fposition:fixed属性就能实现这个效果; 在安卓手机上的效果都比较好,但是ios系统的个别浏览器兼容性就不好,如QQ浏览器、UC浏览器、360浏览器(这几个是ios最容易出问题的浏览器); 问题:当用...

    2018-06-24 01:52:30

  • 程序猿常用英语单词汇总

    出自:http://www.cnblogs.com/best/p/6589908.html 第一节 void:[v?id] 空的 main:[mein] 主要的 class:[klɑ:s] 类 system:[sist?m] 系统 out:[aut] 出,外,输出 print:[print ] 打印 public[p?blik] 公共的,公用的 static[sttik] 静的;静态的;静止的 oracle:...

    2018-06-24 01:52:24

  • 纯CSS写正方形自适应宽高,且左侧高与正方形高保持一

    先上图 虽然写法有点暴力,但是效果还是可以的,哈哈哈哈哈 html: div class="box" div class="left" div class="zfxCon" style=""leftleftleftleftleftleftleftleftleftleftleftleft/div /div div class="zfx" div class="zfxCon" style=""正方形正方形正方形正方形正...

    2018-06-24 01:52:25

  • css3自适应布局单位vw,vh你知道多少?

    视口单位(Viewport units) 什么是视口? 在桌面端,视口指的是在桌面端,指的是浏览器的可视区域;而在移动端,它涉及3个视口:Layout Viewport(布局视口),Visual Viewport(视觉视口),Ideal Viewport(理想视口)。 视口单位中的视口,桌面端指的是浏览器的可视...

    2018-06-24 01:52:21

  • webpack 编译图片文件 file-loader

    1、安装插件 npm i file-loader --save-dev npmiurl-loader--save-dev npminstallimage-webpack-loader--save-dev 2、项目目录 3、layer.less .layer { width : 600px ; height : 200px ; background-color : green ; div{ width : 400px ; height : 200px ; backgroun...

    2018-06-24 01:52:17

  • webpack 编译html模板文件

    1、项目结构 安装loader: npm i html-loader --save- devnpm i ejs-loader --save-dev 2、模板文件layer.html div class ="layer" div this is a layer / div / div 3、layer.js import './layer.less' ;import tpl from './layer.html' ; function Layer(){ return {...

    2018-06-24 01:52:12

  • webpack 编译模板文件

    1、项目结构 安装loader: npm i html-loader --save- devnpm i ejs -loader --save-dev 2、模板文件layer.tpl div class ="layer" div this is % = name % layer / div % for (var i = 0 ;i arr.length; i ++ ) { % % = arr[i] % % } % / div 3、layer.js import './l...

    2018-06-24 01:52:03

2