![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 96
梦尘星月
梦想远大的前端小白
展开
-
移动端适配-rem
1.rem与em的区别说到rem,通常会与em,px这类进行比较。rem主要是根据网页的根元素来设置字体大小,和 em的区别是,em 是根据其父元素的字体大小来设置。对于现在大部分的浏览器来说,例如IE9+,Firefox、Chrome、Opera等,在我们不修改相关的字体配置,都是默认显示 font-size 是 16px 即html { font-size:16px;}那么在我们想要通过rem设置内部一些标签的值时,就要通过你想要设置的像素值来除以根元素的像素值。比如我们想设置一个p标原创 2020-10-10 12:42:57 · 99 阅读 · 0 评论 -
对于下拉菜单实现的方法
1. 通过H5中的select标签进行制作可以通过value属性获取下拉菜单的选项,并利用style.display样式隐藏或显示需要的div。代码如下:<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</tit原创 2020-09-29 20:13:26 · 330 阅读 · 0 评论 -
canvas实现漂亮的下雨效果
说明:本篇文章采自于腾讯云FEWY的文章个人觉得文章十分不错,细节也很到位,代码也很好了解,很适合学习。所以转载于此,希望自己以后能够得到很好的借鉴,方便寻找。如果有侵权,请联系本人进行删除。这篇文章说如何用canvas画出漂亮的下雨效果,先看看最后实现的效果吧。效果图解释看图来分析下,我们需要实现哪些效果。1、雨滴下落效果,移动鼠标控制下落方向2、雨滴下落散成小水珠,小水珠的移动方向和鼠标移动方向相同3、雨滴下落到鼠标坐标一定范围内,散成小水珠,同样的,小水珠的移动方向也和鼠标移动方向转载 2020-09-29 19:27:44 · 1028 阅读 · 1 评论 -
reflow(回流)和repaint(重绘)
概括:在浏览器的渲染过程中(页面初始化,用户行为改变界面样式,动画改变界面样式等)reflow(回流)和repaint(重绘) 会大大影响web性能,尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。1. 页面的渲染具体过程(原文链接:[http://www.cnblogs.com/Peng2014/p/4687218.html])说到reflow和repaint就不得不提到页面的渲染过程:(1).用户输入网址(假设是个 HTML 页面,第一次访问,无缓存情况),浏览器向原创 2020-09-28 08:23:11 · 116 阅读 · 0 评论 -
mouseover和mouseenter的区别
以前对于mouseover和mouseenter有过接触,但未纠结于其中的具体细节,直到使用,才懂得其中的细节之处。例1<script type = "text/javascript" src = "https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script type = "text/javascript"> x=0; y=0; $(document).ready(funct转载 2020-09-25 09:47:25 · 198 阅读 · 0 评论