![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
开发过程中的js知识点
阿尔法小菜鸡
阿吧阿吧阿吧阿吧阿吧
展开
-
前端开发笔记
一、浏览器的懒加载方法一: var imgs = document.querySelectorAll('img'); //用来判断bound.top<=clientHeight的函数,返回一个bool值 function isIn(el) { var bound = el.getBoundingClientRect(); var clientHeight = window.innerHeight;转载 2021-09-27 18:27:16 · 187 阅读 · 0 评论 -
js判断设备是手机端还是移动端
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { console.log("phone") } else { console.log("pc") }原创 2021-09-08 10:42:46 · 408 阅读 · 0 评论 -
前段开发遇到的新属性与新方法
解决移动端字体与图片尺寸自动缩放的问题:initial-scale=1.0<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />绝对定位到页面中心:top、left的值与转换配合使用。元素定位,在父盒子内,会被视口拉动,但不会超出父盒子:position:sticky;使元素强制在同行显示:white-space:原创 2021-08-20 20:43:20 · 60 阅读 · 0 评论 -
解决前段开发中遇到的浏览器兼容问题
经过查阅资料与对比。以下两种方法比较实用(两种可结合使用)这里我们不会去关注太多细节问题, 比如哪个css样式需要我们去兼容等,主要从4个方面讨论一下大的解决思路,分别是:浏览器CSS样式初始化、浏览器私有属性,CSS hack语法和自动化插件。1、CSS初始化前端的小伙伴一定遇到过因为默认样式导致的错乱问题,而且每个浏览器的css默认样式不尽相同,所以最简单有效的方式就是对其进行初始化(覆盖默认样式)。相信很多朋友也都写过这样的代码,在所有CSS开始前,先把marin和padding都设为0。{原创 2021-09-07 16:55:00 · 130 阅读 · 0 评论 -
a 标签中的mailto用法(调起本地邮件功能)
1、只填写发送邮件的地址:<a href="mailto:name@email.com">Email</a>2、发送邮件地址和邮件主题的链接:<a href="mailto:haorooms@126.com?subject=The%20subject%20of%20the%20mail">给haorooms发送邮件</a>%20 是浏览器对于空格的编码3、各个参数都有的邮件,代码如下:<a href="mailto:haorooms@126转载 2021-08-26 08:06:17 · 5247 阅读 · 0 评论