首页
首页
沸点
课程
直播
活动
竞赛
商城
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 节点大…