Vue项目中问题
computer中传参数的话需要使用闭包的方式
filter中无法访问this,使用filter的前提是有个现成的变量
数字千分位处理并保留两位小数nums.toFixed(2).replace(/(\d)(?=(\d{3}+.)/g,'$1')
splice(index,1)返回的数据是被删除的那个数据或者数组 —– 会改变原数组
try/catch 只能捕获同步函数的异常,包括 async/await
Vue项目中报错Already include file name 'xxxx' differs from files name...,解决办法是:去掉后面.vue后缀名既可
页面刷新之后,会重新加载Vue实例,store里面的值会被重新赋值,这样会造成页面刷新只会Vuex中数据丢失的问题,解决办法是:利用Web存储(cookie\localStorage\sessionStorage)
每一个页面都是一个组件,路由跳转的时候组件就会被销毁和重新建立,跳转会经历一个完整的生命周期
babel 又名通天塔,它的作用是ES6、ES7转成ES5
CSS中的行内元素水平居中直接在父元素中t ...
常用跨域
前端访问服务器的时候数据因为跨域无法直接得到服务端和服务端之间的通信是不存在跨域的,都是同源前后端不分离的时候就是同源,前端和后端代码在同一个电脑上
JSONP
script
img
link
iframe
它们不受同源策略的影响
它们通过script标签的src,src指向服务器的api地址,因为不受同源的影响,因此可以访问带数据,之后把本地浏览器端的一个函数func作为回调函数传递给服务器。服务器收到请求,同时也可以拿到传过来的函数之后服务器做两件事
服务端准备数据data
给客户端返回数据(利用传过来的函数进行包装data数据=>func('JSON.stringify(data)+')。客户端收到响应,发现数据格式就是自己全局函数func,于是对函数fun进行调用,执行JSON.parse得到data
特点
JSONP需要服务端的支持
func必须为全局函数
服务端需要利用func进行数据包装
只支持get请求(限制了我平时在开发中,基本用不到它!!!)
CORS跨域资源共享
C端发送axios/ajax请求并做一些基本的配置
S端设置响应头的相关信 ...
C-S数据基本过程
一次http请求至少进行两次的数据转换,发送请求的时候一次,获取响应数据的时候一次
顺序
层名
格式
1
应用层
数据
2
传输层
数据+源端口+目标端口
3
网络层
数据+源端口+目标端口+源IP+目标IP
4
链路层
转换成数字信息进行传输
从客户端 1->2->3->4从服务端 4->3->2->1
闭包
JS的函数内部可以访问全局变量,但是在函数的外部是不可以读取内部的局部变量闭包其实就是提供一个方式来读取函数内部的变量
简要说明
单纯的觉得闭包是拿到函数内部的变量是不对的,以下这种方式也可以拿到,但它不是闭包
// 外部可以拿到a,但不是闭包
(function f1(){
let a = 10
(function f2(){
alert(a)
}())
})()
function f3(){
let a =100
return a
}
f3()//101
f3()//101 此时函数f3已经被垃圾回收了,再次调用就是重新开始创建变量等一系列的过程
闭包真正的原因是局部变量无法长久保存,全局变量又容易污染环境,希望可以找到一种既可以长久保存又不会造成全局污染的方法,这就是闭包的机制。所以看似代码复杂化,其实大有来头。
function f1(){
let a = 100
function f2(){
a++
console.log(a)
}
return ...
VsCode中使用git
在VsCode中使用Git提交的过程
先确定提交的分支,”+”是提交到暂缓区,相当于git add .
“√”是将暂缓区的代码提交到本地代码仓库,相当于git commit -m ""
提交到github远程仓库之前,应该先”拉取”远程仓库,用来和本地的仓库做同步,如果有冲突,VsCode会自动跳出冲突,编辑解决完冲突之后,再进行下一步
最后一步”推送”,本地仓库的代码同步到github远程仓库
Bom知识总结
好记性不如烂笔头!
1.BOM: Browser Object Model什么是: 专门操作浏览器窗口的API没有标准, 导致浏览器兼容性问题包括:windowhistorylocationnavigatordomeventscreen
2.window:属性: .innerWidth, .innerHeight 浏览器窗口中,文档显示区的宽和高方法: .open() .close() .open(“url”,”name”)
三种:
CODE
1.在当前窗口打开,可后退: .open("url","_self")
2.在新窗口打开,可打开多个: .open("url","_blank")
3.在新窗口打开,只能打开一个:
.open("url","自定义窗口名")
3.history: 保存当前窗口打开后,成功访问过的url的历史记录栈在当前窗口中,每访问一个新url,都会将新url压入historyAPI: history.go(n)
3种:
CODE
前进: history.go(1)
后退: history.go(-1)
刷新: history.go(0)
4. ...
Css知识总结
前端知识点总结——CSS好记性不如烂笔头!
1.CSS的概述1.什么是CSS?
CODE
CSS:Cascading Style Sheets层叠样式表,级联样式表(简称:样式表)
2.作用
CODE
设置HTML网页元素的样式
3.HTML与CSS的关系
CODE
HTML:负责内容的展示
CSS:负责内容(元素)的修饰
4.HTML与CSS之间的使用原则
CODE
W3C建议尽量使用CSS属性去取代HTML属性来修饰元素
2.CSS语法规范1.使用CSS样式的方式(重点)
CODE
1.内联样式
又称为行内样式
特点:将CSS样式定义在HTML开始标记中
语法:
<ANY style="样式声明1;样式声明2"></ANY>
样式声明:
1.由样式属性和值来组成
2.属性名与值之间用 冒号 连接
3.多个样式声明之间用 分号 分割
常用的CSS样式属性 和 值:
1.设置文本颜色的属性和值
属性:color
值:合法的颜色值(英文) ...