这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天 九个前端库 1.bodymovin github.com/airbnb/lott… 从AE直接导出动画 2.parallax.js github.com/wagerfield/… 可以用鼠标拖动的视差效果,比如远景拖动慢进的快 magic grid github.com/e-oj/Magic-… 自定义网格 webslides github.com/webslides/w… html做幻灯片 section标签就是幻灯片 svg.js github.com/svgdotjs/sv… SVG动画 rellax github.com/dixonandmoe… 滚动视觉插件 dynamics.js github.com/michaelvill… 基于物理的css动画,拿来做函数 mojs github.com/mojs//mojs 动画库 zdog github.com/metafizzy/z… 伪3d引擎
- 最好html,css,js分开写。
- 使用引用样式表,而不是通过 @import 导入。
- 不用费心思优化,不用管ie,要相信甲方会有最新款的电脑,用edge
- audio里有很多伪元素,直接改,不需要自己写一个带播放,进度条,音量的div
- ajax用原生非常复杂,底线是jquery。比如$.get的三个参数原生需要建立一个对象,用三个方法实现。期间还需要一个全局变量来链接这三个方法
- jquery能大幅减少代码,但不能优化。
- b站只能教你最基础,别的自学
- 和美工搞好关系,别被刁难。
- 别让人发一张png,最好是psd
- 禁用JavaScript可以不要钱复制
- 服务器要钱,github不用
- 在电脑用nodejs与ajax混用需要同源协议
md一个回车不能换行
不要一个div从头到尾
ctrl+s成习惯,容易把网站保存下来,写东西建议先写好再复制
动态js不好写爬虫
记住输入的html要转义,万一有人在输入框写
123
就麻烦了不会用正则就不用,我一直没用过,虽然代码会增加