[置顶] 站在浏览器角度谈前端优化

摘要： 了解一个网址转变到一个网页的过程中浏览器做的工作，有助于我们的优化工作，使网址达到一个极优的速度。 与服务器建立连接，发起请求拿到资源 1.用户输入url并敲击回车 2.浏览器缓存查看 强缓存：浏览器会先获取该资源的Header信息，根据其中的exoires和cahe-control是否命中强缓存， 阅读全文

posted @ 2018-12-06 15:07 yaobai 阅读(501) 评论(0) 推荐(0) 编辑

2019年3月29日

nodejs的理解

摘要： nodejs的由来？ Node.js是一个Javascript运行环境(runtime environment)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。 优点 借助JavaScript天生的事件驱动机制加V8高性能引擎，使编写高性能Web服务轻而易 阅读全文

posted @ 2019-03-29 19:17 yaobai 阅读(295) 评论(0) 推荐(0) 编辑

phaserjs 总结

摘要： 什么是Phaser？ 简单来说，Phaser就是一款免费开源的HTML5游戏框架 它有什么特点？ 高性能：快速、免费、易于维护。一方面，开发者可以直接通过Koding平台上的VM开发系统进行代码编写及预览。另一方面，也可以在支持Canvas的浏览器中直接安装Phaser来进行游戏开发。 多种支持：J 阅读全文

posted @ 2019-03-29 18:00 yaobai 阅读(2458) 评论(0) 推荐(0) 编辑

移动端webview调试

摘要： 问题所在点：明明自己在chrome浏览器上写代码写的好好得，可是一到了手机得webview里面就各种不行，原因是兼容性导致报错致使运行失败。找不到原因只能一步步弹窗提示，大大增加了开发得时间。经过一小波小游戏开发，安利下总结得移动端webview调试技巧。 安卓手机+windows调试 需要条件：1 阅读全文

posted @ 2019-03-29 17:45 yaobai 阅读(2568) 评论(0) 推荐(0) 编辑

2019年1月9日

FIS项目理解使用

摘要： 先讲一下fis项目的目录结构 >config --fis依赖表 >page --页面模板 >static --静态文件 >test –-mock数据 >widget --项目公共组件 >.gitignore --git忽略提交规则 >build.sh --jenkins上线配置文件 >debug.l 阅读全文

posted @ 2019-01-09 14:39 yaobai 阅读(1451) 评论(0) 推荐(0) 编辑

2018年12月11日

前端代码优化

摘要： html代码优化 （1）标签是用户搜索引擎最看重的，它能帮助用户和搜索引擎判断当前页面的主旨和中心思想。一个是关键字（keywords），一个是描述（description）。 （2）h1-h6，h标签也是搜索引擎在排名时终点考虑的因素，分别代表不同的级别。 （3）语义化标签，特殊含义的标签更容易被 阅读全文

posted @ 2018-12-11 11:57 yaobai 阅读(163) 评论(0) 推荐(0) 编辑

2018年12月10日

前端性能分析-Performance

摘要： 使用Chrome DevTools的Performance面板和代码中window.performance分析页面的性能。 Chrome DevTools的Performance 1. 无痕模式 无痕模式可以保证Chrome在一个相对干净的环境下运行。比如安装了许多Chrome插件，这些插件可能影响 阅读全文

posted @ 2018-12-10 15:13 yaobai 阅读(3154) 评论(0) 推荐(0) 编辑

2018年12月8日

为什么说js操作DOM很慢

摘要： DOM 文档对象模型（Document Object Model简称DOM），是W3C组织推荐的处理扩展标记语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就成为DOM。DOM的历史追溯至1990年代后期微软于Netscape的“浏览器大战” 阅读全文

posted @ 2018-12-08 14:42 yaobai 阅读(1168) 评论(0) 推荐(0) 编辑

导航