⑴ 在安博学html5，有哪些知识模块有没有知道的

2015-2016前端知识体系

总结了下前端这两年的主流技术，大部分技术在我的博客里有较深入的研究学习，对应技 ，博客持续更新中，欢迎大家关注~

一、框架与组件

bootstrap等UI框架设计与实现

  • 伸缩布局：grid网格布局

  • 基础UI样式：元素reset、按钮、图片、菜单、表单

  • 组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告

  • 响应式布局：布局、结构、样式、媒体、javascript响应式

  • 第三方插件：插件管理

    • jQuery、zepto使用原理以及插件开发

  • 支持amd、cmd、全局变量的模块化封装

  • $.fn.method = function(){}

    • mvc/mvvm框架原理设计，vue/angular/avalon等

  • directive设计：html、text、class、html、attr、repeat、ref，可扩展

  • filter设计：bool、upperCase、lowerCase，可扩展

  • 表达式设计：if-else等实现

  • viewmodel结构设计：例如数据，元素，方法的挂载与作用域

  • 数据更变检测：函数触发，脏数据检测、对象hijacking

    • polymer/angular2思想与设计思路

  • import技术

  • template和script引入方式

  • css样式命名空间隔离

  • 简单复用第三方库

    • reactjs原理与使用

  • virtual dom单向数据绑定

  • js执行语法方式

  • UI由状态控制

    • commonJS/AMD/CMD

  • 模块引入

  • 模块定义

  • 模块标识

  • UMD解决不同规范兼容性的问题，例如webpack封装

  • 模块懒执行(CMD)与与预执行(AMD)

    • loadJs模块化加载原理与实现

  • 创建script标签，需要id映射到资源url

  • onload加载模块队列判断

  • 全部加载完成后触发

  • 加载失败问题优化

  • requirejs、modjs、seajs

    • polyfill、shim原理与实现

  • polyfill提供了开发者们希望浏览器原生提供支持的功能特性

  • shim将新的API引入到旧的环境中,且仅靠旧环境中已有的手段实现

    • virtual Dom、Incremental DOM

  • 1.用js对象树表示dom树结构，根据该对象树构建dom树

  • 2.状态改变时，重新构建对象，和旧的对象对比，记录两个对象树差异

  • 3.将对象树差异应用到dom中

  • 小结:js对象模拟dom(elem.js)，virtual dom diff算法(diff.js)、差异渲染dom(patch.js)

  • incremental dom在状态改变时扫描旧对象树将差异直接应用到dom中

    • shadow dom

  • 隔离外部环境用于封装组件：结构、样式、行为

  • 实现形式：新标签、class类属性 + 构建编译

    • webwork与service Worker

  • webwork与主线程机制，on/post

  • serviceworker可作为浏览器请求代理

  • 应用场景




⑵ blog模板的怎么在后台修改，背景颜色

模板安装：在z-blog官网下载程序并上传空间根目录上，打开浏览器输入你的域名就可以安装了，或是输入：www.你的玉米./login.asp ，就可以进入安装界面了。其中用户名，密码自己设置
进入后台进行关键词初步设置：其中：BLOG的名称（网站的名称）； BLOG的简介（网站名称的下面一段文字，简介，加一些关键词）； 网站的标题（就是你选择的关键词，网站最上面一条文字）； 网站的子标题（也是关键词，同网站的标题）；主题名称，界面样式名称（这两个不用管）； BLOG版权说明（就是你的网站最下面的说明性文字，可以加上站长统计）
静态目录配置及文件重建设置：一定要把--启用自定义静态日志目录功能--这项功能打勾，启动。这样是网页静态，对seo好！最后重建。
进入博客后台进入主题样式管理，Z-Blog模板安装过程：
登陆后台,A入口主题样式管理--B获得更多主题跟从本地安装主题. 选择样式,然后直接激活就可以了.点应用此主题生效.
第一种:在线安装主题
:现在我们一起来看下B处两个安装方法.
获得更多主题(这是官方提供的在线安装办法,里面有很多的模板.)选择好自己喜欢的模板,点安装主题,就可以自动安装了,安装完后点应用此主题即可安装成功.
第二种:安装自己电脑里面下载的主题包
首先要了解下安装文件文件名称一般是.zti.xml结尾(详细见箭头入的链接说明)浏览上传,接下来的步骤上面已经介绍了.下面我们一起学习下用FTP上传主题包.
第三种:用FTP软件上传安装包进行安装产题.
主题包直接上传到/PLUGIN/ThemeSapper/Export/放到这儿,没明白意思的看图片.箭头所指的既是我已经上传好的主题包.下面我们一起来看如何安装.我们可以从管理主机上的ZTI文件看到下面有三个通过FTP上传好的主题包,只要点红色箭头指的按钮就可以安装了,方法上面已详细说明.
第四种:就是直接上传模板文件,这种情况是指别人没有把模板打包提供下载,或者自己备份的模板.
G:\5er网站4月23备份\THEMES\Sunnymoor,我现在要把Sunnymoor这个模板上传到网上,如何操作呢?看Sunnymoor目录下面有这些文件,我们要连同Sunnymoor这个目录上传到自己网站的根目录\THEMES目录里面即可.

