勋章
我关注的人
技术能力
暂时未有相关云产品技术能力~
暂无个人介绍
-
发表了文章 2023-04-26
一次webrtc视频拉流的摸爬滚打全纪录
上周五的上午突然接到了一个需求，要在前端页面中增加的摄像头的画面预览功能，要在周一（昨天）完成，我本来以为接入视频流并不会很困难，毕竟之前也做过视频相关的需求。
-
发表了文章 2023-04-26
《梦幻西游》官网小动画
偶然间在《梦幻西游》的官网发现了这么一个动画，又一不小心打开了开发者工具，又一不下心发现这个动画是通过一张图片使用帧动画来实现的
-
发表了文章 2023-04-26
Vue组件化（四）| 小册免费学
之前我们介绍了两种类型的组件封装，现在我们来说一下另外一种组件，递归组件。这种组件可用于列表展开、树形表格等
-
发表了文章 2023-04-26
Vue组件化（三）| 小册免费学
上一节我们实现了写在模板里面的组件，还有一种组件比如message消息提示，它的使用要求比较灵活，不确定在什么组件中出现，所以不能写死在模板中，要使用js动态控制
-
发表了文章 2023-04-26
Vue组件化（二）| 小册免费学
上一节我们为组件开发做了技术铺垫，这一节开始我们来进入实战环节 首先我们来实现一套Form组件，如果你使用过市面上比较流行的组件库，你应该知道一套Form组件应该包含这样的内容
-
发表了文章 2023-04-26
Vue组件化（一）| 小册免费学
本节内容以技术铺垫为主，如果你对这里的内容非常自信可以跳到下一节，当然也可以帮我找找错
-
发表了文章 2023-04-26
canvas深入浅出（四）| 小册免费学
之前三节我们铺垫了canvas的相关知识，这一节我们来“落地”，实现一个五子棋的小游戏
-
发表了文章 2023-04-26
canvas深入浅出（三）| 小册免费学
所有的内容都是手动绘制还是有点麻烦，好在canvas支持导入图片，createPattern(image, type)，该方法接受两个参数。Image 可以是一个 Image 对象的引用，或者另一个 canvas 对象。Type 必须是下面的字符串值之一：repeat，repeat-x，repeat-y 和 no-repeat。
-
发表了文章 2023-04-26
canvas深入浅出（二）| 小册免费学
上一节最后我们说了一个绘制曲线的API——arc（那个API并不是专门用来绘制圆形，只是使用曲线可以绘制圆形），他还有一个兄弟——arcTo（x1, y1, x2, y2, r），根据当前描点与给定的控制点1连接的直线，和控制点1与控制点2连接的直线，作为使用指定半径的圆的切线，画出两条切线之间的弧线路径
-
发表了文章 2023-04-26
canvas深入浅出（一）| 小册免费学
canvas是为了解决页面只能显示静态图片而出现的一种可以使用JavaScript绘制的HTML标签，它可以接受两个参数width和height（原来有三个，还有一个moz-opaque控制透明度，已经废弃了）
-
发表了文章 2023-04-26
前端性能优化（四）| 小册免费学
前面介绍多个前端性能优化的点，现在我们来说一下性能优化的最后一关——页面渲染 浏览器渲染的过程我们之前也稍微提过，这里再说一下解析 HTML 文件，构建 DOM 树，同时浏览器主进程负责下载 CSS 文件
-
发表了文章 2023-04-26
前端性能优化（三）| 小册免费学
上一讲我们说到了HTTP缓存，这一讲的缓存并不单单指HTTP缓存
-
发表了文章 2023-04-26
前端性能优化（二）| 小册免费学
上一节介绍了网页加载过程中可优化的点，这一节我来说一下网络部分的优化。
-
发表了文章 2023-04-26
前端性能优化（一）| 小册免费学
移动互联网时代，用户对于网页的打开速度要求越来越高。首屏作为直面用户的第一屏，其重要性不言而喻。优化用户体验更是我们前端开发非常需要 focus 的东西之一。
-
发表了文章 2023-04-26
webpack深入浅出（四）| 小册免费学
随着时间和业务量的累积，代码变得越来越臃肿，打包时间变得越来越长，这无疑是一件很头疼的事情（虽然现在大部分都是CI/CD构建），缩小搜索范围也可以减少构建时间
-
发表了文章 2023-04-26
webpack深入浅出（三）| 小册免费学
之前我们了解了webpack中的配置方式，下面我们来说一下实际生产中经常使用的loader以及plugin 以下说到的所有依赖都将省略安装过程，除非特别指明，否则都是直接npm安装依赖名
-
发表了文章 2023-04-26
webpack深入浅出（二）| 小册免费学
这一节内容主要介绍详细的webpack配置信息，毕竟“webpack高级配置工程师”是每个前端er的目标
-
发表了文章 2023-04-26
webpack深入浅出（一）| 小册免费学
随着前端应用的日益复杂，通过直接编写 JavaScript、CSS、HTML 开发 Web 应用的方式已经无法应对当前 Web 应用的发展，前端工程化越来越受到了重视，许多前端构建工具脱颖而出，webpack就是目前最为流行的打包构建工具，因此每位前端er都需要掌握webpack技术。
-
发表了文章 2023-04-26
# Vue内部原理（四）| 小册免费学
与依赖收集相关的模块是：Dep实例负责维护属性的依赖列表，Watcher就是Dep实例维护的观察者队列中的观察者
-
发表了文章 2023-04-26
Vue内部原理（三）| 小册免费学
JavaScript中Array.prototype上有很多常用的方法，MDN上也给出了介绍，虽然方法众多，但是可以改变数组内容的只有7个（fill和copyWithin处于试验阶段，所以源码中没有适配），分别是：pop、push、shift、unshift、splice、sort、reverse。
-
发表了文章 2023-04-26
Vue内部原理（二）| 小册免费学
上一讲主要介绍了数据劫持相关的概念，现在起我们正式进入到Vue的数据绑定原理，开始感受Vue源码的精妙
-
发表了文章
2023-04-27
Vue3 响应式原理之 ref
-
发表了文章
2023-04-27
如何根据 IP 获取位置？
-
发表了文章
2023-04-27
Vue3 响应式原理之 readonly
-
发表了文章
2023-04-27
Vue3 响应式原理之scheduler、stop
-
发表了文章
2023-04-27
Vue3 响应式原理之 effect
-
发表了文章
2023-04-27
Dva 初体验
-
发表了文章
2023-04-27
webpack 笔记
-
发表了文章
2023-04-27
大菠萝 Pinia 赶紧用起来
-
发表了文章
2023-04-27
VSCode 中使用 vim 操作
-
发表了文章
2023-04-27
Symbol 扫盲
-
发表了文章
2023-04-27
动手实现一个 axios
-
发表了文章
2023-04-27
为你的 zsh 穿点衣服
-
发表了文章
2023-04-27
使用 pug 模板语法提高页面开发的效率
-
发表了文章
2023-04-27
CSS Grid 布局从 0 到 1
-
发表了文章
2023-04-27
在浏览器中使用 FFmpeg
-
发表了文章
2023-04-27
在 MidwayJS 中使用 TypeORM的进行数据持久化操作
-
发表了文章
2023-04-27
神奇的 Canvas
-
发表了文章
2023-04-27
你的 TypeScript 还只是用来声明 string、number……的吗？
-
发表了文章
2023-04-27
WebRTC 实战：实现 P2P 实时视频互动
-
发表了文章
2023-04-27
WebRTC 常用的 API
