音频编码与容器关系

关系图

关系图

使用hexo+github pages 搭建个人博客

需要环境

hexo是一个静态博客生成器,包括当前这个博客,很多博客也是由此构建,类似的构建工具
还有jekyll这里只做hexo教程。
由于hexo是基于node.js构建的,所以需要nodejs的运行环境。

网上已经有很多教程了,但是我还是自己写一下吧

react+webpack+typescript配置

目录结构&地址

1
2
3
4
5
6
7
8
├── dist
├── node_modules
├── package.json
├── src
├── index.tsx
├── tsconfig.json
├── webpack.config.js
└── yarn.lock

模板文件地址及使用

koa2-formidable

介绍

简单封装的formidablekoa2的中间件。
因为今天我把我的毕设后台从koa1升级到koa2了,全面使用async函数,所以之前用的
koa-formidable就不合适了,索性就自己封装下。

实习

2017-4-17 更新

gulp配合BrowserSync实现实时刷新

BrowserSync

安装

1
npm install  browser-sync -g

前端实现图片转base64

使用canvas

node.js 操作 mongodb 以及 mongoose 使用

node.js 操作 mongodb

首先引入 mongodb,然后打开数据库xxx,之后进入mycoll 集合。

viewport详解

viewport概念

viewport 是一个移动专属的 meta 值,用于设定“视窗口”的各种行为。
因为css中的1px往往不等于移动设备中的1px,因为移动设备像素密度越来越高,所以后来就有移动设备上2px表示css中1px。例如 iphone5 的屏幕像素宽度是640px,在css中既是320px。
总之 viewport 就像一个容器把原本比较大的屏幕挤到特定大小。

viewport 属性

viewport一般形式如下

1
2

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

其中content 内容为其属性。

HTTP头Content-Type

Content-Type

  • application/x-www-form-urlencoded
    • 将数据编码为name->value的键值对
  • multipart/formdata
    • 将数据编码为一条信息
  • text/plain
    • 数据以文本形式传输
    • text
    • json
    • xml
    • html
    • zip
  • image/ipeg
    • 传输图片
    • png
    • gif
  • video/mp4
    • 视频
    • rmvb

form 的enctype

  • application/x-www-form-urlencoded 默认
  • miltipart/form-data

    get

    使用application/x-www-form-urlencoded将name->value转换为url里面的查询字符串

    post

    将数据封装到http 的请求体中。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×