响应式布局

媒体查询通常用于响应式设计，以便根据屏幕大小显示不同设备的布局。这是因为在较小的屏幕上显示时，某些布局总是看起来像被拉伸过（甚至被挤下去）。

可以使用媒体查询将布局设置为宽屏幕（台式机，笔记本电脑等），中等尺寸屏幕（平板电脑，大型手机）以及小尺寸屏幕（手机等）。

对布局添加媒体查询[……]

继续阅读

基础网页布局

在flexbox之前，如果不使用hack，这种布局很难实现。开发人员通常不得不添加额外的标记，增加负边距以及一些其他的属性来使所有内容正确排列，而不管内容的数量多少或者屏幕大小多少。

而Flexbox是创建常用网站布局的理想选择，例如三列:

结构：

<!-- 1.1 --[......]
继续阅读

Flexbox 简介

Flexbox是一种布局模型，旨在帮助web开发者创建使用其他布局方式难以实现的高级网站布局。

Flexbox（也称为弹性盒模型）为web开发者提供了对元素在容器中的定位、对齐和大小的控制。可以指定元素如何垂直/水平对齐、更改顺序、更改所有元素的布局方向等等诸如此类的操作。[……]

继续阅读

Javascript是一门面向对象的强类型预编译的编程语言，是Ecmascript的一种现代常用实现。

这里我们编写一系列组件来熟悉现代版本的javascript。

一、短信发送类按钮

A. 结构目录

SendButton
 +-- src
 |    -- main.ts[......]
继续阅读

启动项目

安装Angular。

使用Angular CLI（命令行界面）工具来启动一个新的Angular项目。

先安装，然后使用它来启动新项目并跳到该文件夹中：

$ npm install -g @angular/cli
$ ng new ang-demo
$ cd ang[......]
继续阅读

1. 矩阵的来源

英文matrix就是矩阵的意思，简单的说，矩阵用来改变顶点位置信息的，先牢记这句话，然后我们先从canvas2D入手，我们有一个100*100的canvas画布，然后画一个矩形：

<canvas width="100" height="100"></canva[......]
继续阅读

简介

在离散数学、算法与人智能领域，很多问题可以表示成「节点与连线所形成的图形」，一个程序要解决某个问题其实是在这个图形里把目标节点给找出来，于是问题求解就简化成了图形的搜索，我们只要把解答给「找出来」就行了。

图形搜索的方法大致可以分为「深度优先搜寻(Depth-First Search, D[……]

继续阅读

前言

由于单层感知器并没有办法处理像XOR 这样的函数。

为了提升「感知器」的能力，可以在输入与输出节点之间，再加入一些隐藏层，并透过这些隐藏层对整个学习空间进行更多次的分割，以便能处理XOR 这类难以用单一线性函数分割的问题。

但是加入了隐藏层之后，感知器的学习与训练就更复杂了，这时必须有足[……]

继续阅读

神经网络简介

神经网络是指一种模拟人类神经系统所设计出来的程序思想，用来模拟人类视觉、听觉等等智慧行为的原理，让电脑可以具有人类智慧的一种方法。

下图是生物神经细胞的结构图，这个图看来颇为复杂，如果电脑程序真的要模拟这么复杂的结构，那程序应该也会非常复杂才对。

还好、神经网络程序不需要去模[……]

继续阅读

ARToolKit 生成.dat与.hiro文件

一、相机校验 生成.dat文件

1、下载ARToolKit SDK

官网：artoolkit

2、打开命令提示符

键入：

./calib_camera

终端会输出：

Current working directory is '/Us[......]
继续阅读