如何在Vue中实现单个组件的动态重新加载? 单个组件动态重新加载,指的是让某个已经渲染的组件,自动销毁然后开始一个新的生命周期。 大部分情况下,一个需求会很多种实现方法,而接下来要说明的方法,也是众多解决方法之一。 到目前为止,遇到过两个需要实现这种功能的需求: 1. 后台管理系统中,对页面的功能区域(导航栏、侧边栏之外的区域)进行局部刷新 简单一点的功能页面,或许只需要重新加载接口,触发一下数据更新就够了,但是某些复杂的页面通过更新数据来 Vue学习 友人a丶 2024-07-06 1071 热度 2评论
Fabric.js 学习笔记,快速上手 Fabric.js官网:http://fabricjs.com/ Fabric.js自定义构建:http://fabricjs.com/build/ Fabric.js 是一个强大的、灵活的 HTML5 画布库。 在 Fabric.js 中,preserveObjectStacking 属性是一个布尔值,用于控制当对象被修改(例如移动、旋转、缩放等)时,它们在堆栈中的位置是否保持不变。 设置 pr canvas 友人a丶 2024-07-02 981 热度 0评论
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 1049 热度 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 1797 热度 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 1831 热度 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 1609 热度 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 1683 热度 4评论
前端Server-Sent Events、EventSource接口相关知识点总结,什么是EventSource? 转自:http://www.ruanyifeng.com/blog/2017/05/server-sent_events.html 严格地说,HTTP 协议无法做到服务器主动推送信息。但是,有一种变通方法,就是服务器向客户端声明,接下来要发送的是流信息(streaming)。 也就是说,发送的不是一次性的数据包,而是一个数据流,会连续不断地发送过来。这时,客户端不会关闭连接,会一直等着服务器发过来 JS笔记 友人a丶 2023-04-01 1603 热度 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 1277 热度 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 1667 热度 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 1584 热度 0评论
前后端分离状态下,如何搭建微信公众号网页的本地开发环境? 进行微信公众号网页开发的时候,微信平台一般有如下几个要求: 必须是https协议 通过验证的可信域名 开发过程中一般有如下几个需求: 本地开发,正常调用微信API,实时调试。 和正常浏览器一样的开发体验。 构建工具都自带了web服务器,但是对于配置https以及自定义域名不是很友好。所以一般通过反向代理来实现自定义域名以及https: 假设开发服务器地址为:http://192.168.2.3:8 前端笔记 友人a丶 2023-02-17 1906 热度 0评论
记录一次Node升级之后,引发老项目无法启动的问题。ERR_OSSL_EVP_UNSUPPORTED该如何解决? 今天把一个以前的古早项目拖出来,准备跑起来改一改。 # 安装npm包 yarn i - D # 运行 yarn run serve 一番操作下来,如行云流水。结果报错了: opensslErrorStack: , library: \'digital envelop Node 友人a丶 2023-02-15 1326 热度 0评论
微信公众号Web开发笔记,如何开发自己的公众号应用? 官方文档:https://developers.weixin.qq.com/doc/offiaccount/Getting_Started/Overview.html 为了识别用户,每个用户针对每个公众号会产生一个安全的OpenID,如果需要在多公众号、移动应用之间做用户共通,则需前往微信开放平台,将这些公众号和应用绑定到一个开放平台账号下,绑定后,一个用户虽然对多个公众号和应用有多个不同的Ope 微信小程序 友人a丶 2023-02-04 1329 热度 0评论
前端事件总线(Event Bus)是什么?前端事件总线的简单介绍 参考文章:https://www.pipipi.net/questions/13598.html 事件总线是对发布-订阅模式的一种实现,它是一种集中式事件处理机制,允许不同的组件之间进行彼此通信而又不需要相互依赖,达到一种解耦的目的。 发布订阅模式定义对象间一种一对多的依赖关系,使得每当一个对象改变状态,则所有依赖于它的对象都会得到通知并被自动更新。 发布订阅模式主要有两个角色: 发布方(Publ JS笔记 友人a丶 2023-02-02 1423 热度 0评论