婧星 - 博客园

移动端根元素（html）的设置

摘要： 1、通过js设置 <script> document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 * 2 + 'px';//获取手机屏幕的宽度</script> 2.通过css设置时，设置根元阅读全文

posted @ 2018-11-02 17:09 婧星阅读(1679) 评论(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 婧星阅读(192) 评论(0) 推荐(0) 编辑

点击时出现某个样式，1s后移除该样式的案例效果

摘要：这里为了使效果更好的让用户体现出来，点击时添加的样式为background:yellow;1后移除该样式：案例demo为：运行结果：点击前：点击后，1s后变为蓝色：思路： 1.定义bgshow()函数，在函数中，先执行要的类名，通过setTimeOut 1s后移除该类名 2.在点击事件中调阅读全文

posted @ 2018-11-02 16:45 婧星阅读(514) 评论(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 婧星阅读(4647) 评论(0) 推荐(0) 编辑

转盘抽奖游戏

摘要： demo1： 1.通过设置CSS样式的position属性，z-index属性等实现背景图，转盘图与指针图的层叠摆放； 2、通过设置元素style.transform = "rotate(0deg)"实现旋转效果；代码：运行效果：点击抽奖转盘旋转素材： demo2：涉及知识点：贝塞尔曲线阅读全文

posted @ 2018-10-31 20:43 婧星阅读(874) 评论(0) 推荐(0) 编辑

px与rem的换算

摘要：在线转化工具： http://www.ofmonkey.com/front/rem rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，这个参考值设置为多少，完全可以根据您自己的需求来定。如果，浏览器默认的字号16px，来看一些px单位与rem之间的转换关系：为了计阅读全文

posted @ 2018-10-31 11:10 婧星阅读(15614) 评论(0) 推荐(0) 编辑

正则表达式过滤标签

摘要：将带html标签的的文字，过滤掉标签阅读全文

posted @ 2018-10-28 17:12 婧星阅读(1717) 评论(0) 推荐(0) 编辑

cookie的应用

摘要： cookie的基础：同一网站，其域名一样 cookie的特点：同一个网站共享一套cookie；数量大小有限制；有过期时间； js使用cookie： document.cookie cookie的封装 cookie的demo案例：阅读全文

posted @ 2018-10-28 16:23 婧星阅读(340) 评论(0) 推荐(0) 编辑

页面加载速度缓慢时，如何优化？

摘要：提高页面加载速度，优化方法： 1、使用免费 cdn 加载第三方资源 2、合并压缩js,css,减少请求次数以及减少流量的消耗 3、代码优化： HTML头部的JavaScript和写在HTML标签中的Style会阻塞页面的渲染，因此CSS放在页面头部并使用Link方式引入，JavaScript的引入放阅读全文

posted @ 2018-10-26 17:18 婧星阅读(10765) 评论(0) 推荐(0) 编辑

js获取浏览器屏幕的尺寸

摘要：浏览器屏幕尺寸参照表：如何获取屏幕宽度：网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： documen 阅读全文

posted @ 2018-10-26 15:51 婧星阅读(4124) 评论(0) 推荐(0) 编辑