- #js菜鸟笔记#有时候需要的就是一个名词而已,比如 codrops. 然后你就打开了一个崭新的世界:🔗 网页链接 或者说,又给自己挖了个新的坑
- #js菜鸟笔记# 用window.location.hash管理页面状态,监听hashchange。点击导航链接,只发生内容更新;直接使用地址栏,既需要导航栏变化,也需要内容更新。由于点击导航自动触发hashchange,而hashchange事件中又没有触发信息,只想到用变量来承载,但要设延时。不知有没有其他办法@尤小右 展开全文
- #js菜鸟笔记# DOM对象逐帧设置样式参数,css animation,canvas动画。常规页面动画前两者就够用了。基础动画如淡入淡出、xy轴移动等用DOM参数,兼容性好;精细动作如弹动、变形等则用css animation,代码简单渲染效率高。综合起来,既利用到css3的效果,又能兼容低端浏览器,还兼顾开发成本和渲染效率展开全文
- #js菜鸟笔记# 想自定义上传文件的按钮样式,想了一圈事件转嫁、冒泡神马的,最后发现最实惠的方法:设大字号让<input type="file" />的可点面积足够大,设成完全透明之后塞到随便什么容器里就ok了,让容器去承载需要的样式。
- #js菜鸟笔记#js与ui单线程导致阻塞:开发从服务器传回html(100k+)插入dom,导致界面秒级不响应。大概因为一次性转换大代码,单任务时间长、内存占用高,阻碍其它页面渲染任务。所以传输纯数据到前端拼装,不仅为降低传输量,也将拼装拆解成多个进程,不易阻碍其它任务;同时占用内存小、垃圾回收快。展开全文
- #js菜鸟笔记#第一次遇到js运行效率的问题,近千DOM对象给jquery选择器好大负担,单次选择对象耗到近100ms. 后来给对象分组建索引,单次操作时间降到1ms以内。原先认为MVC主要是逻辑和灵活的考虑,没想到做这样的数据-对象映射还能有效率的优势