需求分析： 对于网页中的图片进行 连续 放大（便于用户清晰查看内容）、缩小，旋转等操作，可以使用viewjs图片查看器插件实现。 viewjs官方网址：https://github.com/fengyuanchen/viewerjs 具体使用方法请参照官网说明。 下面做2个简单的示例： 1、示例一：单一图片 1...

2018-06-24 01:36:25

nodejs的模板引擎有很多， ejs是比较简单和容易上手的。常用的一些语法: 用%...%包含js代码 用%=...%输出变量 变量若包含 '' '' ''等字符 会被转义 用%-...%输出变量 不转义 用%- include('user/show') %引入其他模板 包含 ./user/show.ejs 用%# some comments %来注释...

2018-06-24 01:36:22

先确认安装了node_modules, 没安装就先安装 , 安装方法, 进入项目目录, 终端输入: npm install 终端输入fg, 然后再输入control+c, 然后再试npm run dev,就OK了...

2018-06-24 01:36:24

CSS常用属性： 字体属性 ：(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height: normal;(正常) 单位：PX、PD、EM 粗细 font-we...

2018-06-24 01:36:21

分享继续，图片看得不真切 在线演示demo：http://liyunpei.xyz/loading.html 十一、效果十一 四个小球分别包含于四个正方形div，将小球相对于正方形定位（top：0；left：0），将方形div设置旋转，使小球分别位于四角，然后使用关键帧动画控制小球在当前位置与靠近中心...

2018-06-24 01:36:19

前两天从一个网站中看到了一些比较好的loading动画效果，是用纯CSS3来写的，感觉不错，就尝试着照着效果来自己写出来。 在开始之前，先复习一个小知识：CSS3新增的关键帧动画，可以用来实现很多的动画，我们可以通过animation-delay来控制动画延迟执行，来实现丰富的效...

2018-06-24 01:36:02

http://www.w3cplus.com/css3/understanding-flexbox-everything-you-need-to-know.html参考文档 1：要开始使用Flexbox，必须先让父元素变成一个Flex容器 。 你可以在父元素中显式的设置 display:flex 或者 display:inline-flex 。就这么的简单，这样你就可以开始使用F...

2018-06-24 01:36:15

一、面向对象CSS（OOCSSS） OOCSS规则一： 结构和皮肤分离 如.btn ，.btn-info ，.btn-warning .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: m...

2018-06-24 01:36:12

今天给大家介绍的是一款非常好用的插件stylish stylish是一款可以为网站自定义主题的插件 可以在chrome的应用商店找到 也可以通过网址访问https://userstyles.org/ 应用商店找到安装即可 点击网站也可以进入官网 进入网站后输入你想要换皮肤的网站 举个栗子： 比如我想...

2018-06-24 01:36:09

现在我们来看一下vue中的数据监听事件$watch， js代码： new Vue({ el: " #div " , data:{ arr:[ 1 , 2 , 3 ] } }).$watch( " arr " ,function () { alert( " 数据改变了 " ) }) html代码： div id= " div " input type= " button " value= " 改变 " @click= " arr.pus...

2018-06-24 01:36:06