前端知识点
26篇文章 · 2订阅
  • 为什么一个文件的代码不能超过300行？
    大家好，我是前端林叔，掘金小册《如何写出高质量的前端代码》 作者。 先说观点：在进行前端开发时，单个文件的代码行数推荐最大不超过300行，而超过1000行的都可以认为是垃圾代码，需要进行重构。 为什么
    前端 JavaScript Vue.js
  • 性能优化之bundle资源优化六大方案
    先有问题再有答案 bundle是什么 为什么需要打包？ 资源体积对首屏性能有什么影响？ bundle资源越小 性能越好嘛？ 如何优化资源体积？ 打包&bundle 为什么要打包： 转译（Transpi
    前端 面试 性能优化
    性能优化之bundle资源优化六大方案
  • Fabric.js深入学习指南
    近期在学习 Fabric.js，Fabric.js 的官网文档可谓是一言难尽。没有中文翻译只能算最小的问题，代码举例少的可怜，文档结构十分不友好，搜索功能也不尽人意，很难让人有看下去的耐心。
    前端 JavaScript
    Fabric.js深入学习指南
  • 使用canvas画布可以做的一些有意思的事情
    介绍一些canvas可以做的有意思的事情，包括基本的图形绘制，绘制函数、简单的小游戏、绘图工具、海报合成、图片处理、图像处理等。
    前端 Canvas JavaScript
    使用canvas画布可以做的一些有意思的事情
  • js如何实现当文本内容过长时，中间显示省略号...,两端正常展示
    前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号...表示，并且鼠标悬
    前端 JavaScript
  • 不要再写满屏import导入啦！🔥
    序言 如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？ 密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。 我们是如何做到让import
    前端 JavaScript Node.js
    不要再写满屏import导入啦！🔥
  • 百度一面：细节不容忽视，直戳难点（含面试题）
    前言 首先介绍一下情况，江西双非一本，非科班，一段前端实习经验。 面百度之前有三个offer，不过都是小厂和中厂，百度这次约面试算是接到的第一个大厂面试，属于百度网盘部门。 2月18号投简历 2月26
    前端 JavaScript 面试
    百度一面：细节不容忽视，直戳难点（含面试题）
  • React 组件库都是怎么打包的？
    大家都用过组件库，react 流行的组件库有阿里的 ant-design、字节的 semi-design、arco-design 等。 那这些组件库都是怎么打包的呢？ 我们自己写个组件库的话，怎么写打
    前端 JavaScript React.js
    React 组件库都是怎么打包的？
  • Vue: 评论区实现发表情和@某人消息推送
    在接到这个需求的时候，我就纳闷，为啥要搞这么多花样，评论就评论吧，它还要你实现艾特某人的时候，还要调用后台的IM接口，给相关人员发送通知推送；说到这里，有点经验的JY应该就想到了，数据参数如何组装和传
    前端 Vue.js
  • 教你实现微信8.0『炸裂』的🎉表情特效
    最近微信更新了8.0，其中之一最好玩的莫过于表情包的更新了，大家都在群里纷纷玩起了表情包大战。 作为一个前端程序员，这就勾起了我的好奇心，虽然我从来没有实现过这样的动画，但是我还是忍不住想要去实现，最终我花了2天时间去看一些库的源码到我自己实现一个类似的效果，在这里我总结一下，…
    Canvas 前端