学习与总结.docx

学习与总结前端总结动态SCRIPT节点加载解析时序问题Defer：是html4.0中定义的，该属性使得浏览器能延迟脚本的执行，等文档完成解析完成后会按照他们在文档出现顺序再去下载解析。也就是说defer属性的script就类似于将script放在body的效果。Async：是HTML5新增的属性，IE10和浏览器都是支持该属性的。该属性的作用是让脚本能异步加载，也就是说当浏览器遇到async属性的script时浏览器加载css一样是异步加载的如果一个script加了defer属性，即使放在head里面，它也会在html页面解析完毕之后再去执行，也就是类似于把这个script放在了页面底部。Javascript 放置位置html文件是自上而下的执行方式，但引入的css和javascript的顺序有所不同，css引入执行加载时，程序仍然往下执行，而执行到script脚本是则中断线程，待该script脚本执行结束之后程序才继续往下执行。所以，大部分网上讨论是将script脚本放在body之后，那样dom的生成就不会因为长时间执行script脚本而延迟阻塞，加快了页面的加载速度。但又不能将所有的script放在body之后，因为有一些页面的效果的实现，是需要预先动态的加载一些js脚本。所以这些脚本应该放在body之前。所以，我认为script放置位置的原则“页面效果实现类的js应该放在body之前，动作，交互，事件驱动的js都可以放在body之后”收放侧边栏HTML页面数据强制每次服务器拉取meta http-equiv=Expires content=0/meta http-equiv=Pragma content=no-cache/meta http-equiv=Cache-Control content=no-cache,no-store/1)?no-cache:强制缓存从服务器上获取新的页面2)?no-store:?在任何环境下缓存不保存任何页面详见：/link?url=cgazpzqaqDbpa2VJb154j9wr-w8pAKDnLI9vr0qDD9nJx4MF7JwrLMz2tBCUeVtZ1NJXFxjjkgJSazFD9Hee_qIFRAME JS/CSS静态资源刷新策略最外层html 用“href=’xxx.html?requesttime=1468894235522’”方式进行动态拉取；这样最外层HTML在刷新时将生成新的时间戳，从而能拉取到必威体育精装版的innerHtml资源2、采用IFRAME 内层加入 1.3 节中强制每次服务器拉取数据方式；3、html 页面JS/CSS等静态资源采用 localstorage JS 版本控制技术数据库总结数据库设计技巧设计数据库时需重点关注如下几点：ER实体关系图ER图提供了表示实体类型、属性和联系的方法，用来描述现实世界的概念模型。产品设计时需要多花力气在这个上面，这个梳理清楚清晰了，开发出来的产品才会有条不紊。表格设计容量考虑例如某些表格可能每天有几万条的数据记录产生（如操作日志记录等），可以考虑将这些日志数据放到另外一个数据库实例中（不要因为流量问题导致其他业务不可用），同时要考虑将这些数据进行分表设计处理，防止爆表。日志记录后台运营类的表格，需要详细记录最后的操作信息，例如最后修改时间、操作人员等，如：常用使用技巧SQL_CALC_FOUND_ROWS:加 limit 的 sql 语句，可以统计出全量数据来，例如：SELECT SQL_CALC_FOUND_ROWS * FROM t_commercial_channel_all WHERE show_report=’a’数据库新增用户并赋予权限GRANT?ALL?PRIVILEGES?ON?hz_pma.*?TO?ren_pma@%?IDENTIFIED?BY?ren_pma123456?WITH?GRANT?OPTION;?创建 ren_pma 用户，密码为ren_pma123456，完全访问 hz_pma 数据库权限查看当前用户权限show grants for root@`%`;Datetime/timestamp/int时间类型转化函数通常存储时间用datetime类型，现在很多系统也用int存储时间，它们有什么区别？本人总结如下：int（1）.4个字节存储，INT的长度是4个字节，存储空间上比datatime少，int索引存储空间也相对较小，排序和查询效率相对较高一点点（2）可读性极差，无法直观的看到数据，可能让你很恼火TIMESTAMP（1）4个字节储存（2）值以UTC格式保存（3）时区转化，存储时对当前的时区进行转换，检索时再转换回当前的时区。（4）TIMESTAMP值不能早于1970或晚于2037dat