03 2023 档案

摘要:vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从webpa 阅读全文
posted @ 2023-03-18 18:04 zhoulujun 阅读(445) 评论(0) 推荐(1) 编辑
摘要:面向过程(PO) 面向过程是随着VB一起来到我的世界,那个时候会的非常有限,感觉能把程序写出来自己就非常棒了,VB是做那种可视化界面,在工具栏拖个框框放到面板上,然后就在各个事件上写完整的逻辑,什么封装,抽象,继承一概不懂,就有一种一个方法把实现过程需要的逻辑都罗列了,面向过程分析的是步骤。这样说过 阅读全文
posted @ 2023-03-18 17:59 zhoulujun 阅读(430) 评论(0) 推荐(1) 编辑
摘要:之前写的《webpack性能优化(0):webpack性能优化概况-优化构建速度》、《webpack性能优化(1):分隔/分包/异步加载+组件与路由懒加载》 如果使用vue-cli,默认生成的vendor.js文件会非常大。这个时候需要进行拆包。其实打包输出后,都可以用如下工具瞧瞧包依赖情况。 we 阅读全文
posted @ 2023-03-18 17:52 zhoulujun 阅读(1159) 评论(0) 推荐(0) 编辑
摘要:webpack ensure相信大家都听过。有人称它为异步加载,也有人说做代码切割,那这个家伙到底是用来干嘛的?其实说白了,它就是把js模块给独立导出一个.js文件的,然后使用这个模块的时候,webpack会构造script dom元素,由浏览器发起异步请求这个js文件。 这样解决整个项目打包成同一 阅读全文
posted @ 2023-03-18 17:50 zhoulujun 阅读(553) 评论(0) 推荐(0) 编辑
摘要:webpack本质上是一种事件流的机制,它的工作流程就是将各个插件串联起来,而实现这一切的核心就是Tapable,webpack中最核心的负责编译的Compiler和负责创建bundles的Compilation都是Tapable的实例。 Webpack 可以认为是一种基于事件流的编程范例,内部的工 阅读全文
posted @ 2023-03-18 17:42 zhoulujun 阅读(123) 评论(0) 推荐(0) 编辑
摘要:Tree-shaking 最早由打包工具 Rollup 提出 DCE 作用于模块内(webpack 的 DCE 通过 UglifyJS 完成),而 Tree-shaking 则是在打包的时候通过模块之间的信息打包必须的代码。 Webpack 从 2 开始也支持 Tree-shaking,对于一个模块 阅读全文
posted @ 2023-03-18 17:38 zhoulujun 阅读(93) 评论(0) 推荐(0) 编辑
摘要:热更新,主要就是把前端工程 文件变更,即时编译,然后通知到浏览器端,刷新代码。 服务单与客户端通信方式有:ajax 轮询,EventSource、websockt。 客户端刷新一般分为两种: 整体页面刷新,不保留页面状态,就是简单粗暴,直接window.location.reload()。 基于WD 阅读全文
posted @ 2023-03-18 17:32 zhoulujun 阅读(331) 评论(0) 推荐(0) 编辑
摘要:vue3溢出文本tooltip或title展示解决方案—如何获取文本宽度 Author:zhoulujun Date:2023-03-06 Hits:5 解决文本溢出,鼠标悬浮展示tooltips,要解决2大难题。第一个是解决文本宽度的问题。毕竟 若果text-overflow: ellipsis生 阅读全文
posted @ 2023-03-18 17:21 zhoulujun 阅读(622) 评论(0) 推荐(0) 编辑
摘要:首先,不管采用何种开发模型。软件开发都至少具有以下的周期,包括: 需求获取/分析(系统分析、软件分析) 设计 实现 测试 发布(运行) 维护 既然所有的开发模型都具有相同的开发周期,那不同的开发模型的差别从哪里体现呢?或者说不同的开发模型在指导开发过程中的差异点在哪里? 我理解的差别点主要体现在: 阅读全文
posted @ 2023-03-18 16:49 zhoulujun 阅读(388) 评论(0) 推荐(0) 编辑
摘要:什么是 SDK? SDK 全称 Software Development Kit,广义上的 SDK 是为特定的软件包、软件框架、硬件平台、操作系统等建立应用程序时所使用的开发工具的集合(在 iOS 项目中,SDK 也被称为库)。 SDK 的全称是 Software Development Kit,翻 阅读全文
posted @ 2023-03-18 16:41 zhoulujun 阅读(2343) 评论(0) 推荐(0) 编辑
摘要:插件实践方案 其实插件你就把它当一个组件来用就好。用起来就是异步组件加载。 vue异步组件加载,看官方文档:https://cn.vuejs.org/v2/guide/components-dynamic-async.html react异步组件加载,其实更好办:在Suspense里面 渲染异步组件 阅读全文
posted @ 2023-03-18 16:35 zhoulujun 阅读(184) 评论(0) 推荐(0) 编辑
摘要:前端页面资源如何分享,常见的有iframe,其次是js-sdk。这两类的在地图类工具经常用。微前端是最佳比较火的方式。本篇是他们的对比分析。 下一篇讲 BK-VISION如何在让用户自由选择 iframe/JS-SDK/微前端的模式共享 iframe iframe嵌入是目前使用很广泛的一种嵌入方案, 阅读全文
posted @ 2023-03-18 16:22 zhoulujun 阅读(247) 评论(0) 推荐(0) 编辑
摘要:基础代码的复用往往比较简单,但是业务代码的复用通常是困难的,如果没有特殊的手段去治理项目会逐渐发展为难以维护的巨石应用,按照维基百科记载,代码的复用形式主要有三种,程序库,应用框架,设计模式 程序库 前端业务代码在程序库的体现主要是通过业务组件,稍微大点的团队都有自己的业务组件库,但是我去过的很多团 阅读全文
posted @ 2023-03-18 16:16 zhoulujun 阅读(221) 评论(0) 推荐(0) 编辑
摘要:根据《插件式可扩展架构设计心得》精读扩展版 怎么实现插件化模式 插件模式本质是一种设计思想,并没有一个一成不变或者是万金油的实现。但我们经过长期的代码实践,其实已经可以总结出一套方法论来指导插件体系的实现,并且其中的一些实现细节是存在社区认可度比较高的“最佳实践”的。 插件化架构定义 插件化架构又称 阅读全文
posted @ 2023-03-18 16:11 zhoulujun 阅读(699) 评论(0) 推荐(0) 编辑
摘要:插件化架构可以链接多个子系统,而做到开闭原则。即插件核心和接口不变,系统可以持续接入新插件,来丰富系统的功能。可视化平台各种可视化图表展示功能不一,要想满足给个平台需求,只有走插件化道路 阅读全文
posted @ 2023-03-18 16:03 zhoulujun 阅读(317) 评论(0) 推荐(1) 编辑
摘要:storybook入门手册,手把手教你构建一个项目来尝鲜storybook 阅读全文
posted @ 2023-03-18 15:57 zhoulujun 阅读(161) 评论(0) 推荐(0) 编辑
摘要:storybook添加全局样式比较简单,但是添加全局变量非常麻烦。比如是直接修改webpackFinal: async (config, { configType }) 里面的config 阅读全文
posted @ 2023-03-18 12:42 zhoulujun 阅读(109) 评论(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 阅读(97) 评论(0) 推荐(0) 编辑
摘要:一般安装完,官方默认给配了actions,插件和links插件,本篇文章把story的插件介绍一下。 阅读全文
posted @ 2023-03-18 12:33 zhoulujun 阅读(90) 评论(0) 推荐(0) 编辑
摘要:编写 stories story 用于展示组件某个状态,每个组件可以包含任意多个 story,用来测试组件的各种场景。根据默认配置,只需要在组件的文件夹中,以 **.component.stories.ts 的格式创建即可。 story 语法 基本编写语法很简单,是 export 任意多个 func 阅读全文
posted @ 2023-03-18 12:28 zhoulujun 阅读(90) 评论(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 阅读(158) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示