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