尚品汇项目总结

最新推荐文章于 2022-10-07 00:41:43 发布
最新推荐文章于 2022-10-07 00:41:43 发布
阅读量952 收藏 5
点赞数 6
文章标签： 网络 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_51396253/article/details/123486692
版权

v-if是真实操作dom节点，尽量不要这样做，v-show需要布尔值使用路由元信息meat自定义配置

每一个组件身上都有路由router

路由传递参数

 路由传参相关问题

 

 对象，布尔值（params），函数三种方式

 多次点击编程式路由出现的问题

 最好的方法是重写push

 对home进行拆分

在mian.js里面注册全局组件

 

 服务器之间并没有跨域问题，游览器之间才有跨域问题

 

 start在请求拦截器，done在响应拦截器

vuex的相关应用

 模块开发（将store大仓库分成小仓库，减小state数据压力）

 但凡是在main.js中的Vue实例中注册的实体，在所有的组件中都会有（this.$.实体名）属性

 

 引入插件lodash

 

 节流时候函数应该用es5写法，不能用箭头函数,可能出现上下文this

可以用event事件对象来得到触发自定义事件的目标

自定义事件都会被系统认为小写

app根组件中的东西只会执行一次

 swiper包必须要引入在需要用的组件，但是样式可以在全局mian.js中引入，配合使用ref时候。ref放在container标签上

 search开发

分页

登录与注册

 

 

