前端
文章平均质量分 72
HTML5、VUE、小程序等前端技术分享
集成显卡
上穷碧落下黄泉 两处茫茫皆相见
展开
-
快来用 Rspack/Rsbuild + pnpm 构建你的 monorepo 全栈项目
我现在做新项目,喜欢前后端都用 JavaScript,代码都放在一个目录下(monorepo 代码管理模式),并使用 pnpm 管理😄。构建工具也从 webpack、vite 切换到 rspack/rsbuild原创 2024-09-12 20:00:00 · 439 阅读 · 0 评论 -
什么?!新版 Node.js V22.5 自带 SQLite 模块啦
2024年7月,版本发布,自带了 SQLite 模块,意味着开发者可以直接在程序中使用 SQLite 数据库,而无需引入第三方库👍。话不多说,感觉来体验一波✈。原创 2024-09-03 16:41:52 · 630 阅读 · 1 评论 -
小而美的前端库推荐
小而美,指的是“小即是美”的事物,这是马云在 2009年 APEC 中小企业峰会上首次提出的观点 👍。前端有很多小而美的库,接入成本很低又能满足日常开发需求 🎉。原创 2024-05-27 20:51:43 · 267 阅读 · 0 评论 -
windows 下 Bun 1.1 版本沉浸式实践体验
4月1号(愚人节),Bun/包子发布1.1 版本,宣布支持 windows 平台👍。接下来,我将用实际项目以及程序对比下原创 2024-04-09 11:37:36 · 1840 阅读 · 8 评论 -
Spring Boot 集成 WebSocket 实例 | 前端持续打印远程日志文件更新内容(模拟 tail 命令)
这个是我在 CSDN 的第一百篇原则博文,留念😎。原创 2024-03-14 18:58:16 · 978 阅读 · 3 评论 -
格子表单GRID-FORM | 嵌套子表单与自定义脚本交互
GRID-FORM 0.1.x 版本发布,支持子表单、图片原创 2024-01-26 20:57:08 · 1897 阅读 · 0 评论 -
前端 JS 实现图片元素转 BASE64 编码
前端实现图片转 BASE64 的通用方法,支持缩放、灰度处理原创 2023-10-26 11:16:19 · 1031 阅读 · 0 评论 -
JAVA+Node/JavaScript 前后端通讯 RSA 加解密实现
实际项目中,前后端或跨语言加密通讯的场景十分常见。这里以Java和Node.js(兼容)两种开发语言为例,实现 RSA 加解密通讯。原创 2023-10-18 23:04:40 · 1533 阅读 · 0 评论 -
教你怎么在电脑端下载西瓜视频源文件
这时计算机专业出身的我,就派上用场了。原创 2023-10-14 19:18:33 · 5847 阅读 · 4 评论 -
Node.js 新特性 SEA/单文件可执行应用尝鲜
SEA 是 Node.js 新版本的特性,最初在 v19.7.0、v18.16.0 加入,并在 v20.x 得到扩展。上个月发布的竞品 Bun.js,就自带了 SEA 功能🙃原创 2023-10-12 12:33:11 · 2812 阅读 · 2 评论 -
Web 客户端数据库 IndexedDB 速览及应用
IndexedDB 是一种底层 API,用于在客户端存储大量的结构化数据(也包括文件/二进制大型对象,如该 API 使用索引实现对数据的高性能搜索。如果您的应用需要支持 IE 浏览器,抱歉,用不了 IndexedDB 😔。原创 2023-10-10 18:31:56 · 1434 阅读 · 1 评论 -
MARKDOWN 文档图片编码嵌入方案
识别 markdown 文本内图片标签,以 BASE64 编码嵌入,方便客户端单次请求即可渲染最终页面原创 2023-10-08 23:38:50 · 1597 阅读 · 0 评论 -
RestTemplate 请求转发异常 ERR_CONTENT_DECODING_FAILED 200 (OK)
在基于 Spring Boot 的项目中实现了请求转发(RestTemplate)的功能,忽然在前端报net::ERR_CONTENT_DECODING_FAILED 200 (OK) 的错误原创 2023-08-10 13:19:54 · 2755 阅读 · 0 评论 -
Electron 系统通知 Notification 实践指南
系统通知是桌面应用的常见功能,用于给用户发送提醒(刷下存在感 🙂),还能帮定点击事件以便后续的操作。原创 2023-07-26 19:00:23 · 4572 阅读 · 7 评论 -
小程序实战:微信小程序开发基础(胎儿体重测算工具实例)
概述何为小程序官方定义:小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。简单来说就是附属于微信下的一款程序(类似于微软 Windows 跟运行在该系统之上的各类软件的关系),借助于微信庞大而活跃的用户群它能够迅速传播,这是重点。小程序主要用JavaScript/TypeScript等Web技术开发,跟H5移动端网站非常相似,不过小程序具有读写本地文件的能力,还有微信提供的一系列功能(这让我想起在Electron平台开发跨平台原创 2020-12-15 23:21:37 · 9674 阅读 · 1 评论 -
小程序实战三:本地数据存储及阿里云OSS备份(个人密码本示例)
功能描述本次目标是制作一个密码记录工具,为保证私密性,数据保存在本地并通过直传方式备份到阿里云 OSS(需要用户开启自动备份并填写 AccessKeyID、AccessKeySecret)代码详见:个人密码本用户编辑密码信息,包含类型(生活类、工作类、其他)、网站名称、登录名、密码(便于记忆的提示性文字)小程序将数据保存到 Storage(默认明文,若设置了查看密码,则通过AES加密,此后需要用户输入密码才能查看)若启用自动备份则将数据上传到阿里云 OSS工具运行流程图如下:相关知原创 2021-01-16 00:57:06 · 7900 阅读 · 0 评论 -
小程序实战:云函数开发及本地调试(意见反馈实例)
序本次实例开发意见反馈模块,功能非常简单,用户填写意见保存到云数据库同时可查看历史数据。云开发/云函数开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。云函数是云开发其中一项基础能力,在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码。原创 2020-12-23 13:39:24 · 9283 阅读 · 0 评论 -
热门 UI 组件库离线文档制作教程(iView、Arco Design、Naive UI)
概述前端 UI 组件库层出不穷,版本更新又是你追我赶,查看官方文档网站是前端工程师日常行为,如果开发机无法连接互联网就会非常不方便(CTRL+C / CTRL+V 已然不香 ????)。为了能够在内网查询 UI 组件库文档,我将自己平时常用的库制作成离线版,配合 nginx 进行访问。目录结构如下:/www|---- /docs/|----|---- /iview|----|---- /arco-design# 用户通过 http://IP/docs/iview、http://IP/do原创 2022-01-12 19:15:09 · 9465 阅读 · 11 评论 -
内网 monorepo 配置指南(PNPM、YARN、Rush.js)
Monorepo 是一种项目代码管理方式,指单个仓库中管理多个项目,有助于简化代码共享、版本控制、构建和部署等方面的复杂性,并提供更好的可重用性和协作性。Monorepo 提倡了开放、透明、共享的组织文化,这种方法已经被很多大型公司广泛使用,如 Google、Facebook 和 Microsoft 等。原创 2023-05-18 18:30:08 · 2458 阅读 · 3 评论 -
WEBPACK、VITE 常用配置(对照)及迁移指南
webpack 是新一代构建工具里面的老大哥了,从 2013 年发布已经持续升级 10 年,形成完备的生态环境。vite 则是下一代前端开发与构建工具,2019年发布,最新发布版本 4.3.3(截至 23年4月底),性能能继续提升👍原创 2023-05-15 21:37:43 · 3164 阅读 · 0 评论 -
NPM离线安装全局包
NPM离线安装全局包原创 2023-03-29 18:05:45 · 7039 阅读 · 0 评论 -
WEB跨平台桌面程序构建工具对比(Electron、Tauri、Wails)
WEB 跨平台 桌面应用程序 顾名思义就是用 JavaScript、HTML、CSS 等前端技术构建跨平台的桌面应用,WEB 负责 GUI 渲染并与后端(如 Node.js、Python、Rust 等)交互,从而突破自身无法操作 OS 层级资源的限制。其实现在如火如荼的`小程序`原理也类似,只是把后端换成宿主 APP (如微信、支付宝、飞书、钉钉等)。原创 2022-11-10 12:16:39 · 25845 阅读 · 7 评论 -
聊聊前端鉴权方案
前端鉴权主要分权限(角色/授权信息)获取、权限判断这两块,简单来说就是拿到规则跟应用规则原创 2022-11-07 12:09:14 · 7737 阅读 · 0 评论 -
DWZ下ajax后台交互后的分页刷新
之前做的几个项目,用上了DWZ这个UI框架作为管理后台的界面,觉得还是不错的。个人觉得有点遗憾的是这个框架的整体感觉不够企业化,缺少稳重的感觉。在开发过程中,碰到了一些问题,这里跟大家分享一下。DWZ版本:DWZ RIA 1.3 Final说明:因为之前做过一些自定义,是直接将 dwz.min.js 改成 dwz.newgxu.js ,这样做对整个框架修改过大,原创 2013-05-01 01:56:38 · 24621 阅读 · 4 评论 -
说说开源中国社区的愚人节
今天是愚人节,上开源中国的首页http://www.oschina.net/,发现页面转到了起来:哈哈,的确是被雷了一下。不过这个实现需要css3的支持,所以ie9以下的ie是看不到的。我们来看看这个功能的js:/** * A little trick in April Fools Day * 2013-03-30 21:46 by Bluishoul原创 2013-04-01 17:15:16 · 8467 阅读 · 3 评论 -
Actionscript3 文件上传组件制作
现在网站开发中,使用flash作为上传工具已经很普遍了。他的优势也是不言而喻的。其中我最钟意的一点就是可以看到上传进度。前段时间,用as3写了个swf跟页面元素交互上传文件到服务器。先来个效果图看看。Html页面上部署swf: 然后是js设置:/*获取swf*/function原创 2012-08-14 13:44:20 · 9300 阅读 · 1 评论 -
网页拼图游戏(Jquery)
之前看了一个页面中将图片分割的效果,感觉不错,有些好奇他是怎么实现的。 跟搭档说了一下,大概明白。其实就是利用 overflow=hidden ,margin-left, margin-top 这三个属性的配合,让人感觉图片被一个个格子地分开了。 刚刚写了个 Jquery的小插件,处理了整个的图片分格化,用户只要指定一个图片就可以自动生成格子图片,还自动生成“打乱”,“复原”,原创 2012-02-27 20:35:28 · 9965 阅读 · 1 评论