摘要: 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 一.webpack和vite的区别 1.构建速度不同 Webpack: Webpack的构建速度相对较慢,尤其在大型项目中,因为它需要分析整个依赖图,进行多次文件扫描和转译。 Vite: Vite以开发模式下的极速构建著称。它利用ES模块的特性 阅读全文
posted @ 2024-09-18 17:17 林恒 阅读(2266) 评论(1) 推荐(0)
摘要: 一、什么是双向绑定 我们先从单向绑定切入单向绑定非常简单,就是把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新双向绑定就很容易联想到了,在单向绑定的基础上,用户更新了View,Model的数据也自动被更新了,这种情况就是双向绑定举个栗子 当用户填写表 阅读全文
posted @ 2024-04-29 18:03 林恒 阅读(379) 评论(0) 推荐(2)
摘要: 一.引言 在当前的移动开发生态中,跨平台框架如uni-app因其高效、灵活的特点受到了开发者们的青睐。同时,随着物联网技术的飞速发展,智能打印设备已成为许多业务场景中不可或缺的一环。今天,我们就来探讨如何使用uni-app轻松对接驰腾品牌的智能打印机,实现无线打印功能。无论您是初学者还是有经验的开发 阅读全文
posted @ 2024-03-21 12:20 林恒 阅读(1701) 评论(0) 推荐(0)
摘要: 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 人脸核身功能有多种接入方式,其中包含微信H5、微信小程序、APP、独立H5、PC端、API接入6种方式。 ​ 我们的产品是使用uni-app来开发,所以第一时间考虑使用H5方式接入,但是通过与官方技术人员对接后得知,uni-app是有原生 阅读全文
posted @ 2024-01-30 18:08 林恒 阅读(604) 评论(0) 推荐(1)
摘要: 这里给大家分享我在实际生活中总结出来的一些知识,希望对大家有所帮助 一.SDK引入 这里提供两套引入流程,一套是vue2.0及其他h5项目,一套是vue3.0的引入流程 不懂的也可以看我之前的一篇详细流程 记录--微信调用jssdk全流程详解 1.js引入 直接在你的页面里引入js文件就行 <scr 阅读全文
posted @ 2023-09-21 18:02 林恒 阅读(1391) 评论(0) 推荐(0)
摘要: 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 本文用一个简单的 demo 讲解 App端 半屏连续扫码 的实现方式,包括(条形码、二维码等各种各样的码)。 我会从实现思路讲起,如果你比较急可以直接跳到 动手实现 章节获取代码。 开发和运行环境 开发工具:HBuilderX 前端框架: 阅读全文
posted @ 2023-02-03 16:32 林恒 阅读(1442) 评论(0) 推荐(0)
摘要: 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 微信调用jssdk全流程详解 系统框架使用的是前后端分离,前端使用vant,后端是springboot 一、网页授权的时序图 二、公众号配置 1. 绑定域名 登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。也就 阅读全文
posted @ 2023-01-06 16:18 林恒 阅读(4071) 评论(0) 推荐(0)
摘要: 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 不想看繁琐步骤的,可以直接去github下载项目,如果可以顺便来个star哈哈 本项目使用vue-cli创建,但不影响使用,主要绘制都已封装成类 1、使用geoJson绘制3d地图 1.1 创建场景相关 // 创建webGL渲染器 thi 阅读全文
posted @ 2022-12-20 17:40 林恒 阅读(2503) 评论(0) 推荐(0)
摘要: 这篇文章,分享下我对openlayers的一些经验和理解,会夹杂大量搜索出来得文档,是我正式使用时可以实现的,废话不多说,我们从下载开始 一,openlayers安装且初始化地图 创建vue项目就省略了,OpenLayers通过NPM 安装 npm install ol -S Vue页面 OpenL 阅读全文
posted @ 2021-11-19 10:30 林恒 阅读(1676) 评论(0) 推荐(1)
摘要: Vue项目中使用 前面两篇介绍过TypeScript基础和较深入的东西,本章介绍如何在Vue项目中使用。 项目创建 创建项目直接使用Vue-cli创建 下面是步骤: 1.运行vuecli, 2.选择合适的目录创建项目 3.输入项目名并,选择包管理器,输入git仓库初始化内容 4.设置预设,如果你之前 阅读全文
posted @ 2021-10-02 16:42 林恒 阅读(747) 评论(0) 推荐(0)
摘要: 这里给大家分享我最近学习到的8个有用的js小技巧,废话不多说,我们上代码 1. 确保数组值 使用 grid ,需要重新创建原始数据,并且每行的列长度可能不匹配, 为了确保不匹配行之间的长度相等,可以使用Array.fill方法 let array = Array(5).fill(''); conso 阅读全文
posted @ 2021-08-29 20:27 林恒 阅读(459) 评论(0) 推荐(1)
摘要: 这是我写的学习RageFrame的第二篇,这一篇给大家分享下我是如何创建路由,导入外部js,css文件的,这里写下我的全部流程,希望对大家有所帮助。 话不多说,直接开始,在上一章中,我们已经把项目实例化到本地了(查看点击这里),但是我发现,用户名和密码是随机出来了,难记,这里给大家先分享如何修改默认 阅读全文
posted @ 2021-07-19 14:43 林恒 阅读(568) 评论(1) 推荐(2)
摘要: 这是我写的学习EasyAdmin的第六章,这一章我给大家分享下如何在数据表中添加新参数,并强制清除缓存 这一章的主题是我在开发中碰到的一个问题,当我在网上疯狂查找解决方法依旧一无所获后,我又尝试了从底层出发的方法,总是是解决了,这里给大家分享出来,希望对你有所帮助。 问题场景描述: 在制作ERP系统 阅读全文
posted @ 2021-07-02 18:03 林恒 阅读(635) 评论(0) 推荐(0)
摘要: 纯前端生成海报下载方案 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 Vue 实战:纯前端生成带中心 Logo 二维码的分享海报 在日常的 Web 业务中,经常会遇到“点击分享,生成一张包含用户信息、业务数据以及专属二维码的海报图”的需求。为了节省服务端资源,我们通常会采用纯前端的方案来完成海报的绘制与下载。 本 阅读全文
posted @ 2026-09-29 15:20 林恒 阅读(38) 评论(0) 推荐(0)
摘要: H5与小程序通信 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 一句话拿走:H5 嵌进小程序 web-view 后,想传数据、想跳转页面,靠的不是普通 JS,而是微信给的一根"桥"——这篇文章把这根桥的用法和最容易踩的 2 个坑一次讲清。 一、先说一个你可能正在经历的痛 你用 uni-app 辛辛苦苦写了一 阅读全文
posted @ 2026-09-23 14:43 林恒 阅读(53) 评论(0) 推荐(0)
摘要: 面试官:我为什么总在浏览器存储问题上追问IndexedDB? 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 面试官:“聊聊浏览器存储吧。” 我:“Cookie, LocalStorage...” 面试官:“然后呢?IndexedDB 了解吗?” 我:“...” 作为一名前端面试官,我有一个“压箱底”的问题,它像一面镜子,能清晰地照出一位候选人的 阅读全文
posted @ 2026-09-18 16:38 林恒 阅读(42) 评论(0) 推荐(0)
摘要: 纯前端生成海报下载方案 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 Vue 实战:纯前端生成带中心 Logo 二维码的分享海报 在日常的 Web 业务中,经常会遇到“点击分享,生成一张包含用户信息、业务数据以及专属二维码的海报图”的需求。为了节省服务端资源,我们通常会采用纯前端的方案来完成海报的绘制与下载。 本 阅读全文
posted @ 2026-09-10 14:26 林恒 阅读(50) 评论(0) 推荐(0)
摘要: 微前端样式隔离:为什么你的 CSS 串到别人家了?Shadow DOM、CSS Variables 与 @layer 实战 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 问题场景 多个团队/项目拼成一个"微前端"大应用时,最头疼的问题之一就是样式打架: 全局样式污染:A 项目引入的 reset.css、B 项目的高优先级选择器,把 C 项目的按钮改得面目全非。 类名冲突:几个子应用都用 .btn、.card,最 阅读全文
posted @ 2026-09-04 17:56 林恒 阅读(49) 评论(0) 推荐(0)
摘要: App 内嵌 H5 秒开技术方案 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 一、背景与目标 1.1 什么是"秒开" App 内嵌 H5 的"秒开"指用户点击后,H5 页面在 毫秒级(理想 < 300ms)内完成首屏渲染,用户感知不到明显的白屏或加载过程,体验接近 Native 页面切换。 1.2 为什么 H5 加载慢 阅读全文
posted @ 2026-09-02 16:44 林恒 阅读(57) 评论(0) 推荐(0)
摘要: 我是怎么把页面图片流量砍掉一半的 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 个月接到一个需求,产品说"首页加载太慢了,能不能优化一下"。 我打开 Network 面板一看——光图片请求就占了整个页面流量的 70%,最大的一张 PNG 图标居然有 380 多 KB。我当时就觉得,这不是优化问题,这是没做优化。 花了两天时 阅读全文
posted @ 2026-08-28 17:58 林恒 阅读(53) 评论(0) 推荐(0)
摘要: 前端手机号脱敏的 4 个层级,你在第几层? 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言:一个 Code Review 的 comment 上周提交了一个需求:用户手机号在列表页需要脱敏展示。我随手写了这么一段: function maskPhone(phone) { return phone.replace(/(\d{3}) 阅读全文
posted @ 2026-08-26 16:39 林恒 阅读(60) 评论(0) 推荐(0)
摘要: 前端如何实现在线预览office常见文件功能? 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 最近发现了一个在线预览附件功能,相信大多数前端都不陌生,刚开始我就一顿操作,下载pdf.js/pptx.js/vue-office,但是不太友好,我发现怎么弄都不支持.doc和.xls后缀名的文件,然而,一个偶然的机会,我发现了一个非常不 阅读全文
posted @ 2026-08-24 18:35 林恒 阅读(52) 评论(0) 推荐(0)
摘要: &#128276; 如何实现一个优雅的通知中心?(Vue 3 + 消息队列实战) 🧑‍💻 写在开头 点赞 + 收藏 学会🤣🤣🤣 前言 一个完善的通知系统可以显著提升用户体验,让用户及时了解: 新评论回复 文章被点赞 系统公告 签到奖励 今天分享如何实现一个优雅的通知中心! 功能设计 通知类型 // src/types/notification.ts export typ 阅读全文
posted @ 2026-08-14 18:08 林恒 阅读(52) 评论(0) 推荐(0)