ToC端的要点

187 阅读2分钟
  1. 理想的界面设计:干净直观,以保证用户的体验。以及足够交互性的体验,举例明日方舟的页面。
  2. 响应式设计:用户的一些界面需要根据用户的窗口大小,例如用户在缩放窗口、在不同设备上的一个响应式配适,方法包括有媒体查询、vw/vh、弹性布局等等。
  3. 性能优化:当用户等待一个页面打开时间过长的时候,他就可能转向竞品,性能优化关注的指标包括首屏渲染时间、最大内容绘制时间、白屏时间等等。性能优化的手段就很复杂,主要需要清楚用户在输入URL当页面渲染的大致流程,然后从中优化。
  4. 浏览器的兼容性:比如在谷歌浏览器上进行css配适需要webkit前缀,在火狐就需要moz,在ie就需要ms,其他还有一个比如IntersectionObserver在低版本的IE浏览器就无法使用,这时候就需要一个原始的方法
  5. 安全性:防止用户信息泄露、防止网站被攻击崩溃,同时因为用户输入很复杂,需要考虑地要更多。
  6. 跨平台的数据同步,数据更新的实时性,比如如果需要高实时性就需要升级websocket协议等等
  7. 搜索引擎优化:在进行前端页面开发的时候希望页面的关键字能够更好地被抓取,在用户搜索展示地时候显示在前页,因为一般大家在搜索一个东西地时候也就翻几页,如果网站排名过后,访问量就会很低。
  8. 国际化和本地化:如果网站在国内外都上线的话,就需要不同语言的配适。

前端方法论:

  1. 代码模块化,低耦合,一个代码实现一个小功能,比如NOdejs的洋葱模型、中间件。
  2. 组件化,提高代码的复用性。
  3. MVVM模型,响应式交互。
  4. SPA单页面和MPA多页面
  5. 自动化测试
  6. 持续部署和持续交付
  7. 需要清楚一个代码是可回溯的,也就是无论是GIT仓库还是别的方式写代码,在进行代码更迭前一定需要对于旧代码进行备份。

chrome线程:

  1. 主线程:执行JS代码
  2. 解析线程:构建DOMTREE和CSSTREE
  3. 网络线程:处理网络请求和答复
  4. 渲染线程:渲染页面
  5. 事件线程:处理鼠标等用户事件等等。
  6. GPU线程:处理GPU调度