前端笔记
前端笔记
_血手人屠_
随手写一笔
展开
-
created、mounted使用上的区别
mounted是组件的最后一步,含义是已经载入到页面了,生命周期在编译完成的HTML挂载至页面后,created指的是Vue实例创建,两个差别是el是否被$el替换,mounted中编译完成的HTML已经指向el属性所指的虚拟dom,一般是把ajax请求,数据初始化操作都放在mounted里面。...原创 2018-07-30 17:54:07 · 2260 阅读 · 0 评论 -
promise微任务的执行
var promise = new Promise(function(resolve, reject) { console.log('start'); resolve();});promise.then(function() { console.log('end');});for(var i=0;i<100;i++) { console.log(i...原创 2018-10-16 15:46:27 · 241 阅读 · 1 评论 -
js判断数组、对象为空或者不存在
【代码】js判断数组、对象为空或者不存在。原创 2018-08-27 10:59:18 · 3328 阅读 · 1 评论 -
ios输入框聚焦问题
众所周知,ios下的网页有个特性——不允许JS自动获取input输入框的焦点并调出虚拟键盘,归根结底是聚焦事件的触发源头必须是用户,所以我们不管怎么模拟click再focus都是无效的。这儿记录一下为什么用户点击了页面的按钮,input.focus()仍然无效,demo如下<template> <div id="app"> <input type...原创 2020-01-06 16:13:08 · 2311 阅读 · 1 评论 -
window、document添加事件addEventListener
事件捕获,从dom结构上到下,window.addEventListener先于document.addEventListener被捕获事件冒泡,从dom结构底层向上传递,document.addEventListener先于window.addEventListener被触发在addEventListener第三个参数处可指定事件是否在捕获或冒泡阶段执行。element.addEv...原创 2018-08-01 18:12:06 · 11517 阅读 · 0 评论 -
js局部变量
1、保持局部变量不被回收function fn() { var n = 999; nAdd = function() { n+=1 } return function() { return n }}var result = fn();console.log(result()) // 999nAdd();console.log(result()) // 1...原创 2018-08-03 14:26:08 · 166 阅读 · 1 评论 -
数组深度克隆
1、[].concat(arr)2、let arr = []let arr2 = JSON.parse(JSON.stringify(arr))3、let arr = [1, 2]let arr2 = [...arr]原创 2018-09-19 16:19:12 · 1743 阅读 · 0 评论 -
ios滚动穿透问题的两个解决方案
1、当触摸元素有-webkit-overflow-scrolling样式时,若触摸元素有滚动条,则不会发生滚动穿透,若触摸元素无滚动条,则touchmove事件依然会穿透至视图下层带有-webkit-overflow-scrolling的元素上。一般弹框是这种情况,这也是需要主要处理情况,而且这并不是由事件穿透造成的bug,所以阻止事件传播并没有用。2、当触摸元素无-webkit-overfl...原创 2020-04-11 16:49:17 · 2916 阅读 · 0 评论 -
js == 和 ===
// true var o = {} console.log('1' == true) console.log(1 == true) console.log(0 == false) console.log('' == false) console.log(null == o.property) // false cons...原创 2018-08-03 11:04:46 · 1140 阅读 · 1 评论 -
css div浮动后,兄弟节点的文档元素会环绕浮动的div
<div> <div style="float: left;width: 50px;height: 50px;background: red;"></div> <div style="width: 100px;height: 100px;background: yellow;"> <p>text</p&g...原创 2019-04-24 17:04:47 · 597 阅读 · 0 评论 -
js中的短路运算
let res = {}// 有且仅有每一项都存在时才有值,且值取最后一项console.log(res && res.data && res.data.msg)// 第一项有时取第一项,第一项无、第二项有时取第二项...console.log(res.data || res.msg || res.message)// exampleconsole...原创 2019-04-19 15:18:38 · 377 阅读 · 1 评论