Web技术

Gitment - 一款基于Github的Issues实现的评论插件

扫描二维码

最近发现了一个有意思的评论插件Gitment, 从实现和效果上都不错,给大家介绍一下。如果你有个人博客,可以考虑使用;如果你没有个人博客,也可以了解下实现的思路,开开脑洞。

之前普遍使用的多说评论关闭了,相信很多人的博客都受到了影响。我个人的博客评论也因此换过Discuz, 网易评论插件,畅言评论插件,都不甚理想。这次看到Gitment还是有些惊喜。

实现的最终效果如图:

为什么HTML会将“chucknorris”认成红色?

扫描二维码

在Stackoverflow上有个5441标星推荐的问题,很有意思。这个问题创建于2011年,几年来一直被人们讨论着。

为什么在HTML里,随机的字符串可以对应不同的背景颜色?

举个例子:

<body bgcolor="chucknorris"> test </body>

10个基于JavaScript的机器学习案例(译)

扫描二维码

在过去的几年里,机器学习的开发库增长很快,可用性也变得越来越可靠,而且没有减慢的趋势。一直以来Python作为机器学习的主力语言,现在神经网络可以应用任何语言了,包括JavaScript!

web生态系统虽然最近一直在取得进步,但是在机器学习领域JavaScropt和Node.js相对Python和Java来说还是稍弱,但是现在它们已经有足够的能力来处理机器学习方法的问题了。Web语言也有一个优势,就是你所有的JavaScript机器学习工程只需要浏览器支持。

web支付:Payment Request API集成指南

扫描二维码

DogfoodPaymentRequest 仍处于开发阶段。虽然我们认为其稳定性足以满足实现的要求,但可能仍需作出改动。 我们会持续更新本页,以时刻反映 API 的最新状况(M56 变更)。在此期间,为让您免于受到可能不具有向后兼容性的 API 变更的影响,我们提供了可嵌入网站的 shim。这个 shim 可平息两个主流 Chrome 版本的任何 API 差异。
在线购物非常方便,但通常存在令人沮丧的体验,在移动设备上购物尤其如此。虽然移动流量在不断增长,但移动购物转化率仅占所有已完成购物活动的三分之一。换言之,移动设备用户的购物放弃率是桌面设备用户的两倍。为何?


用户放弃移动设备购物单的原因`

在线购物单需要大量用户操作、难以使用,加载和刷新缓慢,并且需要多个步骤才能完成。这是因为在线支付的两大要素(即安全和便利)之间通常互为矛盾,左支右绌。

什么是Physical Web ?

扫描二维码

1、Physical Web ?

Physical Web是一种基于位置的,可以和物理对象快速并无缝衔接的技术。通过低功耗蓝牙的Beacon(文末有详细介绍)设备,广播的的url是Eddystone(文末有介绍)格式的。大部分的浏览器已经可以支持显示这些URL了。

设备能够向周围发送广播信号(一个地址),任何设备都能够接收并进行处理。这看似很平常的一种方式,借助URL可以提供跟网页相类似的交互方式。需要注意的是,Physical Web并不是要取代设备本身的app,只是给用户提供一种便捷使用的方式。

2016 Google开发者大会Web技术点整理

扫描二维码

12月8日,Google开发者大会2016北京站,这次大会有超过2000开发者参加。本人参加了此次大会,很高兴我参与并开发的PWA项目被当做主题演讲的第一个案例介绍。下面就把此次大会其中的一些技术信息整理如下,希望能给大家带来帮助。

JerryScript 和 IoT.js:来自三星的物联网JavaScript

扫描二维码

三星开源了IoT.jsJerryScript。IoT.js是一个使用JavaScript语言编写的物联网应用平台;JerryScript是一个适用于嵌入式设备的小型JavaScript引擎。

三星创建这两个项目的目的,是为了让JavaScript开发者能够构建物联网应用。物联网设备在CPU性能和内存空间上都有着严重的制约。因此,三星设计了JerryScript引擎,它能够运行在小于64KB内存上,且全部代码能够存储在不足200KB的只读存储(ROM)上。在JerryScript引擎上运行JavaScript代码看上去是这样的:

Package.json详解

扫描二维码

概述

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

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

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

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

Chrome的扩展插件

扫描二维码

用处

本质就是web页面,调用web上的原有api还有浏览器提供的一些接口(像右键菜单、桌面通知、覆盖页面等等)。做一些工具性的插件。

manifest.json

{
    "name": "My Extension",
    "version": "2.1",
    "description": "Gets information from Google.",
    "icons": { "128": "icon_128.png" },
    "background_page": "bg.html",
    "permissions": ["http://*.google.com/", "https://        *.google.com/"],
    "browser_action": {
        "default_title": "",
        "default_icon": "icon_19.png",
        "default_popup": "popup.html"
    }
}

参数说明

11款学习编程的好玩的浏览器游戏(译)

扫描二维码

玩视频游戏经常涉及用逻辑推理和不断的试错来解决复杂问题。你还能想到别的什么会要求有这样的技能吗?没错,就是编程。
这篇文章为你准备了11款浏览器游戏,非常适合web开发者和编程人员。你可以通过它们学习到JavaScript,CSS和HTML,或者也可以作为一场你web技能的测试。其中一些游戏很简单,另外一些非常难,但是它们都很好玩。

Code Combat

虽然Code Combat是为学校里的学生而制作的,但是这款游戏还是受到很多成年人的喜爱。通过编程来控制一个勇敢的英雄通过成百的地牢,与敌人战斗并收集宝石。完成整个游戏大概需要20+小时,并能覆盖绝大多数的编程概念。