JavaScript

Ant Design圣诞节彩蛋变大锅!

扫描二维码

2018年12月25日这一天,注定是不平凡的一天。很多人收到礼物,有的公司也准备了小礼物给员工。而有的人在这一天,收到的却是“被离职”。这个被离职有些莫名其妙,更莫名其妙的是,在2018 年 9 月 10 就已经种下了这颗“彩蛋”。

有的人的确怒了

从大家的回复中可以看到大部分人是受到了严重的影响,突如其来的变化,让开发人员措手不及,尤其在这个禁止洋节的时期,有些人“被离职”也就确有其事。

一个实例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" />