![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
小蓝Lany
这个作者很懒,什么都没留下…
展开
-
防抖和节流
简介防抖和节流是用在对一些存在大量无意义频繁调用事件问题的一种优化方式,如:浏览器窗口滚动事件鼠标滑动事件输入事件常用在的业务场景页面回滚即时搜索区别防抖和节流是有区别的,如下:防抖:防抖是规定了事件调用后,在某个时间段后事件才执行,如果那个时间段未到之前,如果又调用了事件,则重新开始计时节流:节流是规定了事件调用后,在某个时间段后事件才执行,如果那个时间段未到之前...原创 2020-03-07 17:22:13 · 101 阅读 · 0 评论 -
瀑布流布局的设计和实现
简介瀑布流布局就是把大小不一的图片或者版块在不改变其原比例的同时铺满可视区,它们的宽度是一样的且保持着自己的比例,如花瓣网的布局思路想要实现这样的布局,先说白了,需要两个主要的技术点css的绝对定位布局js的dom操作那怎么实现呢?大体思路是这样的,如下图,外围元素相对定位,之后每一张图片都绝对定位,定位到合适的位置是不是感觉不可思议,那如果有几千张图片,岂不得累死?当然不是...原创 2020-03-06 22:31:01 · 723 阅读 · 1 评论 -
Nuxt项目使用全局变量,函数,混合
当在Nuxt项目使用CSS预处理语言时,很有需要在全局添加变量,函数或者混合,这样子在项目的任何一个地方都可以使用,那怎么做呢?首先下载@nuxtjs/style-resourcesnpm install @nuxtjs/style-resources之后在nuxt.config.js里添加//....... modules: [ '@nuxtjs/style-resources...原创 2020-03-06 16:03:00 · 1200 阅读 · 0 评论 -
微信小程序里的事件机制
一,小程序里的事件机制和网页开发一样,小程序里的事件机制原里上是一样的,都需要先经过捕获阶段,后经过冒泡阶段,即使一个绑定在组件上的事件被触发后需要经过这两个阶段(在以下描述中,默认认为事件为同一类型)1,捕获阶段当绑定在组件上的事件触发时,首先会进入捕获阶段,在这个阶段中会以这个组件向外的最外层组件开始,逐一地向内收缩检测是否有捕获阶段事件的组件,有的话,就会触发;当捕获阶段执行到刚刚那个...原创 2020-03-06 15:08:17 · 430 阅读 · 0 评论 -
JS获取和控制浏览器窗口尺寸
窗口可视区域大小可视区域高宽,不含滚动条document.documentElement.clientWidthdocument.documentElement.clientHeight可视区域高宽,包含滚动条window.innerWidthwindow.innerHeight整个网页文档的高宽由于各种原因,比较稳定的做法是let scrollHeight = Math...原创 2020-03-05 21:34:19 · 484 阅读 · 0 评论 -
JS中获取元素尺寸
offsetParent文档里每个元素其实都可以找到一个“定位祖先元素”,即由里到外往外层第一层符合下面一个特征的,就是“定位祖先元素”CSS 定位(position 为 absolute、relative 或 fixed),<td>、<th>、<table><body>其实CSS的绝对定位也是参考这个“定位祖先元素”的这个元素可以通...原创 2020-03-05 17:57:18 · 503 阅读 · 0 评论 -
浏览器页面生命周期你知道吗?
页面生命周期我们知道,浏览器其实就是扮演着一个从服务器获取资源,并且加载渲染资源的一个角色,在一次用户打开浏览器访问页面,到退出页面离开浏览器的过程,就是浏览器页面的一个生命周期,在这个生命周期可以分为几个重要阶段,都有对应的钩子函数DOMContentLoadedloadbeforeunloadunload简单来讲,这个几个钩子函数,分别对应这下面几个阶段页面的DOM树渲染完...原创 2020-03-04 17:13:20 · 1125 阅读 · 0 评论 -
对比一个Vue组件和一个React组件
Vue和React都是是以组件化的思维来编写页面,那么它们其实本质上有很多共同点,下面将对它们的组件形式进行对比。vue以单文件组件为例子,而react以单文件的类组件为例子原创 2020-02-28 15:40:08 · 552 阅读 · 0 评论 -
阿尔卑斯山JS??AlpineJS入门
简介最近发现了一个好玩的框架,叫做AlpineJS,它是类似于Vue或者React这样的组件化开发框架,但是它更加轻量,下面是它的github地址https://github.com/alpinejs/alpineScrimba上的视频教程https://scrimba.com/g/galpinejs它更适合于在现有的项目里的某个部分应用组件(Vue和React也可以在某个部位适...原创 2020-02-27 20:30:17 · 2997 阅读 · 0 评论 -
对JS里“异步”的理解
异步所谓的异步代码其实就是非现在运行的代码,或者说在将来某个时刻会执行的代码;在JavaScript中,有一部分代码是会在主线程(JavaScript是单线程的,只有主线程)运行时就运行的代码(现在运行的代码),而另外一部分则放到事件循环队列中运行的代码,而这部分代码就是异步代码;而异步代码永远会在现在运行的代码运行之后才有可能被执行。注意:异步也是单线程的,区别只是在单线程上的执行时时间的...原创 2020-02-27 16:55:50 · 863 阅读 · 0 评论