1.2.4.1 页面(窗口)加载事件(2种) 第1种:window.onload window.onload 是窗口 (页面)加载事件, 当文档内容完全加载完成 会触发该事件(包括图像、脚本文件、CSS 文件等), 就调用的处理函数。 第2种:DOMContentLoaded ? DOMConten ...
window.onload = function(){ var scrollTop = window.scrollY; var imgs = Array.from(document.querySelectorAll('img')); lazyLoad(); // 采用了节流函数 window.add ...
分类:
Web程序 时间:
2020-01-10 20:19:28
阅读次数:
126
问题背景 在开发好页面后,如何让页面更快更好的运行,是区分一个程序猿技术水平和视野的一个重要指标。所以面试时,面试官总会问你一个问题,如何进行性能优化呢? 性能优化是什么 从前端的角度来说,性能优化可以分为两个方向。从用户角度来看,一个是页面加载的很快,另一个是页面使用起来很流畅。因此,对性能优化的 ...
分类:
其他好文 时间:
2020-01-09 22:44:32
阅读次数:
80
定义一个图片数组,生成一个随机数对应数据索引。 window.onload = choosePic; function choosePic() { var myPix = new Array("images/lion.jpg","images/tiger.jpg","images/bear.jpg" ...
分类:
Web程序 时间:
2020-01-09 19:12:58
阅读次数:
115
1、需要效果 2、vue代码 <Upload multiple ref="uploadContent" :on-success="handleSuccess" :on-error="handleError" :format="['jpg','jpeg','png']" :on-format-erro ...
分类:
Web程序 时间:
2020-01-09 10:23:29
阅读次数:
395
倒计时效果如图: 布局主要用了5个div,主要的js代码如下: <script type="text/javascript"> var s1="2021-1-1,0:0:0"; window.onload=function(){ date(); function zero(i){ return i< ...
分类:
Web程序 时间:
2020-01-06 23:05:14
阅读次数:
215
我们知道,在微信小程序中,从一个页面转到另一个页面,一般情况下可以通过navigate或redirect时候的url来携带参数,然后在目标页面的onLoad函数参数中获取这些url参数。例如: // 源页面A相关代码 wx.navigateTo({ url: "/pages/mypage/mypag ...
分类:
微信 时间:
2020-01-05 13:50:27
阅读次数:
179
onLoad onShow onHide函数的使用 02=== 如何循环列表 使用v for哈 跟vie是一样的哈 ...
分类:
移动开发 时间:
2020-01-05 00:42:57
阅读次数:
769
[TOC] 前端基础之BOM和DOM 前言 window对象 BOM与DOM操作 DOM学习流程 1.如何查找标签 2.如何操作标签 绑定事件的两种方式 1.onload 等待什么什么加载完毕之后再执行 2.直接写在body内最下方( ) 一些常用的Window方法: window的子对象 navi ...
分类:
其他好文 时间:
2020-01-04 20:29:55
阅读次数:
71
小程序注册完成后,加载页面,触发onLoad方法。 页面载入后触发onShow方法,显示页面。 首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次。 当小程序后台运行或跳转到其他页面时,触发onHide方法。 当小程序有后台进入到前台运行或重新进入页面时,触发onSho ...
分类:
微信 时间:
2020-01-03 15:41:15
阅读次数:
129