m0_51396253
关注
尚品汇项目听课总结
li520_fei的博客
04-01 5776
文章目录第一天1)要求2)脚手架使用3)脚手架下载下来的项目稍微配置一下1:浏览器自动打开2关闭eslint校验工具3 src文件夹的别名的设置4）路由的配置1路由的一个分析2安装路由3创建路由组件【一般放在views|pages文件夹】4配置路由，配置完四个路由组件5)创建非路由组件6)路由的跳转7)底部组件的显示和隐藏8）路由传参第二天1)一个导航问题2)将Home组件的静态组件拆分3)测试接口4)axios二次封装5)完成三级联动6)函数防抖与节流面试题7)优化项目。8)路由的跳转与传参第三天1)搜索
尚硅谷-尚品汇项目开发总结（第四天）
qq_48113035的博客
12-11 991
6：vuex模块化开发 1.为什么要使用vuex？ 答：当项目较大时，组件、数据、接口等都会很多，会导致项目维护不方便，所以采用vuex统一管理共用的数据。 2.vuex的模块化开发。 vuex不仅仅可以用来保存共用的数据，也可以用来模块化开发，将不同组件的数据写到不同的对应文件中来进行保存，使开发条理更加清晰，并且极大的方便后期的维护。 3.使用：在src中新建store文件夹，用来书写vuex相关代码 ...
尚品汇电商项目总结
好好学习天天向上
06-30 6113
项目中提到的知识点需要熟悉，非常大的概率会被问到为什么使用vuex的模块开发 根据不同的业务，将该业务state、mutations、action、getters 的封装在一个js文件中，让多种数据分类更加明确，代码更好维护。 --> 将store大仓库分为一个一个业务(功能) 的小仓库vuex模块化开发的使用 1.在store大仓库的modules配置下挂载小仓库,小仓库都开启了命名空间 2.获取数据的时候写清楚来自哪个小仓库封装的目的进行了哪些封装？ 请求拦截器mockjs 生成随机数据，当前端使用mo
尚品汇前台项目总结
qq_42765776的博客
08-23 6413
自学前端，尚品汇前台项目
尚硅谷-尚品汇项目开发总结（第十三天）
qq_48113035的博客
01-01 611
23：小知识点 23.1 vuex存储数据默认不是持久化的，刷新之后就会消失 23.2 token：当用户登录成功时，服务器会给浏览器返回一个用户的唯一标识（token），本质是一个字符串，当需要用户信息进行展示时，浏览器需要把token作为令牌来获取用户相关数据。 ...
尚硅谷-尚品汇项目开发总结（第一天）
qq_48113035的博客
12-08 1609
项目介绍：此项目是基于vue2的前后台项目 1：vue-cli脚手架初始化项目生成文件的介绍 1.node_modules文件夹：项目依赖文件夹 2.public文件夹：一般放置一些静态资源（如网页图标），在webpack打包时，会原封不动的打包到dist文件夹。 3.src文件夹： 3.1 assets文件夹：一般放置多个组件共用的静态资源，在webpack打包时，会把此静态资源当作一个模块，打包到JS文件中。 ...
尚硅谷-尚品汇项目开发总结（第三天）
qq_48113035的博客
12-10 1246
11
尚硅谷-尚品汇后台管理系统项目开发总结（第一天）
qq_48113035的博客
01-15 3001
1.介绍：本后台管理系统为前端后台管理系统，主要为管理员等提供操作界面。 本项目基于一个后台管理系统项目模板进行二次开发： 源码网站 https://github.com/PanJiaChen/vue-admin-template 2.项目模板结构 1.build文件夹，内部有个index.js文件，是webpack的配置文件。 2.mock文件夹，mock模拟数据的文件夹。开发时是真实接口数据，因此这个文件夹以后可以删除。 3.node_modules文件夹，项目依赖的模块。 4.pub
尚硅谷-尚品汇项目开发总结（第十一天）
qq_48113035的博客
12-24 495
20：vue-router进阶：滚动行为 20.1 介绍：使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 20.2 配置：配置在路由配置文件中，与路由配置信息属性routes平级 export default new VueRouter({ routes, // 路由跳转时，使滚动条在顶部（滚动行为） scrollBehavior(to, from, savedPosition) { ...
尚硅谷-尚品汇项目开发总结（第九天）
qq_48113035的博客
12-20 268
16：
gshop_client:尚品汇前台项目PC
05-29
shop-client 尚品汇前台PC项目 芜湖起飞o(￣▽￣)ブ
尚硅谷-尚品汇项目开发总结（第二天）
qq_48113035的博客
12-09 1003
3：路由的有关总结 3.1 路由组件与非路由组件的区别？ 1.放置的位置不同：路由组件一般放置在pages文件夹中，非路由组件一般放置在components文件夹中。 2.使用的形式不同：路由组件一般需要在router文件夹中注册，非路由组件一般是以标签的形式使用。 3.相同点：路由注册完成以后，不管是路由组件，还是非路由组件，他们身上都有$route和$router属性。$route一...
尚品汇VUE项目实战知识点总结
qq_59079803的博客
04-13 2157
Vue尚硅谷项目 1. 脚手架目录 Public：一般放置静态资源（图片） Src:程序员的代码文件 Assets：文件夹里面的资源会webpack会打包成一个模块放进js文件夹里面 components:一般放置非路由组件（或者项目共用的组件） Pages:放路由组件 App.vue 唯一的根组件 main.js 入口文件【程序最先执行的文件】 babel.config.js:babel配置文件 package.json：看到项目描述、项目依赖、项目运行指令 README.md:项目说明文件 2.sr
尚品汇小结（1-21)
m0_50935193的博客
02-15 434
1.创建项目 项目基于vue2和vuecli4 2.划分目录结构 assets 放静态资源 css和images components 放全局可以公用的组件 pages 放根路径的组件 router 路由器 api 放接口，请求网络和响应 3.创建vue.config.js（起别名） 开始项目 注册组件 components有两个文件，这是页面的header和footer，在app.js里面引入并且注册 让footer在 /login 和 / register 的页面不显
Vue2项目知识点总结-尚品汇
大脑不能为空
07-27 917
Vue项目过程中总结的一些知识点，希望能够帮到大家排雷。
尚品汇电商项目
qq_49133563的博客
10-07 675
尚品汇项目
我的笔记(主要是尚品汇前台项目)
dadajingya的博客
01-05 1765
一、初始化项目 1.vue-cli 脚手架初始化项目、 2.node+ wabpake + 淘宝镜像 3.打开的新建的文件夹，在地址栏输入cmd ,打开小黑窗输入vue create app 初始化项目 二、项目的其他配置 二、项目的其他配置 1、项目运行起来的时候，设置浏览器自动打开（package.js） "scripts": { "serve": "vue-cli-service serve --open", // 设置浏览器自动打开 --open "build": "vue-cl
尚品汇项目笔记
drhrht的博客
03-02 788
尚品汇项目笔记 前端Vue核心 1、vue文件目录分析 2、项目配置 3、组件页面样式 4、清除vue页面默认的样式 5、pages文件夹 6、footer组件显示与隐藏 7、路由传参 8、多次执行相同的push问题 9、定义全局组件 10、代码改变时实现页面自动刷新 11、Home首页其它组件 12、封装axios 13、前端通过代理解决跨域问题 14、请求接口统一封装 15、nprogress进度条插件 16、手动引入vuex 17、async await使用 18、vuex（*****） 19、lo
尚硅谷-尚品汇项目开发总结（第十六天，电商项目完）
qq_48113035的博客
01-05 1809
30：项目打包上线 30.1：运行npm run build，生成dist文件夹 30.2：.map文件：在项目打包后，代码都是经过加密的，如果运行时报错，输出的错误信息无法准确定位是哪里的代码出错，有了map文件之后就可以像未加密的代码一样，准确输出是哪一行出错。 但是项目上线时，已经基本保证没有错误，所以可以将map文件删除，并不会影响运行。也可以在 vue.config.js中配置，打包时不会生成map文件 module.exports = {...
尚品汇项目面经
最新发布
03-13
### 尚品汇项目面试经验 在准备尚品汇项目的面试时，重点在于展示候选人对该电商平台的技术架构、业务逻辑以及实际开发过程中遇到挑战的理解能力。以下是几个关键方面： #### 技术栈的选择与实现 通常情况下，尚品汇作为一个典型的电商网站会采用主流技术栈来构建其前端和后端系统。例如，Vue.js 或 React 可能被用于前端界面设计[^1]；而 Spring Boot 则可能作为后端服务框架支持 RESTful API 的创建。数据库层面可能会涉及 MySQL 进行关系型数据存储，并辅以 Redis 提升缓存性能。 ```java // 示例：Spring Boot 中定义的一个简单商品查询接口 @RestController @RequestMapping("/products") public class ProductController { @Autowired private ProductService productService; @GetMapping("/{id}") public ResponseEntity<Product> getProductById(@PathVariable Long id){ Optional<Product> productOptional = productService.findById(id); return productOptional.map(ResponseEntity::ok).orElseGet(() -> ResponseEntity.notFound().build()); } } ``` #### 数据处理与优化策略 针对大规模并发访问场景下的性能瓶颈问题，可以讨论如何通过分库分表减少单机负载压力。另外，在促销活动期间为了防止流量激增导致服务器崩溃，还可以引入限流算法或者 CDN 加速方案进一步改善用户体验。 #### 安全防护措施 考虑到电子商务平台容易成为黑客攻击目标之一，因此加强网络安全显得尤为重要。这包括但不限于实施 HTTPS 协议保护传输过程中的敏感信息不被窃取篡改；定期更新补丁修复已知漏洞以防恶意软件入侵等手段提高整体安全性水平。 #### 测试方法论 全面覆盖单元测试、集成测试直至最终的压力测试环节对于保障产品质量至关重要。自动化工具链的应用不仅能够加快反馈速度还能有效降低人为错误率从而提升交付效率。 #### 沟通技巧 除了硬技能之外，良好的沟通表达同样不可或缺。应聘者应当清楚阐述自己在整个项目周期内的具体贡献部分——无论是独立完成某项功能模块还是与其他团队成员协作解决问题都值得提及并加以说明。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值