1、首先准备一个HTML文档,文档中准备好两个图片,接下来会对这两个图片进行旋转。
2、然后对HTML中的内容定义一些样式,如下图所示,主要是标题以及ul的样式。
3、接下来就给图片所在的li定义宽高,如下图所示。
4、然后给图片设置过渡效果,过渡使用transition属性,如下图所示。
5、当鼠标悬停在图片上时,通过rotate给其设置变形,如下图所示,正数代表的是顺时针,负数代表的是逆时针。
6、最后运行程序,会看到如下图所示的效果,鼠标放在图片上会顺时针或者逆时针旋转。
nodejs读取pdf并翻转内容保存pdf需以下几个步骤。1、启动windows命令行工具(windows下启动系统搜索功能,输入cmd回车就出来了)。
2、查看环境变量是否已经自动配置,在命令行工具中输入node-v,如果出现v10字段,则说明成功安装Node.js。
3、在第三步发现输入node-v还是没有出现对应的字段,那么重启电脑即可。
4、打开本项目文件夹,打开命令行工具(windows系统中直接在文件的url地址栏输入cmd就可以打开了),输入npmicnpmnodemon-g。
5、下载puppeteer爬虫包,在完成第五步后,使用cnpmipuppeteer--save命令下载。
6、完成第六步下载后,打开本项目的url.js,将您需要爬虫爬取的网页地址替换上去。
7、在命令行中输入nodemonindex.js即可爬取对应的内容,并且自动输出到当前文件夹下面的index.pdf文件中。
数组转换字符串
array.join() // 将数组的值拼接成字符串。
var arr = [1,2,3,4,5]
arr.join() // 不传参数,默认按【,】进行拼接
arr.join("-") // 参数是字符串类型 按【-】进行拼接
数组的增删操作
array.push(value,[value[,...]]) //将一个或多个元素添加到数组的结尾,并返回新的长度。
array.pop() //从数组中删除最后一个元素,并返回该元素的值,改变了数组的长度
array.unshift(value,[value[,...]]) //将一个或多个元素添加到数组的开头,并返回新的长度。
array.shift() //从数组中删除第一个元素,并返回该元素的值,改变了数组的长度
数组的翻转与排序
array.reverse() // 翻转数组,返回翻转过的数组
array.sort() // 默认排序顺序是根据字符串Unicode码点,比如如果是数字的话,排序结果是10小于2,因为比较的是第一位
var arr = [1,3,10,2,4,40,5]
arr.sort() // [1, 10, 2, 3, 4, 40, 5]
// sort方法可以传递一个函数作为参数,这个参数用来控制数组如何进行排序
var arr = [1,2,10,4,40,5]
arr.sort(function(a,b)
return a-b //按照正序
return b-a //按照倒序
})
数组的拼接与截取
concat:数组合并,不会影响原来的数组,会返回一个新数组。
var arr = [1,2,3]
var arr1 = ["a","b","c"]
var newArray = arr.concat(arr1) //[1,2,3,"a","b","c"]
slice:复制数组的一部分到一个新数组,并返回这个新数组,原来的数组不受影响,包含头,不包含尾
var newArray = array.slice(begin, end)
var arr = [1,2,3,4,5]
arr.slice(0,3) //[1,2,3]
arr.slice(-3,-1) //[3,4]
splice: 以新元素来替换旧元素,以此来修改数组的内容,返回被替换的内容,原数组被改变
start:开始位置 deleteCount:删除的个数 items:替换的内容
array.splice(start, deleteCount, [items[,items...])
var arr = [1,2,3,4,5]
var newArray = arr.splice(0,3,"a","b","c","d")
console.log(newArray) //[1, 2, 3]
console.log(arr) // ["a", "b", "c", "d", 4, 5]
数组查找元素
indexOf方法用来查找数组中某个元素第一次出现的位置,如果找不到,返回-1
array.indexOf(search, [fromIndex])
lastIndexOf()从后面开始查找数组中元素第一次出现位置,如果找不到,返回-1
array.lastIndexOf(search, [fromIndex])
链接:https://www.jianshu.com/p/5d4df649cca5