JavaScript

在线web前端工具-效率提升

扫描二维码

在线图片压缩

site:tinypng

在保证显示质量的前提下,大幅压缩图片大小。普通的5M以下的图片压缩都是免费的,前端开发中的绝大部分图片都可以满足。如果很大图片的压缩需要付费。

Package.json详解

扫描二维码

概述

每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。npm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。

下面是一个最简单的package.json文件,只定义两项元数据:项目名称和项目版本。

{
     "name" : "xxx",
      "version" : "0.0.0",
}

上面代码说明,package.json文件内部就是一个JSON对象,该对象的每一个成员就是当前项目的一项设置。比如name就是项目名称,version是版本(遵守“大版本.次要版本.小版本”的格式)。

Web新技术:PWA-Progressive Web App

扫描二维码

什么是Progressive Web App?

Progressive Web App是一个利用现代浏览器的能力来达到类似APP的用户体验的技术,由Google实现,让浏览器打开的网址像APP一样运行在手机上。让Web App和Native App之间的差距更小。

概览特性:

  • 添加到屏幕
  • 从屏幕点击启动
  • 加载屏
  • 支持离线应用
  • 支持Push Notification

5篇好文推荐

扫描二维码

前端开发规范手册

此手册主要实现的目标:代码一致性和最佳实践。通过代码风格的一致性,降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践,确保页面性能得到最佳优化和高效的代码。

此手册是在开发中积累下来的经验和参考其它规范/指南制定的,它只是起指导作用,除个别条目强制之外,大多数为非强制约束,开发者可根据自己的实际情况自行决定是否要遵守 该指南只是保证大方向一致性和最佳实践的阶段性总结,不是最后结论,它会随着时间而变化。

移动开发规范概述

扫描二维码

以下规范建议,均是Alloyteam在日常开发过程中总结提炼出的经验,规范具备较好的项目实践,强烈推荐使用

字体设置

使用无衬线字体

body {
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}

移动端web开发技巧

扫描二维码

这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。

META相关

1. 添加到主屏后的标题(IOS)

<meta name="apple-mobile-web-app-title" content="标题"> 

2. 启用 WebApp 全屏模式(IOS)

当网站添加到主屏幕后再点击进行启动时,可隐藏地址栏(从浏览器跳转或输入链接进入并没有此效果)

<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-touch-fullscreen" content="yes" /> 

Polymer 前端开发框架

扫描二维码

初识

Polymer 是在 Google I/O 2013 发布的一个新的 Web UI 框架。2015-5-29日,也就是昨天在Google I/O 2015将Polymer升级到了1.0版本。Polymer的核心原则是 “Everything is an element”。它是一款实用、基于事件驱动、封装性和互操作性强的 Web UI 开发框架。

在了解 Polymer 之前,如果你没有了解过 Web Components ,推荐去了解下 Web Components 规范。可以通过 Web Components Wiki了解,Polymer 用到的有 Shadom Dom,Custom Elements,HTML ImportsWeb Components 技术。

杂谈

扫描二维码

最近一直瞎忙,天气也变的忽冷忽热,4月份的天气还是这么淘气,害的我要感冒的节奏。
把最近研究的前端技术方面的,分享一下

  • react
    去年底就放出风来说fb搞了个react native的东东,有这么一个大公司做后盾,相信技术肯定也弱不了,
    研究了一下react.js,感觉还是比较亲切,就是一些api还需要熟练,知道大概的思想,还需要实践出真知。
  • 微信订阅号:前端开发知识
    搭上微信的顺风车,也弄了个订阅号玩玩,还是挺有意思的,把自己喜欢的文章和知识分享出来,微信鼓励个人的媒体,
    算是另一种方式的博客吧,现在是快餐式阅读,短而有意思的东西是人们最喜欢看的,上面已经有一些粉丝了,关键还是
    增长是个问题,像这种个人的订阅号发展起来还是很不容易的。