H5&CSS基础 —— (004)为什么ReactJs
»
(001)免费的https证书
(002)关于栏目
(003)浏览器的可见区域
(004)为什么ReactJs
(005)禁止手机端缩放
(006)H5中的em
(007)页面的空格宽度
(008)H5特殊字符
(009)H5限定输入
(010)H5字体
(011)nginx重定向配置
(012)文本缩进
(013)flex布局
(014)渐变色边框
(015)常用DOM操作
(016)Media Query
(017)CSS选择器
(018)CSS隔行变色
(019)fetch
(020)JS操作属性
(021)scroll div
(022)JS for循环
(023)禁止文本被选中
(024)float控制精度输出
(025)Ionic全屏
(026)SVG圆
(027)SVG椭圆
(028)SVG椭圆弧
(029)SVG椭圆扇区
(030)使用WebAssembly
(031)JS操作单复选框
(032)SVG贝塞尔曲线
(033)threejs材质
(034)发光图片样式
(035)网页帧动画制作要点
(036)CSS渐变色字体
(037)SVG矩形
(038)开发能力换取报酬
(039)关闭输入框的浏览器默认样式
(040)粒子动画喷射器尾部
(041)禁止桌面端缩放JS
(042)桌面全屏网页CSS
(043)自缩放等宽高比div显示图片
(044)文本两端对齐样式
(045)单行ellipsis
(046)多行ellipsis
(047)字体变形样式
(048)去掉a标签的默认样式
(049)中文字符:全角空格
(050)DIV层叠DIV
(051)JS中计算1rem的像素值
(052)JS操作DOM父节点、相邻节点
(053)JS中DOM元素的绝对坐标
(054)ToolTips Div
(055)JS中的元素宽高
(056)Nginx播放流媒体设置
(057)滚动条样式
(058)JS操作数组的常用方法
(059)SVG填充样式定义
(060)SVG画线样式定义
(061)SVG画直线
(062)CSS图片背景的拼接
(063)WebSocket
(064)JS计算DPI的方法
(065)GIF透明或者不透明
(066)Nginx解决CORS跨域问题
(067)从JSONP的跨域请求数据讲起
(068)Div内内容水平垂直居中
(069)CSS背景图片保持长宽比
(070)CSS帧动画
(071)等宽字体显示网页
(072)打包
    一直在想:为什么要用React?
    所有前端都会回答:为了组件化。而,只有对比过开发效率才会知道真正的原因是为了多人协作开发的效率,而不是为了单开发人员的开发。
    很久以前忙一个Web App的时候,用到了jQuery+Html页面实现。运行速度极快,运行效果也特别好。开发也效率也特别高。所以,在想,如果页面的所有窗口、样式都在UX设计后由自己写,用jQuery一样能达到所有React能达到的效果。那么,为什么还要用React?
    ……当我一个弹出窗口开发完成后就接着另一个弹出窗口地开发……当我忙得不亦乐乎的时候,我发现了为什么要组件化,为什么要React。
    jQuery+Html页面开发的系统,所有的UI,所有的div页面内容都在同一个html页面里面。
    新建一个弹出窗口,就在同一个html文件内新建一个<div>、配上背景CSS、调好窗口框样式和padding,最后填上窗口内的内容跟js。一个人开发的效率的确不低。但,如果这个Web App的窗口众多,窗口样式都不一样,工期又短,需要几个前端同时开发来缩短开发周期。这个时候,n多人开始修改同一个html文件,n多人的可能的n多CSS开始冲突。最终导致了n多开发人员的很多时间都是在合并代码,合并单页面应用的那个单独的html文件和很多很难找的CSS嵌套定义。
    合并冲突!合并人员不断地复工开发人员已经完成的代码……
    为了解决代码合并的冲突,更为了解决样式定义和JS变量定义的冲突,世界诞生了前端框架。在前端Angular、React、Vue框架中,每一个组件就可以是一个单独的文件每一个组件就可以有自己范围内的CSS样式定义。你管你的窗口代码,我管我的窗口代码。大家可以基本互不干扰地同时忙同一个前端界面。这就是组件化。
    也就是可以方便多人同时协作的组件化代码开发。也就是Angular、React、Vue的优势。
    ————www.v-signon.com学习者共勉
                        
«
——张人杰·www.v-signon.com学习者共勉
返回上一页
备案号:京ICP备19038994号-2
个人作品网站:www.up-task.com 主办:个人 English
免责声明:本网站3d地球模型购买自3d.3d66.com,如权利人发现存在误传其作品情形,请及时与本站联系。