欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 关于如何将大神demo应用于自己项目的方法

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:740

高端HTML5响应式企业通用网

2020-05-06   浏览:521

html5响应式外贸网站英文版

2020-05-08   浏览:510

HTML5自适应律师工作室类网

2020-04-04   浏览:504

HTML5影视传媒文化公司类网

2020-05-12   浏览:502

关于如何将大神demo应用于自己项目的方法

发布时间:2021-01-08  

把大神们造轮子的逻辑应用于我们项目的相应组件上,这就是基本思路,有思路才能优雅地在大神们的轮子上二次开发 首先,拿个实例来讲解吧  很多刚入坑的新手估计 ...

 

 

 

把大神们造轮子的逻辑应用于我们项目的相应组件上,这就是基本思路,有思路才能优雅地在大神们的轮子上二次开发 
首先,拿个实例来讲解吧
很多刚入坑的新手估计拿到这个demo时的表情是这样的(全是js文件,说好的柱形图呢...) 
不要急,首先这种控件类demo一般都会有注解跟你说需要导入哪些文件,例如这个demo,就有明确说到需要导入的是dist这个文件夹(注解在readme.md中) 
这个文件夹包括两个js文件,也就是我们一开始说到的造轮子的逻辑,接下来我们需要知道我们需要用在哪个相应组件,很明显,这个demo是canva组件的应用 
好的,思路有了,接下来开工,首先是引入js,语法就是require('需要引入的js文件的路径'),例如这样 

QQ图片20170222114045.png

 (关于绝对路径和相对路径我就不开展教学了,不懂的查下资料能加深印象) 

然后就是应用到我们相应的组件,前面说到的canvas组件 
 (canvas-id用于指定该组件需要调用哪种指定动画) 
最后,我们导入好了,组件也创建好了,是时候使用了,例如这样的 

QQ截图3.png

 (这个是该动画所需要用到一些数据结构,看不懂的可以看下上面的图,是有关联性的) 

然后保存一下,搞定! 

QQ截图4.png

 

ps:无论是不是动画的轮子,只要顺着这思路,一般都能成功的