一、谈谈你对MVVM的理解?
2025年06月10日
在做Vue管理系统的时候,都会遇到的一个需求:每个用户的权限是不一样的,那么他可以访问的页面(路由),可以操作的菜单选项是不一样的,如果由后端控制,我们前端需要去实现动态路由,动态渲染侧边菜单栏。
2025年06月10日
《实战录》导语
本期分享人为云端卫士运营平台工程师张雨,将带来React + Redux 前端项目实践分享。
一、为什么选择React
首先,React是用来解决一个大型应用的数据变更问题。如果你的应用足够简单,比如数据不变更,那么用React的确没有必要,因为你还要浪费时间去生成虚拟DOM,而且不需要考虑状态的变化。
其次,React能自动处理数据变更后的UI。这样的话,代码就很少会直接处理DOM,那代码绝大多数都会处理数据的变更。这样会很大程度上简化代码。
2025年06月10日
目录
2025年06月10日
路由钩子的执行流程,钩子函数种类有:全局守卫、路由守卫、组件守卫。
2025年06月10日
前端路由 前端路由是后来发展到SPA(单页应用)时才出现的概念。 SPA 就是一个WEB项目只有一个 HTML 页面,一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转。 前端路由在SPA项目中是必不可少的,页面的跳转、刷新都与路由有关,通过不同的url显示相应的页面。 优点:前后端的彻底分离,不刷新页面,用户体验较好,页面持久性较好。 后端路由 当在地址栏切换不同的url时,都会向服务器发送一个请求,服务器接收并响应这个请求,在服务端拼接好html文件返回给页面来展示。 优点:减轻了前端的压力,html都由后端拼接; 缺点:依赖于网络,网速慢,用户体验很差,项目比较庞大时,服务器端压力较大, 不能在地址栏输入指定的url访问相应的模块,前后端不分离。 路由模式 前端路由实现起来其实很简单,本质是监听 URL 的变化,然后匹配路由规则,在不刷新的情况下显示相应的页面。 hash模式(对应HashHistory)
2025年06月10日
router:路由
页面跳转的核心库;
引入路由:import VueRouter from 'vue-router';
注册路由:const router = new VueRouter({
})
2025年06月10日
一、起因
ES6新纳入了很多振奋人心的新特性,真的很让人忍不住去尝试一下。不过,由于现在大部分的浏览器对ES6的支持程度都不是很好。所以如果想要放心地使用一些新特性,还需要用一些工具,将ES6或者ES7的代码转为ES5的代码。今天,就配置了一下环境,写了一个react-router,主要是练习自己的编程能力,哈哈。。。在此分享一下!
二、ES6环境搭建
搭建环境的工具有很多种,jspm,webpack,gulp等等。。。我主要是采用gulp+babel+browserify来搭建的。具体步骤如下(以下步骤均在node环境下进行):