返回
网站设计

2017年10月超实用前端干货大合集

发表日期:2017-11-01     浏览次数:
  对于前端而言,快速发展的技术,逐步更新的工具,对于实际开发工作而言,有着巨大的影响。服务框架的小改进可能会让整个开发速度上一个台阶,新工具的诞生,可能会让某个环节进度更为迅速。诸如微软、苹果、谷歌这样的大型企业都为基础的开发工具和编程语言添砖加瓦,从根本上一点点改变我们今天所面对的整个数字世界。
  
  在这一期的前端干货当中,我们会看到很多基础服务和工具的转变与提升,一些看起来并不显著的提升,都是向着未来前进的契机。
  
  接下来我们一起来看看这次的干货都有哪些吧。
  
  Essential Image Optimization
  
  这是一篇由 Addy Osmani 所撰写的关于网页图片优化和处理的文章,内容极为详尽,涵盖了主要的技术和背后所涵盖的科学知识,此外还推荐几款颇为实用的工具。
  
  PHP 7.2
  
  这是关于全新的 PHP 7.2 的参考手册。其中除了介绍了新增的PHP 程序的性能变化和功能更新之外,还对已经被废除的旧的特性进行了明确的说明。
  
  在 PHP 7.2 当中,有两个函数将会被飞起,即create_function() 和 __autoload(),如果你是开发人员请务必注意这一点。比如许多Wordpress 插件都使用了这两个函数,如果更新了PHP 7.2,会导致这些插件失效。请注意。
  
  Web Share API
  
  说实话我真没有想到,真有人会开发这个API。我们在网络上的行为,分享占据了一大半,而借助这个API,开发人员可以更轻松地构建分享服务,尤其是在移动端平台上。这款API 目前仅仅适用于 Google Chrome 的桌面端和Android版,随后应该会逐渐扩展开来。
  
  Image Async Attribute
  
  这是影响到网页技术发展的另一革新,img 元素的 async 属性。这篇文章涵盖了图片异步加载的方法以及牵涉到 JavaScript 的一些小技巧。
  
  Firefox Quantum
  
  Mozilla 一直致力于 Firefox 浏览器的更新,而今天我们看到的代号为 Project Quantum 无疑意味着火狐浏览器的下一个更新。Firefox Quantum 中包含了一个名名为 Quantum CSS 的全新的CSS渲染引擎,全新的UI和新的DevTools。
  
  MS Edge for iOS and Android
  
  微软刚刚宣布,自家的Edge 浏览器发布了Android 和 iOS版本,这意味着你又多了一个可供测试网站的移动端浏览器。
  
  Gutenberg
  
  这个名为Gutenberg 的项目源于 WordPress,这个项目中开发人员使用 Javascript 写了几乎完整的 WordPress 编辑器。
  
  Gutenberg 目前是使用 React 编写的,项目组正在考虑使用另外一个框架来进行编写,比如 Preact 或者 Vue。
  
  FoitFout
  
  FoitFout 是一款非常方便的工具,用来对比名为 FOIT和FOUT 两种方法,以便在网页中加载自定义字体。使用这一工具能够帮你更好地确定你的网站适合哪种方法。
  
  Vuera
  
  Vuera 是一款 JS 库,让你可以同时使用 Vue 和 React,简而言之 就是在Vue中使用 React 组件,在React 中使用 Vue 组件。
  
  Draggable
  
  Draggable是一个来自 Shopify 的有趣的库,它是建立在一个支持浏览器内托拽的API之上的,你可以将它轻松地应用到其他的地方,甚至可以编写自定义的模块对它进行拓展。
  
  FlowchartJS
  
  顾名思义,FlowshartJS是一个用来构建类似PPT中流程度的JS库,在它的基础上,你可以创建各种形状的图形。
  
  FrontEnd Checklist
  
  这个用来构建HTML页面的清单是根据多年的经验总结出来的。这个清单涵盖了网页设计的一些基本的策略和技巧,比如页头,CSS,JS,可访问性和SEO等。
  
  QuickBill
  
  这是一个用来创建发票的轻量级的Web应用。
  
  Mocka
  
  Mocka是一个创建网站原型的时候用来生成内容占位符的工具,它只有500字节,但是功能很完善,你可以通过Sass mixin 轻松地将它纳入到你的CSS文件当中。为了创建不同的多媒体占位符,它提供了许多CSS类。
  
  VueStar
  
  VueStar 是一个Vue 组件用来生成图标闪烁的效果,类似Twitter 点赞时候的特效。
  
  Grid Playground
  
  Grid Playground 是一个源自于 Mozilla 的计划,用来测试并推广 CSS Grid,即使是Firefox 的新的DevTools 当中都包含了相应的栅格布局工具。
  
  Snippet Manager
  
  Snippet Manager 是一个用来储存和管理代码的简单应用。
  
  IBM Plex
  
  这是IBM 所设计的全新的字体系列,名为IBM Plex,目前已经被纳入到IBM自身的风格指南当中,其中所涵盖的三种字体分别为为衬线体、非衬线体和等宽字体。
  
  Tabbed Interface
  
  这里介绍了如何尽可能少的使用JS来创建渐进和良好可访问性的标签导航系统,对于想要了解可访问性设计的开发人员而言,是个不错的素材。
  
  SwissInCSS
  
  SwissinCSS 展示了如何使用纯CSS来构建经典的瑞士海报设计。源代码在 CodePen中可用。
更多相关信息:
在百度搜索2017年10月超实用前端干货大合集的信息
在搜搜搜2017年10月超实用前端干货大合集的信息
在必应搜索2017年10月超实用前端干货大合集的信息
在360搜索2017年10月超实用前端干货大合集的信息
在搜狗搜索2017年10月超实用前端干货大合集的信息
在雅虎搜索2017年10月超实用前端干货大合集的信息
返回列表
相关新闻

选择网站设计公司时要注意什么

    建一个网站是让企业互联网的潜在用户看到和喜欢你,一些企业认为网站还不重要,于是自己随意找了一家网站建设公司,建设了企业网站。这种企业网站绝对不能满足用...


近期,大批量网站排名下降的原因有哪些

    关于SEO而言,最近的飓风算法,许多网站都开始起起伏伏,关键词排名忽上忽下的。 在这时刻周期内: ①不管是个人站长与企业网站 ②或者职业服务机构 都面临着严重...


网站权重提升与关键词提升有什么联系?

    随着网络的发展,现在很多企业甚至个人都有自己的网站。但怎么做才能让自己的网站排在首页?网站SEO排名的因素是什么?怎样才能提高网站的权重?今天企拓帮就详细...


亚马逊关键词怎么填写?有什么好的关键

    亚马逊关键词该怎么填写?亚马逊卖家如果Listing关键词没选好,产品可能就获取不到流量,或者获取到的流量就会不精准,导致点击量或者转化率过低的问题。并且找到...


关键词与搜索尾巴

    关键词研究中有个现象是许多对搜索引擎优化行业中缺乏经验的人员没有注意到的。这个现象称作搜索尾巴。它其实是关键词研究过程中的开始部分。这个现象说明的是,...


怎么设置长尾关键词!(上)

    现在很多人想必都有了解过,现在对关键词的优化变得越来越难了,所以很多人都开始转战到长尾关键词的优化,但是长尾关键词的优化也不是怎么简单的,所以今天为了...