首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端
订阅
沉默之初
更多收藏集
微信扫码分享
微信
新浪微博
QQ
22篇文章 · 0订阅
可视化拖拽组件库一些技术要点原理分析
建议结合源码一起阅读,效果更好(这个 DEMO 使用的是 Vue 技术栈)。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是:当从左边组件列表拖拽出一个组件放到画布中时,画布要把这个组件渲染出来。 用一个数组 componentDat…
【🚨万字警告】了不起的Vue3(上)
随着前端标准化的发展,目前主流浏览器对很多JS新特性都普遍支持了,其中一些新特性不仅解决了很多技术上的实现难题,还带来了更好的性能提升。 在Vue3中,最重要也更为人所知的就是ES6的Proxy。 我们知道,在Vue2中对数据的侦听劫持是在组件初始化时去遍历递归一个对象,给其中…
77.9K Star 的 Axios 项目有哪些值得借鉴的地方
Axios 是一个基于 Promise 的 HTTP 客户端,同时支持浏览器和 Node.js 环境。它是一个优秀的 HTTP 客户端,被广泛地应用在大量的 Web 项目中。 由上图可知,Axios 项目的 Star 数为 77.9K,Fork 数也高达 7.3K,是一个很优秀…
exports、module.exports 和 export、export default 到底是咋回事
难得有空,今天开始重新规范的学习一下node编程。 但是引入模块我看到用 require的方式,再联想到咱们的ES6各种export 、export default。 阿西吧,头都大了.... 头大完了,那我们坐下先理理他们的使用范围。 这一刻起,我觉得是时候要把它们之间的关系…
【第 765 期】你不懂 JS:this 豁然开朗!
Good
都2020年了,你还不会JavaScript 装饰器?
1. 前言 装饰器是最新的 ECMA 中的一个提案,是一种与类(class)相关的语法,用来注释或修改类和类方法。装饰器在 Python 和 Java 等语言中也被大量使用。装饰器是实现 AOP(面向切面)编程的一种重要方式。 下面是一个使用装饰器的简单例子,这个 @reado…
【TS 演化史 -- 破晓】一步一个脚印带你入门 TS
大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。 官方网站的定义是:TypeScript 是 JS 类型的超集。它假设咱们知道什么是超集,什么是类型化。为了简单起见,你可以将 TypeScript 看作是 JavaScript 之上的一个外壳。 TypeScr…
React源码解析(四):事件系统
在前面三篇文章中,我们阐述了react组件的构成与生命周期,setState的机制。这次我们来谈谈React的事件处理。 我们通常监听真实DOM。举🌰来说,我们想监听按钮的点击事件,那么我们在按钮DOM上绑定事件和对应的回调函数即可。 遗憾的是若页面复杂且事件处理频率高,那么…
React源码解析(二):组件的类型与生命周期
在上一篇文章《React源码解析(一):组件的实现与挂载》中,我们阐述了React组件的实现和挂载。现在我们来一起探究组件的生命周期。 我们已经知道,只有在挂载流程开始后,才会触发组件的生命周期,生成ReactElement类型的js对象,通过解析组件对象内部所携带的信息,获得…
为什么 Vue 中不要用 index 作为 key?(diff 算法详解)
Vue 中的 key 是用来做什么的?为什么不推荐使用 index 作为 key?常常听说这样的问题,本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况,提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…