给 Web 前端工程师看的用 Rust 开发 wasm 组件实战
本文先介绍了 wasm-pack 官方的教程，还有其他组件测试、发布等的流程先不在这里介绍了。以下用一个实际开发中的模块来说一下开发 wasm 组件过程中遇到的问题和解决方法。 ... »
可视化学习：利用向量判断多边形边界
向量运算是计算机图形学的基础，本例依旧是向量的一种应用，利用向量判断多边形边界，但是多边形的边界判断稍微有点复杂，所以除了应用向量之外，还需要借助三角剖分的相关工具。这个例子中可视化的展示采用Canvas2D来实现。 ... »
Taro：高性能小程序的最佳实践
作为一个开放式的跨端跨框架解决方案，Taro 在大量的小程序和 H5 应用中得到了广泛应用。本文将为大家提供一些小程序开发的最佳实践，帮助大家最大程度地提升小程序应用的性能表现。 ... »
前端常用设计模式初探
设计模式一直是程序员谈论的“高端”话题之一，总有一种敬而远之的心态。在了解后才知道在将函数作为一等对象的语言中，有许多需要利用对象多态性的设计模式，比如单例模式、 策略模式等，这些模式的结构与传统面向对象语言的结构大相径庭，实际上已经融入到了语言之中，我们可能经常使用它们，只是不知道它们的名字而已。 ... »
如何使用Tampermonkey开发并使用一个浏览器脚本
准备工作 简介 Tampermonkey 是一款强大的浏览器扩展，它允许您定制网页的行为，改变和优化网页的展示方式或者功能以满足个人需求。通过编写自定义脚本，您可以实现许多有趣的功能，从自动化任务到改进网页界面，一切尽在掌握。 脚本一般指用户脚本(User Script)，他是一段 Javascri ... »
飞码LowCode前端技术之画布的设计
简介 本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。 一、精准定位设计 飞码画布是一个套件，可对外提供画布能力。精准定位有两种情况，一是目标组件无子组件，而是目标组件有子组件。 无子组件：目标组件分为支持与不支持放子组件两种情况。 有子组件：鼠标相对于子组件（目标组件）对角线位 ... »
前端技术探秘-Nodejs的CommonJS规范实现原理
Node.js是一个基于ChromeV8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node中增添了很多内置的模块，提... ... »
Promise规范与原理解析
Promise对象用于清晰的处理异步任务的完成，返回最终的结果值，本次分享主要介绍Promise的基本属性以及Promise内部的基础实现，能够帮我们更明确使用场景、更快速定位问题。 ... »
Vue3设计思想及响应式源码剖析
一、Vue3结构分析 1、Vue2与Vue3的对比 对TypeScript支持不友好（所有属性都放在了this对象上，难以推倒组件的数据类型） 大量的API挂载在Vue对象的原型上，难以实现TreeShaking。 架构层面对跨平台dom渲染开发支持不友好,vue3允许自定义渲染器，扩展能力强。 C ... »
博客园美化教程指引[资料自取
博客园美化教程指引[资料自取] 前言 很久没有打开博客园了，最近打开发现博客园之前发布的可能有些小问题，不知道大家有没有，索性全部重新配置了，所以这是一个新的部署指引以及老版本的修复。 老版本修复 修改一下页脚这一段 替换之前的复制进去即可 footer: { style: 1, text: { l ... »
可视化学习：利用向量计算点到线段的距离并展示
向量运算是计算机图形学的基础，这个例子就是向量的一种应用，是利用向量来计算点到线段的距离，这个例子中可视化的展示采用Canvas2D来实现 ... »
前端升级客户端自动更新
SPA类型应用，前端热发布后，用户端由于浏览器缓存不会重新获取index.html 导致用户没有及时看到最新版本 所以写了一个插件用户协助客户端实时更新 //思路：对比每一个script中的src的地址有无变化 因为打包后的js名称一般为 test.dawe13s5.js 中间8位为哈希值 每次打包 ... »
达达埋点迁移京东子午线实践
使用集团的统一埋点采集能力和埋点平台，完成达达7条业务线共43个站点应用的埋点迁移，降低自研采集工具和平台的研发投入和机器成本，打通数据链路，创造更多的数据分析价值 ... »
CSS选择器
CSS选择器是一种用于选择HTML或XML文档中特定元素的模式。允许你根据元素的标签名、类名、ID、属性等来选择元素，并将样式应用于这些选中的元素 基本选择器 通配配选择器 通配选择器:可以选中所有的HTML元素 通配选择器使用 符号 *,命中页面所有的元素 语法 * { 属性名:属性值; } 通配 ... »
为React Ant-Design Table增加字段设置
最近做的几个项目经常遇到这样的需求，要在表格上增加一个自定义表格字段设置的功能。就是用户可以自己控制那些列需要展示。在几个项目里都实现了一遍，每个项目的需求又都有点儿不一样，迭代了很多版，所以抽时间把这个功能封装了个组件：@silverage/table-custom，将这些差别都集成了进去，方便今... ... »
BI 数据可视化平台建设（2）—筛选器组件升级实践
本文主要介绍了BI数据可视化平台建设中比较核心的筛选器组件， 涉及组件分类、组件库开发等升级实践经验，通过分享一些对交互和业务耦合度高的组件开发迭代的思考，希望可以给正在做组件重构解耦的读者带来启发。 ... »
如何优雅使用 vuex
大纲 本文内容更多的是讲讲使用 vuex 的一些心得想法，所以大概会讲述下面这些点： Q1：我为什么会想使用 vuex 来管理数据状态交互？ Q2：使用 vuex 框架有哪些缺点或者说副作用？ Q3：我是如何在项目里使用 vuex 的？ 初识 vuex 对于 vuex，有人喜欢，有人反感 喜欢的人觉 ... »
飞码LowCode前端技术系列：如何便捷快速验证实现投产及飞码探索
本篇文章从数据中心，事件中心如何协议工作、不依赖环境对vue2.x、vue3.x都可以支持、投产页面问题定位三个方面进行分析。 ... »
用强数据类型保护你的表单数据-基于antd表单的类型约束
接口数据类型与表单提交数据类型，在大多数情况下，大部分属性的类型是相同的，但很少能做到完全统一。我在之前的工作中经常为了方便，直接将接口数据类型复用为表单内数据类型，在遇到属性类型不一致的情况时会使用any强制忽略类型错误。后来经过自省与思考，这种工作模式会引起各种隐藏bug，一定有更好的工程解决方... ... »
脚踏esbuild祥云，胸怀tsx利刃，身披scss羽衣，追寻前端的本质
本文所有内容，纯属个人观点，无意与任何人争论 前端技术的现状 我觉得前端技术发展到现在有两个最主要的特征 前端工具链为前端工程化提供了强有力的支持 这方面主要是webpack、rollup、esbuild等工具产生的价值，当然还有背后的Node.js。 这些工具让前端开发者可以更从容的开发大型前端项 ... »