前端
文章平均质量分 61
自律并放纵者
这个作者很懒,什么都没留下…
展开
-
JS性能优化之创建文档碎片(document.createDocumentFragment)
讲这个方法之前,我们应该先了解下插入节点时浏览器会做什么。在浏览器中,我们一旦把节点添加到document.body(或者其他节点)中,页面就会更新并反映出这个变化,对于少量的更新,一条条循环插入也会运行很好,也是我们常用的方法。代码如下:for(var i=0;i<5;i++){ var op = document.createElement("span"); var oText = document.createTextNode(i); op.appen转载 2021-02-09 18:56:04 · 264 阅读 · 0 评论 -
微信小程序获取用户信息
为了提高用户对小程序安全的可信度,一般要在用户的操作下获取用户信息,而不是在用户刚一进入小程序小程序就自动获取了用户信息获取前的简洁页面获取后的简洁界面"获取用户信息"按钮(有open-type="getUserInfo"属性)点击会弹出一个窗口,询问用户允许还是拒绝获取用户信息,并通过给按钮绑定事件(bindgetuserinfo=“haddleGetUserInfo”)获取用户是否允许,若允许,则进行wx.getUserInfo()获取用户信息,将获取的新的信息更(setData)换掉data原创 2021-01-14 17:06:59 · 860 阅读 · 0 评论 -
jQuery无缝轮播,左右按钮滑入显示滑出隐藏
案例:html 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="index.css"> <link rel="st原创 2020-11-14 14:39:55 · 299 阅读 · 0 评论 -
javascript实现搜索筛选功能
案例样式即功能HTML代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="index.css"> <title>原创 2020-11-11 17:24:25 · 3121 阅读 · 7 评论 -
弹性布局(display:flex;)属性详解
参考:https://www.cnblogs.com/hellocd/p/10443237.htmlFlexbox 是 flexible box 的简称(注:意思是“灵活的盒子容器”),是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它之所以被称为 Flexbox ,是因为它能够扩展和收缩 flex 容器内的元素,以最大限度地填充可用空间。与以前布局方式(如 table 布局和浮动元素内嵌块元素)相比,Flexbox 是一个更强大的方式:转载 2020-11-02 20:59:24 · 4547 阅读 · 0 评论 -
正则表达式语法(配例题:让100000000变成100.000.000)
var str="100000000";var reg="/(?=(\B)(\d{3})+$)/g";console.log(str.replace(reg,"."));正则表达式语法:+: 代表前面的字符必须至少出现一次(1次或多次)。*:代表前面的字符可以不出现,也可以出现一次或者多次(0次、或1次、或多次)。?:代表前面的字符最多只可以出现一次(0次、或1次);或指明一个非贪婪限定符。要匹配 ? 字符,请使用 ?。* 和 + 限定符都是贪婪的,因为它们会尽可能多的匹配文字,只有在它们的后原创 2020-11-02 20:04:28 · 635 阅读 · 0 评论 -
搞清clientHeight、offsetHeight、scrollHeight、scrollTop
网页可见区域高:document.body.clientHeight网页正文全文高:document.body.scrollHeight网页可见区域高(包括边线的高):document.body.offsetHeight网页被卷去的高:document.body.scrollTop1.clientHeight和offsetHeight属性和元素的滚动、位置没有关系它代表元素的高度,其中:clientHeight:包括padding但不包括border、水平滚动条、margin的元素的高度。对于行内转载 2020-10-24 16:19:01 · 172 阅读 · 0 评论 -
鼠标事件中clientX、offsetX、screenX、pageX、x的区别
鼠标事件中clientX、offsetX、screenX、pageX、x的区别:一、clientX、clientY点击位置距离当前body可视区域的x,y坐标(所在的窗口)二、pageX、pageY对于整个页面来说,包括了被卷去的body部分的长度三、screenX、screenY点击位置距离当前电脑屏幕的x,y坐标四、offsetX、offsetY相对于带有定位的父盒子的x,y坐标五、x、y和screenX、screenY一样如图:...原创 2020-10-24 13:20:00 · 477 阅读 · 0 评论