模板修改：在zblog根目录下有个THEMES,此目录下的所有文件就是网站的模板文件.通晓里面的每个文件的作用,就能随心所欲的修改网站的样式.
default.html
站点首页面模板，不包含日志页模板，即仅为外部框架，在其中调用日志页标签
single.html
日志页模板，包括外部框架和内部框架，外部框架可直接使用default.html的样式，也可设计为不同的。内部框架即日志列表、内容显示样式。
b_article-single.html
日志全文显示页面模板，仅为内部框架，外部框架由single.html提供
b_article-multi.html
日志列表，有日志摘要内容列表，仅为内部框架，外部框架由single.html提供
b_article-multi-list.html
日志列表，无日志摘要内容列表，仅为内部框架，外部框架由single.html提供
b_article_comment.html
评论内容显示页面，仅为内部框架，外部框架由single.html提供
b_article_commentpost.html
评论内容发布区，仅为内部框架，外部框架由single.html提供
b_article_commentpost-verify.html
评论内容发布验证码显示样式
b_article_nvabar_l.html
日志全文显示页面文章导航，显示“上一篇”日志链接
b_article_nvabar_l.html
日志全文显示页面文章导航，显示“下一篇”日志链接
b_article_tag.html
日志列表页、日志全文显示页的tags显示样式
b_article_trackback.html
日志全文页面中部，显示引用站点地址部分的样式
b_pagebar.html
日志列表底部分页栏，与评论内容分页栏无关

⑶ 博客和个人网站有什么区别么

博客和个人网站有以下几点区别：

一、二者的含义不同：

1、博客版：

英文名为Blogger，为Web Log的混成词。它权的正式名称为网络日记；又音译为部落格或部落阁等，是使用特定的软件，在网络上出版、发表和张贴个人文章的人，或者是一种通常由个人管理、不定期张贴新的文章的网站。

2、个人网站：

个人网站是指因特网上一块固定的面向全世界发布消息的地方，个人网站由域名(也就是网站地址)、程序和网站空间构成，通常包括主页和其他具有超链接文件的页面。网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。

二、二者域名上的区别：

博客的网址域名一般是二级域名或三级域名；个人网站的域名可以是主域名。

三、二者盈利方式上的区别：

1、博客：盈利方式上比较单一，多是自娱自乐，或者记录一些生活。

2、个人网站：可以投放广告或者提供资源下载服务，以及其它形式的一些付费服务。

⑷ 用html5和css3写扁平化风格博客要用什么编辑器

编辑器无所谓，你可以用HBuiler 或是DW应该都可以实现，望点赞！

⑸ 如何利用html5 建立个人博客

这个不单是用HTML5就能建立起来的。目前html5在电脑上浏览器的支持并不是那么的全面，而且就算用html 5写出了博客页面，也需要用后台语言来进行程序上的编写，让博客页面有功能。。你可以用HTML+CSS学个简单的博客页面，然后再套个模板，比如wordpress，不过这个需要有些PHP的基础。。

⑹ zblog后台模板有什么用呀，我想在某个内容页面加广告代码图片，怎么加求助

