sjpqy

用express快速写一个hello world

摘要：首页要具备 node.js环境, npm环境创建一个目录, 然后进入此目录作为工作目录通过npm init 创建一个package.json文件此命令要求你输入几个参数, 直接按回车就可以了, 除了 entry point: (index.js) 改为 app.js, 这是当前文件的入口接下阅读全文

posted @ 2018-03-19 15:22 sjpqy 阅读(146) 评论(0) 推荐(0)

naturalWidth与naturalHeight

摘要： naturalWidth与naturalHeight是HTML5的新属性, 可与通过这两个属性来直接获取图片的原始宽度和高度, 现在在火狐, 谷歌, IE11均已经实现可以看看naturalWidth和naturalHeight的兼容性截图来自 https://caniuse.com/#sear 阅读全文

posted @ 2018-03-12 10:29 sjpqy 阅读(362) 评论(0) 推荐(0)

div里面的图片垂直居中

摘要：外面一个div, 里面是一张大小不固定的图片, 或者span,div都行, 要实现里面元素水平垂直居中对齐其实有很多实现的方法, 比如用js去计算每一个子元素的高度, 通过js去动态设置magin值, 不过这有点麻烦今天分享一种用css实现的水平垂直居中对齐看代码效果如下子元素的大小可以随阅读全文

posted @ 2018-03-09 11:31 sjpqy 阅读(218) 评论(0) 推荐(0)

js将网址转为二维码并下载图片

摘要：将一个网址转为二维码, 下面可以添加文字, 还提供下载功能利用的是 GitHub上面的qrcode.js 和canvas 阅读全文

posted @ 2018-01-29 17:41 sjpqy 阅读(498) 评论(0) 推荐(0)

js过滤输入的emoji表情

摘要：因为emoji表情是Unicode编码, 在某些流浪器上会显示乱码, 有的数据库字节不够也无法存储, 网上有很多解决此类问题的办法, 最简单的莫过于将emoji表情替换成文本, 比如 [表情][表情]哈哈我看见的又好几种写法还有一种比较麻烦的写法阅读全文

posted @ 2018-01-29 17:11 sjpqy 阅读(2992) 评论(0) 推荐(0)

记一个视频播放器插件 video.js

摘要：最近在看扣丁学堂上面的一些视频, 突然对他用的视频播放器有点兴趣, 他也是采用的 ts切片播放, 如果使用传统的video标签是无法实现的他使用的插件叫做 video.js 官网地址官网提供的播放器样式直接就可以使用可以参考官网提供的文档进行下载和使用阅读全文

posted @ 2018-01-26 11:41 sjpqy 阅读(228) 评论(0) 推荐(0)

js 实现复制剪切

摘要：原生js实现复制 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>copy</title> </head> <body> <span id='copy'>复制哈哈哈哈啊哈哈</span> <button id='btn'>复制< 阅读全文

posted @ 2018-01-15 23:23 sjpqy 阅读(657) 评论(0) 推荐(0)

js 移动端写搜索时怎么调用软键盘上面的搜索按钮

摘要：这段时间一直在做移动端,所以遇到很多问题,现在很多网站在做移动端搜索的时候都不会在后面加一个搜索按钮,而是直接调用输入法上面的搜索搜索按钮进行搜索 input的一个新属性给我们提供非常方便的书写, 就是 type = search;如果直接这么写,在IOS上可能会有问题需要一个form标签套起来, 阅读全文

posted @ 2017-12-20 10:23 sjpqy 阅读(1472) 评论(0) 推荐(0)

利用JParticles制作粒子

摘要： JParticles 2.0发布,打造炫酷的粒子一. 介绍 JParticles 2.0发布之前叫Particleground.js, 相信有在用的朋友应该不会陌生, 关于1.x的介绍可以看这里二. 下载 1. 在gitHub上下载各种版本 2. 通过 npm install jpsrticle 阅读全文

posted @ 2017-12-18 09:11 sjpqy 阅读(289) 评论(0) 推荐(0)

js中的伪数组

摘要：一, 伪数组 1. 具有length属性 2. 按索引方式存储数据 3. 不具有数组的方法, 比如push(),pop()等二, 生成伪数组的方法在js中生成伪数组的方法比较多 1. function的arguments对象 2. document.getElementsByTagName和do 阅读全文

posted @ 2017-12-17 11:16 sjpqy 阅读(3419) 评论(0) 推荐(2)