20231123 前端开发日报

【Vue】生命周期一文详解；2023年最热门的前端Web组态软件（可视化）；手把手带你入门 Three.js Shader 系列（四）；Threejs 实现梦幻频谱可视化；WebRTC是什么？使用他能做什么？如何实现一个 webRTC 的应用？；Flutter笔记：缩放手势；vue-使用input封装上传文件图片全局组件；JS服务端技术—Node.js知识点锦集

1. 【Vue】生命周期一文详解

   文章浏览阅读172次，点赞27次，收藏23次。本文介绍Vue生命周期的四个周期：创建、挂载、更新、销毁。

2. 2023年最热门的前端Web组态软件（可视化）

   随着5G、物联网、大数据等技术的高速发展，各领域逐步向数字化、可视化的人工智能（AI）的方向不断迈进。全球进入工业 4.0 时代，标志着先进的信息技术于制造业紧密结合，将从单纯的生产要素向数据驱动、智

3. 手把手带你入门 Three.js Shader 系列（四）

   本篇文章教大家通过 GLSL 内置函数 mix 对颜色进行插值，并重温前两篇文章所学的颜色渐变与突变、重复条纹、圆圈等效果，在此基础上实现彩色插值等效果。

4. Threejs 实现梦幻频谱可视化

   BufferGeometry、Web Audio Api、画圆、发光后期使用、水Shader的引用，当发光特效遇到水，美的不可言喻。将几何体放入水流内一半，有一种鸿蒙Logo动画的美

5. WebRTC是什么？使用他能做什么？如何实现一个 webRTC 的应用？

   WebRTC 是一个开源项目，可在 Web 和本机应用程序中实现音频、视频和数据的实时通信。 WebRTC 代表网络实时通信。它是一个开源免费项目，用于借助 API（应用程序编程接口）为移动应用程序和

6. Flutter笔记：缩放手势

   在 Flutter 中，缩放手势是一种常见的交互方式，它允许用户通过双指触摸屏幕来改变 UI 元素的大小。这种手势常用于查看图片、地图等场景中。

7. vue-使用input封装上传文件图片全局组件

   文章浏览阅读70次。实际开发过程中，我们经常遇见需要上传文件图片功能，可以封装一个全局组件来调用原理很简单，首先获取到文件或图片对象，调用自己公司文档服务器的接口，上传文件图片为了方便用户体验，我们应该在上传之前开启遮罩层，上传成功之后关闭遮罩层。我们还可以根据实际开发场景自定义把url和文件名称传回父组件data})

8. JS服务端技术—Node.js知识点锦集

   文章浏览阅读575次。本文是我开始系统学习Node.js的一些笔记，望对大家有帮助！如果文中阐述不全或不对的，请博友们在评论区指正，提前谢谢！！

9. 7.vue3项目（七）：品牌管理页面的增删改查

   文章浏览阅读67次。品牌管理页面的增删改查

10. 原来 TinyVue 组件库跨框架（Vue2、Vue3、React、Solid）是这样实现的？

    文章浏览阅读119次。前端组件库跨框架是指在不同的前端框架（如 React、Vue、Solid 等）之间共享和复用组件的能力。这种能力可以让开发者在不同的项目中使用同一套组件库，从而提高开发效率和代码复用性。

11. vue2.x源码刨析-new Vue的时候做了什么(手写简易版01)

    文章浏览阅读66次。在这里首先用child的属性替换掉parent的属性，其次使用策略模式，整合各个生命周期，这里将生命周期整合成一个数组，是因为如果我们使用了mixin方法，可能会存在一个生命周期被调用两次的情况。initLifeCycle方法，其中涉及到数据的更新引起dom的变化，模板的解析，主要用来处理这些东西。方法，这个方法可以解析模板中的数据，将响应式数据进行渲染，这个方法我在后面会主要进行分析。在实例化的时候，会对数据进行初始化，在初始化的过程中，会在Vue原型上面挂载上。方法极为重要，是整个响应式系统的核心。

12. Vue 定义只读数据 readonly

    文章浏览阅读169次。Vue 定义只读数据 readonly

13. vue开发一、在Vue中引入ElementUI二、在Vue中使用阿里图标库

    文章浏览阅读727次。一、在Vue中引入ElementUI1. 安装ElementUI2. 引入ElementUI3. 使用ElementUI组件二、在Vue中使用阿里图标库1. 在阿里图标库中选择图标2. 下载图标3. 引入图标4. 使用图标总结

14. Vue 项目实战——如何在页面中展示 PDF 文件以及 PDFObject 插件实战

    文章浏览阅读202次，点赞9次，收藏8次。在之前的两篇关于 Print.js 文章中，我们已经初步学习了打印插件 Print.js 的使用，既然涉及到 PDF 的打印，如果想要预览 PDF 后再进行打印应该怎么做呢，接下来通过这篇文章记录一下 Vue 项目实战中，在页面中展示 PDF 文件的一些例子。

15. 前端相关免查整合-vue、es、工具类等

    文章浏览阅读91次。前端常用

16. vue2.x中使用JS与路由守卫配置、vue2.x中使用TS与路由守卫的配置和vuex的配置以及TS在vue2.x中的使用说明

    文章浏览阅读141次。/在使用 $confirm 时，使用 await 方式时，需要添加 catch 回调，否则无法获取 $confirm 关闭和取消时的标识值，并且后续代码停止执行。

17. 使用Echarts.js绘制中国地图

    文章浏览阅读163次，点赞6次，收藏2次。1、展示中国所有省份，包括南海诸岛，确保领土完整，中国领土神圣且不可侵犯。2、每个省份根据对应数据的不同渲染不同的颜色，根据数据从小到大，对应底部视觉映射组件指定的颜色渐变区间内从浅到深。3、每个省份不可被选中，但鼠标hover会展示对应数据信息，且对应数据图形具有hover高亮样式。4、颜色渐变区间对应的数据区间，由数据列表的实际数据决定，最小值为0，最大值为数据列表的最大值。注意：当前案例是在Vue2中使用，echarts.js版本为5.3.2。

18. vue2的响应式数据变化

    文章浏览阅读57次。Vue实现响应式变化的方式是通过数据劫持和发布-订阅模式。Vue通过使用方法对数据对象的属性进行劫持，使其能够在属性值发生变化时触发相应的操作。Vue使用发布-订阅模式来监听数据变化，并在变化时通知相关的订阅者更新视图。当数据发生变化时，会触发相应的setter方法，然后通知所有订阅者进行更新。具体实现步骤如下：在初始化Vue实例时，通过遍历数据对象，利用方法将每个属性转化为getter和setter。在getter方法中，将订阅者Watcher对象添加到当前属性的依赖列表中。在setter。

19. vue3中使用全局自定义指令和组件自定义指令

    文章浏览阅读143次。这篇文章会教大家如何实现全局自定义指令和组件自定义指令

20. Vue3封装全局插件

    文章浏览阅读183次。定义一个index.vue文件loading….loading {第二步给dom元素添加，控制显示的开关和方法，然后通过defineExpose暴露出去isShow,show,hide})

21. Vue3的7种和Vue2的12种组件通信

    文章浏览阅读360次，点赞4次，收藏3次。Vue3的7种和Vue2的12种组件通信

22. 提升JS编程效率：19个实用JS代码示例

23. 听说90%的人都没搞定手撕协程池这道面试题

24. JSON非常慢：这里有更快的替代方案