20240719 前端开发周报

肝了两个月,我们无偿开源了;高级前端开发需要知道的 25 个 JavaScript 单行代码;还在用 swiper.js 吗?CSS 实现带指示器的swiper;纯前端如何实现Gif暂停、倍速播放;开源了一个可能是最适合后端开发者的Vue3后台框架;前端性能优化之路——浏览器底层渲染原理;vue3+node.js+mysql+electron+express实现用户登录,文章写入删除,全量更新,增量更新,和截屏功能,前后端分离(2)实现页面创作和vue构建;LG 选择 Flutter 来增强其智能电视操作系统 webOS

  1. 纯前端如何实现Gif暂停、倍速播放

    前言 GIF 我相信大家都不会陌生,由于它被广泛的支持,所以我们一般用它来做一些简单的动画效果。一般就是设计师弄好了之后,把文件发给我们。然后我们就直接这样使用: 这样就能播放一个 GIF ,不知道大

  2. vue3+node.js+mysql+electron+express实现用户登录,文章写入删除,全量更新,增量更新,和截屏功能,前后端分离(2)实现页面创作和vue构建

    文章浏览阅读307次,点赞7次,收藏3次。创建vue项目,和介绍preload.js,暴露主进程模块,或者信息。

  3. vue和react中都使用的hook到底是什么?

    文章浏览阅读790次,点赞21次,收藏4次。在Vue中,Hook(钩子)通常指的是生命周期钩子。这些钩子函数允许你在组件的不同生命周期阶段执行代码。在Vue 3中,自定义Hook的概念通过组合式API(Composition API)实现。组合函数(Composable Functions)允许你将组件逻辑提取到可重用的函数中,使不同组件可以共享相同的逻辑。在React中,Hook是自React 16.8引入的一种特性,使得在函数组件中可以使用state以及其他React特性(如生命周期方法)而不需要使用类组件。

  4. ref 和 reactive 区别

    文章浏览阅读148次,点赞2次,收藏2次。ref 和 reactive 区别

  5. 为什么使用react而不使用vue

    文章浏览阅读176次。复杂的数据逻辑应用 用React 能够避免数据逻辑错误,自我感觉最好的是react hooks,他能帮助我们节省很多时间,react和vue都使用了虚拟Dom,但是react处理大量数据更新更快,更高效。react降低了组件互相通信的代码耦合度,数据流更清晰,调试更方便。总结(自我看法):小项目不是很复杂数据逻辑可以使用vue,具有。复杂的数据逻辑应用 用React 能够避免数据逻辑错误。hooks 的局部状态 移除了很无用的多样板和的构造器。React的渲染系统可配置性更强。

  6. 【React】实现类似vue的keepAlive组件的持久化

    文章浏览阅读153次。通过这个完整的案例,我们实现了一个类似于 Vue 的KeepAlive功能的组件,通过缓存组件的实例和其 childNodes,在重新渲染时通过读取childNodes恢复组件。通过这种方式,我们可以确保组件的实际 DOM 节点在卸载和重新挂载之间保持不变,从而实现了组件的持久化。

  7. 【React】React18 Hooks 之memo、useCallback

    文章浏览阅读3.2k次,点赞39次,收藏29次。React的性能优化途径是之一就是对 组件、函数以及函数执行结果进行缓存,组件渲染时避开一些不必要的代码执行。

  8. 7.17(nodejs、vue、SSH服务、SSH免密登录)

    文章浏览阅读749次,点赞29次,收藏8次。nodejs、vue、SSH服务、SSH免密登录

  9. 掌握Vue CLI 3脚手架配置(vue.config.js)

    文章浏览阅读483次,点赞3次,收藏3次。本文将详细介绍Vue CLI 3的配置文件vue.config.js,探讨如何通过自定义配置优化Vue项目,提高开发效率。Vue CLI 3是Vue.js社区推出的新一代脚手架工具,它提供了一套完整的项目配置和构建流程。vue.config.js是Vue CLI 3项目的配置文件,位于项目根目录下,用于自定义webpack配置和其他项目设置。Vue CLI 3允许通过configureWebpack选项来修改webpack配置。你可以直接修改配置对象,或者返回一个函数来修改配置。plugins: [

  10. React和Vue.js的相似性和差异性是什么?

    文章浏览阅读88次。React 和 Vue.js 都使用虚拟 DOM 技术来提高性能,通过比较虚拟 DOM 的差异来最小化 DOM 操作,从而提高页面渲染效率。React 和 Vue.js 都支持组件化开发,允许开发者将界面拆分为独立的组件,提高代码的复用性和可维护性。React 和 Vue.js 都拥有庞大的生态系统,有丰富的第三方库和插件可供开发者使用,以满足不同的需求。React 和 Vue.js 都支持响应式数据绑定,当数据发生变化时,视图会自动更新以反映最新的数据状态。

  11. vue实现提交时对不同板块的表单内容进行校验

    文章浏览阅读427次,点赞13次,收藏17次。需求1、需要对第一个红色框框板块内所有带星号的地方进行校验,并将提示语显示到对应的输入框下面,如图:2、第二个红色框框板块中,点击 “添加相关人员” 能实现对多人的添加功能,并且能绑定相对应的校验规则3、在第二个红色框框板块中,对所有红色星号进行指定规则校验,如下图:代码 <!– 添加或修改出勤信息 –> <el-dialog :title="title" :visible.sync="open" width="1300px" append-to-body

  12. vue、js截取视频任意一帧图片

    文章浏览阅读502次,点赞3次,收藏5次。vue、js对video视频中的某一帧截取,截取视频封面

  13. vue 使用js实现批量上传图片功能并回显图片

    文章浏览阅读416次,点赞6次,收藏6次。在Vue中实现批量上传图片功能,可以通过js直接实现。这里是一个简单的示例,演示如何实现这个功能。

  14. 使用 Vue3、Node.js、MySQL、Electron 和 Express 实现用户登录、文章管理和截屏功能

    文章浏览阅读232次,点赞2次,收藏2次。通过本文,我们详细介绍了如何使用 Vue3、Node.js、MySQL、Electron 和 Express 实现一个完整的用户登录、文章管理和截屏功能的应用。希望这篇文章能为你提供有价值的参考,帮助你更好地理解和实现前后端分离的应用开发。如果你有任何问题或建议,欢迎在评论区留言讨论。

  15. React vs Vue:谁是前端界的冠军?

    文章浏览阅读169次,点赞2次,收藏3次。React 和 Vue 都是优秀的前端工具,它们各自在不同的场景下展现出卓越的能力。React 由于其成熟度和广泛的社区支持,在企业级应用和大型项目中占据主导地位;而 Vue 则因其易用性和灵活性,在快速开发和小型项目中表现出色。最终,选择哪一个取决于你的具体需求和团队的熟悉程度。

  16. React18+Redux+antd 项目实战 JS

    文章浏览阅读238次,点赞3次,收藏4次。学习react,需要对js特别会,听说js会的人就不会觉得react难。vue框架对js的要求不是很高,因为里面有一些自定义的语法,怪不得我学的还算顺畅,呜呜。1.创建新项目 hotel-manager。3.删除没必要的文件,最后新建文件夹成这样。(2)新建Layout.scss。(4)新建Login.scss。(1)修改index.css。(1)新建Layout.js。(4)修改index.js。(3)新建Login.js。(3)清空App.css。4.修改里面的文件代码。(2)修改App.js。

  17. Vue3和ElementPlus实现表单校验、字段的显示/隐藏

    文章浏览阅读112次,点赞4次,收藏3次。Vue3实现表单校验、字段的显示/隐藏

  18. 【高德地图】vue使用高德地图(js api)

    文章浏览阅读482次,点赞19次,收藏3次。vue中使用高德JSapi,添加点标记以及其他覆盖物,高德JSapi的常用操作

  19. 【Vue】使用ElementUI组件基于element-china-area-data库实现省市区三级联动的组件封装

    文章浏览阅读58次。【代码】【Vue】使用ElementUI组件基于element-china-area-data库实现省市区三级联动的组件封装。

  20. 一文带你实现轻量级的打印功能(vue/js原生版本)

    文章浏览阅读86次,点赞2次,收藏3次。vue如何实现打印功能,vue开发打印功能,vue实现打印功能

  21. 如何在 Node.js(Express.js)中构建后端代码结构

    文章浏览阅读245次,点赞6次,收藏5次。在使用 Express.js 开发 Node.js 应用程序时,有效地构建代码库结构对于可维护性、可扩展性和协作便利性至关重要。一个组织良好的项目结构能够帮助您管理复杂性,使代码更易于导航和理解。在这篇博客中,我们将探讨 Express.js 应用程序的典型文件夹结构,并解释每个目录和文件的用途。

  22. JS获取地址栏参数的方法(原生、vue)

    文章浏览阅读94次。若地址栏URL为:code-nav/article/917?type=12&title=abc,我们要获取到地址栏后面的的type和title参数,如何才能拿到呢?

  23. Vue.js 中的 Ajax 处理:vue-resource 库的深度解析

    文章浏览阅读353次,点赞3次,收藏6次。是一个 Vue.js 插件,它为 Vue 实例提供了一个易于使用的 HTTP 客户端。它允许我们在 Vue 组件中使用this.$http来发起 HTTP 请求,从而方便地处理异步数据。支持多种 HTTP 方法,如 GET、POST、PUT、DELETE 等,并且可以很容易地与 Vue.js 的数据绑定和组件系统集成。除了标准的 HTTP 方法外,// 处理成功情况// 处理错误情况});

  24. Laravel与现代前端:Vue.js与React的无缝集成

    文章浏览阅读386次,点赞12次,收藏4次。Laravel与Vue.js和React的集成,为开发者提供了强大的工具和灵活性。通过本文的介绍,你应该对如何在Laravel项目中使用Vue.js和React有了更深入的理解。记住,合理利用这些前端技术,可以显著提升应用的用户体验和性能。本文详细介绍了如何在Laravel项目中集成Vue.js和React,从安装到创建组件,再到优化前端资源。通过具体的代码示例和步骤说明,希望能够帮助读者更好地理解和运用Laravel与现代前端技术的结合,构建高效、可维护的Web应用。

  25. 在 vite+vue3+electron 中使用 express

    文章浏览阅读405次,点赞22次,收藏16次。一、Vite + Vue3 + Electron 项目的搭建二、搭建 express 环境1、安装 express 框架所需依赖2、创建 express 项目3、配置路由4、启动 express 服务5、启动 electron 并获取数据三、项目打包

  26. 【vue教程】二. Vue特性原理详解

    文章浏览阅读648次,点赞24次,收藏12次。本章将对Vue 实例和选项 ,模板语法:插值、指令、过滤器, 数据绑定和响应式原理, 事件处理和表单输入、v-model 原理,组件基础 进行讲解

  27. vue3 Proxy 原理 具体实现 (理解版)

    文章浏览阅读144次,点赞4次,收藏2次。理解 且 javascript 实现 vue3 proxy 实现响应式数据。

  28. Three.js 加载glb模型

    文章浏览阅读179次。引入资源使用。

  29. Vue 3 组合式 API 指南:响应式状态管理与跨组件通信

    文章浏览阅读304次,点赞14次,收藏5次。Vue 3 的组合式 API 通过setup函数提供响应式状态管理,支持使用ref和reactive创建响应式数据,computed和watch处理计算属性和侦听器。同时,provide和inject允许跨组件进行依赖注入,实现数据和方法的共享。这些特性提升了代码的组织性、可重用性以及组件间的解耦。希望这篇文章能帮助到你。

  30. 【React Hooks原理 – useRef】

    文章浏览阅读460次,点赞14次,收藏16次。从基本使用、使用场景、原理分析,根据源码一步一步介绍了useRef的原理

  31. 组件(VUE2 后台)

    文章浏览阅读71次。记录 vue-element-admin 后台模板中出现的 常用(或实用)组件

  32. 限时免费国产Sora快手可灵Web网页端及全新功能上线国货之光

    快手可灵(Kling)不敢说是否已经超过了 CloseAI 的 Sora,但肯定已经跻身世界第一梯队了! 在 7 月 6 日的 WAIC 2024 的大会上,快手公布了「可灵 AI」的 Web 端平台

  33. Vueday03-生命周期,自定义指令,过滤器

    文章浏览阅读72次,点赞2次,收藏2次。使用:v-指令的名字//第一个参数:自定义指令的名字//第二个参数:对象//这个三个方法第一个参数都是el,原生的dom对象//bind只调用一次,指令第一次绑定到元素时调用log(el)//绑定的元素log(binding)//信息对象},//这个元素已经渲染到界面上之后执行 是真实domlog(el)el.focus()},//更新之后触发的函数log(el)})el:指令所绑定的元素,可以用来直接操作 DOM。name:指令名,不包括 v- 前缀。

  34. Vue侦听器 (watch)的使用方法及使用场景总结

    文章浏览阅读192次,点赞5次,收藏3次。Vue侦听器 (watch)

  35. React中的hook使用

    文章浏览阅读380次,点赞12次,收藏3次。这个是用在处理DOM的时候,当你的useEffect里面的操作需要处理DOM,并且会改变页面的样式,就需要用这个,否则可能会出现出现闪屏问题, useLayoutEffect里面的callback函数会在DOM更新完成后立即执行,但是会在浏览器进行任何绘制之前运行完成,阻塞了浏览器的绘制。如果当前渲染是紧急更新的结果,比如用户输入,应使用之前的值。// react18 以前,所有的更新都是紧急的. 更新用户输入过程中,事件的触发频率非常,会导致大量重新渲染,页面可能会出现卡顿。在浏览器执行绘制之前,

  36. vue3首页

    文章浏览阅读144次,点赞2次,收藏4次。1.MainMenu左侧导航组件2.MainHeader头部组件3.header-crumb面包屑组件4.header-info头部信息组件5.main页面6.动态路由7.退出登录8.刷新保持路由9.第一个页面匹配10.根据路径匹配菜单


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流