会长期更新前端自学笔记,欢迎关注前端自学-学习笔记-第1部分(nginx/flutter/后台系统/vuepress博客)前端自学笔记-第二篇(vuePress自动部署&后端项目自学)1.完整链接的思路作者文章链接本人从事淘宝前端三年-第二年:ps:作者有三篇文章,涉及第一到三年。看了半个多小时,受益匪浅。建议大家花点时间好好看看最大的收获——完整链接的思路。无论是职业发展、职业选择,还是生活中的小事,都可以再加一个判断是否值得的标准:完整的链接。比如:这个项目赚钱了,然后不断迭代,赚更多的钱,再迭代。..循环下来。这是一个很好的环节,也是一个完整的闭环。不好的环节是:产品原型不行,如果强行开发项目,很明显这个项目是赚不到钱的。预测未来又多了一个标准。你可能会想,这有什么意义,不就是鸡汤吗。其实不然,他的作用更多体现在未雨绸缪,体现在未雨绸缪。我们在做决定的时候,需要综合各方信息,根据未来的走势做出综合判断。有了完全连接的想法,未来才能如雨后春笋般涌现。如果这个链接是连通的,说明这个解决方案(或者想法……)是比较可行的。如果最初的链接预计不起作用,那么是否实施将是一个很大的问号。全链接-个人应用的栗子我最近也在自己身上用早睡早起是个好习惯。我以前12点睡觉,8点起床。现在11点睡觉,7点开始。取而代之的是,早上大概有2个小时可以用来学习或者做其他事情。这种早睡早起的习惯比以前更可持续。再比如,各种前端技术,先学哪个,再学哪个。有了完整的链接思路,就简单了。当然是目前最重要的技术,对后期的发展更有好处。(目前是下面提到的动态createJs技术)。你不会学到很多东西,就像无头鸡一样。再举个栗子:自己做饭也是一个很好的环节。食物很好吃,但我不喜欢在外面吃。后来手艺越来越好了,食物的品种也越来越多,很有可持续性。(ps:做了几个星期的菜,真的感觉外面的饭菜越来越难吃了)2.canvas动画框架createJs使用CreateJS入门教程链接——注释详细到爆款(MyStyle)官网API体验公司部分动效开发,热门产品动效采用createJs技术。我会尽快开发类似的产品,学习相关技术作为储备。经过两三个上午的学习,createJs还是比canvas好学。毕竟跟vue框架一样封装,调用api就行了。这次学习createJS和以往不同。之前主要是跟着别人的思路走:要么纯教程,要么视频。而跟着别人走,虽然看起来节省了时间,但是技术的整体脉络会比较片面,掌握课本上讲授的技术就好了。这次主要是看官方文档,然后整理笔记,不断消化主要的API。这种学习方式比上面的更高效,学习方式也具有可持续性。当然,这种学习方式也是有前提的。最好官网有比较全的文档。入门容易,其他方法太难了。3.vue+js:预览图随滚动条流畅移动技术要点产品需求很简单,只要预览图可以拖动即可。想着顺便做一个随滚动条一起移动的效果,这样体验会更好。技术难点:mounted中获取全局和局部滚动条的高度是因为在vue项目中操作了dom,没有使用jQuery。为了让滚动条平滑移动,这里使用了在线分段的方法,然后递归递增或者递减。涉及上下滚动,滚动的临界点,快速上下滚动会出现抖动。我加了一把锁,将关键点分开几个像素来避免它。为了让滚动条保持在底部,可以使用:scrollTop=scrollHeight-clientHeight代码参考
