20240313 前端开发日报

原生 JS 实现简易低代码与 undo&redo 操作、现代 CSS accent-color 强调色、为何避免使用外键与级联操作 | 酱酱的下午茶第310期;Vue – Official 请降级到 1.8.x;一文搞懂 JavaScript 模块化;面试常问:为什么 Vite 速度比 Webpack 快?; 2024 推荐一款 Vue3 移动端模板 (十个理由);Tailwind CSS v4 预览版:高性能 CSS 新引擎;零基础入门AI:一键本地运行各种开源大语言模型 – Ollama;面试官:这26分钟感觉身体被掏空

  1. 原生 JS 实现简易低代码与 undo&redo 操作、现代 CSS accent-color 强调色、为何避免使用外键与级联操作 | 酱酱的下午茶第310期

    低代码实践:原生 JS 实现简易低代码 demo + undo、redo 操作,这撤消、重做快给我整懵了 – 查漏补缺,盘点和toggle相关的几个API – 现代 CSS 解决方案

  2. Vue – Official 请降级到 1.8.x

    本文纯属吐槽 Vue 的生态,遇到提醒 TS/JS 崩溃,语法没提示的同学,需要降低到 Vue – Official 1.8.x 版本

  3. 一文搞懂 JavaScript 模块化

    本文梳理JS模块化的历史和现状,不仅介绍不同模块系统是什么,而是深入介绍不同模块系统诞生的原因和解决的问题,阅读本文将为你解开很多JS模块化的疑惑

  4. 面试常问:为什么 Vite 速度比 Webpack 快?

    为什么 Vite 速度比 webpack 快?之前一直对这个问题不是特别了解,甚至讲不出123….,这个问题在面试中也是常见的,作者在学习的过程当中总结了以下几点,在这里分享给大家看一下!

  5. vue3+vite… nodejs+experss… (三)登录和注册逻辑

    文章浏览阅读386次,点赞8次,收藏7次。login页面注册接口需要用到短信或者邮箱发送短信的功能 这里由于我比较穷就使用就行这只是一个简陋的注册 只是实现功能需求在vue3中注册对应的路由和页面 /register/login/register.vue这样就可以成功的注册了 我们去登录就可以看完善登录页面 登录成功后我们需要保存token到pinia中 在后面的登录中带上token请求store/modules/main.tsstore/index.ts这样的话完整的登录和注册就可以实现欢迎 点赞 收藏 有问题欢迎留言评论!

  6. Angular React Vue 比较 – 组件篇之内置组件

    文章浏览阅读527次,点赞11次,收藏8次。本篇文章是组件篇的最后一篇,我们将探讨一下三大框架本身的内置组件。

  7. vue若依自定义权限控制

    文章浏览阅读245次,点赞4次,收藏3次。在这里,我所理解的 v-hasPermi,相当于 v-if,(当条件判断为 false 的时候进行销毁元素),可又和 v-if不太一样,话不多说,直接上方法,教你如何使用 v-hasPermi 进行标签的隐藏。

  8. vue 和 react 比较

    文章浏览阅读274次。概括的说,React是最求简洁和函数式的,这两点也确实在跨平台方案和大型框架如Next.js中发挥了威力。还有一个重要的影响点就是,给项目中的React升级是容易的,也得益于React对自身暴露API的谨慎。Vue追求易用和上手,但在跨平台方案和大型框架落了下风。但如果是开发Web应用,Vue同样是值得选择的好技术栈。暂时总结到这里,后续再学习,有新的心得再补充进来。Vue本质是MVVM框架,由MVC发展而来;React是前端组件化框架,由后端组件化发展而来。

  9. 深度解读React中的createContext、useMemo、Provider和useContext:一种高效的数据管理模式

    文章浏览阅读173次,点赞3次,收藏5次。合理运用这些工具,不仅可以简化状态传递的过程,还能确保应用具备良好的扩展性和性能表现。是React Hook,它允许消费组件订阅在其父级作用域内创建的Context对象,无需手动一层层地通过props向下传递。然而,在大型应用中,如果上下文中的数据计算成本高昂,每次渲染都重新计算可能会导致性能瓶颈。在React生态系统中,有效地管理和传递状态是至关重要的。是React提供的用于创建上下文对象的函数,它可以封装那些需要在组件树中跨多层传递的值。组件,为我们提供了一种在组件层级之间共享全局状态的方式,而。

  10. vue 原生table表格 实现无限滚动效果(vueSeamlessScroll使用)

    文章浏览阅读304次,点赞11次,收藏3次。vue 原生table表格 实现无限滚动效果(vueSeamlessScroll使用)

  11. React render方法的原理?在什么时候会被触发?

    文章浏览阅读221次,点赞7次,收藏2次。render函数里面可以编写JSX,转化成这种形式,用于生成虚拟DOM,最终转化成真实DOM在React中,类组件只要执行了setState方法,就一定会触发render函数执行,函数组件使用useState更改状态不一定导致重新render组件的props改变了,不一定触发render函数的执行,但是如果props的值来自于父组件或者祖先组件的state在这种情况下,父组件或者祖先组件的state发生了改变,就会导致子组件的重新渲染所以,一旦执行了setState就会执行render方法,

  12. 请说明Vue中的注入实例或者全局注册

    文章浏览阅读244次,点赞8次,收藏4次。在Vue中,我们可以通过注入实例或者全局注册的方式来实现组件间的通信和数据共享。这种方法可以让我们在Vue应用中更加灵活地管理组件实例和状态,提高整个应用的可维护性和可扩展性

  13. vue的生命周期有那些

    文章浏览阅读258次,点赞6次,收藏3次。当网络较慢,网页还在加载 Vue.js ,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码。只渲染元素和组件一次,随后的渲染,使用了此指令的元素/组件及其所有的子节点,都会当作静态内容并跳过,这可以用于优化更新性能。v-pre,所有 Vue 模板语法都会被保留并按原样渲染。事件传参(括号在传参是是必须加,不传参可加可不加;上下文中,转换后的值为真的值。还支持一个可选的第二个参数,即当前项的索引。的元素始终会被渲染并保留在 DOM 中。默认模式是高效的,但只适用于。则是被迭代的数组元素的。

  14. [Vue]组件间通讯

    文章浏览阅读264次,点赞11次,收藏3次。介绍了Vue组件间通讯:父子间通讯props和非父子间通讯eventBus


关注我

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

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

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