javascript
程序员会武功
技术交流企鹅 88322534支持鼓励自学!希望有毅力,有兴趣的童鞋多多交流!
展开
-
h5打开手机扫码功能
转载至:http://div.io/topic/15621.解决的问题:1.能够在微博客户端呼起摄像头扫描二维码并且解析;2.能够在原生浏览器和微信客户端中扫描二维码并且解析;2.优点:web端或者是 h5端可以直接完成扫码的工作;3.缺点:图片不清晰很容易解析失败(拍照扫描图片需要镜头离二维码的距离很近),相对于 native 呼起的摄转载 2016-03-03 15:26:59 · 28622 阅读 · 7 评论 -
Touch事件及触屏滑动距离计算
移动端涉及图片轮播或者一些交互性的游戏时都会用到,毕竟移动端交互大多都靠手指。 移动端有四个关于触摸的事件,分别是touchstart、touchmove、touchend、touchcancel(比较少用), 它们的触发顺序是touchstart-->touchmove-->touchend-->click,所以touch事件触发完成后会接着触发click事件,需要注意一下 ,...转载 2018-04-06 17:42:10 · 9876 阅读 · 0 评论 -
深入理解unslider.js源码
最近用到了一个挺好用的幻灯片插件,叫做unslider.js,就想看看怎么实现幻灯片功能,就看看源码,顺便自己也学习学习。看完之后收获很多,这里和大家分享一下。unslider.js 源码和使用教程可以在他 github 库 和 unslider官网 中找到大纲unslider.js使用unslider.js库的代码结构unslider.js库的实现总结unslider.js源码中值得我们学习的点...转载 2018-04-06 17:37:38 · 1665 阅读 · 0 评论 -
css:子元素div 上下左右居中方法总结
最近在面试,不停地收到了知识冲击,尤其是对于一些基础的css、html、js问题居多,所以自我也在做反思,今天就css问题,如何让一个子元素div块元素上下左右居中 (以下总结方法,都已得到验证)。 情景一:一个浏览器页面中,只有一个div模块,让其上下左右居中 解决方案: { position:fixed; left:0; righ...转载 2018-04-08 14:28:45 · 7831 阅读 · 0 评论 -
原生JS实现一个简单的前端路由(路由实现的原理)
一个极简前端路由实现说一下前端路由实现的简要原理,以 hash 形式(也可以使用 History API 来处理)为例,当 url 的 hash 发生变化时,触发 hashchange 注册的回调,回调中去进行不同的操作,进行不同的内容的展示。直接看代码或许更直观。function Router() { this.routes = {}; this.currentUrl = '';...转载 2018-04-08 14:23:54 · 944 阅读 · 0 评论 -
用原生JS读写CSS样式的方法总结
为了日后方便查询,本人翻阅了一些资料总结了以下方法,仅限原生JS,如有不对的地方欢迎指出!只求大家看完觉得有学到点什么就OK了! 一、可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式 如:var elm = document.getElementById('test');转载 2017-08-13 17:26:08 · 589 阅读 · 0 评论 -
JavaScript实现DOM对象选择器
目的: 根据传入的选择器类型选出第一个符合的DOM对象。 ①可以通过id获取DOM对象,例如 $("#adom"); ②可以通过tagName获取DOM对象,例如 $("a"); ③可以通过样式名称获取DOM对象,例如 $(".classa"); ④可以通过attribute匹配获取DOM对象,例如 $("[data-log]"),$("[data-time=2015]")转载 2017-08-13 17:24:14 · 281 阅读 · 0 评论 -
微信小程序实例源码大全
微信小程序游戏类demo:识色;从相似颜色中挑选不同的一个源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1105微信小程序精品demo:仿网易云音乐:歌单,FM,播放,评论源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1103转载 2017-06-24 21:08:50 · 20194 阅读 · 0 评论 -
html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offs转载 2017-06-21 11:48:27 · 453 阅读 · 0 评论 -
公用分页模块之knockout
为配合knockout而做出的公共分页模块,做一些基本的操作原创 2016-03-15 13:54:19 · 1894 阅读 · 0 评论 -
springMVC 头像裁剪上传并等比压
头像等比裁剪并等比压缩上传,使用jquery.jcrop.js,ajaxfileUpload.js实现原创 2016-03-15 11:30:14 · 2421 阅读 · 0 评论 -
JS 如何将 HTML 页面导出为多页 PDF
前话之前写了一篇博文 JS 如何将 HTML 页面导出为 PDF 。 当时只是自己有个需求,只是导出一页PDF,写个了示例。之后就有同学私信我问我怎么导出多页PDF。好吧,其实这些看文档画画图自己是可以写出来的。以后也可能有转换HTML导出多页的PDF需求,就决定写一个库 renderPDF 吧。地址在这里:https://github.com/pwcong/how-transform-html-...转载 2018-04-19 20:44:07 · 2876 阅读 · 0 评论