移动端根元素（html）的设置
摘要：
1、通过js设置 <script> document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 * 2 + 'px';//获取手机屏幕的宽度</script> 2.通过css设置时，设置根元 阅读全文
posted @ 2018-11-02 17:09 婧星 阅读(1718) 评论(0) 推荐(0)
移动端设备尺寸
摘要：
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, minimal-ui">minimal-ui，用 阅读全文
posted @ 2018-11-02 17:03 婧星 阅读(212) 评论(0) 推荐(0)
点击时出现某个样式，1s后移除该样式的案例效果
摘要：
这里为了使效果更好的让用户体现出来，点击时添加的样式为background:yellow;1后移除该样式： 案例demo为： 运行结果： 点击前： 点击后，1s后变为蓝色： 思路： 1.定义bgshow()函数，在函数中，先执行要的类名，通过setTimeOut 1s后移除该类名 2.在点击事件中调 阅读全文
posted @ 2018-11-02 16:45 婧星 阅读(526) 评论(0) 推荐(0)
meta中minimal-ui属性
摘要：
<meta id="viewport" name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 minimal-ui" 阅读全文
posted @ 2018-10-31 20:57 婧星 阅读(4898) 评论(0) 推荐(0)
转盘抽奖游戏
摘要：
demo1： 1.通过设置CSS样式的position属性，z-index属性等实现背景图，转盘图与指针图的层叠摆放； 2、通过设置元素style.transform = "rotate(0deg)"实现旋转效果； 代码： 运行效果：点击抽奖转盘旋转 素材： demo2： 涉及知识点： 贝塞尔曲线 阅读全文
posted @ 2018-10-31 20:43 婧星 阅读(941) 评论(0) 推荐(0)
px与rem的换算
摘要：
在线转化工具： http://www.ofmonkey.com/front/rem rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，这个参考值设置为多少，完全可以根据您自己的需求来定。 如果，浏览器默认的字号16px，来看一些px单位与rem之间的转换关系： 为了计 阅读全文
posted @ 2018-10-31 11:10 婧星 阅读(15691) 评论(0) 推荐(0)
cookie的应用
摘要：
cookie的基础： 同一网站，其域名一样 cookie的特点： 同一个网站共享一套cookie； 数量大小有限制； 有过期时间； js使用cookie： document.cookie cookie的封装 cookie的demo案例： 阅读全文
posted @ 2018-10-28 16:23 婧星 阅读(358) 评论(0) 推荐(0)
页面加载速度缓慢时，如何优化？
摘要：
提高页面加载速度，优化方法： 1、使用免费 cdn 加载第三方资源 2、合并压缩js,css,减少请求次数以及减少流量的消耗 3、代码优化： HTML头部的JavaScript和写在HTML标签中的Style会阻塞页面的渲染，因此CSS放在页面头部并使用Link方式引入，JavaScript的引入放 阅读全文
posted @ 2018-10-26 17:18 婧星 阅读(10850) 评论(0) 推荐(0)
js获取浏览器屏幕的尺寸
摘要：
浏览器屏幕尺寸参照表： 如何获取屏幕宽度： 网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： documen 阅读全文
posted @ 2018-10-26 15:51 婧星 阅读(4192) 评论(0) 推荐(0)
浙公网安备 33010602011771号