20230923 前端开发日报

中秋节特别定制(升级版)：CSS创造属于你的漫天星空许愿灯之夜；【中小厂前端面经】三年工作经验求职时会被问些什么?；还不清楚webpack和vite原理？有这篇足够了；Vue3 封装 element-plus 图标选择器；【Vue】上万个字把事件处理讲解的淋漓尽致；基于Electron和Vue的MAC版黄历日历开发记录；React 致敬：Vue 引入容器组件和展示组件 Vuex；【Vue3 源码解析】reactive 全家桶

1. 中秋节特别定制(升级版)：CSS创造属于你的漫天星空许愿灯之夜

   掘友们，不卖关子，让我们先运行点击文字预览一波效果！！！ jcode # 中秋创意投稿大赛 先别说别的掘友们：小弟祝大家年年圆满如意，月月事事顺心，日日喜悦无忧，时时高兴欢喜，刻刻充满朝气，月圆人

2. 【中小厂前端面经】三年工作经验求职时会被问些什么?

   大家好，我是一尾流莺，又来给大家分享真实面经了。简单介绍一下自己的情况，方便大家和自身情况做对比，更好的知道自己的定位是什么，自己理想的公司和职位是什么样的。

3. 还不清楚webpack和vite原理？有这篇足够了

   前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看

4. Vue3 封装 element-plus 图标选择器

   Vue3 封装 element-plus 图标选择器

5. 【Vue】上万个字把事件处理讲解的淋漓尽致

   hello，我是小索奇，精心制作的Vue系列教程持续更新哈，想要学习&巩固&避坑就一起学习吧~重点内容使用v-on:xxx缩写@xxx绑定事件，其中 xxx 是事件名（回顾：v-bind缩写为冒号:）事件的回调需要配置在methods对象中，最终会在VM上methods中配置的函数，不要用箭头函数，否则 this 就不是VM了,重点强调！methods中配置的函数，都是被 Vue所管理的函数，this 的指向是VM（ViewModel-vue实例对象）或组件实例对象@click="dem

6. 基于Electron和Vue的MAC版黄历日历开发记录

7. React 致敬：Vue 引入容器组件和展示组件 Vuex

8. 【Vue3 源码解析】reactive 全家桶

9. Vue的详细教程–Vue路由与nodejs

10. React 窗口防抖_ 提升网页性能的利器

11. 让你的 React 组件水平飞跃的 5 个技巧

    通过合理使用函数组件和类组件、使用 PropTypes 进行类型检查、使用生命周期方法、使用 React Hooks 和利用 React DevTools 进行调试，你可以提升你的 React 组件开发技巧。通过在组件中定义 PropTypes，你可以确保组件在使用时传递正确的属性类型，从而减少潜在的错误和调试时间。使用 Hooks，你可以在不编写类组件的情况下，编写具有复杂逻辑的组件。它提供了组件层次结构、组件状态和性能分析等有用的功能，帮助你更好地理解和调试你的组件。如果你有任何问题，请随时提问。

12. Vue.js 技术内幕：深入理解 React

13. 深入解析React-Redux：优化React应用的状态管理

14. React中插槽处理机制

    解决2：我们也可以把按钮的区域预留出来，但是内容不写，内容让调用的组件的时候，把东西传递进来【传递的是结构】需求：假如底部可能有按钮，根据需求判断需要展示或不展示，或者需要展示不同的按钮或者其他DOM。传进来的子节点若只有一个展示在组件头部，若两个则第一个节点在组件头部，第二个节点在组件底部。调用组件的时候，基于上闭合调用方式把插槽信息【子节点信息】，传递给组件，组件内部渲染即可。解决1：需要的按钮可以在组件中写死，后期基于传递进来的属性来进行判断。目的：在调用组件的，传递信息的时候，可以不用。

15. 网站登录界面制作（three.js 3D特效背景）+ boostrap导航栏实现 + jQuery移动窗口【附加源代码】

16. 在Vue中实现组件间的通信（父子通信，非父子通信，通用通信）

    所以，当在子组件需要修改来自父组件prop的值时，需要通过$emit来将修改的逻辑传到父组件，在父组件修改传到子组件的值，再根据单项数据流的特点，从而改变子组件的值。原理：v-model本质上是一个语法糖（语法的简写）。例如应用在输入框上，就是value属性和 input事件的合写。：为组件的prop指定验证要求，不符合要求，控制台就会有错误提示–>帮助开发者，快速发现错误。单项数据流：父级prop 的数据更新，会向下流动，影响子组件。作用：非父子组件之间，进行简易消息传递。概念：组件通信，就是指。

17. Vue和React的区别及Vuex的使用

18. vue页面嵌入飞书网页组件,用于在类似ERP,OA等系统中展示在线文档

19. React 如何拿时间戳计算得到开始和结束时间戳

20. 基于Electron和Vue的MAC版本日历开发记录与天气预报

    Electron是一个流行的跨平台桌面应用程序开发框架，它基于Node.js和Chromium，可以使用Web技术（HTML、CSS和JavaScript）构建桌面应用。为了满足用户的需求，本文将介绍如何使用Electron和Vue框架开发一个功能强大的MAC版本日历应用，并且还将整合天气预报功能。为了满足用户的需求，本文将介绍如何使用Electron和Vue框架开发一个功能强大的MAC版本日历应用，并且还将整合天气预报功能。中，你可以使用Vue的模板语法编写日历和天气预报的代码，同时在。

21. 使用Vue和Three.js加载3D模型的详细步骤

22. 使用React源码分析useEffect

23. antd-design-vue Table组件全局配置（分页器…）

24. Vue.extend使用场景

25. 使用Vue和TypeScript构建Vuex应用

26. vue多层嵌套子路由不显示

