WebAssembly 线下沙龙 PPT

...
阅读全文 »

[译]再见 PNaCI,你好 WebAssembly!

Chromium Blog:再见 PNaCI,你好 WebAssembly!

本文转载自:众成翻译

译者:明非

链接:http://www.zcfy.cc/article/2984

原文:[htt

...
阅读全文 »

[译]什么是 Transducer

什么是 Transducer

本文转载自:众成翻译

译者:明非

链接:http://www.zcfy.cc/article/2819

原文:[http://raganwald.com/2017/0

...
阅读全文 »

WebAssembly 大杂烩

  • 什么是 WebAssembly
    • WebAssembly 做什么、有什么好处、必要性 etc.
  • 我们写的代码是如何在机器上工作的?
    • 从人类语言到机器语言的转换
    • WebAssembly 是不是一种汇编语言?
  • WebAssembly 与浏览器
    • WebAssembly 是如何在浏览器上工作的?
    • 如何将某高级语言编译成 WebAss
...
阅读全文 »

[译]图说 WebAssembly

图说 WebAssembly

本文转载自:众成翻译

译者:明非

链接:http://www.zcfy.cc/article/2799

原文:[https://www.smashingmagazin

...
阅读全文 »

一组随之飘过的 JavaScripters 的聊天记录

随着网络的发展,聊天软件日益成为人类生活中不可或缺的一部分。日常刷屏的人屡见不鲜。 今年不知怎么着就遇到了一群老厉害的人了,身在世界各地,说着不同的语言,commit 着各式各样的代码。 每天和他们聊天都感觉157个人的群里有156个大神和一个我。每天我就在群里窥着,想着能有一天插上话。 但是现实总是残酷的,从来都不敢说话。 不知道我前面扯了这么多能不能把我 blog 的 descriptio

...
阅读全文 »

Headless Chrome 入门

阅读全文 »

使用 dva 构建小型前端项目(二)

本系列的上一篇文章我们已经根据 dva 自带的项目目录创建好了文件。这篇文章要把他们连接起来,把这个小项目跑起来。

在开始正式写码之前,我们先引入 Ant Design 来确保我们在不需要设计师的情况下能够正常将项目进行下去

可以查看 Ant Design 项目实战

...
阅读全文 »

[译]在 Docker 上运行本地版的 TravisCI

首发于众成翻译:在 Docker 上运行本地版的 TravisCI

原文链接:[How to Run TravisCI locally on Docker](https://medium.com/google-developers/how-to-run-travisci-locally-on-docker-822fc6b2

...
阅读全文 »

使用 dva 构建小型前端项目(一)

前言

去年11月的时候接手了一个小型的后台系统,负责前端开发,团队经过研究选择了从来没有用过的 Ant Design,作为一门设计语言(什么是设计语言),如果我们此次项目使用 Ant Design 获得收益,

...
阅读全文 »

苹果商店发布流程 -- 发布 App Store 遇到的坑

忙忙碌碌一个多月的项目开发终于接近上线,为了早日面世,我们准备发布应用。接下来我会基于已经拥有开发者账号的基础上,把我上线的整个流程以及遇到的坑讲述一遍。

创建应用

给我们发布使用的账号是公司账号下的一个子账号,一开始我只知道一个账号密码,发布流程一概不知。所以接下来的两天就是淌坑。

我本能意识的进了developer.apple.com,苹果开发者网站,登陆了账号。发现里面啥都没

...
阅读全文 »

周末在家写了几个常用的排序算法

第一次手写算法,见笑。

快速排序

``` function QuikSort(arr, left, right){ if(left >= right) { return ; } arr = Object(arr); var key = arr[left]; var i = left; var j = right; // noprotect

...
阅读全文 »

CSS 字体

CSS 提供了几个影响文本渲染的 font 属性。font-family属性定义文本的字体。

通用字体

有五个通用的字体:

  • serif 衬线字体
  • sans-serif 非衬线字体
  • monospace
  • cursive
  • fantasy

cursivefantasy 基本不会被用到。 </bl

...
阅读全文 »

CSS Reset

没有无样式的 HTML 元素。每一个网页都会有“保底”的CSS样式: User agent Stylesheet(用户代理样式表)

用户代理样式表

浏览器自带的CSS文件:

  • 每次 只要网页被渲染就会被加载
  • 前置 在我们自己写的 CSS 之前被加载

每一个浏览器都有自己默认的 CSS 样式,但它们都大同小异。

引用一个 CSS re

...
阅读全文 »

CSS 尺寸 单位

有几种 CSS 属性用到了 尺寸单位

  • font-size 定义文字大小
  • border-width 定义边框的宽度
  • margin 定义元素间的间距
  • left/right/top/bottom 定位和移动元素

最常用的单位是:

  • px 像素
  • % 百分比
  • em 相对于父级的 font-size 来显示尺寸

像素

...
阅读全文 »

CSS 优先级

一个HTML元素可以被 多个CSS 命中,让我们用一个简单的段落举例:

<p class="message" id="introduction">
  This is a free HTML and CSS tutorial.
</p>

我们可以通过 标签名 修改这个段落:

p{ color: blue;}

或者我们可以使

...
阅读全文 »

CSS 继承

假如我们想修改网页的文字颜色,为每一个 HTML 元素指定颜色是相当没意思的。

p,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6{ color: grey;}

值的传递

文字颜色 color 的值可以继承他的祖先元素的。考虑到我们想修改整个网页,我们选择所有HTML元素的祖先元素,body 标签:

...
阅读全文 »

CSS 为什么存在?

随着 Web 在90年代的普及,Web 网页的设计水平也得到提升。 Web开发人员依靠特定的HTML标签来增强网页设计性:

  • <basefont> 定义整个文档的字体
  • <font> 给这个元素内的文字定义字体、颜色、字号
  • <center> 将元素内容居中显示
  • <big> 增大元素内文字的字号
  • <strike> 给元素内文字增加删除线 <
...
阅读全文 »

JavaScript 中的 void 关键字

译文首发于众成翻译:http://www.zcfy.cc/article/2620
原文链接:http://cmichel.io/javasc

...
阅读全文 »

一个 合法的 HTML 文档

直到这里,我们看到的都是一些代码片段,HTML 文档 需要包含一套具体的结构才会合法

为什么我们要关注HTML文档的合法性?

  • 正确:一个合法的HTML文档会被浏览器正确显示
  • 易调试:不合法的HTML代码容易产生Bug并且不好调试
  • 可维护:一个合法的HTML文档更容易被更新,多人协作也不会有问题

Doctype

第一

...
阅读全文 »

HTML 表单

在单纯的导航网站,用户的交互仅仅是通过链接来浏览各个页面。

但是网站很多时候要包含一些可以输入的元素。这些交互包括:

  • 给网站添加注册登录功能
  • 输入用户的信息(姓名、地址、银行卡信息)
  • 过滤内容 (下拉菜单,选择框)
  • 搜索
  • 上传文件

为了满足这些需求,HTML提供了交互方式, 表单控件

  • 文本输入 (一行或多行)
  • 单选按钮
  • 复选框
...
阅读全文 »

HTML 结构

编写HTML代码的时候,经常会写一些段落、列表、链接,一般都是给文本赋予一些含义。但是怎么才能把分组呢?

举个例子,一个博客的页面可以被分成四个部分:

  • 头部,一个网站的每一个页面可能都会有一个共同的头部,上面有这个网站的导航。
  • 主体部分,每一个页面的主体部分可能不一样,可能是文章列表,也可能是一篇文章和评论,或者一个介绍页面。
  • 侧边,防止一些归档或者栏目供访客
...
阅读全文 »

HTML 表格

HTML 表格 是意义是展示表格数据,仅用来展示可以通过来展示的内容。

It’s like having a spreadsheet in Excel.

看起来像Excel电子表格。

Syntax

语法

在 HTML 创建一个表格需要特殊的结构:

  • 使用 <table>
  • 使用 <tr> 添加行
  • 使用 `<td
...
阅读全文 »

HTML 内联 语义

段落和列表可以给一块区域定义,有事我们会给一个词语或几个词语来定义。

Strong

重要 的词语, 使用 <strong> 标签:

<p>
  这里很 <strong>重要</strong> 这里并没有.
</p>

这里很 重要 这里并没有.

...
阅读全文 »

HTML 文本

写HTML代码的时候,你写的都是文本,在浏览器里显示的内容也基本都是文本内容。

虽然图片、视频、音乐越来越流行,大多数网站仍然以文本为主要内容,比如下面这个段落

段落

段落 <p>是经常被用的HTML元素,他是最常用的块级元素而且非常容易写。

```

Rank grass, waist high, grows upon the plain o

...
阅读全文 »

HTML 格式

人类书写出来的HTML代码和浏览器展现出来的样子是完全不同的。

通过以前的文章我们已经知道,像HTML标签仅仅被浏览器所阅读(用来知道你的内容属于什么类型),但是不会被展示到页面上。

我们也知道,我们可以在我们的代码中写一些注释来帮助其他人读懂代码。但这些注释都不会被浏览器展示到页面上。

还有一些其他的内容也是会被浏览器忽略的:

*

...
阅读全文 »

HTML 家族

一个HTML文档像一个大家族,这个大家族中有各种家族成员。

他们根据自己的职能进行嵌套组合。

###嵌套

下面我们使用一个段落来嵌套两个内联元素来演示HTML的嵌套规则。

<p>
   <strong>鲁迅</strong>先生曾经说过:<q>"时间就像海绵里的水,只要愿挤,总还是有的。"</q>.
</p>

...
阅读全文 »

HTML 块级元素内联元素

在HTML中,主要有两种HTML元素。

  • 块级 元素:

    • 段落: <p>
    • 列表: 有序列表 <ul>、无序列表<ol>
    • 标题:<h1><h6>
  • 内联 元素:

    • 超链接 <a>
    • 强调 <em>
    • 语气更强的强调 <strong>
    • 短的引用 `
...
阅读全文 »

HTML 语法

HTML HyperText Markup Language:(超文本标记语言)

  • 超文本(HyperText) 代表着它通过HTTP协议在网络上传输
  • 标记(Markup) 代表着它的代码是一些可以解释的关键词
  • 语言(Language) 代表它可以被人和机器阅读

HTML 有一套相对于其它语言更简单的规则,HTM

...
阅读全文 »

HTML 基 础

你肯定非常了解一些文档编辑工具,比如Microsoft Word,你可以在word里实现文档内容的各种样式,比如标题、段落、列表、表格、图片、字体加粗等。

HTML为你提供了一系列元素来控制样式。与Microsoft Word不一样的是,Microsoft Word 是可视化的,而HTML 代码是纯语义化的:你要赋予你的文本一定的意义。

...
阅读全文 »

Web Starter Kit 介绍

原文地址: https://github.com/google/web-starter-kit

概述

Web Starter Kit 是一套前端开发工具,它不仅有一套响应式的前端模板,提供了夸设备和屏幕的工具,他还可以帮助你快速高效的架构前端项目,能够让前端开发者快速启动或加入开发项目。

特点

| 特点 | 简介 | | ——–

...
阅读全文 »

用Javascript学算法之简单的桶排序

初学算法,把学到的东西用自己的语言和Javascript去做一遍。

举个栗子,河边有5个猴子去摘桃子,每个猴子摘的不一样多最多摘10个,A猴子摘了4个,B猴子摘了6个,C猴子摘了8个,D猴子摘了5个吃了3个还剩2个,E猴子傻,摘一个扔一个,最后只摘了2个。根据猴子最后的桃子数进行排序。 我们把他们摘得桃子数组成一个数组 [4,6,8,2,2],我们用一种方法进行排序。

这么五个数还用算法了

...
阅读全文 »

用Javascript学算法 之 冒泡排序

很久很久之前我就听说过冒泡排序,不要笑话我,我孤陋寡闻,真心现在才知道冒泡排序是怎么回事。

感觉没法用一张图片或者图示来展示这个问题,我要用语言来说。

怎么打比方呢,比方5个小学生排队,从高到矮排队,我们不要用常规的方法去排队,用冒泡排序去排哈。

我们先给每个人编好号,从左往右依次是1-5。 身高依次是 177 183 164 173 188

首先,我们让这几个人相邻的两个进行比较,我们

...
阅读全文 »