sjpqy

div里面的图片垂直居中

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

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

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

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

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

js过滤输入的emoji表情

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

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

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

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

posted @ 2018-01-26 11:41 sjpqy 阅读(200) 评论(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 阅读(651) 评论(0) 推荐(0) 编辑

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

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

posted @ 2017-12-20 10:23 sjpqy 阅读(1396) 评论(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 阅读(272) 评论(0) 推荐(0) 编辑

js中的伪数组

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

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

js中的稀疏数组和密集数组

摘要：原文地址: http://www.2ality.com/2012/06/dense-arrays.html 一般来说JavaScript中的数组都是稀疏的,也就是说数组中的元素与元素之间是由空格的,因为一个数组其实就是一个键值映射一 , 稀疏数组创建一个指定长度的数组就是一个稀疏数字当你遍历它阅读全文

posted @ 2017-12-15 09:22 sjpqy 阅读(328) 评论(0) 推荐(0) 编辑

利用纯CSS美化checkbox和radio和滑动按钮的实现

摘要： W3C提供的CheckBox和radio的原始样式非常的丑,而且在不同的额浏览器表现还不一样,使用常规的方法添加样式没法进行修改样式一, 单选按钮利用的就是label和CSS3的选中状态checked来修改样式, 中间的那个小✔️是一个unicode编码的字符, 如果需要更改参考http://b 阅读全文

posted @ 2017-12-14 09:25 sjpqy 阅读(939) 评论(0) 推荐(0) 编辑