星云开发者开放注册啦,提交一个DApp即可获得100个NAS(大约7000元),更有周、月度大额奖金等你拿!开发者今年最大的机会, 会JavaScript即可。
注册链接:https://incentive.nebulas.io/cn/signup.html?invite=HjuhT

JavaScript

一个实例DApp讲解来参与星云开发奖励

扫描二维码

星云奖励

最近一直关注星云链上的开发DApp的进度。5月5日晚上已开放注册,建议开发者都来试试,可能是开发者今年最大的机会。

星云开发者开放注册啦,提交一个DApp即可获得100个NAS(大约7000元)。推荐可获得40个NAS,更有周、月度大额奖金等你拿!
邀请码:HjuhT(注册时填写邀请码的,提交有效应用额外送10NAS)
注册链接:https://incentive.nebulas.io/cn/signup.html?invite=HjuhT
文末有相关开发资料的整理。

JS挖矿 - 门罗币是如何利用网页挖矿的?

扫描二维码

最近看到一种利用网页Javascript来挖矿的东东,介绍给大家。网页中嵌入Javascript, 一旦用户打开该网站,浏览器便会按照脚本的指令变成一个门罗币挖矿机。这一段附加的挖矿代码通常因为大量占用CPU,使用户的计算机变得异常卡顿甚至无法正常使用。

这样的网站会嵌入了Coinhive JavaScript Miner代码。该代码是基于CryptoNight挖矿算法编写,该算法可以产出CryptoNote类网络货币,如Monero(门罗币)、Dashcoin(达世币),DarkNetCoin(暗网币)等。而嵌入的这个Coinhive JavaScript Miner则仅支持门罗币的挖矿。

那么怎么来让JS脚本挖矿呢?这中间还需要几个步骤。我个人不赞成这种未经用户同意靠牺牲用户体验来让网站挖矿的行为。了解其中的实现方式,开拓下思路还是非常有意思的。下面就介绍下具体的操作。

在线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 技术。