怎么利用js加html结构图,写组件的时候是写好html结构还是在js里拼接好？

不管白猫黑猫，干得过狗的就是好猫。所以无所谓拘泥于形式，关键是看能不能达到你的目的，同时避免可能出现的问题。

第1种方式，可以让美工和程序员的工作分开(如果分工有这么明确的话)。美工只需要关注 HTML+CSS，程序员只需要关注 JavaScript 就好。但是，这种方式下，3 张图片要加载完了才会触发 document ready 事件。

第2种方式基本上就是程序员一个人的事情了，当然也可以跟美工协商好动态生成的 HTML 结构和使用的 class。不过这种方式仍然有一个问题，就是图片加载会比较慢(通常 JS 是在 ready 中开工的，所以页面加载的时候图片并未加载，要等一等才会出来。

综上，其实还可以采用其它方法，比如：用第1种方式区分开美工和程序员的工作，但是并不预先加载所有图片，只加载第1张，

之后使用脚本对后面的图片进行加载，第2张加载完了才允许切换到第2张，如果切换时间到了，仍然没加载出来第3张图片，可以先1-2张轮换，直到第3张图片加载完成，依此类推。当然代码会复杂得多。

除此之外，可能还会有其它更好的，更适合场景的处理办法，所以不必拘泥，灵活运用就好。

怎么利用js加html结构图,写组件的时候是写好html结构还是在js里拼接好？相关推荐

[vue] 为什么我们写组件的时候可以写在.vue里呢？可以是别的文件名后缀吗？
[vue] 为什么我们写组件的时候可以写在.vue里呢?可以是别的文件名后缀吗? 也可以写为js,jsx,ts,tsx这种个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很 ...
python爬取js加载的数据_Python爬虫学习，记一次抓包获取js，从js函数中取数据的过程...
昨天有小伙伴找我,新浪新闻的国内新闻页,其他部分都是静态网页可以抓到,但是在左下方的最新新闻部分,不是静态网页,也没有json数据,让我帮忙抓一下.大概看了下,是js加载的,而且数据在js函数中,很有 ...
（转） Arcgis for js加载百度地图
http://blog.csdn.net/gisshixisheng/article/details/44853709 概述: 在前面的文章里提到了Arcgis for js加载天地图,在本节,继续讲 ...
web项目中js加载慢问题解决思路
web项目中js加载慢问题解决思路参考文章: (1)web项目中js加载慢问题解决思路 (2)https://www.cnblogs.com/cslj2013/p/8491786.html 备忘一下 ...
【项目技术点总结之一】vue集成d3.js利用svg加载图片实现缩放拖拽功能
[项目技术点总结之一]vue集成d3.js利用svg加载图片实现缩放拖拽功能前言概述技术介绍实现过程插件安装引用组件初始化组件实现效果简单理解使用d3创建一个svg 在svg中提添 ...
React.js加载组件以及JSX脚本处理代码
React.js是一个组件化的JS界面开发库,可以结合XML格式的脚本语法JSX. 如果你的页面中包含了这样的代码,需要将JSX代码预编译为Raw JavaScript,不然会提示有语法错误" ...
jsx 调用php,JavaScript_JavaScript的React框架中的JSX语法学习入门教程，什么是JSX？在用React写组件的 - phpStudy...
JavaScript的React框架中的JSX语法学习入门教程什么是JSX? 在用React写组件的时候,通常会用到JSX语法,粗看上去,像是在Javascript代码里直接写起了XML标签,实质上 ...
node.js安装模式的区别_如何使用nodejs写一个接口
写前端的朋友不知道如何拓展自己在后端的能力,那么nodejs是你的不二选择,废话不多说,直接进入正题. 这里我演示的是nodejs+mysql,别的数据库也类似. 首先我们需要做两件事,下载nodej ...
iframe js 加载失败_如何提高Vue项目首页的加载速度
为何当一个VUE项目过大时,打包之后初次访问首页加载速度会异常的缓慢,是什么原因导致以及如何解决这些问题? 首页打开速度慢的原因其实浏览器加载一个页面的过程就是通过http协议从服务器端下载项目所需 ...

怎么利用js加html结构图,写组件的时候是写好html结构还是在js里拼接好？

怎么利用js加html结构图,写组件的时候是写好html结构还是在js里拼接好？相关推荐

最新文章

热门文章