20231022 前端开发日报

前端传参如果参数过多你还会拼接在URL上嘛？；从0到1搭建webpack5+vue2.7+ts脚手架；解决前端部署之后，通知用户系统有新版本【version-polling】；中级前端必备知识点；pubsub-js在react中的使用；基于nodejs+vue云旅青城系统；vue与react,angular的区别；nextjs-一个基于React的全栈框架

1. 前端传参如果参数过多你还会拼接在URL上嘛？

   当然除了 ‘+’ 拼接你也可以用模版字符串的方式，相对来说可能要好一些，但是如果字段太多的话，还是不太方便，所以这里介绍一种其他的方式，比如qs。 qs是npm仓库所管理的包，可以通过npm inst

2. 从0到1搭建webpack5+vue2.7+ts脚手架

   本文使用 webpack5 从0到1搭建项目脚手架，参考业内的很多最近实践。使用了 vue2.7+ts 提高了项目的整体可维护性，使用 esbuild-loader 以及 webpack5 的缓存。

3. 解决前端部署之后，通知用户系统有新版本【version-polling】

   解决前端部署之后，通知用户系统有新版本【version-polling】,设计目的 为了解决前端项目部署之后，如何通知用户系统有新版本，并引导用户刷新页面以加载最新资源的问题。

4. 中级前端必备知识点

   1、从输入url到页面显示出来发生了什么 1.DNS解析 2.TCP连接 3.发送HTTP请求 4.服务器处理请求并返回需要的数据 5.浏览器解析渲染页面 解析HTML，生成DOM树，解析CSS，生成

5. pubsub-js在react中的使用

   pubsub-js在react中的使用

6. 基于nodejs+vue云旅青城系统

   技术的飞速发展，带动了云旅青城系统，首页、个人中心、用户管理、时事新闻管理、景区信息管理、订票信息管理、系统管理，用户；它彻底改变了过去传统的管理方式，不仅使服务管理难度变低了，各行各业都在努力与现代先进技术接轨，通系统中管理员主要是为了安全有效地存储和管理各类信息，还可以对系统进行管理与更新维护等操作，并且对云旅青城有相应的操作权限。

7. vue与react,angular的区别

   Vue.js 作为一个优秀的前端框架，方便前端开发者快速开发应用的前端，在实际项目中使用得比较普遍。当然 Vue.js 也不是实际项目中唯一的前端框架，比较优秀的前端框架还有 React、AngularJS 和 Angular等。接下来就介绍一下 Vue.js 同这3个框架的对比。

8. nextjs-一个基于React的全栈框架

   例如，创建一个名为 posts/[id].tsx 的文件，它的路径可以是 /posts/1、/posts/2 等，访问不同的路径时会根据参数的不同渲染对应的页面组件。你可以在 Next.js 的 pages 目录下创建一个文件，文件的路径就是路由的路径，文件的内容就是对应的页面组件。例如，如果你想创建一个处理 /api/users 路径的接口，你可以在 pages/api 目录下创建一个名为 user.ts 的文件。Next.js的目标是简化React应用程序的开发流程，并提供更好的性能和开发体验。

9. 在Vue中使用Mock.js虚拟接口数据实例详解

   在Vue项目中使用Mock.js可以方便地模拟接口数据，用于前端开发和测试。Mock.js是一个生成随机数据的库，可以帮助我们快速构建虚拟接口数据。在本文中，我将通过一个实例来详细讲解在Vue中使用Mock.js虚拟接口数据的方法。

10. vue3 + element-plus实现侧边导航栏

    当 NarBar.vue中绑定展开或收起的变量发生改变时候，右侧的内容不会随着左侧的内容变化而变化，而是会固定在初始位置不动。我们选择垂直导航菜单，后台管理系统彩带一般都可以被折叠，通过绑定一个变量来设定当前是否展开或关闭。侧边导航栏一般用在后台管理系统中，我们用element-plus更容易实现。所以我们需要在父组件中传入一个方法，在子组件触发，并且在。这个问题官网没有具体的解答，但是网上是有相关的处理方式的。中必须将控制展开和收起的变量暴露出去，用vue3中的。而绑定收起或展开的变量在。

11. Vue非单文件组件

    组件就是用来实现局部特定功能效果的代码集合，为的就是复用编码，简化项目编码，提高运行效率。组件分为非单文件组件和单文件组件，这里介绍的是非单文件组件。

12. js手写红绿灯（带优化版）

    主要功能：红灯2秒后转黄灯，黄灯1秒后转绿灯。1.用时间补偿法纠正定时器。2.用闭包避免污染全局变量。

13. React之Redux详解

    React是用于构建用户界面的，帮助我们解决渲染DOM的过程而在整个应用中会存在很多个组件，每个组件的state是由自身进行管理，包括组件定义自身的state、组件之间的通信通过props传递、使用Context实现数据共享如果让每个组件都存储自身相关的状态，理论上来讲不会影响应用的运行，但在开发及后续维护阶段，我们将花费大量精力去查询状态的变化过程这种情况下，如果将所有的状态进行集中管理，当需要更新状态的时候，仅需要对这个管理集中处理，而不用去关心状态是如何分发到每一个组件内部的redux。

14. Vue 中setup的特性

    setup的语法糖

15. vue + fabricjs实现刮刮乐游戏

    刮刮乐大家都玩过吧，采黎也是深受其害，就是忍不住[笑哭]；特别是好运十倍这一款，总给人一种中奖机率很大的感觉；今天采黎做了一款线上刮刮乐-好运十倍，供大家娱乐。

16. vue使用carousel(走马灯)开发轮播图

    * 根据需要设置轮播图容器的宽度 */在main.js 引入。

17. JavaScript实现元素吸顶(踩小坑)

18. 如何将Next.js部署到Github Pages

19. 如何让你的Node.js应用程序处理数百万的API请求