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