前端
长安start
这个作者很懒,什么都没留下…
展开
-
js bom
js bom顶级对象windowwindow对象的常见事件页面(窗口)加载事件(2种)调整窗口大小事件定时器(两种)setTimeout() 炸弹定时器停止定时器setInterval() 闹钟定时器开启定时器停止定时器this指向问题location对象navigator对象history对象BOM 比 DOM 更大,它包含 DOM。顶级对象windowwindow对象的常见事件页面(窗口)加载事件(2种)调整窗口大小事件定时器(两种)setTimeout() 炸弹定时器停止定时原创 2021-07-17 20:21:31 · 87 阅读 · 0 评论 -
js执行机制
js执行机制JS执行机制(事件循环)js 是一门单线程语言,就是同一时间只能做一件事。因为他为网页而生,比如dom操作,只能先创建,再删除。意味着前一个任务完成,才能进行下一个任务,这会带来阻塞。为解决这个问题,为解决这个问题,h5允许可以创建多个线程,但子线程受主线程控制。于是,js出现了同步和异步任务。同步 一个时间只能处理一件事,按先后顺序执行异步 一个时间同时处理多件事。JS中所有任务可以分成两种,一种是同步任务(synchronous),另一种是异步任务(asynchronous)。原创 2021-07-18 08:47:24 · 102 阅读 · 0 评论 -
js 动画要使用的调整元素
js 动画要使用的调整元素1.1.2 offset 与 style 区别offsetstyle元素可视区 client 系列元素滚动 scroll 系列页面被卷去的头部注意页面滚动的距离通过 window.pageXOffset 获得offset 属性主要用于dom元素的动画效果场景可以 动态 的得到该元素的位置(偏移)、大小等获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位1.1.2 offset 与 style 区别offse原创 2021-07-18 10:35:58 · 129 阅读 · 0 评论 -
v-show v-if
v-show小结:1、v-show仅仅控制元素的显示方式,通过display属性的none2、当我们需要经常切换某个元素的显示/隐藏时,使用v-show会更加节省性能上的开销v-if小结:1、v-if会控制这个DOM节点的存在与否。2、如果在运行时条件很少改变,则使用 v-if 较好。...原创 2020-03-27 23:09:50 · 48 阅读 · 0 评论 -
小程序生命周期(onLaunch、onShow、onHide、onReady、onLoad、onUnloa)
(1)onlaunch:当小程序初始化完成时,会触发 onLaunch(全局只触发一次)(app.js);(2)onLoad: 页面加载小程序注册完成后,加载页面,触发onLoad方法。一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数(页面js)。(3)onShow: 页面显示页面载入后触发onShow方法,显示页面。每次打开页面都会调用一次(比如当...原创 2020-03-28 18:17:46 · 2566 阅读 · 0 评论 -
Vuex- Action的 { commit }
Vuex- Action的 { commit }Vuex 中 使用 Action 处理异步请求时,常规写法如下:getMenuAction:(context) =>{ context.commit('SET_MENU_LIST',['承保2','核保2']) } }我们也可以使用如下简化写法,如下:actions:{ ...原创 2020-03-30 19:46:21 · 498 阅读 · 0 评论 -
promise
promisepromise是一个对象,对象和函数的区别就是对象可以保存状态,函数不可以(闭包除外)并未剥夺函数return的能力,因此无需层层传递callback,进行回调获取数据代码风格,容易理解,便于维护多个异步等待合并便于解决promise详解new Promise( function (resolve, reject) { // 一段耗时的异步操作 res...原创 2020-03-30 21:10:38 · 48 阅读 · 0 评论 -
vue原理
vue 的过程先明白钩子函数的作用利用钩子导出内部数据或状态给外部调用者看,可以使编程者不用关注组件是如何启动和执行的,只需要关注需要的事件点上即可。此处有封装的作用。回调函数先摆在那,有了触发事件后,调用的函数...原创 2020-04-02 09:52:05 · 59 阅读 · 0 评论 -
let const var区别
let 块级作用域,变量;const 区级作用域,常量;var 无作用域,全局,变量。原创 2020-04-06 11:53:35 · 245 阅读 · 0 评论 -
扩展运算符 三个点(...)
含义:扩展运算符( spread )是三个点(…)。将一个数组转为用逗号分隔的参数序列。操作数组: //里面放自己定义的方法 methods: { /** * 把数组中的元素孤立起来 */ iClick() { let iArray = ['1', '2', '3']; console.log(...原创 2020-04-11 11:28:04 · 668 阅读 · 0 评论 -
vuex的用途
vuex的用途就是多个页面共用同一组数据原创 2020-04-20 20:08:16 · 137 阅读 · 0 评论 -
音乐播放停止
音乐播放停止<html> <body> <audio src="music.mp3" controls="controls" style="display: none" id="music_bg" ></audio> <div id="button_music" onclick="toggleSound()" style="原创 2021-07-06 01:15:23 · 190 阅读 · 0 评论 -
css笔记
css笔记选择器 选择html标签字体属性文本属性样式表emment语法css 简写复合选择器链接伪类选择器显示模式块元素 如 div行内元素行内块元素 img input td元素显示模式转化元素背景三大特性页面布局 核心 盒子模型 浮动 定位浮动 float布局 先结构,后样式元素显示与隐藏新增选择器HTML——主要做结构,显示元素内容。CSS——美化html元素,布局页面给什么元素添加样式 {修改成什么样式}<style> <p> {原创 2021-07-06 17:48:12 · 95 阅读 · 0 评论 -
jquery
原创 2021-07-06 23:42:37 · 63 阅读 · 0 评论 -
旋转图片-前端
旋转图片 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <原创 2021-07-06 17:31:33 · 97 阅读 · 0 评论