12 2017 档案
摘要：java的list类 目录： 备注：内容中代码具有关联性。 1.list中添加，获取，删除元素； 添加方法是：.add(e)； 获取方法是：.get(index)； 删除方法是：.remove(index)； 按照索引删除； .remove(Object o)； 按照元素内容删除； 1 2 3 4
阅读全文
摘要：java集合类 一、集合与数组 数组（可以存储基本数据类型）是用来存现对象的一种容器，但是数组的长度固定，不适合在对象数量未知的情况下使用。 集合（只能存储对象，对象类型可以不一样）的长度可变，可在多数情况下使用。 二、层次关系 如图所示：图中，实线边框的是实现类，折线边框的是抽象类，而点线边框的是
阅读全文
摘要：常用正则表达式 包括校验数字、字符、一些特殊的需求等 很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。 一、校验数字的表达式 1 数字：^[0-9]
阅读全文
摘要：正则表达式 一 前言 对于正则表达式，相信很多人都知道，但是很多人的第一感觉就是难学，因为看第一眼时，觉得完全没有规律可寻，而且全是一堆各种各样的特殊符号，完全不知所云。 其实只是对正则不了解而以，了解了你就会发现，原来就这样啊正则所用的相关字符其实不多，也不难记，更不难懂，唯一难的就是组合起来之后
阅读全文
摘要：Java获取路径中的文件名（正则表达式） 目标 在这个路径中我想得到model2 /E:/2017-02-21--SoftWare/github/test/Java/poiDemo_word2excel/target/test-classes/model2.docx 操作 String srcFil
阅读全文
摘要：poi读取word2003（.doc文档）中的表格 Jakarta POI 是apache的子项目，目标是处理ole2对象。它提供了一组操纵Windows文档的Java API。在网上见到好多通过poi读取excel的文章，读写也很方便，和jxl有的一比。在这里，主要是poi对word中的表格数据读
阅读全文
摘要：使用poi读取word2007(.docx)中的复杂表格 最近工作需要做一个读取word(.docx)中的表格，并以html形式输出。经过上网查询，使用了poi。 对于2007及之后的word文档，需要导入poi-ooxml-xxx.jar及其依赖包，如下图（图中为使用maven）： 对于简单表格，
阅读全文
摘要：使用Maven搭建SpringMVC 1、新建Maven项目，选择webapp，如下图，点击next，输入GroupId和ArtifactId(即项目名称)后点击Finish。 2、此时项目会报错，如下： 右击项目，点击最下面的Properties，更给其中左侧的Java Build Path中的J
阅读全文
摘要：Java之POI读取Excel的Package should contain a content type part [M1.13]] with root cause异常问题解决 引言： 在Java中，使用POI来进行excel的读取和解析是常用的一种做法；在office的excel中存在2007,
阅读全文
摘要：maven工程读取resource下配置文件 在maven工程中，我们会将配置文件放到，src/main/resources 下面，例如 我们需要确认resource 下的文件 编译之后存放的位置 它编译的路径直接位于classes下面，这个路径其实就是classPath的路径，所以，在resour
阅读全文
摘要：maven项目如何启动运行 发布到tomcat中 前面两篇文章: 新建maven框架的web项目 以及 将原有项目改成maven框架 之后，我们已经有了maven的项目 那么 maven项目到底怎么启动呢 如果我们直接在myeclipse中按以前的启动方法是不行的。(详情下一篇文章会讲到:在myec
阅读全文
摘要：Myeclipse创建Maven项目 使用Myeclipse2014创建Maven项目有如下几种方式： 1、创建Maven Java项目 1.1 选择新建Maven项目 1.2、选择创建简单项目 1.3、填写项目信息 1.4、创建成功后项目目录结构 1.5、创建后pom.xml文件内容 2 创建Ma
阅读全文
摘要：利用POI抽取word中的图片并保存在文件中 poi.apache.org/hwpf/quick-guide.html 1.抽取word doc中的图片 2.抽取 word docx文件中的图片
阅读全文
摘要：Exception in thread "main" java.lang.NoClassDefFoundError: org/apache/poi/util/POILogFactory Exception in thread "main" java.lang.NoClassDefFoundError
阅读全文
摘要：如何理解Apache License, Version 2.0（整理） 问题： 最近看到apache发布了2.0版本的License。而且微软也以此发布了部分源代码。我对OpenSource不是特熟，粗略看了下，感觉不是很明白。不知道这样的license在实际中有什么用处。（要知道，遵守的人都清一色
阅读全文
摘要：不仅开源，而且对企业应用完全免费！ExtAspNet弃用GPL v2，拥抱Apache License 2.0（转） 提出问题 ExtAspNet开源以来，一直坚持开源免费的原则，但是其GPL v2的协议也让有些开发者感到为难，比如有人提到这个问题：http://www.cnblogs.com/sa
阅读全文
摘要：最直观的poi的使用帮助（告诉你怎么使用poi的官网），poi操作word，excel，ppt 写在最前面 其实poi的官网上面有poi的各种类和接口的使用说明，还有非常详细的样例，所以照着这些样例来进行poi的开发会变得很容易。 例如网址：http://poi.apache.org/spreads
阅读全文
摘要：java的PrintStream(打印输出流)详解（java_io） 本章介绍PrintStream以及 它与DataOutputStream的区别。我们先对PrintStream有个大致认识，然后再深入学习它的源码，最后通过示例加深对它的了解。 PrintStream 介绍 PrintStream
阅读全文
摘要：在word中doc与docx的区别是什么（整理） docx 是Office2007使用的，是用新的基于XML的压缩文件格式取代了其目前专有的默认文件格式，在传统的文件名扩展名后面添加了字母x（即.docx取代.doc、.xlsx取代.xls，等等）
阅读全文
摘要：POI 读取word (word 2003 和 word 2007)（转，好用） 转做的操作： 将作者文中失效的链接的正确链接放在失效链接的下面。 最近在给客户做系统的时候，用户提出需求，要能够导入 word 文件，现在 microsoft word 有好几个版本 97、2003、2007的，这三个
阅读全文
摘要：java使用poi读取doc和docx文件（maven自动导入依赖包） 于是在网上搜寻了一阵之后才发现原来doc文档和excel一样不能用普通的io流的方法来读取，而是也需要用poi，于是进行了一番尝试后，终于以正确的编码格式读取了这个doc文件。 在网上搜索的过程中发现doc和docx的读取方法是
阅读全文
摘要：java使用poi读取word（简单，简约，直观） 说明 其实poi的官网上面都是有接口和样例的，只是都是英文 例如网址：http://poi.apache.org/spreadsheet/quick-guide.html 就是excel的帮助文档，每一个链接都是一个实例。 依赖包介绍 依赖包下载地
阅读全文
摘要：倍增算法 【序言】 我认为吧，所有能够优化复杂度的算法都是神奇的，所有能够化繁琐为形象的文字都是伟大的。一直觉得倍增算法是个很神奇的东西，所以决定写点东西纪念一下它。但是作为一个非常不称职的OIER，我非常讨厌在看别人的算法解析时整版的i，j，k等我看到鼠标就惯性移到右上角的符号语言，所以我想用最形
阅读全文
摘要：矩阵快速幂求斐波那契数列（总结） 第一部分：矩阵的基础知识 1.结合性 （AB)C=A(BC）． 2.对加法的分配性 （A+B)C=AC+BC，C(A+B）=CA+CB ． 3.对数乘的结合性 k(AB）=（kA)B =A(kB）． 4.关于转置 (AB)'=B'A'． 一个矩阵就是一个二维数组，为
阅读全文
摘要：快速幂总结 快速幂这个东西比较好理解，但实现起来到不老好办，记了几次老是忘，今天把它系统的总结一下防止忘记。 首先，快速幂的目的就是做到快速求幂，假设我们要求a^b,按照朴素算法就是把a连乘b次，这样一来时间复杂度是O(b)也即是O(n)级别，快速幂能做到O(logn)，快了好多好多。它的原理如下：
阅读全文
摘要：[NOIP2003普及组]麦森数（快速幂+高精度） Description 形如2^P-1的素数称为麦森数，这时P一定也是个素数。但反过来不一定，即如果P是个素数，2^P-1不一定也是素数。到1998年底，人们已找到了37个麦森数。最大的一个是P=3021377，它有909526位。麦森数有许多重要
阅读全文
摘要：html5音频视频专题 总结 1、 操作的就是video和audio两个对象，这两个对象有他们的属性和方法，通过对象的id就可以操作他们 <audio src="../video/琴箫合奏.mp3" controls="controls"></audio><br> <video id="video"
阅读全文
摘要：SVG可伸缩矢量图形 总结 1、svg就像普通标签那么使用 2、svg是xml 3、svg是矢量图，而canvas是位图 学习要点 对HTML5中的SVG有初步的了解 什么是SVG 简单的说SVG文档就是一些可以被直接嵌入到页面中的XML文档; SVG 指可伸缩矢量图形 (Scalable Vect
阅读全文
摘要：面向画布(Canvas)的JavaScript库 总结 每个库各有特色，根据需求选择 学习要点 面向画布(Canvas)的JavaScript库 EaselJS 是一个封装了 HTML5 画布(Canvas) 元素的 JavaScript 库。 jCanvaScript面向HTML5画布（canva
阅读全文
摘要：将canvas画布内容转化为图片（toDataURL()，创建url） 总结 1、现在的浏览器都支持右键另存为图片的方法来将canvas画布内容转化为图片 2、在代码里面可以通过toDataURL()来操作 学习要点 canvas画布内容导出为图像 toDataURL()这个方法能把画布里的图案转变
阅读全文
摘要：canvas上的像素操作(图像复制，细调) 总结 1、操作对象：ImageData 对象，其实是canvas的像素点集合 2、主要操作： var obj=ctx.getImageData(0,0,100,100); ctx.putImageData(obj,110,0) 3、操作图片要放在站点才能正
阅读全文
摘要：【bzoj1251】序列终结者（伸展树） Description 网上有许多题，就是给定一个序列，要你支持几种操作：A、B、C、D。一看另一道题，又是一个序列 要支持几种操作：D、C、B、A。尤其是我们这里的某人，出模拟试题，居然还出了一道这样的，真是没技术含量……这样 我也出一道题，我出这一道的目
阅读全文
摘要：曼哈顿距离（坐标投影距离之和）d(i,j)=|X1-X2|+|Y1-Y2|. 我们可以定义曼哈顿距离的正式意义为L1-距离或城市区块距离，也就是在欧几里德空间的固定直角坐标系上两点所形成的线段对轴产生的投影的距离总和。 例如在平面上，坐标（x1, y1）的i点与坐标（x2, y2）的j点的曼哈顿距离
阅读全文
摘要：曼哈顿距离最小生成树与莫队算法（总结） 1 曼哈顿距离最小生成树 曼哈顿距离最小生成树问题可以简述如下： 给定二维平面上的N个点，在两点之间连边的代价为其曼哈顿距离，求使所有点连通的最小代价。 朴素的算法可以用O(N2)的Prim，或者处理出所有边做Kruskal，但在这里总边数有O(N2)条，所以
阅读全文
摘要：莫队算法（区间处理） 0x00 概论 莫队算法主要是用于离线解决 通常不带修改只有查询的一类区间问题。 以前遇到区间问题的时候一般都是用线段树解决，当然能用线段树解决的问题也在多数。线段树的主要思路就是通过一个左半拉序列 和一个右半拉序列 来维护它们的父亲（也就是两条序列接合在一起的完整序列），通过
阅读全文
摘要：lower_bound lower_bound()返回一个 iterator 它指向在[first,last)标记的有序序列中可以插入value，而不会破坏容器顺序的第一个位置，而这个位置标记了一个不小于value 的值[1] 。该函数为C++ STL内的函数。 lower_bound()返回一个
阅读全文
摘要：CDOJ 1330 柱爷与远古法阵（高斯消元） 柱爷与远古法阵 柱爷与远古法阵 Time Limit: 125/125MS (Java/Others) Memory Limit: 240000/240000KB (Java/Others) Submit Status 众所周知，柱爷的数学非常好，尤其
阅读全文
摘要：unique(V.begin(),V.end()) 重排容器算法：sort，unique unique 返回指向不重复区域之后一个位置的迭代器
阅读全文
摘要：将一组数从小到大排列并且剔除重复项（离散化） 这个功能涉及到一个数据结构（vector）和三个函数： 1：sort，将这组数字从小到大排列； 2：unique，将相邻且重复的数放到vector的尾部，然后返回指向第一个重复元素的迭代器（需要注意的是，被放在尾部的数据有时会产生变化，所以不能继续使用了
阅读全文
摘要：poj 2104 K-th Number（主席树） 主席树就是持久化的线段树，添加的时候，每更新了一个节点的线段树都被保存下来了。 查询区间[L,R]操作的时候，只需要用第R棵树减去第L-1棵树就是区间[L,R]中增加的元素对应的树，然后查询这棵两棵树的差值对应的树就可以达到我们的目的。 每增加一个
阅读全文
摘要：P3373 【模板】线段树 2 相对于线段树模板1有了区间乘的操作，所以增加了一个乘的延迟标记，当加和乘的次序不同的时候，我们要好好考虑这两个延迟标记对孩子的影响。所以这里我们是采取的是先乘后加。 线段树里面也要分清楚是延迟标记依赖就更新自己的值还是把延迟标记传递给孩子的时候才更新自己的值。 题目描
阅读全文
摘要：P3372 【模板】线段树 1 这个题目相对我们平时做的简单的线段树的题目（区间加，求最值）而言，这里是（区间加，求和），所以父亲节点延迟标记下传的时候父亲节点的值的增量要乘上孩子数，因为求最值的情况，整个区间同加最值不会改变。 t[id].s += (t[id].right - t[id].lef
阅读全文
摘要：线段树总结 一、所有线段树的操作都是为了补全那颗树，所以心中有那棵树的图像就知道要进行那些操作。 二、各个操作里面的具体步骤 1、建树操作 2、标记下传操作 3、更新操作 更新操作有点像查询操作的一种，因为先找到位置了才能更新 不管以什么样的形势修改孩子之后，肯定都要更新父亲，线段树如此，分块如此，
阅读全文
摘要：浮点数表示法 #include <bits/stdc++.h>using namespace std;const int maxn = 1e5+7;int belong[maxn], num, l[maxn], r[maxn]; 和 #include <bits/stdc++.h>#define M
阅读全文
摘要：线段树空间究竟得开多大 线段树有两种储存，堆式存储和链式存储。 如果是堆式存储（i*2、i*2+1），则要开到 2*大于等于n的第一个2的整数次幂，如200000要开524288，30w要开1048576。如果是记录左右儿子，开2*n-1即可。 4-5就够了，再高还re就不是开的不够大的问题了 我们
阅读全文
摘要：BZOJ 3343: 教主的魔法(分块+二分查找) 3343: 教主的魔法 这个题目为什么不能用线段树做事因为C的值不固定，如果用线段树来做，那么每一个C值要从新建一遍线段树，时间会爆炸的 add操作： 1.同一块暴力修改，然后重构 2.两端不完整的暴力修改重构，中间完整的块加标记 查询操作： 1.
阅读全文
摘要：poj2104 k-th number 主席树入门讲解 定义：主席树是一种可持久化的线段树 又叫函数式线段树 刚开始学是不是觉得很蒙逼啊 其实我也是 主席树说简单了 就是 保留你每一步操作完成之后的线段树 然后有可加减性 也就是说你每添加的一个点的那棵树都给你保留下来了 呃 。。。 这么说好像还是有
阅读全文
摘要：poj 2104 K-th Number 主席树+超级详细解释 传送门：K-th Number 题目大意：给出一段数列，让你求[L,R]区间内第几大的数字！ 在这里先介绍一下主席树！ 如果想了解什么是主席树，就先要知道线段树，主席树就是n棵线段树，因为线段树只能维护最大值或者最小值，要想求出第二大的
阅读全文
摘要：CDOJ 1324 卿学姐与公主（分块） 传送门： UESTC Online Judgehttp://acm.uestc.edu.cn/#/problem/show/1324 某日，百无聊赖的卿学姐打开了某11区的某魔幻游戏 在这个魔幻的游戏里，生活着一个美丽的公主，但现在公主被关押在了魔王的城堡中
阅读全文
摘要：分块 最近突发奇想，到B站上看qscqesze神犇的每周算法讲堂，于是便学习了分块这个算法。 分块是一个很暴力的算法，按照某大神的说法，一般的区间问题都可以用他来解决，没有100分也有80分（一般会有80分，运气好有100分）。 分块是一个很暴力的算法，它可以完成几乎所有区间更新和区间查询问题，但效
阅读全文
摘要：分块算法（简洁易懂） 分块 先简单介绍一下分块算法。 分块算法是一种很常见的根号算法，一般它的时间复杂度会带根号。 分块和线段树的区别在于，分块算法可以维护一些线段树维护不了的东西，例如单调队列等，线段树能维护的东西必须能够进行信息合并，而分块则不需要。不过，它们也有共同点，分块和线段树一样，分块需
阅读全文
摘要：分块算法 1.思想 如果我们需要对一个特定的序列进行操作，那么非常直观、简单的方法就是纯暴力（不，那叫模拟）。 不过如果暴力能过的话，那就呵呵了。 所以我们要想一些比较高能的数据结构——分块。 相比线段树来说，分块算法比较难实现，但是只要深入理解，就可以实现了，只不过需要一些数据结构的辅助。 分块实
阅读全文
摘要：P1198 [JSOI2008]最大数（线段树） 题目描述 现在请求你维护一个数列，要求提供以下两种操作： 1、 查询操作。 语法：Q L 功能：查询当前数列中末尾L个数中的最大的数，并输出这个数的值。 限制：L不超过当前数列的长度。(L>=0) 2、 插入操作。 语法：A n 功能：将n加上t，其
阅读全文
摘要：html5 canvas程序演示--P1197 [JSOI2008]星球大战 对应的题目 题目描述 很久以前，在一个遥远的星系，一个黑暗的帝国靠着它的超级武器统治者整个星系。某一天，凭着一个偶然的机遇，一支反抗军摧毁了帝国的超级武器，并攻下了星系中几乎所有的星球。这些星球通过特殊的以太隧道互相直接或
阅读全文
摘要：html5 弹性布局 一、移动开发常用技巧 Viewport基本知识 设置布局Viewport的各种信息1、width=device-width； 设置Viewport视口宽度等于设备宽度2、initial-scale=1； 网页默认缩放比为1(网页在手持设备上，不会进行默认缩放3、minimum-
阅读全文
摘要：js二维数组定义和初始化的三种方法总结 方法一：直接定义并且初始化，这种遇到数量少的情况可以用var _TheArray = [["0-1","0-2"],["1-1","1-2"],["2-1","2-2"]] 方法二：未知长度的二维数组 ? 1 2 3 4 5 6 7 8 9 10 var tA
阅读全文
摘要：在canvas上面绘制图片--drawImage实例 关键点： 1、图片居中 2、其它
阅读全文
摘要：P1197 [JSOI2008]星球大战（并查集判断连通块+正难则反） 并查集本来就是连一对不同父亲的节点就的话连通块就少一个。 题目描述 很久以前，在一个遥远的星系，一个黑暗的帝国靠着它的超级武器统治者整个星系。某一天，凭着一个偶然的机遇，一支反抗军摧毁了帝国的超级武器，并攻下了星系中几乎所有的星
阅读全文
摘要：P1196 [NOI2002]银河英雄传说（并查集） 本题关键 用两个一维数组表示了一个稀疏的二维数组。 这两个一维数组一个表示祖先（就是最前面那个），一个表示距离祖先的距离。 并且还有一个关键点是，距离祖先的距离是在并查集中动态更新的。 题目描述 公元五八○一年，地球居民迁至金牛座α第二行星，在那
阅读全文
摘要：8-15 globalCompositeOperation阶段练习二
阅读全文
摘要：8-13 canvas专题-阶段练习二（下)
阅读全文
摘要：8-12 canvas专题-阶段练习一（上）
阅读全文
摘要：最长公共字串 解释： 当A[i]==B[j]的情况下，我不能像相等情况下把他们都去掉然后加0来得到子问题，因为这样会造成缺失，因为A[i]可能会和B[j-1]或前面的相等 A串：ABCBDAB B串：BDCABA 最长公共字串的长度就是：4 BCBA dp[i][j]表示：A串的前i个字符和B串中的
阅读全文
摘要：8-23 canvas专题-了解外部框架的使用 学习要点 掌握画布内容的导出的toDataURL()方法 了解外部框架的使用 第八章内容介绍 在第八章中我们将对以前的知识进行简单的回顾，着重对canvas绘图和简单动画做进一步讲解； 将对音频视频做进一步的讲解； 将介绍其他HTML5的新增功能比如拖
阅读全文
摘要：8-2 canvas专题-线条样式 学习要点 对第五章知识进行简单的回顾和总结 进一步讲解canvas绘图相关的知识点 第八章内容介绍 在第八章中我们将对以前的知识进行简单的回顾，着重对canvas绘图和简单动画做进一步讲解； 将对音频视频做进一步的讲解； 将介绍其他HTML5的新增功能比如拖放 本
阅读全文
摘要：7-81 js课程小结 学习要点 理解全局对象 变量的作用范围 理解全局对象Global 全局属性和函数可用于所有内建的 JavaScript 对象。全局对象是所有全局方法的拥有者，用来统一管理全局方法，全局方法也就是全局函数。 parseInt() 函数可解析一个字符串，并返回一个整数。 pars
阅读全文
摘要：7-80 HTML5新增的JS选择器 学习要点 HTML5新增的JS选择器 在传统的 JavaScript 开发中，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来
阅读全文
摘要：js小练习 学习要点 综合运用学过的知识完成几个综合小练习,巩固学过的知识。 阶段小练习9-1:循环变化的颜色 要求和提示： 阶段小练习9-2:让元素跟随鼠标移动 要求和提示： 了解几个新属性：温馨提示遇到上课没有讲到的属性要学会举一反三，自己查资料解决问题... 阶段小练习9-3:显示随机键盘 要
阅读全文
摘要：深入浅出js事件 一.事件流 事件冒泡和事件捕获分别由微软和网景公司提出，这两个概念是为了解决页面中事件流（事件发生顺序）的问题。 上面的代码当中一个div元素当中有一个p子元素，如果两个元素都有一个click的处理函数，那么我们怎么才能知道哪一个函数会首先被触发呢？ 为了解决这个问题微软和网景提出
阅读全文
摘要：js事件 JQuery这种Write Less Do More的框架，用多了难免会对原生js眼高手低。 小菜其实不想写这篇博客，貌似很初级的样子，但是看到网络上连原生js事件绑定和解除都说不明白，还是决定科普一下了。 首先声明，小菜懂的也不是很多，只是把我的思路和大家分享一下。 DOM0事件模型 事
阅读全文
摘要：7-74 JavaScript 事件 学习要点 掌握常用的javaScript事件 基本概念 事件是一些特定动作发生时所发出的信号,JavaScript中的事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些事件。比方说，我们可以在用户点击某按钮时产生一个 onClic
阅读全文
摘要：dom小练习 学习要点 综合运用学过的知识完成几个综合小练习,巩固学过的知识。 阶段小练习8-1:改变网页字体的大小 要求和提示： 阶段小练习8-2:改进的面积计算... 要求： 阶段小练习8-3:会员等级查询 要求： 阶段小练习8-4:图片自动播放和动态添加 提示和要求： 阶段小练习8-5:动态的
阅读全文
摘要：各种交换机接口及连接方法介绍【详细图文】 交换机是使用非常广泛的网络设备，一个家庭如果有两台电脑，那么就很可能选择交换机来共享上网，而一个局域网，交换机是必不可少的设备。 各种交换机接口 交换机的接口非常丰富，这里是一些整理的资料，与大家分享。 1、RJ-45接口 这种接口就是我们现在最常见的网络设
阅读全文
摘要：网线从路由器接出来， 再接一个路由器怎么设置？ 总结： 这种二级路由弄的是不同的网络，网段，所以需要用到第二个路由器的wan口 192.168.1.1和192.168.2.1 我家的网线是从 房东家里的 路由器接的，该网线连接到我的台式机上网测试正常。现在 我买了一个无线路由器，我把从房东家里拉的网
阅读全文
摘要：路由器后面再接一个路由器怎么设置（二级路由） 总结： 这种设置方法二级路由是在同一个vlan里面的，也就是在同一个局域网里面。 我们在日常上网中有时会遇到这样的问题:A房间有一无线路由器,B房间到A房间有七八十米,我们要在B房间再用手机上无线网的时候信号可能就不好了,中间又有墙,哪么应该怎么办呢?呵
阅读全文
摘要：设置无线路由器 如今大多都是一条宽带多人用，所以必须用到路由器，而说到路由器那必须得先提到无线路由啦，在家里不光电脑用得到，手机也需要用呀，好吧在这里跟大家分享一下如何设置无线路由器。 如今大多都是一条宽带多人用，所以必须用到路由器，而说到路由器那必须得先提到无线路由啦，在家里不光电脑用得到，手机也
阅读全文
摘要：已有路由器为何还要交换机 现在宿舍用的腾达（80块钱左右很便宜的）路由器跟书上说的路由器是一个概念吗？而且既然路由器这么便宜为何还要交换机跟集线器呀？为何还要生产交换机跟集线器呢？还有为何路由器有两个MAC地址，一个是对外，一个对内？ 路由器=NAT共享器+交换机但路由器侧重点是共享，交换机功能不强
阅读全文
摘要：路由器功能 要解释路由器的概念，首先要介绍什么是路由。所谓“路由”，是指把数据从一个地方传送到另一个地方的行为和动作，而路由器，正是执行这种行为动作的机器，它的英文名称为Router。简单的讲，路由器主要有以下几种功能：第一，网络互连，路由器支持各种局域网和广域网接口，主要用于互连局域网和广域网，实
阅读全文
摘要：VLAN原理 为什么需要VLAN 1. 什么是VLAN? VLAN(Virtual LAN)，翻译成中文是“虚拟局域网”。LAN可以是由少数几台家用计算机构成的网络，也可以是数以百计的计算机构成的企业网络。VLAN所指的LAN特指使用路由器分割的网络——也就是广播域。 在此让我们先复习一下广播域的概
阅读全文
摘要：交换机 交换机独享带宽的概念指的是相对于集线器而言，比如10M集线器是所有端口共享10M带宽，就好像只有一个车道的马路，给所有汽车来通行，车多就会挤，会塞车。而10M或者100M交换机，就是每个端口独享10M或者100M带宽，就好像每辆车都有单独的车道来通行。但是加入这个交换机只有一个100M端口连
阅读全文
摘要：路由器的LAN、WAN、WLAN的区别 好多朋友在群内问我路由器如何配置，本来还耐心解答，但是他竟然连LAN、WAN都分不清，瞬间就没了帮助的热情。借这篇经验，小编简单讲一下路由常见的LAN、WAN、WLAN的区别。 本教程由就爱懒蛇原创，却被百度经验判为非原创，一肚子苦水和无奈。请朋友们异步本人其
阅读全文
摘要：路由器和猫的区别 网络在我们现在生活中必不可少,我们链接互联网经常需要用到猫和路由器,但是依然有很多菜鸟根本不知道什么是猫什么是路由器,至于猫和路由器怎么使用就更不知道了,下面给大家详细的讲解下路由器和猫的区别。 路由器和猫的用途和链接位置不一样,如下图: 路由器:路由器作用是可以一个网线使几台电脑
阅读全文
摘要：路由器与交换机区别 近日，在回答知道网友提问的时候，发现很多朋友不知道路由器与交换机的不同，常常问一些看起来有点可笑的问题。比如路由器同时登陆两个账号，所以今天写下这篇经验，科普一下路由器的功能和交换机的功能的本质区别。 近日，在回答知道网友提问的时候，发现很多朋友不知道路由器与交换机的不同，常常问
阅读全文
摘要：动态的在浏览器中动态的显示时间 总结： 1、定时器setInterval的使用 2、date的初始化和方法
阅读全文
摘要：js的location对象 location基础知识 BOM（浏览器对象模型）中最有用的对象之一就是location，它是window对象和document对象的属性。location对象表示载入窗口的URL，此外，它还可以解析URL：href 设置或返回完整的 URL。protocol 设置或返回
阅读全文
摘要：js的history对象 window.history表示window对象的历史记录 window.history的简单回顾 历史记录中前进/后退，移动到指定历史记录点 window.history.back(); window.history.forward(); windiw.history.g
阅读全文
摘要：js 定时器 1、JS中的定时器有两种： 3、清除定时器： window.clearInterval(timer1)/window.clearTimeout(time1)；两种清除方式都可以清除通过setTimeout和setInterval设置的定时器(两种方式在设置定时器的时候有区别，清除定时器
阅读全文
摘要：js array对象 Array 数组对象 数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的 数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零
阅读全文
摘要：js math对象 前面的话 javascript使用算术运算符实现基本的算术运算，如果要实现更加复杂的算术运算，需要通过Math对象定义的常量和函数来实现。和其他对象不同，Math只是一个静态对象，并没有Math()构造函数。实际上，Math只是一个由javascript设置的对象命名空间，用于存
阅读全文
摘要：7-41 字符串对象 学习要点 掌握字符串的常用操作方法 字符串对象 字符串与数字的转换 字符串对象的常用方法 需要注意的是，JavaScript 的字符串是不可变的（immutable），String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法，返
阅读全文
摘要：7-39 Math对象 学习要点 掌握常用的数学计算方法 温馨提示：关于学习方法的建议 不要强求自己讲参考手册上所以的属性和方法都搞清楚，原因如下： Math 对象 算数值 JavaScript 提供 8 种可被 Math 对象访问的算数值： Math.PI 返回圆周率（约等于3.14159）。 M
阅读全文
摘要：7-35 日期和时间 学习要点 创建Date对象的实例 Date实例的字符串表示 常用方法 基本概念 创建Date对象四种方法： var date= new Date(); 无参数的情况下返回值为当前时间。不同浏览器显示的时间格式会有细微差异 var date = new Date(millisec
阅读全文
摘要：html5--7-33 阶段练习5 总结： 1、JS中可以递归函数 2、js中数组对象array的使用 学习要点 综合运用学过的知识完成三个综合小练习,巩固学过的知识。 阶段小练习5-1：使用递归算法计算n的阶乘：n! 两点提示： 阶段小练习5-2：输出1000--9999直接的所有回文 两点提示：
阅读全文
摘要：JS数组array常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 2)获取对象的类型,比较是否为object类型(此方法只能检测是否为Object,不推荐) 3)检测对象是否为数组,使用Array.isArray()方法(只支持ie9+,firefox 4+,saf
阅读全文
摘要：html5--js函数在canvas中的应用 总结： 1、script中的函数写了要调用 2、rgb（）这样的模式的色彩比较适合做变量 3、body的onload事件 4、带参函数 效果： 代码：
阅读全文
摘要：html5--html实现乘法口诀表 总结： 1、多种情况问题：分情况讨论就出来了 2、汉字和数字的对应关系 3、相同的部分统一处理，不同的部分分别对待（这里用中间变量） 问题：九九乘法口诀 两点提示： 代码 1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <he
阅读全文
摘要：html5--switch选择结构的优化 问题： 使用循环语句判断月份是31天还是30天 两点提示： 1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8"> 5 <title>7-19 课堂演示</title
阅读全文
摘要：CSS盒子模型 总结： 以边界为边，外面的是margin（相距父亲），里面的是padding（内部元素相距边框） 内容： 盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识^_^，希望对初学者有用。 一、cs
阅读全文
摘要：html5--项目实战-仿天猫（移动端页面） 总结： 1、标准搜索栏的做法：这里是弹性布局，放大镜和小话筒是background img 2、手机尾部导航做法：这是一个个 li 标签，每个li标签占%25 3、手机尾部导航固定方法：相对定位外加距离底部为0 position: fixed; bott
阅读全文
摘要：揭开自然拼读法(Phonics)的神秘面纱 自然拼读法 （Phonics），是指看到一个单词，就可以根据英文字母在单词里的发音规律把这个单词读出来的一种方法。即从“字母发音-字母组合发音-单词-简单句 子-整段句子”逐步学习，让孩子轻松掌握“自然拼读”法，培养孩子正确的英语语感，打好英语学习的基础。
阅读全文
摘要：如何遮挡电影英汉字幕 对于想通过看英文电影学习英语的朋友来说，英汉字母同时闪烁会影响英语的学习，通过一种方法，我们可以消除这种苦恼。 工具/原料 笔记本电脑自带画图工具 网络下载专门遮挡屏幕的软件，QQ影音以及遮挡字幕软件(cover) 1.0等 工具/原料 笔记本电脑自带画图工具 网络下载专门遮挡
阅读全文
摘要：如何重启mysql服务 RedHat Linux (Fedora Core/Cent OS) 1.启动：/etc/init.d/mysqld start 2.停止：/etc/init.d/mysqld stop 3.重启：/etc/init.d/mysqld restart Debian / Ubu
阅读全文
摘要：修改mysql默认字符集的方法 mysql默认字符集的修改方法未必人人都会，下文就介绍了两个最常见的修改mysql默认字符集的方法，供您参考学习。 mysql默认字符集能否进行修改呢？答案是肯定的，下面就将教您两种修改mysql默认字符集的方法，希望对您学习mysql默认字符集方面能有所启迪。 (1
阅读全文
摘要：一场由过滤器Filter引发的血案 事件起因 本来应该是下图的登录界面 变成了这样 What's the fuck????? 抓狂 原因 解决方法： 在过滤器中给资源文件开个绿色通道
阅读全文
摘要：java中一个字符串是另外一个字符串的字串
阅读全文
摘要：jsp中<%! %> 经Tomcat编译后，生成的java文件如下： 在生成的java文件中，我们可以看到，<%! %>中的代码对应于java类文件的成员方法、静态方法，静态变量，而<% %>中的代码对应于java类文件的_jspService方法中的代码（_jspService对应于servlet
阅读全文
摘要：jsp实现翻页功能 要实现翻页功能，只需要设置一个pageIndex即可，然后每次加载页面时通过pageIndex去加载数据就行。 那么我们可以设置一个隐藏的input框，用于传递pageIndex给下个页面。 当我们点击上一页的时候，通过js方法改变pageIndex的值，再提交表单即可 二话不多
阅读全文
摘要：用过滤器Filter判断用户是否登陆 WEB.XML [html] view plain copy <!-- 用户session的 键 sessionKEY --> <context-param> <param-name>userSessionKey</param-name> <param-valu
阅读全文
摘要：mysql字符集设置utf-8 mysql修改环境的默认字符集为utf-8(当然你也可以设置成别的，国际点还是utf-8好) 如果不把mysql字符集统一下，后面还是有点麻烦的 首先得在服务里关掉mysql的服务(一定要先关掉mysql服务再修改) 然后到你的mysql的安装路径，如果是自定义就找到
阅读全文
摘要：javaweb项目数据库中数据乱码 first: 排查原因： 打断点，查看到底是在执行存数据库操作之前就已经乱码了，还是存数据库操作后乱码的。 前者解决方案： 在web.xml里面加上： show variables like 'character%'; 结果： | character_set_cl
阅读全文
摘要：mysql查询表的字符集 SHOW CREATE TABLE user;
阅读全文
摘要：Javaweb项目中文乱码 一、了解常识： 1.UTF-8国际编码，GBK中文编码。GBK包含GB2312，即如果通过GB2312编码后可以通过GBK解码，反之可能不成立; 2、web tomcat:默认是ISO8859-1，不支持中文的 3.java.nio.charset.Charset.def
阅读全文
摘要：html5--项目实战-仿360囧图 实例： 代码 学习要点 常用快捷方式 清除浮动的技巧 利用css3的动画实现图片轮播。 综合运用我们之前学过的知识来构建一个完整的web页面。 更换你的装备 常用快捷方式 内功心法 学习技巧：高手是怎样炼成的 江湖经验 网站开发流程 网站的基本开发流程如下，明白
阅读全文
摘要：html5--6-68 实战前的准备工作:了解HTML5大纲算法 学习要点 了解HTML5大纲算法 在html5中有一个很重要的概念，叫做HTML5大纲算法(HTML5 Outliner),它的用途为用户提供一份页面的信息结构目录。合理的使用HTML5元素标签，可以生成一个非常清晰的文档大纲 HTM
阅读全文
摘要：html5--6-67 阶段练习8-弹性三列布局 学习要点 运用弹性盒子模型完成一个三列布局，加深对学过知识点的综合应用能力。 了解用百分比设置元素高度的方法。
阅读全文
摘要：html5--6-65 布局4-弹性布局 实例 学习要点 掌握传统布局与CSS3新增弹性布局方式的实现和应用 弹性布局(弹性伸缩布局) 事实上它是一种新类型的盒子模型，也有书上称作弹性伸缩盒布局。 比较新的布局方式：旨在提供一个更加有效的方式来布置，对齐和分布在容器之间的各项内容，即使它们的大小是未
阅读全文
摘要：html5--6-63 布局 实例 学习要点 掌握传统布局与CSS3新增布局方式的实现和应用 掌握CSS3新增属性box-sizing 了解CSS3新增的多列布局 常用布局方式 固定布局与流体布局的优缺点 固定布局 注：设置了固定宽度的外包裹，里面的各个模块也是固定宽度而非百分比。大多数设计者选择9
阅读全文
摘要：html5--6-60 阶段练习7-下拉菜单 学习要点 综合运用所学过的知识完成一个下拉菜单的小练习，加深对学过知识点的综合应用能力。
阅读全文
摘要：html5--6-59 其他常用CSS属性 实例 学习要点 了解opacity属性：透明度设定 了解cursor属性：自定义鼠标样式 了解CSS新单位rem和em的区别 了解轮廓outline的设置 掌握display 属性常用属性值： opacity：透明度设定 IE9, Firefox, Chr
阅读全文
摘要：html5--6-57 阶段练习6-折叠导航栏 实例
阅读全文
摘要：html5--6-56 阶段练习5-翻转效果 学习要点 运用所学过的知识完成一个简单的小练习，理解对动画的应用。
阅读全文
摘要：html5--6-55 动画效果-关键帧动画 实例 学习要点 掌握动画的实现和应用 CSS3 动画属性： 通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。 name 必需。定义动画的名称。 0-100%/from...to... 必需。动
阅读全文
摘要：html5--6-53 阶段练习4-画廊 学习要点 运用所学过的知识完成一个简单的小练习，理解对过渡动画的应用。
阅读全文
摘要：html5--6-52 动画效果-过渡 实例 学习要点 掌握过渡动画的实现和应用 过渡动画： 过渡动画的属性： none 没有属性会获得过渡效果。 all 所有属性都将获得过渡效果。 属性名称 linear 规定以相同速度开始至结束的过渡效果（等于 cubic-bezier(0,0,1,1)）。 e
阅读全文
摘要：navicat常用快捷键 近来需要同时管理多种类型、多台server的数据库，在经历了各种查询客户端(SSMS, SQLyog, PL/SQL等)的不断切换，ip/user/pwd的反复输入的这种自虐式体验后，实在无法忍受，就选择了Navicat，感觉自己马上从各种重复劳动中解放出来！为了进一步提高
阅读全文
摘要：Mysql语句示例 最常用 sql 语句总结 前言 Mysql 是数据库开发使用的主要平台之一。sql 的学习掌握与使用是数据库开发的基础，此处展示详细sql 语句的写法，及各种功能下的 sql 语句。 在此处有 sql 语句使用示例：在这里 此处插入两张图更有说服力： sql1.PNG sql2.
阅读全文
摘要：mysql语句大全 1、说明：创建数据库 CREATE DATABASE database-name 2、说明：删除数据库 drop database dbname 3、说明：备份sql server 创建 备份数据的 device USE master EXEC sp_addumpdevice '
阅读全文
摘要：intellij IDEA怎样打war包 1： File-->Project Structure-->Artifacts, 点击+，选择Web Application：archive 可自定义war包的名称，输出的路径。 点击+，选中Directory Content,选择要把哪个文件夹打成war包
阅读全文
摘要：如何将java web项目上线/部署到公网 关于如何将java web上线，部署到公网，让全世界的人都可以访问的问题。小编将作出系列化，完整的流程介绍。 1.在myeclipse中开发好项目，打包成war格式，不会的同学参考以下 http://zhidao.baidu.com/link?url=Gb
阅读全文
摘要：jsp的4大作用域 首先要声明一点，所谓“作用域”就是“信息共享的范围”，也就是说一个信息能够在多大的范围内有效。4个JSP内置对象的作用域分别为：application、session、request、page 。JSP内置对象作用域表如下： 名称 作用域 application 在所有应用程序中
阅读全文
摘要：让th里面的东西自动换行 html中的TH里面的文字不管多长,始终是一行,很烦
阅读全文
摘要：html5--6-51 阶段练习3-旋转导航 1 @charset="UTF-8"; 2 ul{ 3 list-style: none; 4 font-size:24px; 5 font-weight: bold; 6 } 7 8 a{ 9 text-decoration: none; 10 } 1
阅读全文
摘要：html5--6-50 动画效果-变形 实例 学习要点 掌握2D变形动画 了解3D变形动画 transform：2D变形： 通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。转换方法：translate()/rotate()/scale()/skew()/matrix() non
阅读全文
摘要：html5--6-47 阶段练习2-渐变按钮 实例 1 @charset="UTF-8"; 2 .but1{ 3 padding: 10px 20px; 4 font-size:16px; 5 text-shadow: 2px 2px 3px rgba(0,0,0,0.8); 6 } 7 8 .bu
阅读全文
摘要：Html5--6-46 渐变效果 学习要点 掌握线性渐变和径向渐变的使用 线性渐变： 属性：linear-gradinet(开始位置 角度，起始颜色，终止颜色 ) 开始位置：渐变开始的位置，属性值可以为百分比/长度/left、right、top、bottom（可组合使用） 角度：渐变终止方向的角度，
阅读全文
摘要：html5--6-44信纸设计 实例 1 @charset "utf-8"; 2 /* CSS Document */ 3 div{ 4 width: 600px; 5 height: 800px; 6 padding: 40px; 7 font-size: 12px; 8 line-height:
阅读全文
摘要：html5--6-41 CSS背景 实例 学习要点 掌握CSS背景属性的使用 元素的背景属性： background 简写属性，作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。scroll 默认值。/fixed 当页面的其余
阅读全文
摘要：html5--6-40 CSS边框 实例 div动态阴影 学习要点 掌握CSS边框属性的使用 元素的边框就是围绕元素内容和内边距的一条或多条线。 元素的边框属性： border 简写属性，用于把针对四个边的属性设置在一个声明。 border-width 简写属性，用于为元素的所有边框设置宽度，或者单
阅读全文
摘要：html5--6-35 列表和表格 实例 学习要点 掌握列表和表格的样式设置 表格有关的属性： border-collapse 设置是否把表格边框合并为单一的边框.属性值：separate 默认值/collapse边框合并 border-spacing 设置分隔单元格边框的距离。 caption-s
阅读全文
摘要：html5--6-28 css盒模型4 实例 学习要点 了解盒模型 元素内容、内边距、边框 和 外边距 了解盒模型的概念： CSS 盒模型规定了处理元素内容、内边距、边框 和 外边距 的方式。 最内部分是元素内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距。
阅读全文
摘要：html5--6-24 css3前缀 学习要点 掌握css3前缀的使用 CSS3目前很多新增属性尚未被W3C列为标准，对这些暂时未被公布为标准的属性，各家浏览器会在属性前加上前缀词，也将其称之为浏览器的私有前缀。 W3C官方认为试验阶段的属性仅为了测试，未来可能修改或删除。 对于CSS3中目前主流浏
阅读全文
摘要：html5--6-23 CSS3中的文字与字体 text-overflow 设置是否使用一个省略标记（...）标示对象内文本的溢出 clip： 默认值当对象内文本溢出时不显示省略标记（...），而是将 溢出的部分裁切掉。 ellipsis：当对象内文本溢出时显示省略标记（...）。 温馨提示:该属性
阅读全文
摘要：html5--6-19 CSS3中的文字与字体 学习要点 掌握文字与字体的设置 颜色值查询方法： 百度查询，很多网站有提供 下载相关手册等需要时查表 运用绘图工具中的拾色器 CSS中常用的字体属性设置 font-size 规定文本的字体尺寸 通常使用px,百分比，em来设置字体的大小 em是css中
阅读全文
摘要：html5--6-16 CSS3中的文字与字体 中文字体包很大，少量字体的话可以有其它方法。 有字库-首页-全球第一中文web font（在线字体）服务平台、web font、webfont、在线字体、网络字体https://www.youziku.com/ 学习要点 掌握文字与字体的设置 颜色值查
阅读全文
摘要：html5--6-14 CSS3中的颜色表示方式 实例 每个参数 (red、green 以及 blue) 定义颜色的强度，可以是介于 0 与 255 之间的整数，或者是百分比值（从 0% 到 100%）。 学习要点 掌握选择器的优先级问题 掌握CSS3中新增的颜色表示方式 选择器的优先级问题 原则上
阅读全文
摘要：html5--6-13 CSS3中的颜色表示方式 学习要点 掌握选择器的优先级问题 掌握CSS3中新增的颜色表示方式 选择器的优先级问题 原则上：元素选择器<类选择器< ID选择器<行内样式 谁指向精确谁的优先级高 并列的话谁在后边谁优先级高 CSS2时代的颜色表示方法 关于颜色的小知识 颜色是通过
阅读全文
摘要：html5--6-11 CSS选择器7--伪类选择器 #E:target 选择当前活动的锚点元素。 学习要点 掌握常用的CSS选择器 了解不太常用的CSS选择器 什么是选择器 当我们定义一条样式时候，这条样式会作用于网页当中的某些元素，所谓选择器就是样式作用的对象. 插入样式的三种方法 内联样式表（
阅读全文
摘要：html5--6-10 CSS选择器7--伪类选择器 实例 学习要点 掌握常用的CSS选择器 了解不太常用的CSS选择器 什么是选择器 当我们定义一条样式时候，这条样式会作用于网页当中的某些元素，所谓选择器就是样式作用的对象. 插入样式的三种方法 内联样式表（行内） 内部样式表（style中） 外部
阅读全文
摘要：html5--6-9 CSS选择器6--伪类选择器 实例 1 @charset="UTF-8"; 2 /*:root{background: green}*/ 3 /*li:first-child{color: red}*/ 4 /*选择ul的元素里面是第一个子元素的*/ 5 /*ul>li:fir
阅读全文
摘要：html5--6-8 CSS选择器5 实例 学习要点 掌握常用的CSS选择器 了解不太常用的CSS选择器 什么是选择器 当我们定义一条样式时候，这条样式会作用于网页当中的某些元素，所谓选择器就是样式作用的对象. 插入样式的三种方法 内联样式表（行内） 内部样式表（style中） 外部样式表 创建一个
阅读全文
摘要：html5--6-7 CSS选择器4 实例 学习要点 掌握常用的CSS选择器 了解不太常用的CSS选择器 什么是选择器 当我们定义一条样式时候，这条样式会作用于网页当中的某些元素，所谓选择器就是样式作用的对象. 插入样式的三种方法 内联样式表（行内） 内部样式表（style中） 外部样式表 创建一个
阅读全文
摘要：html5--6-6 CSS选择器3 实例 学习要点 掌握常用的CSS选择器 了解不太常用的CSS选择器 什么是选择器 当我们定义一条样式时候，这条样式会作用于网页当中的某些元素，所谓选择器就是样式作用的对象. 插入样式的三种方法 内联样式表（行内） 内部样式表（style中） 外部样式表 创建一个
阅读全文
摘要：html5--6-5 CSS选择器2 实例 学习要点 掌握常用的CSS选择器 了解不太常用的CSS选择器 什么是选择器 当我们定义一条样式时候，这条样式会作用于网页当中的某些元素，所谓选择器就是样式作用的对象. 插入样式的三种方法 内联样式表（行内） 内部样式表（style中） 外部样式表 创建一个
阅读全文
摘要：html5--6-4 CSS选择器 实例 学习要点 掌握常用的CSS选择器 了解不太常用的CSS选择器 什么是选择器 当我们定义一条样式时候，这条样式会作用于网页当中的某些元素，所谓选择器就是样式作用的对象. 插入样式的三种方法 内联样式表（行内） 内部样式表（style中） 外部样式表 创建一个外
阅读全文
摘要：html5--6-3 CSS语法2 实例 div包含p和h标签的时候可以，但是p标签包含h标签的时候不可以 学习要点 掌握引入外部样式表方法 插入样式的三种方法 内联样式表（行内） 内部样式表（style中） 外部样式表 创建一个外部样式表 在head中使用link元素插入样式表 创建一个外部样式表
阅读全文
摘要：html5--6-2 CSS语法 实例 学习要点 掌握引入外部样式表方法 插入样式的三种方法 内联样式表（行内） 内部样式表（style中） 外部样式表 创建一个外部样式表 在head中使用link元素插入样式表 创建一个外部样式表 在head中使用link元素插入样式表 CSS语法 单一元素的多个
阅读全文
摘要：html5--6-1 引入外部样式表 实例 学习要点 掌握引入外部样式表方法 插入样式的三种方法 内联样式表（行内） 内部样式表（style中） 外部样式表 创建一个外部样式表 在head中使用link元素插入样式表 创建一个外部样式表 在head中使用link元素插入样式表 CSS语法 单一元素的
阅读全文
摘要：html5--5-16 综合实例绘制饼图 实例 学习要点 通过综合练习回顾之前的内容 如果把Canvsas比作宫殿的话，我们目前学到的知识还只是隔着门缝往里面初窥，为什么不进去呢？因为我们还没有掌握大门的钥匙，而这个钥匙就是JavaScript脚本语言，我们会在第七章进行系统的学习，同时也会在后续课
阅读全文
摘要：html5--5-15 绘制阴影 实例 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 </head> 7 8 <body> 9 </body> 10 </html><!DOC
阅读全文
摘要：html5--5-14 阶段小练习：绘制太极图案 学习要点 运用前几节课的知识完成一个小练习 这个图案有多种不同的绘制方法，这里只做一个简单的演示，练习的时候可以自己思考一下，尝试其他的方法，或者对这个图案进行进一步的美化。 渐变色绘制方法 createLinearGradient() 创建线性渐变
阅读全文
摘要：html5--5-13 渐变色 学习要点 掌握渐变色的绘制方法 渐变色绘制方法 createLinearGradient() 创建线性渐变 createLinearGradient(x1,y1,x2,y2) 颜色渐变的起始坐标和终点坐标 addColorStop(位置,"颜色值") 0表示起点...
阅读全文
摘要：html5--5-12 渐变色 学习要点 掌握渐变色的绘制方法 渐变色绘制方法 createLinearGradient() 创建线性渐变 createLinearGradient(x1,y1,x2,y2) 颜色渐变的起始坐标和终点坐标 addColorStop(位置,"颜色值") 0表示起点...
阅读全文
摘要：html5--5-11 绘制文字 学习要点 掌握文字的绘制方法 文字的绘制方法 strokeText("文字"，x,y,maxWith) 绘制（描边）空心文字 fillText("文字"，x,y,maxWith) 绘制实心 字体样式：font="大小 字体 ..." 矩形的绘制方法 rect(x,y
阅读全文
摘要：html5--5-9 绘制扇形 学习要点 综合运用已经学过的知识绘制一个扇形 矩形的绘制方法 rect(x,y,w,h)创建一个矩形 strokeRect(x,y,w,hx,y,w,h) 绘制矩形（无填充） fillRect(x,y,w,h) 绘制"被填充"的矩形 stroke() 绘制已定义的路径
阅读全文
摘要：html5--5-8 绘制圆/弧 学习要点 掌握绘制圆弧的方法 矩形的绘制方法 rect(x,y,w,h)创建一个矩形 strokeRect(x,y,w,hx,y,w,h) 绘制矩形（无填充） fillRect(x,y,w,h) 绘制"被填充"的矩形 stroke() 绘制已定义的路径 fill()
阅读全文
摘要：html5--5-7 绘制圆/弧 学习要点 掌握arc() 方法创建圆弧/曲线（用于创建圆或部分圆） 矩形的绘制方法 rect(x,y,w,h)创建一个矩形 strokeRect(x,y,w,hx,y,w,h) 绘制矩形（无填充） fillRect(x,y,w,h) 绘制"被填充"的矩形 strok
阅读全文
摘要：html5--5-6 绘制圆/弧 学习要点 掌握arc() 方法创建圆弧/曲线（用于创建圆或部分圆） 矩形的绘制方法 rect(x,y,w,h)创建一个矩形 strokeRect(x,y,w,hx,y,w,h) 绘制矩形（无填充） fillRect(x,y,w,h) 绘制"被填充"的矩形 strok
阅读全文
摘要：html5--5-5 绘制填充矩形 学习要点 掌握绘制矩形的方法：strkeRect()/fillRect() 掌握绘制路径的 beginPath()和closePath() 矩形的绘制方法 rect(x,y,w,h)创建一个矩形 strokeRect(x,y,w,hx,y,w,h) 绘制矩形（无填
阅读全文
摘要：html5--5-4 绘制矩形 学习要点 掌握绘制矩形的方法：strkeRect()/fillRect() 掌握绘制路径的 beginPath()和closePath() 矩形的绘制方法 rect(x,y,w,h)创建一个矩形 strokeRect(x,y,w,hx,y,w,h) 绘制矩形（无填充）
阅读全文
摘要：html5--5-3 给直线添加样式 学习要点 strokeStyle属性：设置颜色、渐变或模式（本节课只涉及到颜色） lineWidth属性：--设置线宽 Canvas的路径方法 moveTo() 定义绘制路径的起点(在直线中就是定义直线的起点) lineTo() 添加一个新点，(在我们的直线案例
阅读全文
摘要：html5--5-2 绘制直线 学习要点 如何在HTML5文档中添加canvas元素 canvas的属性 了解canvas坐标系 了解script元素 绘制一条直线（准确的说是线段） 什么是canvas HTML5的canvas元素是HTML5技术标准中最令人振奋的功能之一。它提供了一套强大的图形A
阅读全文
摘要：html5--5-1 了解canvas元素 学习要点 如何在HTML5文档中添加canvas元素 canvas的属性 了解canvas坐标系 了解script元素 绘制一条直线（准确的说是线段） 什么是canvas HTML5的canvas元素是HTML5技术标准中最令人振奋的功能之一。它提供了一套
阅读全文
摘要：html5--4-5 embed元素及其他 学习要点 掌握embed元素的使用 了解object元素的使用 温馨提示：关于video和audio的事件方法等涉及都JavaScript知识的内容，暂时不做讲解，放到后续课程的专题系列和综合实例中来讲。 embed定义嵌入的内容，比如插件。 embed用
阅读全文
摘要：html5--4-4 audio元素/格式的转换 学习要点 掌握audio元素的用法 视频/音频文件的格式转换 当前，audio 元素支持三种音频格式： Ogg 免费, 支持的浏览器:Firefox、Opera、Chrome MP3 收费, 支持的浏览器: IE9+、Chrome、Safari Wa
阅读全文
摘要：html5--4-3 source元素-解决浏览器的兼容 学习要点 掌握source元素的用法 source元素-解决浏览器额兼容 HTML5 中新增的元素 video和audio元素的子元素，可指定多个文件来源，用来解决浏览器的兼容问题 如果使用了source元素，则不可以在video和audio
阅读全文
摘要：html5--4-2 video元素的属性 学习要点 掌握video元素的基本用法 直到现在,在网页中的大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法，这样播放视频就不必依赖外部插件 在本套课程
阅读全文
摘要：html5--4-1 video/视频播放 学习要点 掌握video元素的基本用法 直到现在,在网页中的大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法，这样播放视频就不必依赖外部插件 在本套课
阅读全文
摘要：html5--3.22 综合实例03 学习要点 通过一个综合实例来回顾学过的内容 实例 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style
阅读全文
摘要：html5--3.21 课程小结与其他新增元素 学习要点 了解新增的input属性pattern 其他几个新增元素（非表单中元素，但是也放在这里讲解） 以下几个元素虽然放在表单这一章来讲，并非表单中的元素 目前所有主流浏览器都不支持的menu标签和目前只有 Internet Explorer 支持c
阅读全文
摘要：html5--3.20 新增的keygen元素 学习要点 掌握fieldset/legend元素的用法（和figure和figcaption很像，只不过是作用于表单） 了解keygen元素的用法 fieldset元素：可将表单内的相关元素分组。 当一组表单元素放到fieldset标签内时，浏览器会以
阅读全文
摘要：html5--3.19 新增的progress/meter元素 学习要点 了解progress/meter元素的用法 progress元素 是HTML5中新增的元素，用来建立一个进度条 通常与JavaScript 一同使用，来显示任务的进度。 使用时注意浏览器的支持情况：Internet Explo
阅读全文
