![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端知识
强啊啊强
这个作者很懒,什么都没留下…
展开
-
SPA和SFC
2.局部刷新,用户每次访问别的功能,实际上是我们做的路由的跳转,而不是让用户访问一个全新的页面,这样不会让用户有较长的等待时间。3.前后端分离式的开发,前端程序员只需要关心页面上的功能,逻辑以及和后端的交互,后端也可以更专心的完成自己的业务。1.每个页面都是一个组件,将三个巨大的层(html,css,js)分成了很多个小组件和模块去完成,就像搭积木一样,大化小。1.因为是单页面,所以对于SEO的搜索不够友好,不像多页面应用,每个页面都能被搜索引擎抓取到。(😀)单页面应用对应的是多页面应用,SPA的优点有,原创 2024-03-01 09:21:19 · 373 阅读 · 0 评论 -
vue-cli和vue3的项目创建命令
vue-cli是vue2+webpack创建的,这里因为vue官方直接把webpack和vue配合了,所以我们使用vue-cli的时候实际上是用的是vue官方的方式创建vue2的项目,所以命令是。这个命令并不单单是创建vue项目的,是可以选择的,所以实际上是创建一个vite项目,然后我们自己选择配置。而我们用的vite的时候,我们还是得用npm的vite包,所以命令是。原创 2024-02-25 12:55:28 · 399 阅读 · 0 评论 -
http状态码
100:服务器的临时响应,告诉浏览器,可以正常发送101:服务器告诉浏览器,协议该升级啦,http1.1->http2.0。原创 2024-02-22 15:15:47 · 402 阅读 · 0 评论 -
js中对象的属性要注意的点以及在vue中watch对象的属性的方法
然后对象的深度拷贝可以通过自己手写递归来实现,也可以通过JSON.parse(JSON.stringify(obj))来实现。obj.a或者obj['a'],中括号还可以写成。obj[name]和obj['a']是一个意思。然后在vue的watch要监听对象的属性,写法是。取对象值有两种方式,原创 2024-02-20 19:41:34 · 475 阅读 · 0 评论 -
构造函数,原型,实例,类的关系整理
如视频所说,构造函数的prototype指向原型,实例化的对象的__proto__指向原型,原型通过constructor指向构造函数,正如class里面的constructor方法就相当于Person构造函数一样,而我们在class中写在constructor之外的方法则是被默认放到了原型上面即相当于原本的Person.prototype.fn,这样实例化的对象都能访问到。在调试时,[[prototype]]就相当于。其中的constructor里面仍然是用this来声明实例的属性或者方法的,如。原创 2024-02-20 19:27:09 · 1291 阅读 · 0 评论 -
vue2中vuex的各项的各种调用方式,部分对比vue3的pinia
..mapMutations('模块名',['mutations方法1','mutations方法2']),...mapActions('模块名',['actions方法名1','actions方法名2'])...mapGetters('模块名',['getters属性1','getters属性2'])...mapState('模块名',['state属性1','state属性2']),上面这两个都是属性,所以不需要加()去调用,后面的才需要()调用,然后调用方式是一样的。这样的方式来关联大仓库和模块。原创 2024-02-19 15:24:57 · 439 阅读 · 0 评论 -
前端技巧之svg精灵图svg-sprite-loader
老师没提到上面的部分,然后这里还有我没注意到的细节就是,或许因为这个东西属于是webpack上的,所以在vue.config.js文件中并没有引入这个文件而是直接添加配置项即可。上面的框的意思是不要用默认的svg的方式来解析,下面的框意思是按照我们设置的svg-sprite-loader来将这些图片转成雪碧图。当然,我们想看到效果,可以通过检查浏览器的代码,找到。然后这里要说明的是这个插件是webpack上面的,所以在vue2中比较好用,如果在vue3中,可能解决方案就不是这个插件了。这是老师的图的细节。原创 2024-02-18 21:36:12 · 814 阅读 · 0 评论 -
对象原型和原型对象
在浏览器中显示的[[Prototype]]实际上就是__proto__,是对象原型,可以被实例访问。原创 2024-01-31 20:01:10 · 355 阅读 · 0 评论