- 博客(7)
- 收藏
- 关注
原创 vue项目中vuex简单应用
代码如下:vue部分 created(){ var res=this.getInfo() console.log(res); }, methods: { ...mapActions(['getInfo']), },store部分首先要想得到数据,相当于赋值给state,那首先想到的是mutations修改state,但是请求的接口都是axios异步,(如果在mutations中写异步,也能够调成功,但是由于是异步的,不能被调试工具追踪到,所有不推荐这
2022-03-02 16:32:58 275
原创 脚手架(vue-cli)环境搭建及其脚手架搭建好的项目的讲解
通过官方脚手架,(命令行的方式)搭建模块化,工程化,自动化开发环境1、查看版本(这是查看脚手架的版本)vue -V 2、如果版本是低于3.X,那么卸载脚手架,安装最新的。npm uninstall vue-cli -g 3、安装(脚手架工具)1) 装脚手架工具的3.x/4.xnpm install -g @vue/cli2)桥接2.X(兼容脚手架2.X)npm install -g @vue/cli-init4、创建项目:使用脚手架搭建项目(文件夹)1)、...
2021-10-20 17:53:51 190
原创 单页面应用与多页面应用区别之浅解
这段时间参加面试,被问到这个问题的时候,有点小蒙,“嗯???vue不是单页面开发吗”。因为阅历不够,让大家见笑了。言归正传,下面是我对这个问题的浅解。抛砖引玉,欢迎各位大佬指正。单页面应用(spa)望文生义,单页面应用只有一个web页面的应用,首次加载所有公共资源且只加载一次,页面跳转,仅刷新局部资源。常用于PC端官网、购物等网站。跳转方式:通过路由跳转完成页面的更换。界面是通过URL来定位的,所以单页面应用从头到尾它的html地址都是不变的,注意哦,是html地址,而不是U...
2021-10-14 10:18:17 442
原创 网页中有大量图片加载缓慢的优化方法
图片懒加载在页面上的未可视区域可以添加一个滚动条事件,判断图片位置与浏览器顶端的距离与页面的距离,如果前者小于后者,优先加载。 如果为幻灯片、相册等,可以使用图片预加载技术,将当前展示图片的前一张和后一张优先下载。 如果图片为Css图片,可以使用CSSsprite(精灵图),SVGsprite(精灵图),Iconfont(字体图标)(精灵图,小图标...)。 如果图片过大,可以使用特殊编码的图片,加载时会先加载一张压缩的特别厉害的缩略图,以此来提高用户体验。 如果图片展示区域小于图片的真实大小,..
2021-09-14 19:48:55 1624
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人