创建一个 .java 结尾的源文件，如果 demo.java
编写第一个程序
public class demo{
public static void main(String[] args){
System.out.println(“Hellow World”);
}
} （更多…）
Windows键 + R 快捷呼出运行窗口
输入cmd并回车打开DOS命令窗口
更换盘符： d:
查看当前目录下的文件及文件夹： dir
进入文件夹： cd 文件夹的名字
返回上一级目录： cd ..
清空屏幕： cls
删除文件： del 文件名
删除文件夹： rd 文件夹名称
退出： exit
java发展历史和java执行机制与环境变量
java的发展历史
Sun Microsystems于1995年推出的面向对象的程序设计语言，共同创始人的詹姆斯 高斯林(James Gosling)被誉为”java之父”
1996年发布JDK1.0
1998年发布JDK1.2
平台名称： （更多…）
css架构
在一个大型项目中，由于页面过多，导致CSS代码难以维护和开发。所以CSS架构可以帮助我们解决文件管理与文件划分等问题。
首先要对CSS进行模块化处理，一个模块负责一类操作行为。可利用Sass或Less来实现。
文件夹
base 一些初始的通用CSS，如重置默认样式，动画，工具，打印等。
components用于构建页面的所有组件，如按钮，表单，表格，弹窗等。
layout 用于布局页面的不同部分，如页眉，页脚，弹性布局，网格布局等。
pages 放置页面之间不同的样式，如首页特殊样式，列表页特殊样式等。
themes应用不同的主题样式时，如管理员，买家，卖家等。
abstracts放置一些如：变量，函数，响应式等辅助开发的部分。
vendors放置一些第三方独立的CSS文件，如bootstrap，iconfont等。
PostCSS
PostCSS本身是一个功能比较单一的工具。它提供了一种方式用JavaScript代码来处理CSS。
利用PostCSS可以实现一些工程化的操作，如：自动添加浏览器前缀，代码合并，代码压缩等。
Sass和Less
Sass和Less都属于CSS预处理器，CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，
如：变量、语句、函数、继承等概念。
将CSS作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。
Sass后缀名.scss
Less后缀名.less
语法： （更多…）
bootstrap框架
bootstrap框架是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的web项目。
版本v4.3.1
特色：
1.响应式布局
2.基于flex栅格系统
3.丰富的组件和工具方法
4.常见交互使用
响应式布局
利用媒体查询，即media queries ，可以针对不同的媒体类型定义不同的样式，从而实现响应式布局
媒体类型：
all 用于所有设备
print 用于打印机和打印预览
screen 用于电脑屏幕，平板电脑，智能手机等
speech 应用于屏幕阅读器等发声设备 （更多…）
移动端布局
viewport视口
在移动端viewport视口就是浏览器显示页面内容的屏幕区域。在viewport中有两种视口，分别表示为，visua lviewport(可视视口）和layout viewport(布局视口）。
visual viewport固定大小跟屏幕大小相同，在上面，而layout viewport可改变大小，在下面。Layout viewport默认大小为980像素，可通过document.documentElement.clientWidh获取。
现代网页需要将layout viewport设置成跟visual viewport等同大小，方便进行网页制作。
通过meta标签设置，name属性指定viewport值，content属性进行视口配置。 （更多…）
web前端CSS3特效
翻转的骰子
效果体验http://swq2014.github.io/tech/object1.html
<style>
*{margin: 0;padding: 0}
.box{width: 100px;margin: 100px auto;}
.box ul{width: 100px;height: 100px;margin:100px;position: relative;animation: move 6s infinite linear;
transform-style: preserve-3d;backface-visibility: hidden;}
.boxs{width: 100px;height: 100px;display: grid;border: 1px solid;border-radius: 8px;position: absolute;
grid-template-columns: repeat(3,1fr);grid-template-rows: repeat(3,1fr);place-items:center center;
grid-template-areas: （更多…）
