Vuex原理及简单实现
VuexVuex集中式存储管理应⽤的所有组件的状态,并以相应的规则保证状态以可预测的⽅式发⽣变化。 Vuex知识点回顾 核心概念 state 状态、数据 getters 派生状态 mutations 更改状态的函数 actions 异步操作 store 包含以上概念的容器 state 保 ...
Read more
Vue Router原理及简单实现
Vue RouterVue Router 是 Vue.js 官⽅的路由管理器 Vue Router知识点回顾 核⼼步骤: 步骤⼀:使⽤vue-router插件,router.js 12import Router from 'vue-router'Vue.use(Router) ...
Read more
Vue两个版本:runtime-compiler和 runtime-only 的区别
参考vue文档链接: https://cn.vuejs.org/v2/guide/installation.html#%E5%BC%80%E5%8F%91%E7%89%88%E6%9C%AC runtime-Compiler 和 runtime-only在main.js文件的区别12345678 ...
Read more
大屏可视化项目实践
前言大数据时代,大屏数据展示的需求日益增加,很多政府单位或企业会使用数据大屏进行报表展示、业务监控等。因此,出于学习和实践的目的,完成了一个简单的大屏可视化项目。 效果展示线上地址 源码链接 技术栈React、ReactRouter、Echarts 实现过程该项目的实现主要是解决了以下问题: 如何 ...
Read more
VueCli3使用 Vue-Test-Utils + Karma / Chrome进行单元测试
在vue2造UI轮子的项目中,因为parcel编译样式时速度有点慢,因此将其迁移到了vue-cli3,同时使用Vue-Test-Utils结合Karma对单元测试框架进行了升级。 Vue-Test-UtilsVue Test Utils 是 Vue.js 官方的单元测试实用工具库。 官方文档 首先尝 ...
Read more
Vue小技巧之属性、事件传递:v-bind="$props",v-bind="$attrs",v-on="$listeners"
前言今天接手了另一位同事的代码改一个需求时,发现这个需求涉及到的组件层层嵌套,props也得层层传递,如图所示: 从A组件传递的props需要分别传递到第二第三层组件中使用。如果我改这个需求得添加一个属性,就意味着我需要在ABCDE…这几个组件调用的地方分别加上这个属性。想想就非常不优雅:不仅费时 ...
Read more
node学习记录(2)-文件模块-制作一个使用命令行操作的todo list
源码链接:https://github.com/wuyangqin/node-todo-list 使用node的fs文件模块实现了一个简单的用命令行操作的todo list 技术细节 使用node.js fs模块实现文件读写 使用commander.js编写命令行命令 使用inquirer.js ...
Read more
node学习记录(1)-node初识
Node 简介node.js 不是什么 不是web后端框架 不是编程语言 node.js是什么 将多种技术组合起来 让JavaScript也能调用系统接口、开发后端应用 用到了哪些技术 V8引擎 libuv C/C++实现的 c-ares(实现DNS 域名的解析),http-parser(解析h ...
Read more
Vue3学习笔记
亮点 Performance(比Vue2 runtime快了两倍) Tree shaking (按需编译代码) Ts support Composition API(组合API) Custom Renderer API(自定义渲染器) 数据响应 Vue3.0 之前的对象数据响应式的原理是 Obje ...
Read more
Vue3造轮子总结 - 基于Vite + Vue3 + TypeScript实现的简单UI框架
前言历时将近一个月的时间,Vue3造轮子的项目暂时完结,果然不断实践不断踩坑才是巩固新知识的最好方法,对Vue3算是有了一个整体的把握。把官网部署上线之后成就感也是满满的哈哈哈。所以先对这个项目进行一个整体的回顾~ 技术细节 使用Vue3 + TypeScript 开发组件,基本运用了Vue3的新特 ...
Read more