![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js进阶
文章平均质量分 92
XAIhan
不停跌倒并且跌倒了不想站起来但是不得不站起来继续跌倒的程序猿
展开
-
前端切图专用js---------监听屏幕修改rem,从而达到rem:px = 1:100
//监听屏幕变化w.addEventListener(‘onorientationchange’ in w ? ‘orientationchange’ : ‘resize’, function () {clearTimeout(resizeTime);resizeTime = setTimeout(changeRem, waitTime);}, false);w.addEventList...原创 2019-11-18 18:35:11 · 254 阅读 · 0 评论 -
前端实现在浏览器中存储信息
在敲代码的时候,前端程序员总是需要进行代码的调试,或者对于后台传输数据的写入,从而使得将静态页面转换为动态页面。有时会遇到这样的情况:后端需要进行修改,而前端也需要调试。那么我们可以这样解决:将后台传入的数据保存在浏览器之中。模拟为后台传输的数据保存方法有两种:localStorage和sessionStorage。sessionStoragesessionStorage 用于临时保存同...原创 2019-10-03 20:08:59 · 857 阅读 · 0 评论 -
前端实现动画效果的几种方式(有实例)
现在对于前端的要求变大了很多,随着时代进步,人们的审美越来越挑剔,对于用户交互的体验成为了公司竞争的一大助力。而动画效果,可以说是最有效的提高用户体验的方式了。但是对于前端来说,实现动画的方法也有很多种,今天博主就来和各位一起探讨一下,实现动画的几种方式。JS直接实现最为简单暴力无脑的一种操作,通过js修改div(盒子模型)的属性以及运用 setTimeOut() 方法实现动画。实现:...原创 2019-09-26 16:34:18 · 9241 阅读 · 2 评论 -
客户端检测——能力检测
浏览器提供商虽然在实现公共接口方面投入了很多精力。但结果仍然是每一种浏览器都有自己的长处和缺点。即使是跨平台的浏览器,虽然从技术上看版本相同,也照样存在不一致性问题。面对这种问题,我们程序员能怎么办呢——giao你你有脾气吗?那么我们能做什么呢?我们只能找办法解决嘛~~解决方法不唯一,今天给大家讲一下最常用也最被人们接受的客户端检测形式——能力检查能力检测能力检测的目标不是识别特定的浏览器...原创 2019-07-28 11:29:39 · 209 阅读 · 0 评论 -
css的line-height:1.5,line-height:150%,line-height:1.5em,line-height:15px的区别
line-height:主要是设计元素的行高,我们现在这里假设font-size:24px;1.首先是px的,设置行高是15px的话,那么我们得到的行高自然也是15px;没什么区别的;2.如果是em的话,首先要看看默认的网页的字体像素,通常都是16px,所以说1em=16px。而对于本文中设置了24px,所以说1.5em就是1.5*24=36px;就是说行高设置了36px;3.下一种百分比...原创 2019-10-15 13:43:21 · 647 阅读 · 0 评论 -
正则表达式
正则表达式中的元字符元字符说明.匹配除换行符以外的任意字符\w匹配字母或数字或下划线或汉字\s匹配任意的空白符\d匹配数字\b匹配单词的开始或者结束^匹配字符串的开始$匹配字符串的结束正则表达式中的几种重复的模式语法说明*重复零次或更多次+重复一次或多次?重复零次或一次{n}...原创 2019-11-06 09:16:02 · 116 阅读 · 0 评论