想到哪写到哪 | 青训营笔记

63 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 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引擎

www.58html.com/免费html布局页面

  • 最好html,css,js分开写。
  • 使用引用样式表,而不是通过 @import 导入。
  • 不用费心思优化,不用管ie,要相信甲方会有最新款的电脑,用edge
  • audio里有很多伪元素,直接改,不需要自己写一个带播放,进度条,音量的div
  • ajax用原生非常复杂,底线是jquery。比如$.get的三个参数原生需要建立一个对象,用三个方法实现。期间还需要一个全局变量来链接这三个方法
  • jquery能大幅减少代码,但不能优化。
  • b站只能教你最基础,别的自学
  • 和美工搞好关系,别被刁难。
  • 别让人发一张png,最好是psd
  • 禁用JavaScript可以不要钱复制
  • 服务器要钱,github不用
  • 在电脑用nodejs与ajax混用需要同源协议
js可以不写分号

md一个回车不能换行

不要一个div从头到尾

ctrl+s成习惯,容易把网站保存下来,写东西建议先写好再复制

动态js不好写爬虫

记住输入的html要转义,万一有人在输入框写

123

就麻烦了

不会用正则就不用,我一直没用过,虽然代码会增加