![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html-css
程序员会武功
技术交流企鹅 88322534支持鼓励自学!希望有毅力,有兴趣的童鞋多多交流!
展开
-
h5打开手机扫码功能
转载至:http://div.io/topic/15621.解决的问题:1.能够在微博客户端呼起摄像头扫描二维码并且解析;2.能够在原生浏览器和微信客户端中扫描二维码并且解析;2.优点:web端或者是 h5端可以直接完成扫码的工作;3.缺点:图片不清晰很容易解析失败(拍照扫描图片需要镜头离二维码的距离很近),相对于 native 呼起的摄转载 2016-03-03 15:26:59 · 28509 阅读 · 7 评论 -
原生JS实现一个简单的前端路由(路由实现的原理)
一个极简前端路由实现说一下前端路由实现的简要原理,以 hash 形式(也可以使用 History API 来处理)为例,当 url 的 hash 发生变化时,触发 hashchange 注册的回调,回调中去进行不同的操作,进行不同的内容的展示。直接看代码或许更直观。function Router() { this.routes = {}; this.currentUrl = '';...转载 2018-04-08 14:23:54 · 933 阅读 · 0 评论 -
:before跟:after伪元素的用法
::before和::after伪元素的用法一、介绍css3为了区分伪类和伪元素,伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。::before和::after下特有的content,用于在css渲...转载 2018-04-07 16:29:47 · 467 阅读 · 0 评论 -
用原生JS读写CSS样式的方法总结
为了日后方便查询,本人翻阅了一些资料总结了以下方法,仅限原生JS,如有不对的地方欢迎指出!只求大家看完觉得有学到点什么就OK了! 一、可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式 如:var elm = document.getElementById('test');转载 2017-08-13 17:26:08 · 574 阅读 · 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 · 262 阅读 · 0 评论 -
移动端常见的一些兼容性问题
随着手机的普及,移动端的开发也成了一个重要的方向,但由于设备的不统一会造成一些兼容性问题,1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960*640分辨率,在网页里只转载 2017-08-13 17:12:46 · 998 阅读 · 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 · 20129 阅读 · 0 评论 -
html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offs转载 2017-06-21 11:48:27 · 424 阅读 · 0 评论 -
公用分页模块之knockout
为配合knockout而做出的公共分页模块,做一些基本的操作原创 2016-03-15 13:54:19 · 1852 阅读 · 0 评论 -
css:子元素div 上下左右居中方法总结
最近在面试,不停地收到了知识冲击,尤其是对于一些基础的css、html、js问题居多,所以自我也在做反思,今天就css问题,如何让一个子元素div块元素上下左右居中 (以下总结方法,都已得到验证)。 情景一:一个浏览器页面中,只有一个div模块,让其上下左右居中 解决方案: { position:fixed; left:0; righ...转载 2018-04-08 14:28:45 · 7766 阅读 · 0 评论