20240214 前端开发日报

react实现简易xiaomi日历；Vue路由守卫详解；依赖注入的艺术：编写可扩展 JavaScript 代码的秘密；“龙年教你怼亲戚”| Vue+Ts+node.js实现文字对话小游戏 | 超详细上线全过程；OAuth 2.0 协议介绍【实现 GitHub 第三方登录】；【前端出海】多语言篇（一）：React项目中支持多语言；react教程，概述，项目搭建，jsx父子船只；vue3学习——router-view 过渡动画

1. react实现简易xiaomi日历

   自我介绍 大家好,我是 思哲Lee 一名前端开发人员,从业快两年,主要在公司写vue 前言声明 由于我的经验和水平有限,可能这篇文章对于你不会有太大帮助,可能不是因为这篇文章水,而是你的能力已经远超了

2. Vue路由守卫详解

   引言 在Vue.js的开发过程中，路由管理是一个至关重要的环节。Vue Router作为官方推荐的路由管理器，提供了丰富的API和功能，其中包括路由守卫（Route Guards）。路由守卫允许我们在

3. 依赖注入的艺术：编写可扩展 JavaScript 代码的秘密

   1. 依赖注入 在 JavaScript 中，依赖注入（Dependency Injection，简称 DI）是一种软件设计模式，通过这种模式，可以减少代码模块之间的紧耦合。依赖注入允许开发者将模块的

4. “龙年教你怼亲戚”| Vue+Ts+node.js实现文字对话小游戏 | 超详细上线全过程

   寒假在家颇为无聊，无意间看到稀土掘金的春节比赛，正愁找不到项目练手。于是从1/31开始到2/10花了11天写了一个怼亲戚的小游戏，以这篇文章记录下自己完成这个项目的所有流程，力求做到事无巨细。

5. OAuth 2.0 协议介绍【实现 GitHub 第三方登录】

   OAuth（是 Open Authorization 开放授权的缩写）,在全世界得到广泛应用，目前的版本是2.0版。 本文会对OAuth 2.0的设计思路和运行流程，做一个简明通俗的解释。

6. 【前端出海】多语言篇（一）：React项目中支持多语言

   如果你所在的公司要走出国门，相应面向客户的web和H5产品都要国际化，其中最重要的就是多语言的支持。我将以React框架为例，介绍在前端项目中如何支持多语言。

7. react教程，概述，项目搭建，jsx父子船只

8. vue3学习——router-view 过渡动画

   文章浏览阅读755次，点赞6次，收藏6次。【代码】vue3学习——router-view 过渡动画。_routerview过度动画

9. 大前端老司机的浅谈

10. GitHub 一周热点汇总第9期(2024/02/04-02/10)

11. 第六篇【传奇开心果系列】Vant of Vue 开发移动应用示例：深度解析响应式布局支持

    文章浏览阅读1.6k次，点赞70次，收藏48次。Vant提供了响应式布局的支持，可以根据不同的手机屏幕尺寸自动适配布局，使得组件在不同的终端上都能够呈现良好的展示效果。以下是Vant响应式布局的具体介绍：媒体查询：Vant使用CSS媒体查询来实现响应式布局。通过设置不同的媒体查询规则，可以根据屏幕宽度、高度或方向等条件，为不同的设备提供不同的样式和布局。断点设置：Vant定义了一组断点，用于根据不同的屏幕宽度进行响应式布局。这些断点定义了不同屏幕尺寸下的布局规则，开发者可以根据需求自定义断点设置。

12. Python爬虫之Ajax数据爬取基本原理

    文章浏览阅读1.5k次，点赞14次，收藏24次。摘要：什么是Ajax，Ajax基本原理

13. Vue-自定义属性和插槽（五）

    文章浏览阅读350次，点赞8次，收藏17次。文章主要介绍vue的自定义属性和vue的概念和用法，看完文章可以快速的了解相关的知识点

14. JS 中的数据代理

    文章浏览阅读634次，点赞11次，收藏15次。所谓数据代理（也叫数据劫持），指的是在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果。比较典型的是和 ES2015 中新增的Proxy对象。另外还有已经被废弃的，废弃的原因正是Proxy的出现，因此这里我们就不继续讨论这个已经被浏览器删除的方法了。数据劫持最著名的应用当属双向绑定，这也是一个已经被讨论烂了的面试必考题。例如 Vue 2.x 使用的是(Vue 在 3.x 版本之后改用Proxy进行实现)。

15. VueCLI核心知识1：ref属性、props配置、mixin混入

    文章浏览阅读368次。VueCLI核心知识1：ref属性、props配置、mixin混入：1 ref 属性；2 props 配置；3mixin混入

16. 对vue响应式的一些直观理解

    文章浏览阅读464次，点赞15次，收藏11次。也就是说，computed接受一个函数，声明一个响应式状态，响应式状态的值依赖于接收的函数参数，最终返回这个响应式状态。依赖于响应式状态的变量本身可以不是响应式状态，而computed()返回的往往是依赖于响应式状态，且本身也是响应式状态的对象，也就是说，这一返回对象可以接着作为其他变量所依赖的数据对象。在一些讲解vue响应式原理的课程中，可以看到想要真正利用响应式状态建立数据之间的依赖关系，是通过一个effect()函数，和一个内部使用了响应式状态的副作用函数实现的。

17. react【六】 React-Router

    文章浏览阅读177次，点赞3次，收藏4次。【代码】react【六】 React-Router。

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

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

19. JavaScript进阶教程 – React（Hooks、Context、Redux）

    文章浏览阅读332次，点赞7次，收藏6次。React通过Hooks使函数组件更加强大和灵活，Context API提供了一种在组件树中共享状态的方法，而Redux提供了一个可预测的状态容器，适用于大型应用程序。这些工具和概念结合起来，为React开发者提供了强大的方法来构建和管理现代Web应用的UI和状态。

20. React18原理: 核心包结构与两大工作循环

    文章浏览阅读493次，点赞13次，收藏10次。react中的工作循环，这是它的一个最顶层的一个流程图，在这张图里面，有两个核心的大循环，第一大循环是 react-reconciler 提供的，它的核心是构建fiber树，生成任务，第二大循环是 scheduler 提供的, 它的核心是任务调度(处理任务的优先级)，react的原理实际上就是两大工作循环

21. vue项目实战系列五：vue书写规范

    文章浏览阅读230次，点赞2次，收藏7次。这里是官方的Vue特有代码的风格指南.如果在工程中使用Vue,为了回避错误、小纠结和反面模式,该指南是份不错的参考.不过,我们也不确信风格指南的所有内容对于所有的团队或工程都是理想的.所以根据过去的经验、周围的技术栈、个人价值观做出有意义的偏差是可取的.对于其绝大部分,我们也总体上避免就JavaScript或HTML的本身提出建议.我们不介意你是否使用分号或结尾的逗号.我们不介意你在HTML attribute中使用单引号还是双引号.不过当我们发现在Vue的情景下有帮助的特定模式时,也会存在例外.

22. Vuex使用(上)

    文章浏览阅读119次。在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。多个组件需要共享数据时。

23. 第六阶段： 项目：Vue大型电商项目 – 尚品汇—（第三天）

    文章浏览阅读131次，点赞3次，收藏3次。1: 静态组件，结构样式2: 完成API，向服务器发送请求3: 写vuex的（仓库）三连环4: 组件获取数据，展示数据。