前端
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 渲染数据