20231128 前端开发日报

自己撸一个文字生成图片的开源产品没那么难;手把手带你入门 Three.js Shader 系列(五);css实现优雅的渐变圆弧;作为中级前端工程师,如何在工作中提升自己的能力?;开源编程挑战报名开启|集群联邦引擎 KubeAdmiral 社区议题发布;Web Components 轻松入门,6 步教你学会;原生DOM事件、react16、17和Vue合成事件;封装websocket并在vuejs中调用

  1. 自己撸一个文字生成图片的开源产品没那么难

    工作这么多年,一直想做一款属于自己的开源产品,这篇文章,带着大家了解下如何将捕捉的“灵感”一步步转变为应用落地。

  2. 手把手带你入门 Three.js Shader 系列(五)

    本文作为第一阶段片元着色器的最后一篇,将先带大家用前篇文章里讲到的组合方式实现棋盘格效果,会延展到abs取绝对值的操作;另外涉及aastep抗锯齿以及smoothstep平滑插值等等内容。

  3. css实现优雅的渐变圆弧

    通过css来实现带有渐变弧线的饼图。在微信小程序中中,通过Taro react 来实现一个简单的饼图。

  4. 作为中级前端工程师,如何在工作中提升自己的能力?

    前言 在日常工作的过程中,你是否存在以下几种情况: 某个时间节点突然产生迷茫,不知道自己当下应该做哪些事情,学哪些东西? 不知道如何在工作中提升自己的技术或能力? 你似乎对自己做的系统都熟悉了,但是在

  5. 开源编程挑战报名开启|集群联邦引擎 KubeAdmiral 社区议题发布

    KubeAdmiral 作为字节跳动云原生团队持续投入的开源项目,看重开源的长期价值,重视开源社区的反馈与参与。 鼓励更多对云原生感兴趣的高校学生参与开源社区,加入挑战~

  6. Web Components 轻松入门,6 步教你学会

    本文通过信息卡片组件示例 info-card 手把手教你使用 Web Components,包括创建元素、附加 Shdow DOM、模版和插槽、设置 CSS 样式、响应式属性和状态、自定义事件等内容!

  7. 原生DOM事件、react16、17和Vue合成事件

    文章浏览阅读143次。CustomEvent构造函数。

  8. 封装websocket并在vuejs中调用

    文章浏览阅读116次,点赞3次,收藏3次。

  9. 手摸手Element-ui路由VueRoute

    文章浏览阅读183次。Element-ui路由VueRoute

  10. Vue快速实践总结 · 下篇

    文章浏览阅读326次,点赞11次,收藏5次。本文涉及组件通信、Vuex、VueRouter等内容,是更适合后端程序员快速实践的总结文章。

  11. Redux在React中的使用

    文章浏览阅读67次。使用useDispatch获取dispatch方法,提交对应的方法改变state的值。创建store文件夹,然后创建index和对应的模块,如上图所示。使用react-redux中Provider进行导入。文章以counterStore命名,名字可自行取。使用useSelector获取store中的数据。③编写index.js。

  12. 在vue3中使用滑块检验vue-puzzle-verification

    文章浏览阅读161次,点赞5次,收藏4次。官网链接因为官网是vue2写的,而我现在的项目是使用vue3,所有我就把官网的源码拉取下来,改成vue3的写法(没有做任何逻辑上变动)

  13. vue3通过provide和inject实现多层级组件通信

    文章浏览阅读130次。【代码】vue3通过provide和inject实现多层级组件通信。

  14. vue 路由跳转history模式报Uncaught SyntaxError: Unexpected token ‘<‘,与众不同的点

    文章浏览阅读162次,点赞5次,收藏4次。然后就开始排查到底是什么问题导致的这个,顺便在网上搜寻答案,结果网上基本上都是很统一的 :去 vue.config.js中去修改publicPath为 “/”,也就是修改成绝对路径,我可是我看着我这也是没有问题的,就是绝对路径。将原本的schoolmanagement改成了schmanagement,然后刷新了下,没想到竟然好了,不知道是啥原理,只能猜测是因为识别的school子路径下的文件,虽然那个uniapp项目下并没有名为这个文件名的文件。后来是简单一看,没啥重复的呀,更不知道是为啥了,摸不到头脑。


关注我

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

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

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