20231221 前端开发日报

开源不挣钱?这个项目上线半年月入超 30w;圣诞节快到了,用ThreeJS给女朋友写了一个圣诞树,她很开心;2023 年超全前端代码评审清单;Flutter基建 – 形影不离的State**Widget;Flutter基建 – 异步加载UI;Vitepress 插件 Vitepress-Helper;B端开发化神期–这个Vue3动态表单设计是不是你的Crush?;纯干货不废话,用rollup搭建组件库,再用vite搭建测试环境

  1. 开源不挣钱?这个项目上线半年月入超 30w

    很兴奋的告诉大家,Sealos 自从 6 月份上线以来,**仅半年时间注册用户已经突破 7万,月收入超过 30w**,本文来向大家介绍我们是怎么做开源商业化的。每月平均增速超过 40%,而且这些收入

  2. 圣诞节快到了,用ThreeJS给女朋友写了一个圣诞树,她很开心

    转眼间又是一年快要结束了,马上圣诞节就快到了。给女朋友(没有女朋友的就自己new一个吧)写一个圣诞树让她开心一下吧

  3. 2023 年超全前端代码评审清单

    在项目开发中,代码评审是至关重要的一个环节,是整个项目健康运行的必要保障。笔者基于维护多年的 React 前端组件库,总结了如下的代码评审清单,欢迎大家参考讨论。

  4. Flutter基建 – 形影不离的State**Widget

    本篇为Flutter基建的第七篇文章,主要介绍Flutter中StatelessWidget和StatefulWidget使用以及基础类Widget相关知识

  5. vue3中监听的使用说明

    文章浏览阅读136次,点赞4次,收藏3次。开发中经常出现,表单中的某个值等于表单中的另外两个值的加减乘除后的值,可以用监听来实现。

  6. 基于vue与three.js,监听FPX(Stats类使用)

    文章浏览阅读126次,点赞5次,收藏4次。第一步,引入stats类并new出来。

  7. Vue3前端复制文本到剪切板

    文章浏览阅读92次,点赞3次,收藏4次。vue3利用浏览器复制输入框文本

  8. vue封装全局获取焦点指令

    文章浏览阅读87次,点赞2次,收藏2次。在main.js封装v-focus指令。

  9. vue的动态组件及插槽详情

    文章浏览阅读101次,点赞4次,收藏2次。动态组件是指:在一个挂载点使用多个组件,并进行动态切换。可能对于新手来说,这句话有些难理解,什么是挂载点?可以简单的理解为页面的一个位置。最常见的就是:tab的切换功能。

  10. 在.vue中引入部署到服务器上的另一个项目的.html静态文件,并实时传递token,和刷新页面

    文章浏览阅读270次,点赞8次,收藏4次。4、难点:当vue项目提示token过期后会自动跳转到登录页,再次登录后由于路由链接到的页面是iframe引入的外部资源时,页面仍然会有token过期的弹窗,主要是因为浏览器缓存的问题,因此必须通过location.reload()强制刷新页面。总结:vue引入外部html文件有两大难点。3、在.html文件中所引入的.js文件中对.vue传过来的token参数进行解析,就可以实时获得最新的token。在.vue中引入部署到服务器上的另一个项目的.html静态文件,并实时传递token,和刷新页面。

  11. vuex持久储存

    文章浏览阅读98次,点赞2次,收藏4次。先在vuex中定义一个值和方法state: {},getters: {},//操作按钮展开收起},actions: {},modules: {})

  12. Vue登陆,验证token,路由守卫拦截跳转

    文章浏览阅读194次,点赞7次,收藏3次。gutUUid,可用作token,id等随机长字符串,设为全局函数。路由守卫判断是否有token,跳转对应页面。获取删除设置token。登陆页面进行本地验证。

  13. 【Vue原理解析】之异步与优化

    文章浏览阅读381次,点赞11次,收藏5次。在本文中,我们深入探讨了Vue的异步更新机制和一些优化技巧。异步更新机制通过将多个数据变化合并为一个更新操作,提高了渲染性能。而优化技巧如列表渲染优化、计算属性和侦听器、合理使用keep-alive等,进一步提升了应用程序的性能和用户体验。通过合理应用这些特性和技巧,您可以构建出更高效、更流畅的Vue应用程序。

  14. 说说 React 生命周期有哪些?

    文章浏览阅读632次,点赞18次,收藏6次。新版生命周期整体流程如下图所示:旧的生命周期流程图如下:其实这三个方法仍然存在,只是在前者加上了UNSAFE_前缀,如,并不像字面意思那样表示不安全,而是表示这些生命周期的代码可能在未来的react版本可能废除。


关注我

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

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

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