简介、h5语义化标签、经典布局

1
2
3

<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<![endif]-->

• html骨架
• 经典网页布局
• 语义化标签 header、nav、main、session、article、aside、figure、footer、mark、progress、hgroup(已废弃)、time、details、bdi、command、summary、rp、rt、ruby
• 兼容h5标签的插件 html5shiv.min.js

私有前缀

在pc端开发的时候 使用css3属性 最好加上私有前缀

• -webkit-border-radius: 50%;
  • 谷歌
• -moz-border-radius: 50%;
  • 火狐
• -o-border-radius: 50%;
  • 欧鹏
• -ms-border-radius:50%;
  • IE

Hexo+github可以随心所欲的部署属于自己的博客。

Hexo 博客搭建步骤

参考文章:

搭建博客，首先需要安装 node 环境；

安装Node.js和配置好Node.js环境，打开cmd命令行，成功界面如下

• 测试安装成功与否：打开终端，输入 node -v, 有输出版本结果则安装成功。
• 安装node环境的时候，已经自动安装了 npm 命令行工具，不需要单独安装。
• 可以通过 npm -v 测试npm是否可用

npm 是一个用来安装和管理 Node 包和前端包的一个工具。

npm 的两层含义

• npm网站：https://www.npmjs.com/
  • 一个提供了一个用来共享或者检索的一个平台
  • 二是托管 node 环境或者浏览器环境用到的一些第三方包
• 是一个命令行工具，可以用来下载 npm 网站上托管的包
  • CLI：Command Line Interface 命令行接口
  • GUI：图形化接口

npm 基本使用

服务器、网络基础、相关知识介绍

服务器介绍：

常见的服务器软件有：

• 文件服务器：Server-U、FileZilla、VsFTP等（FTP是File Transfer Protocol文件传输协议）；
• 数据库服务器：oracle、mysql、SQL server、DB2、ACCESS等；
• 邮件服务器：Postfix、Sendmail等；
• HTTP服务器：Apache、Nginx、IIS、Tomcat、NodeJS等；

按照不同的划分标准，服务可划分为以下类型：

JSON (JavaScript Object Notion, JavaScript 对象表示法)

JSON 是 JavaScript 的一个严格的子集，它是一种数据格式，而不是一种编程语言。

语法

JSON 语法可以表示以下三种类型的值：

简单值：使用 JavaScript 相同的语法，可以在 JSON 中表示字符串、数值、布尔值和 null，不支持 undefined。

对象：对象作为一种复杂数据类型，表示的是一组无序的键值对的值，每个键值对的值可以是简单类型，也可以是复杂类型。

数组：数组也是一种复杂数据类型，表示一组有序的值的列表，可以通过数值索引来访问其中的值。数组的值也可以是任意类型-简单值、对象或数组。

JSON 对象不支持变量、函数或对象实例，它就是一种表示数据结构化的数据的格式，虽然与 JavaScript 中表示数据的某些语法相同，但它并不局限于 JavaScript 的范畴

使用 CSS 选择器来识别一组文档元素，并返回一个对象表示这些元素。返回的对象提供了大量的方法来批量操作匹配的元素。

jQuery前戏

js不足

• 代码很麻烦，冗余
• 浏览器兼容性问题
• 入口函数只能写一个，写了多个，后面的会覆盖前面的问题
• js的代码容错性比较差（比较容易出错）
• 实现一些简单的动画比较麻烦

什么是jquery？

jquery是一个js库。jquery就是一个js文件.

什么是js库？js库其实就是把一些我们常用到的方法封装到一个单独的js文件里面，当我们想用的时候，引入它。（common.js animate.js）

特点：

• 丰富强大的语法
• 高效的查询
• 一套有用的方法
• 强大的函数式编程技巧，批量操作元素集
• 简洁的语言用法

什么是 Canvas

canvas 是 HTML5 提供的一个用于展示绘图效果的标签. canvas 原意画布, 帆布.在 HTML 页面中用于展示绘图效果. 最早 canvas 是苹果提出的一个方案, 今天已经在大多数浏览器中实现.

JavaScript 最初的一个应用就是分担服务器处理表单的责任，打破处处依赖服务器的局限。

表单基础

HTML 中表单是由 <form> 元素来表示的。在 JavaScript 中，表单对应的则是 HTMLFormElement 类型。有下列属性和方法。

• acceptCharset: 服务器能够处理的字符串
• action: 接收请求的 URL
• elements: 表单中所有控件的集合
• enctype: 请求的编码类型
• length: 表单中所有的控件的数量
• method: 表单要发送的 HTTP 请求类型，通常是 “get” 或者 “post”
• name: 表单的名称
• reset(); 将所有的表单域重置为默认值
• submit(); 提交表单
• target(); 用于发送请求和接收响应的窗口名称