前端小枫_社区达人页

2023年04月

• 04.26 21:52:51
  发表了文章 2023-04-26 21:52:51

  使用 canvas 拖拽绘制矩形（带撤销）

  之前预览网络摄像头的需求又有了下文，要在视频预览之上进行拖拽生成矩形边框，用于后台算法对区域内容进行一些处理。
• 04.26 21:49:08
  发表了文章 2023-04-26 21:49:08

  一次webrtc视频拉流的摸爬滚打全纪录

  上周五的上午突然接到了一个需求，要在前端页面中增加的摄像头的画面预览功能，要在周一（昨天）完成，我本来以为接入视频流并不会很困难，毕竟之前也做过视频相关的需求。
• 04.26 21:44:31
  发表了文章 2023-04-26 21:44:31

  《梦幻西游》官网小动画

  偶然间在《梦幻西游》的官网发现了这么一个动画，又一不小心打开了开发者工具，又一不下心发现这个动画是通过一张图片使用帧动画来实现的
• 04.26 21:35:27
  发表了文章 2023-04-26 21:35:27

  Vue组件化（四）| 小册免费学

  之前我们介绍了两种类型的组件封装，现在我们来说一下另外一种组件，递归组件。这种组件可用于列表展开、树形表格等
• 04.26 21:32:52
  发表了文章 2023-04-26 21:32:52

  Vue组件化（三）| 小册免费学

  上一节我们实现了写在模板里面的组件，还有一种组件比如message消息提示，它的使用要求比较灵活，不确定在什么组件中出现，所以不能写死在模板中，要使用js动态控制

  
• 04.26 21:30:36
  发表了文章 2023-04-26 21:30:36

  Vue组件化（二）| 小册免费学

  上一节我们为组件开发做了技术铺垫，这一节开始我们来进入实战环节 首先我们来实现一套Form组件，如果你使用过市面上比较流行的组件库，你应该知道一套Form组件应该包含这样的内容
• 04.26 21:25:27
  发表了文章 2023-04-26 21:25:27

  Vue组件化（一）| 小册免费学

  本节内容以技术铺垫为主，如果你对这里的内容非常自信可以跳到下一节，当然也可以帮我找找错
• 04.26 21:21:18
  发表了文章 2023-04-26 21:21:18

  canvas深入浅出（四）| 小册免费学

  之前三节我们铺垫了canvas的相关知识，这一节我们来“落地”，实现一个五子棋的小游戏
• 04.26 21:16:06
  发表了文章 2023-04-26 21:16:06

  canvas深入浅出（三）| 小册免费学

  所有的内容都是手动绘制还是有点麻烦，好在canvas支持导入图片，createPattern(image, type)，该方法接受两个参数。Image 可以是一个 Image 对象的引用，或者另一个 canvas 对象。Type 必须是下面的字符串值之一：repeat，repeat-x，repeat-y 和 no-repeat。

  
• 04.26 21:13:26
  发表了文章 2023-04-26 21:13:26

  canvas深入浅出（二）| 小册免费学

  上一节最后我们说了一个绘制曲线的API——arc（那个API并不是专门用来绘制圆形，只是使用曲线可以绘制圆形），他还有一个兄弟——arcTo（x1, y1, x2, y2, r），根据当前描点与给定的控制点1连接的直线，和控制点1与控制点2连接的直线，作为使用指定半径的圆的切线，画出两条切线之间的弧线路径

  
• 04.26 21:08:33
  发表了文章 2023-04-26 21:08:33

  canvas深入浅出（一）| 小册免费学

  canvas是为了解决页面只能显示静态图片而出现的一种可以使用JavaScript绘制的HTML标签，它可以接受两个参数width和height（原来有三个，还有一个moz-opaque控制透明度，已经废弃了）
• 04.26 21:03:26
  发表了文章 2023-04-26 21:03:26

  前端性能优化（四）| 小册免费学

  前面介绍多个前端性能优化的点，现在我们来说一下性能优化的最后一关——页面渲染 浏览器渲染的过程我们之前也稍微提过，这里再说一下解析 HTML 文件，构建 DOM 树，同时浏览器主进程负责下载 CSS 文件
• 04.26 21:01:40
  发表了文章 2023-04-26 21:01:40

  前端性能优化（三）| 小册免费学

  上一讲我们说到了HTTP缓存，这一讲的缓存并不单单指HTTP缓存
• 04.26 20:58:56
  发表了文章 2023-04-26 20:58:56

  前端性能优化（二）| 小册免费学

  上一节介绍了网页加载过程中可优化的点，这一节我来说一下网络部分的优化。
• 04.26 20:56:06
  发表了文章 2023-04-26 20:56:06

  前端性能优化（一）| 小册免费学

  移动互联网时代，用户对于网页的打开速度要求越来越高。首屏作为直面用户的第一屏，其重要性不言而喻。优化用户体验更是我们前端开发非常需要 focus 的东西之一。
• 04.26 20:53:17
  发表了文章 2023-04-26 20:53:17

  webpack深入浅出（四）| 小册免费学

  随着时间和业务量的累积，代码变得越来越臃肿，打包时间变得越来越长，这无疑是一件很头疼的事情（虽然现在大部分都是CI/CD构建），缩小搜索范围也可以减少构建时间
• 04.26 20:51:48
  发表了文章 2023-04-26 20:51:48

  webpack深入浅出（三）| 小册免费学

  之前我们了解了webpack中的配置方式，下面我们来说一下实际生产中经常使用的loader以及plugin 以下说到的所有依赖都将省略安装过程，除非特别指明，否则都是直接npm安装依赖名
• 04.26 20:49:14
  发表了文章 2023-04-26 20:49:14

  webpack深入浅出（二）| 小册免费学

  这一节内容主要介绍详细的webpack配置信息，毕竟“webpack高级配置工程师”是每个前端er的目标
• 04.26 20:46:07
  发表了文章 2023-04-26 20:46:07

  webpack深入浅出（一）| 小册免费学

  随着前端应用的日益复杂，通过直接编写 JavaScript、CSS、HTML 开发 Web 应用的方式已经无法应对当前 Web 应用的发展，前端工程化越来越受到了重视，许多前端构建工具脱颖而出，webpack就是目前最为流行的打包构建工具，因此每位前端er都需要掌握webpack技术。
• 04.26 20:41:14
  发表了文章 2023-04-26 20:41:14

  # Vue内部原理（四）| 小册免费学

  与依赖收集相关的模块是：Dep实例负责维护属性的依赖列表，Watcher就是Dep实例维护的观察者队列中的观察者
• 04.26 20:39:02
  发表了文章 2023-04-26 20:39:02

  Vue内部原理（三）| 小册免费学

  JavaScript中Array.prototype上有很多常用的方法，MDN上也给出了介绍，虽然方法众多，但是可以改变数组内容的只有7个（fill和copyWithin处于试验阶段，所以源码中没有适配），分别是：pop、push、shift、unshift、splice、sort、reverse。
• 04.26 20:36:40
  发表了文章 2023-04-26 20:36:40

  Vue内部原理（二）| 小册免费学

  上一讲主要介绍了数据劫持相关的概念，现在起我们正式进入到Vue的数据绑定原理，开始感受Vue源码的精妙
• 04.26 20:32:47
  发表了文章 2023-04-26 20:32:47

  Vue内部原理（一） | 小册免费学

  这个系列我们主要说的是Vue的数据绑定原理，其他的过程我们不在本系列中讲解 那么话不多说，我们来直奔主题