对于使用 babel7 的用户，可以在 babel.config.js 中配置。地址:根文件夹/babel.config.js 对main.js的改造。方法之一，有更好的方法。 位置：src/main.js 完成jsx的配置。可以使用jsx了 到此、我们的Home模块算完成了。…

大家好，我是 Steven，这几天终于感受到冬天真的要来了，我都有些感冒，所以大家要注意保暖喔。 制作的原理和秋季的版本也差不多，那我们今集就将这个冬天的头图实现出来啦。 class 名为 evening，以及窗框积雪效果的图片，class 名为 window-cover。 再…

最近在学习vue模版编译原理，整理一下，以后复习用。 参照这张图，一起看看具体怎么实现的吧。 上面我们已经，匹配出 开始标签、文本、结尾标签。那么问题来了，怎么把匹配出来的开始标签、文本、结尾标签，组装成一个AST树结构呢？ 前面我们已经通过调用_render函数生成一个的vn…

高逼格的设计，炫酷的动效，给作为前端的我留下了深刻的印象。刚好有机会，由我来主导开发我司的2020年底报告，摩拳擦掌跃跃欲试搞了一波。 拿到设计稿，傻眼了。设计师是头次设计移动端全屏年报，整体效果很炫酷，但是对开发十分不优好。最严重的的问题是稿子按照 iphoneX 出图，核心…

话不多说，这篇文章主要讲述如何从0到1搭建一款适用于Vue.js的自定义配置视频播放器。我们平时在PC端网站上观看视频时，会看到有很多丰富样式的视频播放器，而我们自己写的video标签样式却是那么丑。其实像那些网站都是基于原生video标签进行开发的，只不过还得适当加工一下，才…

在vue3中允许用户自定义目标渲染平台，以往的版本中目标渲染被局限于浏览器dom平台，而现在可以把 vue 的开发模型扩展到其他平台。点击进入官网 我们先来弄懂vue是如何定义默认的目标渲染平台的，也就是说如何将目标渲染到浏览器dom平台上。可以先参考官方图： 我们知道canv…

Hi 头像于八九月份进行了 v2 版大改版，其中的交互动画得到了不少好友的称赞。今天，我就来分享一些关于小程序 TabBar 创意动画，将从 TabBar 类型、完整的 TabBar 创意动画进行分析。 在页面的抽屉动画、TabBar 组件、添加图像素材按钮的多种要求下，我们只…

怀着对于RxJS这项技术的好奇，笔者花了数天时间研究了这项技术，并肝了一包枸杞才完成这篇文章的撰写，属实不易。不过也正是通过这段时间的学习，我发现这项技术在一定程度上可以解决我在日常业务中遇到的一些痛点，以及有种想马上应用到自己的新项目中的欲望，的确这种以数据流的理念来管控大型…

一直以来，ssh 身边都有很多小伙伴对 TS 如何在 React 中运用有很多困惑，他们开始慢慢讨厌 TS，觉得各种莫名其妙的问题降低了开发的效率。 其实如果运用熟练的话，TS 只是在第一次开发的时候稍微多花一些时间去编写类型，后续维护、重构的时候就会发挥它神奇的作用了，还是非…