首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
woai3c_
掘友等级
FE/Nodejs
正在学习英语...
获得徽章 17
动态
文章
专栏
沸点
课程
收藏集
关注
作品
赞
62
文章 60
沸点 2
赞
62
返回
|
搜索文章
最新
热门
可视化拖拽组件库一些技术要点原理分析(三)
虽然我这个可视化拖拽组件库只是一个 DEMO,但对比了一下市面上的一些现成产品(例如 processon、墨刀),就基础功能来说,我这个 DEMO 实现了绝大部分的功能。 如果你对于低代码平台有兴趣,但又不了解的话。强烈建议将我的三篇文章结合项目源码一起阅读,相信对你的收获绝对…
带你入门前端工程(十一):微前端
换句话说,就是将一个大型、复杂的应用分解成几个服务,每个服务就像是一个组件,组合起来一起构建成整个应用。 牵一发而动全身,仅仅修改一处代码,就需要重新部署整个应用。经常有“修改一分钟,编译半小时”的情况发生。 代码模块错综复杂,互相依赖。更改一处地方的代码,往往会影响到应用的其…
带你入门前端工程(十):重构
重构和性能优化有相同点,也有不同点。 相同的地方是它们都在不改变程序功能的情况下修改代码;不同的地方是重构为了让代码变得更加容易理解、易于修改,性能优化则是为了让程序运行得更快。这里还得重点提一句,由于侧重点不同,重构可能使程序运行得更快,也可能使程序运行得更慢。 重构可以一边…
带你入门前端工程(四):测试
也可以这样理解:测试的作用是为了提高代码质量和可维护性。 提高代码质量:测试就是找 BUG,找出 BUG,然后解决它。BUG 少了,代码质量自然就高了。 可维护性:对现有代码进行修改、新增功能从而造成的成本越低,可维护性就越高。 如果你的程序非常简单,可以不用写测试。例如下面的…
带你入门前端工程(三):前端组件化
在了解模块化、组件化之前,最好先了解一下什么是高内聚,低耦合。它能更好的帮助你理解模块化、组件化。 高内聚,低耦合是软件工程中的概念,它是判断代码好坏的一个重要指标。高内聚,就是指一个函数尽量只做一件事。低耦合,就是两个模块之间的关联程度低。 仅看文字可能不太好理解,下面来看一…
带你入门前端工程(二):统一规范
代码规范是指程序员在编码时要遵守的规则,规范的目的就是为了让程序员编写易于阅读、可维护的代码。 试想一下,一个几十万行代码的项目,存在几种不同的代码规范,阅读起来是什么感受?连代码缩进使用空格还是 Tab 都能引发不少程序员的争论,可以说统一代码规范是非常重要的事情。 当团队的…
带你入门前端工程(一):技术选型
技术选型应该对很多程序员都不陌生了,无论是大到技术框架、编程语言,还是小到工具库的选择,都属于技术选型的范围。个人认为技术选型应该按照以下四个指标进行选择: 由于没有统一的叫法,所以以上四个指标的名称是我自己定的。下面就让我们一起来深入了解一下如何进行技术选型吧。 可控性是技术…
《带你入门前端工程》开源了
这是一本关于前端工程化的小书(4W 字左右 )。项目地址: 前端工程化,其实是软件工程在前端方面的应用。什么是软件工程?来看一下百度百科的定义: 换句话说,工程化的目的就是为了提升团队的开发效率。例如大家所熟悉的构建打包、性能优化、自动化部署等知识,都属于工程化的内容。 我写这…
可视化拖拽组件库一些技术要点原理分析(二)
本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。上一篇文章主要讲解了以下几个功能点: 友善提醒:建议结合源码一起阅读,效果更好(这个 DEMO 使用的是 Vue 技术栈)。 14. 拖拽旋转 在写上一篇文章时,原来的 DEMO 已经可以支持旋转功能了。但是这个旋转功能还…
可视化拖拽组件库一些技术要点原理分析
建议结合源码一起阅读,效果更好(这个 DEMO 使用的是 Vue 技术栈)。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是:当从左边组件列表拖拽出一个组件放到画布中时,画布要把这个组件渲染出来。 用一个数组 componentDat…
下一页
个人成就
优秀创作者
文章被点赞
17,276
文章被阅读
766,706
掘力值
52,578
关注了
24
关注者
7,023
收藏集
0
关注标签
25
加入于
2018-12-14