前端

js事件队列

什么是js事件队列? 队列:通俗讲就是排队 事件队列:就是多个事件在排队 那么js中事件队列就是在js执行过程中,有一个以上的事件需要执行 setTime(function () { console.log(1); },0); for (var i = 0; i < 100000; i++){ console.log(2) } 上述代码是前端开发中经常会遇到的 代码中有两个函数方法,也就j

3种前端文件下载的方式

前端下载有两类,一类是直接让浏览器接管的(点击a链接触发),另一类是先在内存里下载好(blob),然后调用浏览器的保存。 1.window.open 我最初使用的方法就是这个,只要提供了文件的服务器地址,使用window.open也就是在新窗口打开,这时浏览器会自动执行下载。 2.a标签 其实window.open和a标签是一样的,只是a标签是要用户点击触发,而window.open可以主动触发

哪些标签存在伪元素,伪类和伪元素的区别

存在伪元素的标签: 1、大部分容器标签(大部分双标签)都有伪元素 iframe没有伪元素 2、大部分单标签都没有伪元素,但是img有伪元素 伪元素简介: 1、伪元素既然带一个“元素”,说明它和 p ,a ,h1 等一样,可以包裹住页面的一部分内容并对其中的内容施加一定的影响。我们可以通过样式表给其书写样式 2、伪元素既然还带一个“伪”,说明它其实在 DOM 树中并不存在,只是逻辑上存在所以我们抽象

Vue模板里有哪些语法

在这里,我们说模板就是特指表示HTML结构的字符串,英文来说就是 template 一、展示内容 1、表达式 {{ object.a }} // 表达式 {{ n+1 }} // 可以写任何运算 {{ fn(n) }} // 可以调用函数 (一般在methods里面找到函数且调用) 如果值为 undefined 或 null 就不显示,这是经过Vue处理的 另一种写法为 <div v-

JavaScript JSON

前言 JSON 英文全称 JavaScript Object Notation,JSON 是一种轻量级的数据交换格式。JSON是独立的语言 ,易于理解。 JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。 作用 JSON 是用于存储和传输数据的格式。 JSON 通常用于服务端向网页传递数据 。 JSON语法规则 数据为 键/值 对 数据由逗号分隔,最后一个不加逗号

Navigator.sendBeacon-页面关闭也能发送请求

背景 最近在需求中有一个这样的场景:需要在页面关闭的时候,用户不需要操作,主动关闭当前订单 当时考虑的方案:在页面关闭的时候,向后端发送一个请求,将这个资源释放掉; 定下方案时,觉得也不是什么难事,觉得谷歌浏览器应该会提供页面关闭的 API 供开发者使用。 经过查找,找到了这么两个 API :beforeunload 和 unload beforeunload 当浏览器窗口关闭或者刷新时,会触

设计模式之观察者模式

1. 观察者模式 观察者模式(Observer Pattern) 观察者模式又叫作发布-订阅(Publish/Subscribe)模式、模型-视图(Model/View)模式、源-监听器(Source/Listener)模式或从属者(Dependent)模式 一对多的依赖关系,一个主题对象可被多个观察者对象同时监听,每当主题对象状态变化时,所有依赖它的对象都会得到通知并被自动更新 观察者模式

Vue.use() 注册插件(个人笔记)

Vue.use是什么? 官方对 Vue.use() 方法的说明:通过全局方法 Vue.use() 使用插件,Vue.use 会自动阻止多次注册相同插件,它需要在你调用 new Vue() 启动应用之前完成,Vue.use() 方法至少传入一个参数,该参数类型必须是 Object 或 Function,如果是 Object 那么这个 Object 需要定义一个 install 方法,如果是 Fu

26、关于父元素高度塌陷和块级格式化环境BFC

BFC块级格式化环境 bfc是css中的一个隐含的属性,可以为该元素开启一个独立的布局区域 ,它包含着一定的规则 元素开启bfc的特点: (1)不会被浮动元素覆盖 (2)子元素和父元素的margin不会重叠 (3)可以包含浮动的子元素 一些特殊方式: 设置元素浮动;float:left;(不推荐) 设置行内块元素(不推荐) overflow设置为非visible 这里有详细的介绍: (1

react state 状态数据

props 和 state props 特点是只读,即修改不会让视图同步更新,想要更新必须再次调用 render() 渲染函数 state 特点是可读可写,在使用 this.setState({属性名: 属性值}) 修改时会同步更新视图 state 创建和使用 state 必须在类组件的 constructor 内部,通过 this.state = {属性名:属性值} 定义 state 渲染数据