Web技术

为什么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+小时,并能覆盖绝大多数的编程概念。

Web新技术:PWA-Progressive Web App

扫描二维码

什么是Progressive Web App?

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

概览特性:

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