前端小伟

Canvas是HTML5标准中推出的一个非常受欢迎的功能元素，这个元素负责在页面中设定一个区域，然后就可以JS动态地在这个区域中绘制图形了。并且它还是跨平台动画和游戏的标准方案。 要使用canvas元素必须先设置其width和height属性，指定绘图区域的大小。 如果浏览器不…

🔥这周我看了看了尤大神亲手写的mini版Vue3，笔记如下请大家指正。 1. 数据响应式模块 提供创建一切数据变化都是可以被监听的响应式对象的方法。 2. 编译模块 3. 渲染函数 MVVM框架其实就是在原先的View和Model之间增加了一个VM层完成以下工作。完成数据与视…

Node.js uses an envent-driven,non-blocking I/O mode that makes it lightweight and efficent. ightweight and efficent. 轻量和高效 ... 注意：文件名不要用nod…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

这些内容主要是针对我自己的薄弱知识点进行的总结，目前正在准备面试中，有一些内容会写得特别特别详细，而有一些内容则写得比较少，但是保证里面的很多内容都是干货，很多都有详细的解释，干货都在后面啊，继续往下看吧。。。各位路过的小哥哥小姐姐们，希望看完了对你有所帮助。万字长文~~~如果…

关于最近学习webapck打包原理的一些新的分享 我们都知道webpack是静态模块打包器,他能根据我们的项目入口,找到模块与模块之间的依赖,帮我们构建出我们最终想要的代码,并顺利的在浏览器运行,但是

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

在本文中，我列出了十个我过去没用过的HTML5功能，但现在发现它们很有用，废话不多说，让我们开始吧。 <details>标签向用户提供按需查看详细信息的效果。 如果需要按需向用户显示内容，简单的做法就是使用此<details>标签。 默认情况下，它是收起来的…

下面的编码标准是我对上述几点有帮助的看法。 1. 比较时使用 === 代替 == 这很重要，因为JavaScript是一种动态语言，因此使用==可能会给您带来意想不到的结果，因为它允许类型不同。 2. 永远不要使用 var，使用 let 来代替 使用 let 将有助于避免 Ja…