20240216 前端开发日报

到底该用ref还是reactive？？？；大前端老司机的浅谈_2；nodejs+vue+ElementUi志愿者活动招募网站j85gg；死磕前端之 —— 规范、语言、引擎、运行时；10 个 CSS 一行代码改造你的 Web 应用；【HTML】交友软件上照片的遮罩是如何做的；SpringBoot+Vue3 完成小红书项目；【技能】acme.sh 实现域名https证书

1. 到底该用ref还是reactive？？？

   浅聊一下 今天情人节，掘友们都在想今天该和哪个女or男朋友出去玩，而我还在想在处理响应式数据时到底是该用ref还是reactive…

2. 大前端老司机的浅谈_2

   前言 提一个仰望星空的问题：如何把火箭发射到星辰大海? 负反馈. 文章纯手打, 抛砖引玉, 如有错误还请评论区指正, 先行谢过了:) 《控制论与科学方法论》是一本值得反复研读的书, 有些好书确实如此.

3. nodejs+vue+ElementUi志愿者活动招募网站j85gg

   文章浏览阅读373次，点赞4次，收藏4次。管理员登陆系统后，可以查看首页，个人中心，用户管理，志愿组织管理，组织信息管理，组织申请管理，志愿活动管理，活动报名管理，活动打卡管理，取消报名管理，通知公告管理，系统管理等功能，还能对每个功能逐一进行相应操作。管理员登陆系统后，可以查看首页，个人中心，用户管理，志愿组织管理，组织信息管理，组织申请管理，志愿活动管理，活动报名管理，活动打卡管理，取消报名管理，通知公告管理，系统管理等功能，还能对每个功能逐一进行相应操作。开发软件：VScode/webstorm/hbuiderx均可。

4. 死磕前端之 —— 规范、语言、引擎、运行时

   ECMAscript、JavaScript、JS Engine、JS Runtime JavaScript vs. ECMAscript ECMAScript 是一个标准，JavaScript 是 E

5. 10 个 CSS 一行代码改造你的 Web 应用

   本文介绍了 10 个简单却强大的 CSS 一行代码技巧，旨在帮助开发者和设计师在短时间内显著改进 Web 应用的样式。

6. 【HTML】交友软件上照片的遮罩是如何做的

7. SpringBoot+Vue3 完成小红书项目

   该项目采用微服务架构，实现了前后端分离的系统设计。在前端，我们选择了 Vue3 配合 TypeScript 和 ElementUi 框架，以提升开发效率和用户体验。

8. 【技能】acme.sh 实现域名https证书

9. 你一定看得懂的Vue3响应式实现原理

10. Vue3.0（七）：Pinia状态管理

11. Vue3 监视属性详解

12. 浏览器渲染进程，解决前端面试

13. 工程师必须知道的20个DevOps面试题

14. 小技巧之“更方便地重用 tsconfig.json ”

15. 大前端老司机的浅谈

16. React Native环境配置

17. 死磕前端之 —— 编译工具链

18. CSS经典魔法书：《CSS揭秘》

19. WebGL 之点的动态绘制

20. 2024年最新Three.js零基础入门教程（超详细）

21. 【three.js系列一】入门教程

22. 搞定浏览器缓存，解决前端面试

23. Vue3 源码分析 02 – 框架设计的核心要素，原来一个框架的设计要考虑这么多

24. Vue2源码梳理：关于vm.$mount的实现

    文章浏览阅读745次，点赞6次，收藏14次。1 ) 在含有 compiler 版本中，先对 el 做一些处理2 ) 在没有定义 render 函数的时候，尝试获取一下 render 函数也就是说，把整个template通过一系列的逻辑判断，也是因为它支持很多很多种写法可以直接写 template也可以直接 template 是个dom对象如果不写 templete 的话，通过 el 的 outHTML 来获取这个 templete把这个template 通过这个编译的手段也转化成这个render函数。

25. Vue 全组件 局部组件

    文章浏览阅读726次，点赞17次，收藏22次。全局组件在main.ts（Vue + TS的项目）引入，或者在main.js（Vue + JS的项目）引入 全局组件可以在任意组件中使用，不需要再次导入 如果传递的时对象，对象在被子组件的props接收时需要解构，依次写在props数组中 传递的如果是一个个的值，则直接在props数组中写入即可 插槽的作用：让子组件可以接收父组件传过来的元素、组件如果父元素只传递一个元素，或者传递的多个元素会在一个地方使用，那么可以使用匿名插槽 父组件会传递多个元素，这些元素需要再不同的地方使用，这时需要使用具名插槽进

26. Vue路由的传参

    文章浏览阅读505次，点赞14次，收藏6次。Vue传参方式可以划分为params传参（参数隐藏在路径中）和query传参（参数在？后）俩种方式1. 使用 router-link 标签跳转路由要注意 to 和 :to 的不同： to 不带参数 ， :to 带参数。

27. react 【七】各种hooks的使用/SPA的缺点

    文章浏览阅读346次，点赞5次，收藏14次。isShow)}>切换

28. Vue 中的 Object.defineProperty()

    文章浏览阅读109次。设置临时变量 temp的目的是防止在读取属性值自动调用get方法时出现无限递归的现象。// 给上面的phone对象新增一个color属性。//value : ‘太空灰’,// getter方法配置项。//return ‘动态”getter方法执行了’//setter方法配置项。’setter方法执行了’//这是一个普通对象。

29. 简析vue中的声明式渲染&响应式，ref()&reactive()

    文章浏览阅读201次。vue扩展了标准HTML的模板语法，用JavaScript的状态描述HTML应该是什么样子的，当状态发生改变，HTML会自动更新。而这种设计带来的另一个词，是响应式。你在你的vue文件中声明的东西必须是响应式的，否则无法触发HTML更新。总结为一句话：vue用JavaScript扩展了HTML，JavaScript的改变，触发HTML更新。用reactive声明的东西，不能重新赋值，只能修改其内部的值。2.reactive能实现的，ref基本都能实现；vue中很重要的两个词，"声明式渲染"和"响应式"。

30. 前端Vue篇之 Vue的基本原理

    文章浏览阅读337次，点赞9次，收藏7次。当你改变数据，Vue会帮你自动更新页面。它通过模板将数据和页面联系起来，使用组件系统让页面更清晰，指令让你可以直接操作DOM，生命周期钩子让你在特定时刻添加自定义逻辑，虚拟DOM提高了页面更新的效率，watcher负责监听数据的变化。