开发【总结与学习四】vue+js+jquery+css+html[不考虑响应式的大屏项目开发]

电玩女神 2024-04-17 15:10 17阅读 0赞

## 1、轮播 ##

[写轮播。写广告][Link 1]  
2、获得url的参数  
[(^|&)"+ name +"=(\[^&\]\*)(&|$)是什么意思？][name]  
[第二个网页][Link 2]  
3/视频  
[h5video][]  
4/关闭iframe框  
[js和jquery两种不同关闭iframe的方法][js_jquery_iframe]  
我采用的是js

var videoPageId = parent.document.getElementById("videoPage");
    						// x=parent.document.getElementsByTagName("frame")[0];
    						//把iframe指向空白页面，这样可以释放大部分内存。 
    						videoPageId.src = 'about:blank';
    
    						try { 
    							videoPageId.contentWindow.document.write('');
    							videoPageId.contentWindow.document.clear();
    						} catch(e) { }
    
    						//把iframe从页面移除 
    						videoPageId.parentNode.removeChild(videoPageId);

5、将iframe的背景色调成透明色

6、禁止鼠标点击关闭模态框  
[禁止鼠标点击关闭模态框][Link 3]  
7、关闭bootrap的模态框之后，继续关闭遮罩层的方法  
[关闭bootstrap的模态框的遮罩层][bootstrap]  
8、通过这次华润大屏项目的开发，总结到的经验：

*  先明确想好自己对于要实现功能的了解；
 *  大屏项目的宽高实际上已经定了，如果不要求响应式，宽高可以设计为1920\*1080的，通俗一点，就是在body上加上这个样式。
 *  对于框架的选择，框架不能选择太多了。
 *  不考虑响应式不要用bootstrap框架。实现起来比较麻烦。
 *  可以使用vue的v-if、v-else、v-show来控制元素的显示和隐藏。对于iframe的弹出层，没有必要的时候不要使用除了vue之外的框架来实现。
 *  对于相同的代码可以封装在方法里面，尽量简单化。
 *  要学会写让别人看起来比较容易的代码，维护方便。
 *  不能只考虑单方面的项目实现，就不管其他的了。
 *  要学会分辨效果使用css怎么实现起来比较好。
 *  对于数据的处理，尽量放在json的键值对里面。
 *  重要的一点是电脑的配置要跟得上。刚开始开发用的我自己的电脑1366的分辨率，调起来就是像赶鸭子上架。怎么赶，都是歪的，样式全靠懵。幸运的是，我刚开始出的第一个版面，经理说有点歪啊，同事说字没对上。样式懵错了，继续靠懵，终于懵对了。

[Link 1]: https://www.cnblogs.com/Zs-book1/p/10457459.html
[name]: https://www.cnblogs.com/xinkun/p/8182803.html
[Link 2]: https://blog.csdn.net/u012637258/article/details/78062557
[h5video]: https://blog.csdn.net/zhonghuachun/article/details/81484410
[js_jquery_iframe]: https://blog.csdn.net/aa390481978/article/details/88965749#js_3
[Link 3]: https://blog.csdn.net/qq_31164127/article/details/78284316
[bootstrap]: https://blog.csdn.net/weixin_42171955/article/details/96423724