摘要：
根据《插件式可扩展架构设计心得》精读扩展版 怎么实现插件化模式 插件模式本质是一种设计思想，并没有一个一成不变或者是万金油的实现。但我们经过长期的代码实践，其实已经可以总结出一套方法论来指导插件体系的实现，并且其中的一些实现细节是存在社区认可度比较高的“最佳实践”的。 插件化架构定义 插件化架构又称
阅读全文
posted @ 2023-03-18 16:11
zhoulujun
阅读(883)
推荐(0)
摘要：
插件化架构可以链接多个子系统，而做到开闭原则。即插件核心和接口不变，系统可以持续接入新插件，来丰富系统的功能。可视化平台各种可视化图表展示功能不一，要想满足给个平台需求，只有走插件化道路
阅读全文
posted @ 2023-03-18 16:03
zhoulujun
阅读(540)
推荐(1)
摘要：
storybook入门手册，手把手教你构建一个项目来尝鲜storybook
阅读全文
posted @ 2023-03-18 15:57
zhoulujun
阅读(232)
推荐(0)
摘要：
storybook添加全局样式比较简单，但是添加全局变量非常麻烦。比如是直接修改webpackFinal: async (config, { configType }) 里面的config
阅读全文
posted @ 2023-03-18 12:42
zhoulujun
阅读(150)
推荐(0)
摘要：
首先我们查看官方文档：https://storybook.js.org/docs/vue/writing-docs/doc-block-argstable#customizing 官方的例子么有看到v-model如何处理，数组、对象等复杂属性定义。 这里一个是props的定义，一个是Controls
阅读全文
posted @ 2023-03-18 12:36
zhoulujun
阅读(143)
推荐(0)
摘要：
一般安装完，官方默认给配了actions,插件和links插件，本篇文章把story的插件介绍一下。
阅读全文
posted @ 2023-03-18 12:33
zhoulujun
阅读(127)
推荐(0)
摘要：
编写 stories story 用于展示组件某个状态，每个组件可以包含任意多个 story，用来测试组件的各种场景。根据默认配置，只需要在组件的文件夹中，以 **.component.stories.ts 的格式创建即可。 story 语法 基本编写语法很简单，是 export 任意多个 func
阅读全文
posted @ 2023-03-18 12:28
zhoulujun
阅读(136)
推荐(0)
摘要：
首先看下MDN：https://developer.mozilla.org/en-US/docs/Web/API/Element/closest 在jQuery时代，这个非常常见 $( document ).bind("click", function( e ) { $( e.target ).cl
阅读全文
posted @ 2023-03-18 12:22
zhoulujun
阅读(228)
推荐(0)
摘要：
在写 《vue2升级vue3：TypeScript下vuex-module-decorators/vuex-class to vuex4.x》，建议新项目使用 Pinia，但是我的项目部分组件希望直接打包出去给地方使用。这个时候还是会遇到vue2 是否打包出vuex的 问题。所以，干脆舍弃 vuex
阅读全文
posted @ 2023-01-25 23:06
zhoulujun
阅读(537)
推荐(0)
摘要：
在vue2中，我们进程看到 this.$el 操作。但是在vue3 如何获取组件的当前 dom 元素呢? 可以利用 getCurrentInstance getCurrentInstance Vue3.x中的核心方法：getCurrentInstance，用于 获取当前组件的实例、上下文来操作rou
阅读全文
posted @ 2023-01-25 22:10
zhoulujun
阅读(1115)
推荐(0)
摘要：
给新手的vue3/TS/TSX入门资料，本篇文章是个索引，通过这些资料可以快速入坑vue3/TS/TSX
阅读全文
posted @ 2023-01-25 22:02
zhoulujun
阅读(899)
推荐(0)
摘要：
此文为数据可视化vue-grid-layout拖曳布局实践总结，在实现过程中的一些避坑点
阅读全文
posted @ 2023-01-25 18:33
zhoulujun
阅读(685)
推荐(0)
摘要：
v-for 中的 Ref 数组在tsx如何获取？this $refs gridlayout $children[index]; 在tsx 实现的解决方案
阅读全文
posted @ 2022-07-30 23:13
zhoulujun
阅读(265)
推荐(0)
摘要：
像我这种react门徒被迫迁移到vue的，用管了TSX，地vue 单文件组件也不太感冒，但是vue3 单文件组件，造了蛮多api ，还不得去了解下 https://v3.cn.vuejs.org/api/sfc-script-setup.html#单文件组件-script-setup defineP
阅读全文
posted @ 2022-07-25 23:46
zhoulujun
阅读(995)
推荐(0)
摘要：
provide inject 类似于消息的订阅和发布。provide 提供或发送数据， inject 接收数据。provide inject，两个只能在 setup 期间调用，添加响应性，使用 ref 或 reactive 。如果给变量加上 readonly 属性
阅读全文
posted @ 2022-07-25 23:42
zhoulujun
阅读(626)
推荐(0)
摘要：
h 函数本质就是 createElement() ，h函数其实是createVNode的语法糖，返回的就是一个Js普通对象。在createVNode API 在创建Vnode的时候，会对Vnode的props、children、ref、class、style等属性进行规范梳理或者合并。
阅读全文
posted @ 2022-07-25 23:34
zhoulujun
阅读(5011)
推荐(0)
摘要：
如果你vue2的代码不是使用类组件（大部分应该都是vue-class-component vue-tsx-support ，官方停摆了，再次diss vue），而是使用@vue composition-api，那么用上Vue Demi 吧。
阅读全文
posted @ 2022-07-25 23:27
zhoulujun
阅读(1612)
推荐(1)
摘要：
vue，还是选择vue-use好点。VueUse 是一个基于 Composition API 的实用函数集, 与 Composition API 的配合相得益彰。可以省下很多事。
阅读全文
posted @ 2022-07-25 23:18
zhoulujun
阅读(375)
推荐(0)
摘要：
vue2带缓存的路由重构为 vue3 + tsx，keep-alive 不生效，而且警告
阅读全文
posted @ 2022-07-25 23:12
zhoulujun
阅读(858)
推荐(0)
摘要：
vue2 x挂载全局是使用Vue prototype $xxxx=xxx的形式来挂载，在vue3 x这种方法显然是不行了，vue3中在setup里面我们都获取不到this，官方提供了globalProperties
阅读全文
posted @ 2022-07-25 23:07
zhoulujun
阅读(664)
推荐(0)
摘要：
vue3 composition api 监听路由变化：onBeforeRouteUpdate、router.afterEach、 watch( () => route.params,()=>{})
阅读全文
posted @ 2022-07-25 23:00
zhoulujun
阅读(924)
推荐(0)
摘要：
github只能保存开源项目，私有项目要收费。公司的git不想上传个人项目，比如我的博客： https: www zhoulujun cn 、https: www zhouluju
阅读全文
posted @ 2022-07-12 09:52
zhoulujun
阅读(498)
推荐(0)
摘要：
防止将存在潜在问题的代码带到线上环境，最好的办法是在本地提交代码时就能够扫描出潜在的错误，并强制将其修改后才能提交，这样就不会将问题代码携带到线上，就能保证线上代码至少不会存在低级的程序错误。
阅读全文
posted @ 2022-07-12 09:45
zhoulujun
阅读(1458)
推荐(1)
摘要：
ack无疑是现在使用最多的构建工具，但也是踩着grunt gulp fis上位的。新一代诸侯中rollup parcel esbuild，简要概括下他们的优缺点。
阅读全文
posted @ 2022-06-25 18:38
zhoulujun
阅读(764)
推荐(1)
摘要：
（Digital Rights Management）通过对数字内容进行加密和附件使用规则，对数字内容进行保护。提供了widevine、fairPlay、playReady等国际通用的保护机制。
阅读全文
posted @ 2022-06-25 17:05
zhoulujun
阅读(393)
推荐(0)
摘要：
AbortController是一个DOM API。MDN上对它的介绍是 AbortController接口表示一个控制器对象。AbortController可以用在fetch和addEventListener，分别用来废弃请求和废弃监听器。这是一个
阅读全文
posted @ 2022-06-25 16:50
zhoulujun
阅读(989)
推荐(0)
摘要：
HTML常用转义字符对照表：最常用的字符实体 Character Entities、ISO 8859-1 (Latin-1)字符集、数学和希腊字母标志、重要的国际标记、JavaScript转义符、富文本通用转义字符、HTML特殊转义字符对照表
阅读全文
posted @ 2022-06-25 16:41
zhoulujun
阅读(1160)
推荐(0)
摘要：
虽然vite 很香，但是vite rollup 动态加载，多页面 等问题比较难搞。webpack vue3需要升级的npm 包有：vue-loader vue-template-compiler "
阅读全文
posted @ 2022-06-21 20:51
zhoulujun
阅读(771)
推荐(0)
摘要：
vue2 动态组件加载，this $createElement非常好使！return this $createElement(chartPanel, {props:{}})，但是到vue3如何操作呢？
阅读全文
posted @ 2022-06-21 20:46
zhoulujun
阅读(696)
推荐(0)
摘要：
the Class API proposal is being dropped。之前class components组件升级vue3，还是用composite api重头再来^
阅读全文
posted @ 2022-06-21 20:41
zhoulujun
阅读(324)
推荐(0)
摘要：
因为vue2 下 vue-property-decorator + vue-tsx-support +vuex-module-decorators/vuex-class ，class components 用的爽的也是不要不要的 但是，现在是vue3的天下了，搭配vuex4，ts也是原生支持，从vu
阅读全文
posted @ 2022-06-21 20:35
zhoulujun
阅读(246)
推荐(0)
摘要：
Vue3 removed $on, $off and $once methods from the instance completely $emit is still a part of the existing API as it s used to trigger event handlers declaratively attached by a parent component
阅读全文
posted @ 2022-06-21 20:26
zhoulujun
阅读(748)
推荐(0)
摘要：
使用 ts 的情况下，挂载完全局变量后，在 vue 文件中，通过 this 对象 出来不来提示的。
阅读全文
posted @ 2022-06-21 20:22
zhoulujun
阅读(581)
推荐(0)
摘要：
项目从vue2 升级vue3，VueI18n需要做适当的调整。主要是Vue I18n v8 x 到Vue I18n v9 or later 的变化，其中初始化：具体可以参看
阅读全文
posted @ 2022-06-21 20:18
zhoulujun
阅读(836)
推荐(1)
摘要：
Vue3（其实从2 6开始）中引入了一个新的指令v-slot，用来表示具名插槽和默认插槽，可以在slot容器上使用v-slot来表示一个传入组件的插槽，通过指令参数来表示插槽的名称。 vue template中的slot插槽如何在JSX中实现呢？
阅读全文
posted @ 2022-06-21 19:56
zhoulujun
阅读(2459)
推荐(0)
摘要：
vue2与vuex都无法无缝融入TS生态，所以需要vuex-class、vuex-module-decorators等库做对接
阅读全文
posted @ 2022-03-27 19:40
zhoulujun
阅读(193)
推荐(0)
摘要：
KCP是一个快速可靠协议，能以比 TCP浪费10%-20%的带宽的代价，换取平均延迟降低 30%-40%，且最大延迟降低三倍的传输效果。TCP为了实现网络通信的可靠性，使用了复杂的拥塞控制算法，建立了繁琐的握手过程以及重传策略。
阅读全文
posted @ 2022-03-27 18:34
zhoulujun
阅读(3553)
推荐(0)
摘要：
关于光、颜色、色彩，分享的ppt初稿。上帝说：“要有光！”于是，就有了光。上帝把光和暗分开，把光称为白昼，把暗称为黑夜。夜晚过去后,清晨接着来临，这是第一天。
阅读全文
posted @ 2022-03-27 11:11
zhoulujun
阅读(575)
推荐(0)
摘要：
instanceof操作符的内部实现机制和隐式原型、显式原型有直接的关系。instanceof 的作用是判断一个对象是不是一个函数的实例。instanceof运算符的实质：用来检测 constructor prototype是否存在于参数 object的原型链上。
阅读全文
posted @ 2021-08-29 19:21
zhoulujun
阅读(142)
推荐(0)
摘要：
代数中，闭包满足集合在某个运算或某些运算的搜集下是封闭的。计算机科学中，闭包是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在，即使已经离开了它的创建环境。函数式编程语言的基础是lambda演算
阅读全文
posted @ 2021-08-24 22:04
zhoulujun
阅读(259)
推荐(0)
浙公网安备 33010602011771号