后台模板？抄 不知道你说的是什么 指的是你装的主题模版吗？
内容页面加广告代码图片的方法
默认模版添加广告的方法
首先登录后台 找到文件管理 点开他 找到THEMES 点开他 找到default 点开它 找到TEMPLATE
点开它 找到single.html 点开它 这个就是内容页的模版
具体加法 看你的个人需要了 可以尝试将广告代码 放到不同的位置 尝试一下 但要记住在<body >区内尝试 ...
如果是其他的模版 大题思路是一样的 找single.html 在里边改

⑺ 怎么用html5制作个人主页

总体把页面一分为二，<header>是包含在<article>里面的，页脚部分是单独的一块儿。大致结构获悉了后再从局部入手，<header>部分，有主标题、副标题、还有作者署名，前面我们讲过，如果除了主标题，还有一个副标题，那可以把这两个标题写在一个<hgroup>元素中。如果除了主标题之外，还有其他内容，比如内容摘要、发表时间、作者、图片或者小标题链接等，那就应该把他们放在一个 <header>元素中。
<header>
<hgroup>
<h1>给个人博客增加色彩元素提升网站用户体验</h1>
<h2>网页的色彩——决定用户是否驻足停留的关键</h2>
</hgroup>
<p class="Byline">design by DanceSmile</p>
</header>
接下来是文章正文部分：
部分代码：
<div class="Content">
<p>第一眼看到杨青个人博客网站的时候，如果你喜欢...</p>
...
</div>
正文当中还有一幅插图，html5新增加了插图这个<figure>语义元素，<figcaption>不是只能包含文本，任何html元素都可以，比如链接、小图标。<figcaption>包含了对图片的完整说明，所以alt文本就显得多于了，这种情况下，可以把<img>元素中的alt属性删除：
<figure>
<img src="/d/file/jstt/bj/2013-06-19/.jpg">
<figcaption>图片来源：腾讯CDC《浅析网页色彩应用》</figcaption>
</figure>

最后在把上面的代码写在<article>里面。
<footer>部分只是一些简单的页脚信息。

⑻ 求用css和div制作个人博客的网页模板

熟悉前端的可以自己制作，也可到网上下载别人参考修改。css+div制作个人博客的网页模板地址lmlblog.com/blog/1/，喜欢的可以自己修改，也可以自己学习制作等

⑼ 怎么将一个网站修改成HTML5标准的网站

Step 1：简化
在HTML4的页面开头，会加上DOCTYPE，用来告诉浏览器是用的哪个版本HMTL
<!DOCTYPE html
PUBLIC ""-//W3C//DTD XHTML 1.0 Transitional//EN""
""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"">

而在HTML5中简化为：
<!DOCTYPE html>

Step 2：新增语义元素
HTML中，经常如果对header，footer，nav，aside等区域添加样式，则需要使用class或者id来定义。如下图，是一个典型的博客文章页面：
<div class=”header”></div>
<div class=”nav”></div>
<div class=”article”>
<div class=”section”>
</div>
</div> <div class=”aside”>
</div>
<div class=”footer”></div>

而在HTML5中，以上的这些标签是全新增加的语义元素，可以直接使用。相对于之前的div标签，页面的结构一目了然，清晰了很多。
<header></header>
<nav></nav>
<article>
<section></section>
<section></section>
</article> <aside></aside>
<footer></footer>

<header>：通常用来定义文档的页眉，也可以用在网页内容上，可以包含搜索表单，导航，页面标识等。
<nav>：可以作为页面导航的链接组，面包屑导航，分页导航等次要导航不建议使用<nav>标签。
<article>：代表一个文档，页面或网站中自成一体的内容。
<section>：代表文档中的“节”或“段”，“段“可以是指一篇文章里按照主题的分段；“节”可以是指一个页面里的分组。
<aside>：用来装载非正文内容，最典型的应用就是网站侧边栏，可以是附属信息，成组的导航，或者广告。
<footer>：代表“网页”或者“section”的页脚，通常含有与页面，文章有关的基础信息，用于包含版权资料和联系方式。
除了以上介绍的标签，在HTML5新增了多大30多个全新的标签，富有更细致的语义，不仅针对优化了搜索引擎，还大大提高了代码的可读性。

⑽ 求一份HTML个人网页设计作业（像博客那样

我也在做。也有很多做不来。有了可以发给你。