Vite如何自动导入指定目录内的静态资源文件,并生成导出模块? 上一次详细学习Vite的文档的时候还是Vite2.x,现在Vite已经到了Vite5,在此期间已经有了很多新的变化和特性,刚好今天抽空重新学习一下。 Vite 不再支持 Node.js 14 / 16 / 17 / 19,因为它们已经到了 EOL。现在需要 Node.js 18 / 20+。 查看Vite预设的各种开发模板:https://github.com/vitejs/vite/tree/m 前端笔记 友人a丶 2024-06-28 960 热度 0评论
一款基于Vue3 + Vite + Ant Design Vue 开发的,简洁、方便的后台开发模板 一个基于vue3 + Vite + Ant Design Vue 开发的,简洁、方便的后台开发框架; 在线示例: admin.nicen.cn ,账号密码随意,无后台,纯前端mock。 Github:https://github.com/friend-nicen/vue-nice-admin Gitee:https://gitee.com/friend-nicen/vue-nice-admin 演 Vue学习 友人a丶 2023-06-14 1707 热度 2评论
一款基于UNIAPP开发的手机壳DIY小程序(前端示例代码) 一款基于UNIAPP开发的手机壳DIY小程序(前端示例代码),兼容抖音和微信小程序,在线案例: Github:https://github.com/friend-nicen/DIY Gitee:https://gitee.com/friend-nicen/DIY 下载HBuilderX,导入项目 修改中的为你的小程序的 安装依赖 \"\" 运行到微信或抖音小程序(无后端代码,需要模拟接口) ├─.hb Uniapp 友人a丶 2023-06-14 1729 热度 0评论
Cloudflare Workers学习笔记,Cloudflare Workers 是什么? 开发文档:https://developers.cloudflare.com/workers/ Cloudflare Workers提供了一个serverless执行环境,无需配置或维护基础架构即可创建全新的应用程序或扩充现有的应用程序。 Wrangler是一个用于Cloudflare Workers功能开发、测试、部署的CLI工具 相关文档:https://developers.cloudfla Node 友人a丶 2023-04-15 1558 热度 0评论
通过PM2来管理Node、PHP CLI等脚本应用进程,什么是PM2进程管理器? PM2官网:https://pm2.keymetrics.io/docs PM2.js是一个Node.js应用程序的进程管理器,可以帮助开发人员在生产环境中管理和监控Node.js应用程序或其他程序的进程。它可以自动重启应用程序,监控应用程序的资源使用情况,以及提供实时日志记录和错误处理等功能。此外,PM2.js还可以通过集成的API和CLI工具来管理和监控多个Node.js应用程序。 对于nod Node 友人a丶 2023-04-05 1558 热度 4评论
前端Server-Sent Events、EventSource接口相关知识点总结,什么是EventSource? 转自:http://www.ruanyifeng.com/blog/2017/05/server-sent_events.html 严格地说,HTTP 协议无法做到服务器主动推送信息。但是,有一种变通方法,就是服务器向客户端声明,接下来要发送的是流信息(streaming)。 也就是说,发送的不是一次性的数据包,而是一个数据流,会连续不断地发送过来。这时,客户端不会关闭连接,会一直等着服务器发过来 JS笔记 友人a丶 2023-04-01 1554 热度 0评论
微信机器人Wechaty学习笔记,如何使用微信机器人Wechaty? Wechaty,大名鼎鼎的微信机器人库:https://github.com/wechaty/wechaty、https://wechaty.js.org/ 中文文档:https://wechaty.gitbook.io/wechaty/v/zh/ Web Windows iPad 根据不同的Puppet Provider可以切换不同的协议实现,相关文档:https://github.com/we Typescript 友人a丶 2023-03-31 1242 热度 0评论
Web前端如何实现录像功能?如何将canvas录制为视频?WebRTC有哪些功能? WebRTC功能相关的一些例子:https://webrtc.github.io/samples/ WebRTC相关的API:https://developer.mozilla.org/zh-CN/docs/Web/API/WebRTC_API MediaDevices.getUserMedia() 会提示用户给予使用媒体输入的许可,媒体输入会产生一个MediaStream,里面包含了请求的媒体类 JS笔记 友人a丶 2023-03-18 1578 热度 2评论
Vite如何实现自动引入指定目录内的组件? Vite 支持使用特殊的 函数从文件系统导入多个模块: const modules = import.meta.glob(\'./dir/*.js\') 以上将会被转译为下面的样子: // vite 生成的代码 const modules = { \'./dir/foo.js\': () => import(\'./dir/foo.js\'), \'./dir/bar.js\': () => impo 前端笔记 友人a丶 2023-02-18 1504 热度 0评论
前后端分离状态下,如何搭建微信公众号网页的本地开发环境? 进行微信公众号网页开发的时候,微信平台一般有如下几个要求: 必须是https协议 通过验证的可信域名 开发过程中一般有如下几个需求: 本地开发,正常调用微信API,实时调试。 和正常浏览器一样的开发体验。 构建工具都自带了web服务器,但是对于配置https以及自定义域名不是很友好。所以一般通过反向代理来实现自定义域名以及https: 假设开发服务器地址为:http://192.168.2.3:8 前端笔记 友人a丶 2023-02-17 1868 热度 0评论
记录一次Node升级之后,引发老项目无法启动的问题。ERR_OSSL_EVP_UNSUPPORTED该如何解决? 今天把一个以前的古早项目拖出来,准备跑起来改一改。 # 安装npm包 yarn i - D # 运行 yarn run serve 一番操作下来,如行云流水。结果报错了: opensslErrorStack: , library: \'digital envelop Node 友人a丶 2023-02-15 1284 热度 0评论
微信公众号Web开发笔记,如何开发自己的公众号应用? 官方文档:https://developers.weixin.qq.com/doc/offiaccount/Getting_Started/Overview.html 为了识别用户,每个用户针对每个公众号会产生一个安全的OpenID,如果需要在多公众号、移动应用之间做用户共通,则需前往微信开放平台,将这些公众号和应用绑定到一个开放平台账号下,绑定后,一个用户虽然对多个公众号和应用有多个不同的Ope 微信小程序 友人a丶 2023-02-04 1299 热度 0评论
前端事件总线(Event Bus)是什么?前端事件总线的简单介绍 参考文章:https://www.pipipi.net/questions/13598.html 事件总线是对发布-订阅模式的一种实现,它是一种集中式事件处理机制,允许不同的组件之间进行彼此通信而又不需要相互依赖,达到一种解耦的目的。 发布订阅模式定义对象间一种一对多的依赖关系,使得每当一个对象改变状态,则所有依赖于它的对象都会得到通知并被自动更新。 发布订阅模式主要有两个角色: 发布方(Publ JS笔记 友人a丶 2023-02-02 1390 热度 0评论
【转】HTML5中手势原理分析与数学知识的实践 在这触控屏的时代,人性化的手势操作已经深入了我们生活的每个部分。现代应用越来越重视与用户的交互及体验,手势是最直接且最为有效的交互方式,一个好的手势交互,能降低用户的使用成本和流程,大大提高了用户的体验。 拖动: drag 双指缩放: pinch 双指旋转: rotate 单指缩放: singlePinch 单指旋转: singleRotate 长按: tap 滑动: swipe 所有的手势都是基 canvas 友人a丶 2022-12-10 1159 热度 0评论
如何用JS实现在网页上通过鼠标移动批量选择元素的效果? 简单说就是类似电脑桌面,通过鼠标选择多个图标的那种效果。如下: 监测外部容器的mousedown、mousemove、mouseup事件来进行选择判断,大致dom结构如下: <div class=\"test\"> <!--鼠标移动时显示的选择框--> <div class=\"move\"></div> <!-- 待选项 --> <div JS笔记 友人a丶 2022-11-11 1600 热度 0评论