27. React源码解析：深入探究ReactDOM.render后的执行过程

28. React 把useState变成响应式 ，今天又可以早点下班了

29. React 全栈体系（十一）

30. React官方发布性能分析插件——Profiler Icon

31. 使用split.js库实现网页布局分割

32. 错误解决Error: error:0308010C:digital envelope routines::unsupported

    前端项目运行报错，主要是node版本原因Error: error:0308010C:digital envelope routines::unsupported

33. 2023前端面试题第二弹（真实，一般人我还不给看）

    前几个月我和我的小伙伴遇到的面试题，希望能帮助到各位，我已经上岸了哦，面5过4，第一家没过因为没背面试题，加油各位

34. 被难倒了 针对高级前端的8个级JavaScript面试问题

35. 前端高频面试题 Day03

    适用于兄弟组件，或者“距离”较远的组件。常用 API绑定事件或触发事件解绑事件Vue 版本的区别Vue 2.x 可以使用 Vue 实例作为自定义事件Vue 3.x 需要使用第三方的自定义事件，例如 https://www.npmjs.com/package/event-emitter【注意】组件销毁时记得off事件，否则可能会造成内存泄漏。

36. Vue组件懒加载

37. Node.js | 从前端到全栈的必经之路

    深入浅出Node.js，最适合前端开发人员进入全栈时学习的服务端语言，以JavaScript为基础，使前端人员能够平滑过渡到全栈，赶快来认识一下Node.js吧！

38. 【SpringMVC】基于 Spring 的 Web 层MVC 框架

    Spring MVC（Model-View-Controller）是Java世界中最流行的Web应用程序开发框架之一。它提供了一种结构化的方法来构建强大的Web应用程序，使开发人员能够轻松管理请求和响应、处理表单提交、进行验证以及与数据库进行交互。本文将深入探讨Spring MVC的核心概念和工作原理，帮助你更好地理解并利用这个强大的框架来构建Web应用程序。

39. postman-使用Postman的模拟服务来模拟（mock）后端数据，完成前端模拟API调用

    Setting up mockservers-设置模拟服务器：Postman开发了一种新的模拟服务，使团队能够模拟后端服务器。Postman使您能够创建模拟服务器来协助 API 开发和测试。模拟服务器通过接受请求并返回响应来模拟真实 API服务器的行为。通过将模拟服务器添加到您的集合并向您的请求添加示例，您可以模拟真实 API 的行为。前端，后端和API团队现在可以并行工作，从而释放之前因这些依赖性而延迟的开发人员。现在，让我们看看Postman是如何模拟后端的。

40. 【愚公系列】2023年09月 .NET CORE工具案例-HTTP请求之WebApiClientCore

    HTTP请求是客户端向服务器发送的请求信息。它包含请求行、请求头部和请求主体三部分。请求行包含请求的方法（GET、POST等），请求的URL和HTTP协议的版本。请求头部包含一些附加的信息，例如请求的主机名、浏览器类型、Cookie等。请求主体则是可选的，用于传输请求的数据。服务器收到HTTP请求后，根据请求信息进行相应的处理并返回响应结果。WebApiClientCore是一个基于ASP.NET Core的轻量级WebAPI客户端开发框架。

41. vue3.x中useRouter()执行后返回值是undefined问题

    useRouter

42. 在国内使用 FOFA 查找免费无需注册无需验证的 ChatGPT Web 站点

    FOFA（网络空间资产检索系统）是白帽汇推出的一款非常强大的搜索引擎，是世界上数据覆盖更完整的IT设备搜索引擎，拥有全球联网 IT 设备更全的 DNA 信息。探索全球互联网的资产信息，进行资产及漏洞影响范围分析、应用分布统计、应用流行度态势感知等。常见的搜索引擎，如 Google 和 Bing 等，主要是通过爬虫技术对互联网上的信息进行抓取和索引，通过关键字匹配的方式帮助用户找到包含关键信息的网页。

43. BootStrap基本使用

    html超文本标记语言，多出来的html为超文本标记语言，是一种标识性语言css为层叠样式表css为层叠样式表，为前端三剑客之一

44. Vue.js 状态管理：Pinia 与 Vuex

    我将简要总结 Vuex 和 Pinia。如果你想要更详尽的解释，我建议阅读Vuex 文档和Pinia 文档。Pinia是一个新的状态管理库，可帮助你在 Vue.js 应用程序中跨组件管理和存储响应数据和状态。Pinia 由 Vue 核心团队成员之一 Eduardo San Martin Morote 创建。Pinia 使用新的反应系统来构建一个直观且完全类型化的状态管理系统。库中引入的新特性是促成 Pinia 推荐的因素之一。总体而言，Pinia 显得轻巧、简单且易于掌握。

45. Vue实现select下拉框二级联动数据后台获取

    change在表单内容发生改变时出发方法。然后在下面的methods中声明方法，通过this.form.ks获取到当前下拉框的数据。一、二级联动在vue中实现selected的二级联动取其实很简单，可以使用select下拉框的表单改变事件。然后调用后两级访问数据库的方法，获取到联动的数据，添加到对应的v-for循环对象中。：label是指遍历该元素对应的名字，也就是到时候下拉框中展示的内容。主要是使用v-for循环来对option进行动态追加。：value是指该元素对应的值，也就是传递到后台的值。

46. CSS-flex布局详细讲解：

    CSS-flex布局详细及其flex布局携程网移动端案列

47. vue3 报错解决：找不到模块或其相应的类型声明

    【代码】vue3 报错解决：找不到模块或其相应的类型声明。

48. 《Python入门到精通》webbrowser模块详解，Python webbrowser标准库，Python浏览器控制工具

    webbrowser 是Python的内置库，提供了访问Web浏览器的接口