MVVM探索之旅
文章平均质量分 67
积累记录对vue、react、angular的使用,以及易错,易混淆的知识点,包括相关业务架构思想……
我的小英短
Q版前端开发攻城狮
展开
-
使用Proxy和defineProperty分别构建一款MVVM框架
导读这些天呢,作为前端界比较火的一件事情就是,vue 3.0的诞生,vue 3.0除了在用法上有些许变化外,最主要的变化,莫过于数据劫持的方式的改变;vue 3.0使用的是es6的Proxy进行数据拦截的,而2.x的版本呢,则是采用的Object.defineProperty()这样的方式进行对数据的监听,所以呢,今天我们做个实验,什么样的实验呢?我们分别来使用这个Proxy和definePro...原创 2019-10-23 15:27:37 · 405 阅读 · 0 评论 -
Vue中component标签解决项目组件化の思路
一、 啰嗦几句在vue项目组件化的过程中,遇到了一些问题,什么问题呢?就是在做一个多功能,多可用,多兼容的大组件的时候,发现在这个组件内部,实现了太多的if、for逻辑,包括大量的html元素,虽然说每段功能块都有批注,但是体积还是比较庞大,最近有些需求,需要将页面上的一大块筛选功能剥离开,形成单独的组件,统一数据渲染,统一组件管理,且这些功能无论是样式,或者是从结构来说,差异性都很大,所以考...原创 2018-10-19 13:48:40 · 9207 阅读 · 8 评论 -
vue后台管理开发所遇到的问题及解决办法
1. vue项目中使用echarts : 最佳解决方法: https://blog.csdn.net/mr_wuch/article/details/70225364 官方实例: http://echarts.baidu.com/examples/2. element-ui 元素绑定不上click事件: 解决方法:采用 @click.native="log...原创 2018-10-13 20:08:24 · 7437 阅读 · 0 评论 -
Json-server搭建前端虚拟REST API服务
唠唠嗑、为什么要来详细介绍一下json-server呢?因为我们前端开发人员在开发后台管理类项目的过程中打交道最多还是API联调,然后数据渲染页面,或者动态数据绑定。但是有个很矛盾的问题就是,很多时候前后端是一起开发的,有可能后端的进度赶不上前端的进度。一般情况下的解决办法就是在前端应用里面写死数据模拟,在缺少了请求的一个过程后,在更新数据,删除数据等一些页面切换复杂交互的场景下,死数据还...原创 2018-10-12 15:40:48 · 2172 阅读 · 0 评论 -
Redux 信息完善交互
交互需求:完善信息页面后台交互,redux发送更新数据请求,实现异步更新状态树的用户数据,在每次进入完善信息页面时,检测是否已经完成信息补充,如果已完成,直接跳转到状态树上的路由地址,如过没有,就留在当前页面,补充信息成功提交到数据库后才能根据状态树跳转到对应的路由地址。核心代码:(1)点击按钮,执行redux中的update方法:<Button onClick={ v =&...原创 2018-07-25 17:43:13 · 1345 阅读 · 0 评论 -
React高阶组件(表单)应用回顾
1. 首先介绍函数式编程:function hello(){ console.log('大家好,我是harry!')}function getWord(fn){ return function(){ console.log('大家好,我是林宇航'); fn(); console.log('大家好,我是猪猪侠') }...原创 2018-08-05 11:44:54 · 1608 阅读 · 0 评论 -
react+redux+react-router构建移动端面板页(回顾)
1. 移动端面板结构:(1)顶部导航 组件(2)底部tab跳转 组件(3)中部路由页展示 组件2. 初始化导航组件和底部tab跳转链接组件(1)通过指定的json数据结构,初始化导航,底部链接,以及底部tab切换图标交互(2)初始化导航:<NavBar mode=“dark">{navList.find(v=>v.path===pathname)...原创 2018-08-04 14:36:25 · 1394 阅读 · 0 评论 -
Angular-cli的安装使用记录
1. 概述: Angular CLI 是一个命令行接口(Command Line Interface),用于实现前端自动化开发工作流程。输入操作命令后,他会执行下面这些事情: (1)创建一个Angular应用(2)运行一个开发服务器(3)添加功能到现有的Angular应用程序(4)单元测试(5)构建打包前端应用程序 2. 安装 (1)前提:(一般来说...原创 2018-10-01 16:57:04 · 1485 阅读 · 0 评论