vue1.0升级2.0

    国庆佳节,尤大发布了vue2.0的正式版,让人不好好过节啊。
    节日回来后,虽然vue官网上的教程还是1.0版本,但2.0是趋势,而且我们使用vue的项目还在开发阶段,现在上车,还来得及。
    作为我们使用的第一个正式vue项目,有点试水的感觉,未使用vue-router,所以,只涉及vue核心语法的升级。
    针对项目的实际情况,现总结如下:

阅读全文

分享

http 2.0 前瞻

虽然http 2.0暂时还未大面积推广使用,但是大家已经看到了未来的光明。

与HTTP 1.1相比,主要区别包括

  • HTTP/2采用二进制格式而非文本格式
  • HTTP/2是完全多路复用的,而非有序并阻塞的——只需一个连接即可实现并行
  • 使用报头压缩,HTTP/2降低了开销
  • HTTP/2让服务器可以将响应主动“推送”到客户端缓存中

阅读全文

分享

http 1.0 vs 1.1

最近研究《图解http》一书,收获颇多,现总结一下http 1.0 与 1.1的区别,另参考了网上的资料。

keep-alive

HTTP 1.0规定浏览器与服务器只保持短暂的连接,浏览器的每次请求都需要与服务器建立一个TCP连接,服务器完成请求处理后立即断开TCP连接,服务器不跟踪每个客户也不记录过去的请求。此外,由于大多数网页的流量都比较小,一次TCP连接很少能通过slow-start区,不利于提高带宽利用率。

HTTP 1.1支持长连接(PersistentConnection)和请求的流水线(Pipelining)处理,在一个TCP连接上可以传送多个HTTP请求和响应,减少了建立和关闭连接的消耗和延迟。例如:一个包含有许多图像的网页文件的多个请求和应答可以在一个连接中传输,但每个单独的网页文件的请求和应答仍然需要使用各自的连接。

缓存方面

阅读全文

分享

浏览器渲染机制——转+补充

本来想自己总结来着,结果网上的有篇文章,写的太好了,直接拿过来学习了

Google Web Fundamentals 是一个非常优秀的文档,里面讲到了跟web、浏览器、前端的方方面面。我总结一下其中的 Ilya Grigorik 写的 Critical rendering path 浏览器渲染机制部分的内容如下:

几个概念


  • 1、DOM:Document Object Model,浏览器将HTML解析成树形的数据结构,简称DOM。

  • 2、CSSOM:CSS Object Model,浏览器将CSS代码解析成树形的数据结构。

  • 3、DOM 和 CSSOM 都是以 Bytes → characters → tokens → nodes → object model.这样的方式生成最终的数据。如下图所示:

    阅读全文

分享

大前端兼容性规范——PC

    最近开发国际化项目,下个月又要官网818上线,开会跟N多人扯淡。

1
2
3
4
产品:北美那边很多使用IE的,得做好IE的兼容
我:占有率多少?
产品:不知道,反正很多
我:哦……

    然后私聊在米国留学的同学

阅读全文

分享

Firefox JS兼容性问题

  • 拖拽bug
  • 数组sort排序

强大如Firefox,也会有兼容性问题。

1、拖拽的bug

使用了诸如sortable.js等拖拽插件,拖拽完成之后,会自动打开新网页,打开百度搜索,搜索当前的选中的dom。
解决方案:

  • 要么换拖拽插件
  • 要么Firefox提示,请按照提示修改浏览器配置……

    阅读全文

分享

svg图标库以及与icon font对比

新版官网上线已有一段时间了,这次改版的风格是尽可能的使用图片表达,其中用到了大量的图标。
一般情况下,大量图标出现,前端直接使用 CSS Sprite即可搞定(gulp-css-spriter,这个我们留着以后再讲)。但是这次图标的使用场景有些特殊:

  • 1、图标是整站统一的,会跨项目重复使用。
  • 2、适配Retina屏。
  • 3、同一图标根据不同的使用场景,大小,颜色会有所不同,存在颜色叠加的情况。

基于以上需求,你一定也想到了,做一套属于我们自己的矢量字体图标库是再合适不过了。那么现在问题来了,究竟是使用 SVG font 还是icon font ?为什么最终我们选择了svg font呢?
那么为什么我们要用svg font?

一、渲染方式

阅读全文

分享

前端招聘简历筛选与面试注意

最近招人,内部外包都需要,筛选了大量简历,面试了大批人,特此总结一下。

筛选简历

由于近几年前端火热,培训班催生了大量造假简历,筛选的时候需要甄别。

  • “神童”不要
    一般情况下,2016年本科毕业的,是1993出生的,依次类推,23岁大学毕业,如果大学毕业为20、21岁,甚至不到20岁的,基本上都是假简历,因为培训班毕业,工作经验都写3年

阅读全文

分享

大前端其余开发规范

1、.gitignore

1
2
3
4
5
6
7
8
/node_modules/
/.idea/
.DS_Store
dist
dist/
npm-debug.log
demo
*.zip

2、readme

阅读全文

分享

大前端JS代码规范

1、基本的格式化

1、1 缩进层级
使用tab键进行缩进
1、2 语句结尾
一定要加上分号——与eslint不符合,二选一,项目要统一
1、3 行的长度
尽量保证在宽度1300的屏幕上的sublime编辑器中不折行
1、5 空行
  • 方法之间
  • 局部变量与第一条语句之间
  • 方法内的逻辑片段之间
  • 空行不超过两行

阅读全文

分享
返回顶部