particlesJS效果制作
来源:互联网 发布:淘宝店铺分类怎么设置 编辑:程序博客网 时间:2024/05/19 12:12
引入: 一篇很好的学习地址:http://blog.csdn.net/csdn_yudong/article/details/53128570
使用过程中的遇到的问题: 1、把三个文件(app.js; particels.js;style.css ) 及 <div >引入之后没有效果;
解决方法: 修改了三个文件的加载位置: 把两个js加载到最后;把style.css加载在head和body之间就可以啦!
原因:首先要了解到的是:html文件是自上而下的执行方式,但引入的css和javascript的顺序有所不同,css引入执行加载时,程序仍然往下执行,而执行到<script>脚本是则中断线程,待该script脚本执行结束之后程序才继续往下执行。所以,大部分网上讨论是将script脚本放在<body>之后,那样dom的生成就不会因为长时间执行script脚本而延迟阻塞,加快了页面的加载速度。但又不能将所有的script放在body之后,因为有一些页面的效果的实现,是需要预先动态的加载一些js脚本。所以这些脚本应该放在<body>之前。其次,不能将需要访问dom元素的js放在body之前,因为此时还没有开始生成dom,所以在body之前的访问dom元素的js会出错,或者无效
所以,我认为script放置位置的原则“页面效果实现类的js应该放在body之前,动作,交互,事件驱动,需要访问dom属性的js都可以放在body之后”。
效果图来一张
阅读全文
0 0
- particlesJS效果制作
- particlesJS使用简介
- 水中倒影效果制作
- 制作爆炸效果
- vb制作分页效果
- 怎样制作油画效果
- PS制作爆炸效果
- 剪纸效果制作
- PS 倒影效果制作
- IOS制作动画效果
- unity制作直方图效果
- ps 简笔画效果制作
- photoshop制作印章效果
- iphone 弹出效果制作
- 淘宝banner效果制作
- 动态效果制作
- Flash制作雾效果
- 歌词效果制作
- vue.js学习:1.0到2.0的变化(区别)
- 数组指针与指针数组
- 关于js基础的一些笔记
- [bzoj2429][HAOI2006]聪明的猴子 kruskal
- NSRunLoop相关
- particlesJS效果制作
- 千视通 千视警务云系列产品
- 啊哈!算法 第1章 一大波数正在靠近——排序
- java设计模式--组合模式
- MFC中使用CMFCBUTTON按钮关闭对话框出现内存泄漏
- CentOS/Redhat Debian/Ubuntu 集中安装
- 关于运算符优先级的一个面试题
- MOOC清华《程序设计基础》第4章第1题:找出ab间的素数(用枚举法做)
- 加密网络请求