- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue禁用浏览器历史记录前进或后退
H5新增了属性/方法/事件：history.state 属性用来保存记录对象； history.pushState() 向浏览器的历史记录中添加一个状态； history.replaceState() 修改当前历史记录实体； popstate事件 -当活动历史记录条目更改时，将触发根据H5新增就可以实现禁用效果：mounted () { // 禁用浏览器返回键 history.pushState(null, null, document.URL); windo...
2022-03-14 22:24:04
556
原创 for in . for of . forEach 区别
之前对三者的区别并不是很明确清晰，所以准备重新温习。看了很多，也总结不少，感觉还是MDN总结的挺好forEach只能用于数组而且forEach不支持break,return,continue.for...of与for...in的区别无论是for...in还是for...of语句都是迭代一些东西。它们之间的主要区别在于它们的迭代方式。这里的迭代其实就循环的意思或者也可以说成枚举for...in 语句以任意顺序迭代对象的可枚举属性。for...of语句遍历可迭代对象定义要迭代的数据.
2022-03-14 22:17:26
284
原创 关键帧动画
今天在写东西，发现许多东西都忘记用法，犯了很多小错误关键帧动画@keyframes jump {3.5% {transform: translateY(-6px) rotateY(-9deg);}9.5% {transform: translateY(5px) rotateY(7deg);}15.5% {transform: translateY(-3px) rotateY(-5deg);}21.5% {-webkit-transform: transla
2022-03-11 17:37:56
959
原创 git 运行 遇到的错误总结
因为之前的git意外删掉了，所以要重新装，结果发现遇到好多问题1. git init #初始化仓库2. git add . #添加所有文件到本地仓库，后面跟文件名就是指定添加指定文件3. git commit -m "first commit" #添加文件描述信息4. git remote add origin https://gitee.com/xx/xx.git #链接远程仓库5. git pull origin master #把本地仓库的链接到远程仓库主分支6. git pu
2022-03-10 19:25:10
180
原创 三种Vuex持久化存储
学习vue之前持久储存有两种:cookieWebStorage {WebStorage提供两种类型的API：localStorage和sessionStoragel}现在又有 ： vuex-persist1.cookie 用法import Cookies from 'js-cookie'num: Cookies.get("num") || 10,2.导入持久化模块import VuexPersistence from 'vuex-persist'创建...
2022-03-09 22:00:50
657
原创 面试题 - 三题
1, axios和ajax和Fetch的区别：axios ：是通过promise实现对ajax技术的一种封装，就像jQuery实现ajax封装一样。 ：客户端支持防御CSRF/XSRF ： axios 基于promise用于浏览器和node.js的http客户端。 ： 在浏览器中创建XMLHttpRequest...
2022-03-07 22:57:14
555
原创 VUE样式穿透问题
一般在使用第三方的组件想要修改样式时，发现直接使用css写出来的样式有时无法将原本第三方默认的样式更改。有<style scoped></style> scoped 的影响 就可以使用样式穿透解决问题。样式穿透用法：第一种 一般不建议使用 用的时候有的属性无法生效.banner >>> .swiper-scrollbar-drag {background: #000;border-radius: none;}...
2022-03-02 16:26:08
737
原创 vue中使用图片的几种方式
1. src直接引用图片路径，注意assets在使用npm build编译会编译此文件。而public文件中的静态文件则直接引用，没有编译。<img src="../assets/logo.png" alt="" />2. 使用导入过的图片资源，导入过后，必须挂载到当前组件上才能在视图中使用。import logo from "../assets/logo.png";export default {data() {return {logo: logo,};
2022-03-01 16:53:51
4699
原创 基础原型链继承
在方法的原型上创建需要的新的方法，在通过new新的构造函数function People(name, age) {this.name = name;this.age = age;}People.prototype.speak = function (msg) {console.log(this.name + " say：" + msg);}// 创建对象var p1 = new People("张三", 28);// Object.create：创建空对象的 &
2022-02-28 22:19:15
98
原创 总结数组支持vue响应式的方法
数组arr: ["a","b", {name: '李四'}]尝试简单修改的方法 总结：// 修改数组长度不支持响应式。// this.arr.length = 3;// 通过索引修改数组项也不支持响应式。// this.arr[0] = 'aa';// this.arr[2]= { name: '张三'};那怎样让数组支持响应式0.// 修改数组中的对象的某个已存在的属性时，是支持响应式。// this.arr[2].name="张三";1.通过数组变异的AP
2022-02-23 19:36:00
311
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人