​​​​​科技让营销更简单
     400-0​85-8218
Web前端知识分享
  1、W3C标准

  如果说你只知道web前端的一个标准,估计肯定是W3C标准了(据我了解,貌似大部分人真的都只知道这一个标准)。它的内容非常多。

  写到这里让我想起了一句话:2/8原则——20%的功能满足80%的需求。我觉得这句话用到这里非常合适,我们在平时开发过程中根本用不到这么多东西。反而,你要把平时用的多的东西搞懂了。

  2、框架和类库

  我公司目前网站技术采用最主流的WEB前端开发规范和框架。

  jquery一定是大部分web前端开发者不可或缺的工具。而我利用jquery不仅仅停留在只使用它的API和插件上,我还会自己去写jquery插件,我还会去读jquery的源码、了解jquery的设计思路。

  bootstrap不用再过多解释了吧,从github上的排名也能看出道道来。甚至连我们公司的UI设计师,都从bootstrap上截图作为素材

  fontAwesome是全世界最强大的图标系统。相比于css制作图标来说,这个要好很多倍,不管是开发、效率还是维护上。icomoon.io能让我自定义选择自己的图标文件。

  3、编码开发

  要问编码IDE哪家强,当然要属微软的visualstudio!但是即便是微软的VS最新版本,它也代替不了下面要说的这套开发环境。

  环境主要采用SUBLIME,html语义化标准性强,同时自带编译系统,只需要下载

  Zendcoing插件就可以完成效率代码。

  另外,针对html,js.css,代码的合并,压缩,语法检查,文件的清除这些东西,都可以自动完成。

  4、响应式建站技术分享

  主要东西都介绍完了,接下来介绍下目前主流的响应式建站的知识分享

  通常实现移动端网站响应的几种方法

  移动网站实现响应一般有很多种方法,如流式布局、固定最小宽度、媒体查询、flexbox布局等来实现,但这些方法有的是效果不理想,有的又太过麻烦。

  1、流式布局:流式布局虽然能让不同分辨率的手机适配,但有些分辨率的效果很差,并不能让所有手机尺寸都完美自适应。

  2、固定死宽度:这种方法限定死最小宽度为320px,这样做的缺点是大分辨率的屏幕有许多留白的空间,效果也不理想。

  3、媒体查询:这种方法虽然效果不错,也能适配所有分辨率,但缺点就是需要在不同分辨率上做样式上的调整,维护起来也相对麻烦。

  4、flexbox布局:这个是新的css3布局方案,虽然十分方便好用,但由于新老语法规范众多,新语法不支持一些浏览器,所以这个暂时不用。

  以前一般做移动端响应都是依靠以上三种方式来实现的。

  但我最近发现有一些网站开始使用rem这个新的css3单位属性来实现响应,发觉非常方便,基本不用做什么适配,缺点就是不支持低版本浏览器,不过用在移动端也就无所谓了。