笑桐笔记

前端HTML、CSS学习完整笔记（下篇）

第46课首页实战之footer区域开发

css

@CHARSET "UTF-8";

.clr {

clear: both;

width: 0px;

height: 0px;

}

#container {

width: 1002px;

margin: 0 auto;

}

#header {

height: 128px;

background: gray url("../indexPics/top_bg.jpg");

}

#navi li {

width: 90px;

margin-right: 1px;

float: left;

}

#navi a {

font-size: 16px;

font-family: Microsoft YaHei;

color: #363636;

display: block;

width: 90px;

height: 37px;

text-align: center;

}

#navi a:HOVER {

color: white;

}

#banner{

margin: 5px 0;

}

#main {

}

#lside {

height: 480px;

width: 694px;

border: 1px solid #eee;

border-top:none;

background-color: white;

float: left;

}

.subtitle {

height: 37px;

}

.subtitle img {

margin:5px 0 0 10px;

float: left;

}

.subtitle h1 {

float: left;

margin-left:10px;

font-size: 16px;

font-family: Microsoft Yahei, SimHei, sans-serif;

line-height:15px;

}

.subtitle a {

font-size:12px;

color: gray;

float: right;

}

.four {

width: 326px;

height: 200px;

background-color: #eee;

float: left;

margin: 10px;

}

.four h2 {

margin:6px 0 6px 10px;

font-size: 16px;

font-family: Microsoft Yahei, SimHei, sans-serif;

}

.four img {

background-color:white;

float: left;

margin-left: 10px;

padding: 6px;

}

.four ul {

float: left;

margin-left: 10px;

}

.four li {

background-repeat: no-repeat;

padding-left:10px;

height: 20px;

}

.four a {

color: gray;

}

.four a:VISITED{

color: gray;

}

.four a:HOVER {

text-decoration: underline;

}

#rside {

width: 294px;

float: right;

}

#article {

background: #eee;

margin-top: 1px;

padding-top: 10px;

}

#article a {

display: block;

height: 29px;

padding-left:30px;

background-repeat: no-repeat;

}

#article a:HOVER {

}

#contact {

margin-top:1px;

height: 240px;

background-color: #eee;

}

#footer {

margin-top:15px;

height: 120px;

}

#footer ul {

height: 40px;

background-color: #eee;

}

#footer li {

float: left;

margin-top: 15px;

margin-right: 10px;

}

#footer address {

font-family: Microsoft Yahei, SimHei, sans-serif;

font-size: 12px;

margin-top: 12px;

}

DOCTYPE html>

<html>

<head>

<title>首页实战title>

style>

head>

<body>

ul>

div>

<h1>核心业务h1>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h1>文章观点h1>

div>

ul>

<h1>联系我们h1>

div>

div>

<ul>

<li><a href="#">联系我们a>li>

ul>

京ICP备123456789号address>

div>

body>

html>

第47课首页实战之色彩微调

@CHARSET "UTF-8";

.clr {

clear: both;

width: 0px;

height: 0px;

}

#container {

width: 1002px;

margin: 0 auto;

}

#header {

height: 128px;

background: gray url("../indexPics/top_bg.jpg");

}

#navi li {

width: 90px;

margin-right: 1px;

float: left;

}

#navi a {

font-size: 16px;

font-family: Microsoft YaHei;

color: #363636;

display: block;

width: 90px;

height: 37px;

text-align: center;

}

#navi a:HOVER {

color: white;

}

#banner{

margin: 5px 0;

}

#main {

}

#lside {

height: 480px;

width: 694px;

border: 1px solid #eee;

border-top:none;

background-color: white;

float: left;

}

.subtitle {

height: 37px;

}

.subtitle img {

margin:5px 0 0 10px;

float: left;

}

.subtitle h1 {

float: left;

margin-left:10px;

font-size: 16px;

font-family: Microsoft Yahei, SimHei, sans-serif;

　line-height:15px;

}

.subtitle a {

font-size:12px;

color: #888;

float: right;

}

.four {

width: 326px;

height: 200px;

background-color: #eee;

float: left;

margin: 10px;

}

.four h2 {

color:#a0a0a0;

margin:6px 0 6px 10px;

font-size: 16px;

font-family: Microsoft Yahei, SimHei, sans-serif;

}

.four img {

background-color:white;

float: left;

margin-left: 10px;

padding: 6px;

}

.four ul {

float: left;

margin-left: 10px;

}

.four li {

background-repeat: no-repeat;

padding-left:10px;

height: 20px;

}

.four a {

color: #888;

}

.four a:VISITED{

color: #808080;

}

.four a:HOVER {

color:#ff832c;

text-decoration: underline;

}

#rside {

width: 294px;

float: right;

}

#article {

background: #eee;

margin-top: 1px;

padding-top: 10px;

}

#article a {

color:#888;

display: block;

height: 29px;

padding-left:30px;

background-repeat: no-repeat;

}

#article a:HOVER {

color:#ff832c;

}

#contact {

margin-top:1px;

height: 240px;

background-color: #eee;

}

#footer {

margin-top:15px;

height: 120px;

}

#footer ul {

height: 40px;

background-color: #eee;

}

#footer li {

float: left;

margin-top: 15px;

margin-right: 10px;

}

#footer a {

color: #888;

}

#footer a:HOVER {

color:#ff832c;

}

#footer address {

font-family: Microsoft Yahei, SimHei, sans-serif;

font-size: 12px;

margin-top: 12px;

}

DOCTYPE html>

<html>

<head>

<title>首页实战title>

style>

head>

<body>

ul>

div>

<h1>核心业务h1>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h1>文章观点h1>

div>

ul>

<h1>联系我们h1>

div>

div>

<ul>

<li><a href="#">联系我们a>li>

ul>

京ICP备123456789号address>

div>

body>

html>

第48课利用行高实现文字居中

@CHARSET "UTF-8";

.clr {

clear: both;

width: 0px;

height: 0px;

}

#container {

width: 1002px;

margin: 0 auto;

}

#header {

height: 128px;

background: gray url("../indexPics/top_bg.jpg");

}

#navi li {

width: 90px;

margin-right: 1px;

float: left;

}

#navi a {

font-size: 16px;

line-height:37px;

font-family: Microsoft YaHei;

color: #363636;

display: block;

width: 90px;

height: 37px;

text-align: center;

}

#navi a:HOVER {

color: white;

}

#banner{

margin: 5px 0;

}

#main {

}

#lside {

height: 480px;

width: 694px;

border: 1px solid #eee;

border-top:none;

background-color: white;

float: left;

}

.subtitle {

height: 37px;

}

.subtitle img {

margin:5px 0 0 10px;

float: left;

}

.subtitle h1 {

line-height:37px;

float: left;

margin-left:10px;

font-size: 16px;

font-family: Microsoft Yahei, SimHei, sans-serif;

line-height:15px;

}

.subtitle a {

display:block;

line-height:37px;

font-family:SimSun, serif;

font-size:12px;

color: #888;

float: right;

}

.four {

width: 326px;

height: 200px;

background-color: #eee;

float: left;

margin: 10px;

}

.four h2 {

color:#a0a0a0;

margin:6px 0 6px 10px;

font-size: 16px;

font-family: Microsoft Yahei, SimHei, sans-serif;

}

.four img {

background-color:white;

float: left;

margin-left: 10px;

padding: 6px;

}

.four ul {

float: left;

margin-left: 10px;

}

.four li {

background-repeat: no-repeat;

padding-left:10px;

height: 20px;

}

.four a {

color: #888;

}

.four a:VISITED{

color: #808080;

}

.four a:HOVER {

color:#ff832c;

text-decoration: underline;

}

#rside {

width: 294px;

float: right;

}

#article {

background: #eee;

margin-top: 1px;

padding-top: 10px;

}

#article a {

color:#888;

display: block;

height: 29px;

line-height:29px;

padding-left:30px;

background-repeat: no-repeat;

}

#article a:HOVER {

color:#ff832c;

}

#contact {

margin-top:1px;

height: 240px;

background-color: #eee;

}

#footer {

margin-top:15px;

height: 120px;

}

#footer ul {

height: 40px;

background-color: #eee;

}

#footer li {

float: left;

margin-top: 15px;

margin-right: 10px;

}

#footer a {

color: #888;

}

#footer a:HOVER {

color:#ff832c;

}

#footer address {

font-family: Microsoft Yahei, SimHei, sans-serif;

font-size: 12px;

margin-top: 12px;

}

DOCTYPE html>

<html>

<head>

<title>首页实战title>

style>

head>

<body>

ul>

div>

<h1>核心业务h1>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h1>文章观点h1>

div>

ul>

<h1>联系我们h1>

div>

div>

<ul>

<li><a href="#">联系我们a>li>

ul>

京ICP备123456789号address>

div>

body>

html>

第49课 IE浏览器兼容

主要是字体大小的问题

bug的几种常见原因：

1 没有正确使用doctype，解决方案正确声明即可

2 个浏览器对不同标签的初始值不同，解决方案 css初始化

3 自身书写不规范，写规范即可

4 浏览器bug

IE下真正的bug

1 盒模型bug，解决方案使用严格doctype声明

2 双倍margin bug，解决方案： _display:inline此时只影响IE浏览器，左浮元素，左margin是定义的2倍

3 不认识a:link，解决方案只定义a

4 3像素margin bug，解决方案规范浮动与清楚浮动

最终代码：

DOCTYPE html>

<html>

<head>

<title>首页实战title>

style>

head>

<body>

ul>

div>

<h1>核心业务h1>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h2>电子商务类网站建设h2>

<ul>

<li><a href="#">方便的订单管理a>li>

ul>

div>

<h1>文章观点h1>

div>

ul>

<h1>联系我们h1>

div>

div>

<ul>

<li><a href="#">联系我们a>li>

ul>

京ICP备123456789号address>

div>

body>

html>

@CHARSET "UTF-8";

.clr {

clear: both;

width: 0px;

height: 0px;

}

#container {

width: 1002px;

margin: 0 auto;

}

#header {

height: 128px;

background: gray url("../indexPics/top_bg.jpg");

}

#navi li {

width: 90px;

margin-right: 1px;

float: left;

}

#navi a {

font-size: 16px;

line-height:37px;

font-family: Microsoft YaHei;

color: #363636;

display: block;

width: 90px;

height: 37px;

text-align: center;

}

#navi a:HOVER {

color: white;

}

#banner{

margin: 5px 0;

}

#main {

}

#lside {

height: 480px;

width: 694px;

border: 1px solid #eee;

border-top:none;

background-color: white;

float: left;

}

.subtitle {

height: 37px;

}

.subtitle img {

margin:5px 0 0 10px;

float: left;

}

.subtitle h1 {

color:#151515;

line-height:37px;

float: left;

margin-left:10px;

font-size: 16px;

font-family: Microsoft Yahei, SimHei, sans-serif;

line-height:15px;

}

.subtitle a {

display:block;

line-height:37px;

font-family:SimSun, serif;

font-size:12px;

color: #888;

float: right;

}

.four {

width: 326px;

height: 200px;

background-color: #eee;

float: left;

margin: 10px;

}

.four h2 {

color:#a0a0a0;

margin:6px 0 6px 10px;

font-size: 16px;

font-family: Microsoft Yahei, SimHei, sans-serif;

}

.four img {

background-color:white;

float: left;

margin-left: 10px;

padding: 6px;

}

.four ul {

float: left;

margin-left: 10px;

}

.four li {

background-repeat: no-repeat;

padding-left:10px;

height: 20px;

}

.four a {

font-size:12px;

color: #888;

}

.four a:VISITED{

color: #808080;

}

.four a:HOVER {

color:#ff832c;

text-decoration: underline;

}

#rside {

width: 294px;

float: right;

}

#article {

background: #eee;

margin-top: 1px;

padding-top: 10px;

}

#article a {

color:#888;

display: block;

height: 29px;

line-height:29px;

font-size:12px;

padding-left:30px;

background-repeat: no-repeat;

}

#article a:HOVER {

color:#ff832c;

}

#contact {

margin-top:1px;

height: 240px;

background-color: #eee;

}

#footer {

margin-top:15px;

height: 120px;

}

#footer ul {

height: 40px;

background-color: #eee;

}

#footer li {

font-size:12px;

float: left;

margin-top: 15px;

margin-right: 10px;

}

#footer a {

color: #888;

}

#footer a:HOVER {

color:#ff832c;

}

#footer address {

font-family: Microsoft Yahei, SimHei, sans-serif;

font-size: 12px;

margin-top: 12px;

}

第六章附录

第50课色彩的表示

第51课尺寸的表示

像素表示

百分比表示：占父元素的百分比

DOCTYPE html>

<html>

<head>

<title>study51.htmltitle>

#parent {

font-size: 10px;

}

#p1 {

font-size: 20px;

}

#p2 {

font-size: 1.5em;

}

style>

head>

<body>

父div

<p id="p1">我用px表示文字大小p>

<p id="p2">我用em表示文字大小，em是相对大小，是指其父元素中的1个"M"的大小，简单理解为父元素的font-size就是一个emd单位p>

div>

body>

html>

ex (x-height，字母 "x" 的高度)
cm (厘米，1厘米=10毫米)
mm (米)
pt (点，1点=1/72英寸)

pc(12点活字，1pc=12点)

CSS中的单位有9种，他们是百分比（%）、英寸（in）、厘米（cm）、毫米（mm）、磅数（pt）、12点活字（pc）、字母高度一半（ex）、字体高度（em）和像素（px）。网页制作时最常用的四个尺寸单位是：px、%、em、pt，但在使用时也需要根据不同的情况进行选择。比如字体的大小经常使用px、em和pt，元素的宽度经常使用%、px、em。

第52课 CSS画圆角

DOCTYPE html>

<html>

<head>

<title>study52.htmltitle>

#test1 {

width:300px;

height:300px;

border:1px solid blue;

border-radius:15px;

}

#test2 {

width:300px;

height:300px;

border:1px solid red;

border-radius:150px;

}

style>

head>

<body>

<div id="test1">CSS画圆角，目前的主流浏览器都已经支持div>

<div id="test2">CSS画一个圆div>

body>

html>

第六章附录

第50课色彩的表示

第51课尺寸的表示

像素表示

百分比表示：占父元素的百分比

DOCTYPE html>

<html>

<head>

<title>study51.htmltitle>

#parent {

font-size: 10px;

}

#p1 {

font-size: 20px;

}

#p2 {

font-size: 1.5em;

}

style>

head>

<body>

父div

<p id="p1">我用px表示文字大小p>

<p id="p2">我用em表示文字大小，em是相对大小，是指其父元素中的1个"M"的大小，简单理解为父元素的font-size就是一个emd单位p>

div>

body>

html>

ex (x-height，字母 "x" 的高度)
cm (厘米，1厘米=10毫米)
mm (米)

pt (点，1点=1/72英寸)

pc(12点活字，1pc=12点)

第52课 CSS画圆角

DOCTYPE html>

<html>

<head>

<title>study52.htmltitle>

#test1 {

width:300px;

height:300px;

border:1px solid blue;

border-radius:15px;

}

#test2 {

width:300px;

height:300px;

border:1px solid red;

border-radius:150px;

}

style>

head>

<body>

<div id="test1">CSS画圆角，目前的主流浏览器都已经支持div>

<div id="test2">CSS画一个圆div>

body>

html>

第53课相对定位与绝对定位

DOCTYPE html>

<html>

<head>

<title>study53.htmltitle>

#test1 {

width: 300px;

height: 300px;

background-color: green;

}

p {

margin: 0;

padding: 0;

}

#p1 {

width: 100px;

height: 100px;

background-color: gray;

position: relative;

/* top: 20px;

left: 20px; */

right: 20px;

bottom: 20px;

}

#p2 {

width: 100px;

height: 100px;

background-color: orange;

}

#test2 {

width: 300px;

height: 300px;

background-color: pink;

position: relative;

}

#p3 {

width: 100px;

height: 100px;

background-color: yellow;

position: absolute;

right:20px;

bottom: 30px;

z-index: 1000;

}

#p4 {

width: 100px;

height: 100px;

background-color: gray;

position: absolute;

right:30px;

bottom: 40px;

}

style>

head>

<body>

<p id="p1">我是p1，相对定位是指元素在其正常的位置，偏移某些像素p>

<p id="p2">我是p2，相对定位是指元素在其正常的位置，偏移某些像素p>

div>

用绝对定位时，父元素要求有position属性才行，否则将依据父的父，父的父的父……body,<br>

哪个祖先有position就相对哪个，否则相对body

<p id="p3">我是p3，绝对定位是指相对于父元素的top,right,bottom,left来定位p>

div>

body>

html>

第54课 overflow溢出处理

overflow 属性规定当内容溢出元素框时发生的事情。

visible 默认值。内容不会被修剪，会呈现在元素框之外。

hidden 内容会被修剪，并且其余内容是不可见的。

scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

inherit 规定应该从父元素继承overflow 属性的值。

清楚浮动的方法：1. 使用空div，这只其div

css{clear:both;}。

2.通过:after伪类来清理浮动，淘宝、腾讯使用的清除浮动的代码：

.allCon {}.allCon:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}

DOCTYPE html>

<html>

<head>

<title>study54.htmltitle>

div {

width: 200px;

height: 200px;

border: 1px solid blue;

overflow: auto;

}

p {

border: 1px solid red;

}

style>

head>

<body>

<p>内容很多，会不会溢出越过山和大海前端是近几年发展起来的职业，很多人对前端的认识比较模糊，因此开篇我有必要介绍一番，前端（这里的前端是大众口中的前端）偏美工是视觉设计，前端偏用户是用户体验，前端偏目标导向是交互设计，前端偏技术才是大家口中的前端。和前端有关系的几样技术：PS，DW，FL，HTML+CSS+JS，看过很多人给前端的建议也差不多是学习这几种软件和HTML+CSS+JS等等了，不过我却觉得大家在把前端往一个误区引导。为什么呢？听我慢慢解释。

先来说说和前端有联系的几个职位：前端工程师、视觉设计师、用户研究工程师、交互设计师。我用一个简单的例子来分析：我们都经常在一些社区评论留言，留言的表面过程：打开留言页面——输入留言内容——点击提交按钮——留言显示在留言列表上。我这里不解释这个过程的实现原理。

---2012年10月12日修改--- 前端工程师：留言框代码怎么写？留言框的显示、一些JS动态效果的显示（可能涉及异步请求）。

视觉设计师：什么样的留言框最漂亮？怎么布局？用什么色彩还是需要做一些纹理？

用户研究工程师：用户怎么留言最舒服？很多人可能会和用户体验师混淆在一起，其实这两种人有着本质的区别，用户研究更侧重的是方法论，注重问卷调查访谈等等行为来了解用户的潜在行为习惯，而用户体验是一种行为，更侧重的是体验之后的实际感受。

交互设计师：留言过程中的反馈？输入错误后的提示，留言成功后的反馈等等。交互设计可以理解为人机对话，交互设计侧重和用户交流之后，引导用户有效操作，比如鼠标放在超链接上字体变颜色，有title提示，用户点击超链接，我们就可以称这次交互是成功的，因此交互设计的重点在于目标向导。

---修改结束---

这些分工十分细微，如果留言本是一个项目的话，需要从几个不同的角度来分析留言框，一个大型的项目比如社交网站、门户网站、行业网站这些职位都必须明确分工才能把整个项目做好，但是实际上即使条理清晰在项目开展过程中还会出现诸多意想不到的问题，什么问题呢？不在本文讨论范畴。回到话题，现在你还认为你理解意义上的前端是前端吗？我以前以为前端是美工，但是后来我发现很多前端博客都在研究一个技术JS的各大框架，我更加确定前端并不是我理解意义上的前端，我更喜欢视觉设计，但是我依旧也是一个前端，所以前端是模糊的，甚至包括了一切。

前端没什么不好

如果你觉得前端没有前（钱）途，那我劝你干别的行业吧，如果你确定你喜欢前端，那就听听我的一些看法，当然也纯属主观臆断，你可以拍砖。逛过一些前端博客，大部分文章都是在分享JS的几大框架技术，Jquery占很多数，那其他框架呢？所以我也有个疑问，前端难道就是JS吗？最后我的答案：是的，如果你想成为纯粹意义上的前端，JS很大部分上代表了前端。

程序员眼中的前端（后端程序员和前端工程师的不同）

真正意义上学习编程是在大学的时候，那时候我的一个师长，他现在是Java工程师，他给我的建议是HTML+CSS随便玩玩就好了，我不太认同他的观点还是玩了很久，我并没有停留在HTML上，而是了解了更多技术，HTML是很多技术人都不耻的语言，甚至在一些人看来HTML连编程语言都不是，这个我在大学招新时候很有感触，他们觉得HTML不值钱又是小儿科的东西，连PHP他们都觉得2个小时就能上手，那HTML他们不用看就懂了，甚至在一些无知的人看来网站开发不算真正意义上的程序，因此也就不是程序员了，因为他们的眼中只有C/C++，很多前人的建议也是学编程从C开始学起，我现在再来看这种回答，真好笑，无知的人在骗无知的人罢了。尤其再看看那些人在做着二级、三级试卷，我当时就想说哥们儿你醒醒吧，但是我还是忍住了，因为他跟我无关。所以不要以程序员的思维来看待前端，前端是快乐的，不是挑战各种技术。前端的出发点也是用户（体验等等），程序员是以电脑为核心（算法等等）。千万要记住前端是以用户为出发点的，而在很多公司面试前端工程师时，只考察了前端工程师的编程技巧。

如果你确定你想做一个优秀的前端，我的个人建议：首先，了解HTTP协议（HTTP

1.1），玩弄各大浏览器于鼓掌之中，你是前端工程师不要跟我说你只知道IE核心的浏览器。IE系列，Firefox，Chrome，Opera，Safari都应该是你平时常用的浏览器，我经常使用chrome，其中elements，Resources，Network，Script，....这些你了解多少？还是你从来都不知道？那赶紧去了解吧。

其次，非常熟悉HTML+CSS+JS。我把学习技术放到了第二位，因为你必须首先了解整个网络，你才会更快捷和全面的了解前端技术。

之前说过很多技术人都不耻学HTML，那我来解释为什么要先学HTML？

先和大家一起梳理各类编程语言，大致分为了六大类：网页语言、解析型语言、混合型语言、编译型语言、汇编语言和机器语言，依次越来越苦逼，无论从用户还是开发者角度看待，越深入越不能让人理解，用户体验越差，当然开发者也是用户，所以也就能理解为什么会有PHP、Python，Ruby之类的解释型语言了。

如果你只想学习好前端技术的话，只需要了解前两层的东西，也就是网页语言和解析型语言，网页语言HTML，解析型语言PHP，Python，Ruby至少要学会一种。如果你有更多的精力，你可以跳到更高层次，学习混合型语言C#或者Java，对于编译型语言C和C++如果你想做好前端工作，你可以不用懂得的。

为什么前端工程师需要了解这些编程语言呢？

一个WEB项目需要三种人：项目经理、前端工程师和后端程序员，他们之间需要沟通，不懂得如何沟通？如何说服？懂得能让项目进展的更顺利一些。我们回到刚才的例子——留言本，过程可以参照PHP的CGI（请求和响应等等），如果你不懂或者还是很模糊的话，我认为你还不是一个合格的前端工程师，当然你可以说你更偏向于视觉设计、用户体验之类的了。我的这种说法并不绝对，甚至如果你觉得你需要鼓励才能进步？那不好意思了，我只知道这是残酷的招聘法则，你可以去看看各公司对招聘前端的要求。

最后HTML5很重要，就犹如空气，看似不存在，好似不重要，但是缺少了空气，人类就无法生存，所以HTML是根本。

再次，艺术品的欣赏能力。PS、切图等等这些只是工具，工具只要经常用就会的，但是欣赏能力，或者只能说是天生的了，但是也要多培养自己的艺术欣赏能力，或者说让自己时髦起来。学会欣赏学会鉴别，其他的不多说了。

最后，关注前端们都在做什么？国外的我不推荐，我觉得国外的天空没那么蔚蓝。腾讯、新浪、淘宝、网易、百度……很多公司都有前端体验中心，他们的前端博客你知道不？他们在干什么？这些你了解吗，去了解他们在干什么吧，慢慢你就能培养出你的前端嗅觉了。

学会思考，自己去辨别真伪，每个人都有自己的体验，本篇文章纯属一家之言，主观臆断的说法，你可以参考并自己去验证，这也是前端工程师需要学会的东西。p>

div>

body>

html>

第55课表单

DOCTYPE html>

<html>

<head>

<title>study55.htmltitle>

head>

<body>

<div>

在用户注册，在线报名等场合时<br>

需要把用户的信息，填写并提交，这时要用到表单来收集用户的信息

div>

<p>

用户名：<input type="text" name="username" value="lisi">

<p>

密码：<input type="password" name="password">

<p>

性别：男<input type="radio" name="gender" value="male" checked="checked">

女<input type="radio" name="gender" value="female">

<p>

爱好：篮球<input type="checkbox" name="hobby" value="basketball">

足球<input type="checkbox" name="hobby" value="football">

乒乓球<input type="checkbox" name="hobby" value="pingpang">

游泳<input type="checkbox" name="hobby" value="swimming" checked="checked">

<p>

<option value="university">大学option>

<option value="shighSchool" selected="selected">高中option>

<option value="jhighSchool">初中option>

select>

<p>

<textarea rows="" cols="" name="intro">nimanaoiabkjgslfdghfdlskjghsldtextarea>

<p>

上传头像：<input type="file" name="pic">

<p>

隐藏域：<input type="hidden" name="IP" value="192.168.1.100">

<p>

form>

body>

html>

第56课框架集

Element (frameset) is obsolete. Its use isdiscouraged in HTML5 documents.

第57课结课作业

DOCTYPE html>

<html>

<head>

<title>study57.htmltitle>

head>

<body>

<pre>

作业提交：论坛

有疑问：论坛

结课实习作业--做一个仿照京东商城主页。

做出首页，栏目页，商品页

pre>

body>

html>

理解Gunicorn：Python WSGI服务器的基石范范0825 ipython linux 运维
理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
Google earth studio 简介陟彼高冈yu 旅游
GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
PHP环境搭建详细教程好看资源平台前端 php
PHP是一个流行的服务器端脚本语言，广泛用于Web开发。为了使PHP能够在本地或服务器上运行，我们需要搭建一个合适的PHP环境。本教程将结合最新资料，介绍在不同操作系统上搭建PHP开发环境的多种方法，包括Windows、macOS和Linux系统的安装步骤，以及本地和Docker环境的配置。1.PHP环境搭建概述PHP环境的搭建主要分为以下几类：集成开发环境：例如XAMPP、WAMP、MAMP，这
DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计网页设计期末网页作业 html静态网页 html5期末大作业网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业 javascript html css 旅游风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
git - Webhook让部署自动化大猪大猪
我们现在有一个需求，将项目打包上传到gitlab或者github后，程序能自动部署，不用手动地去服务器中进行项目更新并运行，如何做到？这里我们可以使用gitlab与github的挂钩，挂钩的原理就是，每当我们有请求到gitlab与github服务器时，这时他俩会根据我们配置的挂钩地扯进行访问，webhook挂钩程序会一直监听着某个端口请求，一但收到他们发过来的请求，这时就知道用户有请求提交了，这时
webpack图片等资源的处理 dmengmeng
需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验张风捷特烈 ide rust 开发语言后端
theme:cyanosis我正在参加「豆包MarsCode初体验」征文活动MarsCode可以看作一个运行在服务端的远程VSCode开发环境。对于我这种想要学习体验某些语言，但不想在电脑里装环境的人来说非常友好。本文就来介绍一下在MarsCode里，我的体验rust开发体验。一、MarsCode是什么它的本质是:提供代码助手和云端IDE服务的web网站，可通过下面的链接访问https://www
Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python 开发语言
一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
Java爬虫框架（一）--架构设计狼图腾-狼之传说 java 框架 java 任务 html解析器存储电子商务
一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast
Java：爬虫框架 dingcho Java java 爬虫
一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分
MongoDB知识概括 GeorgeLin98 持久层 mongodb
MongoDB知识概括MongoDB相关概念单机部署基本常用命令索引-IndexSpirngDataMongoDB集成副本集分片集群安全认证MongoDB相关概念业务应用场景：传统的关系型数据库（如MySQL），在数据操作的“三高”需求以及应对Web2.0的网站需求面前，显得力不从心。解释：“三高”需求：①Highperformance-对数据库高并发读写的需求。②HugeStorage-对海量数
Python实现下载当前年份的谷歌影像 sand&wich python 开发语言
在GIS项目和地图应用中，获取最新的地理影像数据是非常重要的。本文将介绍如何使用Python代码从Google地图自动下载当前年份的影像数据，并将其保存为高分辨率的TIFF格式文件。这个过程涉及地理坐标转换、多线程下载和图像处理。关键功能该脚本的核心功能包括：坐标转换：支持WGS-84与WebMercator投影之间转换，以及处理中国GCJ-02偏移。自动化下载：多线程下载地图瓦片，提高效率。图像
Spring MVC 全面指南：从入门到精通的详细解析一杯梅子酱技术栈学习 spring mvc java
引言：SpringMVC，作为Spring框架的一个重要模块，为构建Web应用提供了强大的功能和灵活性。无论是初学者还是有一定经验的开发者，掌握SpringMVC都将显著提升你的Web开发技能。本文旨在为初学者提供一个全面且易于理解的学习路径，通过详细的知识点分析和实际案例，帮助你快速上手SpringMVC，让学习过程既深刻又高效。一、SpringMVC简介1.1什么是SpringMVC？Spri
Spring Boot中实现跨域请求 BABA8891 spring boot 后端 java
在SpringBoot中实现跨域请求（CORS，Cross-OriginResourceSharing）可以通过多种方式，以下是几种常见的方法：1.使用@CrossOrigin注解在SpringBoot中，你可以在控制器或者具体的请求处理方法上使用@CrossOrigin注解来允许跨域请求。在控制器上应用：importorg.springframework.web.bind.annotation.
WebMagic：强大的Java爬虫框架解析与实战 Aaron_945 Java java 爬虫开发语言
文章目录引言官网链接WebMagic原理概述基础使用1.添加依赖2.编写PageProcessor高级使用1.自定义Pipeline2.分布式抓取优点结论引言在大数据时代，网络爬虫作为数据收集的重要工具，扮演着不可或缺的角色。Java作为一门广泛使用的编程语言，在爬虫开发领域也有其独特的优势。WebMagic是一个开源的Java爬虫框架，它提供了简单灵活的API，支持多线程、分布式抓取，以及丰富的
00. 这里整理了最全的爬虫框架（Java + Python）有一只柴犬爬虫系列爬虫 java python
目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
最简单将静态网页挂载到服务器上(不用nginx) 全能全知者服务器 nginx 运维前端 html 笔记
最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
uniapp使用内置地图选择插件，实现地址选择并在地图上标点神夜大侠 Uniapp vue.js uniapp
uniapp使用内置地图选择插件，实现地址选择并在地图上标点代码如下：page{background:#F4F5F6;}::-webkit-scrollbar{width:0;height:0;color:transparent;}page{height:100%;width:100%;font-size:24rpx;}image,view,input,textarea,label,text,na
【Golang】实现 Excel 文件下载功能 RumIV Golang golang excel 开发语言
在当今的网络应用开发中，提供数据导出功能是一项常见的需求。Excel作为一种广泛使用的电子表格格式，通常是数据导出的首选格式之一。在本教程中，我们将学习如何使用Go语言和GinWeb框架来创建一个Excel文件，并允许用户通过HTTP请求下载该文件。准备工作在开始之前，请确保您的开发环境中已经安装了Go语言和相关的开发工具。此外，您还需要安装GinWeb框架和excelize包，这两个包都将用于我
VUE3 + xterm + nestjs实现web远程终端或连接开启SSH登录的路由器和交换机。焚木灵 node.js vue
可远程连接系统终端或开启SSH登录的路由器和交换机。相关资料：xtermjs/xterm.js:Aterminalfortheweb(github.com)后端实现(NestJS)：1、安装依赖：npminstallnode-ssh@nestjs/websockets@nestjs/platform-socket.io2、我们将创建一个名为RemoteControlModule的NestJS模块，
metaRTC8.0，一个全新架构的webRTC SDK库 metaRTC webrtc 音视频
概述metaRTC8.0是metaRTC开源以来架构变化最大的一个版本，是metaIPC3.0等高性能的基础。metaRTC8.0是一个全新架构版本，并非在metaRTC7.0版本上简单升级，在QOS/语音对讲/内存占用/视频文件录制读取等方面新增多个模块，在弱网对抗/语音对讲/内存优化等效果上有显著提升。metaRTC8.0在一年多的开发中进行了近200次迭代，metaRTC8.0社区版计划在2
metaRTC/webRTC QOS 方案与实践 metaRTC metaRTC 解决方案 webrtc qos
概述质量服务(QOS/QualityofService)是指利用各种技术方案提高网络通信质量的技术，网络通信质量需要解决下面两个问题：网络问题：UDP/不稳定网络/弱网下的丢包/延时/乱序/抖动数据量问题：发送数据量超带宽负载和平滑发送拥塞控制是各种技术方案的数据基础，丢包恢复解决丢包问题，抗乱序抖动解决网络乱序抖动问题，流量控制解决平滑发送数据/数据超带宽负载/延时问题。拥塞控制(Congest
metaRTC5.0 API编程指南(一) metaRTC metaRTC c++c语言 webrtc
概述metaRTC5.0版本API进行了重构，本篇文章将介绍webrtc传输调用流程和例子。metaRTC5.0版本提供了C++和纯C两种接口。纯C接口YangPeerConnection头文件:include/yangrtc/YangPeerConnection.htypedefstruct{void*conn;YangAVInfo*avinfo;YangStreamConfigstreamco
详解“c:/work/src/components/a/b.vue“‘ has no default export报错原因 hw_happy 开发语言前端 vue.js javascript
前情提要在一个vue文件中需要引入定义的b.vue文件，但是提示b文件没有默认导出，对于vue2文件来说有exportdefault，在中，所有定义的变量、函数和组件都会自动被视为默认导出的组件内容。因此，不需要显式地使用exportdefault来导出组件。但是在我引用这个文件的时候还是提示了这个错误，原来是我的项目使用了ts和vite\webpack，因为TypeScript和Vue的默认导出
原力元宇宙：Web3时代下的虚拟现实融合与普通人逆袭的机遇口碑信息传播者
在数字化浪潮席卷全球的今天，一个崭新的概念——原力元宇宙，正以其独特的魅力吸引着越来越多的目光。作为元宇宙国际性的一个项目，原力元宇宙不仅融合了Web3第三代互联网的前沿技术，更将虚拟现实与现实生活紧密相连，为我们描绘出一幅前所未有的数字新世界画卷。13分钟视频内容讲明白原力元宇宙创富项目，中国区运营服务对接微信：ForceZen原力元宇宙，是一个时代的跨越，它代表着互联网技术的又一次革新。Web
html+css网页设计旅游网站首页1个页面 html+css+js网页设计 html css 旅游
html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
bat+ffmpeg批处理图片，图片批量转码张雨zy 音视频 ffmpeg
直接在cmd中输入//批量转码文件for%ain("*.png")doffmpeg-i"%a"-fs1024k"%~na.webp"//删除所有pngdel*.png@echooff表示执行了这条命令后关闭所有命令(包括本身这条命令)的回显。而echooff命令则表示关闭其他所有命令(不包括本身这条命令)的回显，@的作用就是关闭紧跟其后的一条命令的回显脚本完整代码写入脚本中后，需要多加一个%，例如
css设置当字数超过限制后以省略号（...）显示周bro css 前端 vue css3 html 经验分享
1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin
java Illegal overloaded getter method with ambiguous type for propert的解决 zwllxs java jdk
好久不来iteye,今天又来看看，哈哈,今天碰到在编码时，反射中会抛出 Illegal overloaded getter method with ambiguous type for propert这么个东东，从字面意思看，是反射在获取getter时迷惑了，然后回想起java在boolean值在生成getter时，分别有is和getter，也许我们的反射对象中就有is开头的方法迷惑了jdk，
IT人应当知道的10个行业小内幕 beijingjava 工作互联网
10. 虽然IT业的薪酬比其他很多行业要好，但有公司因此视你为其“佣人”。　　尽管IT人士的薪水没有互联网泡沫之前要好，但和其他行业人士比较，IT人的薪资还算好点。在接下的几十年中，科技在商业和社会发展中所占分量会一直增加，所以我们完全有理由相信，IT专业人才的需求量也不会减少。　　然而，正因为IT人士的薪水普遍较高，所以有些公司认为给了你这么多钱，就把你看成是公司的“佣人”，拥有你的支配
java 实现自定义链表 CrazyMizzz java 数据结构
1.链表结构链表是链式的结构 2.链表的组成链表是由头节点，中间节点和尾节点组成节点是由两个部分组成： 1.数据域 2.引用域 3.链表的实现 &nbs
web项目发布到服务器后图片过一会儿消失麦田的设计者 struts2 上传图片永久保存
作为一名学习了android和j2ee的程序员，我们必须要意识到，客服端和服务器端的交互是很有必要的，比如你用eclipse写了一个web工程，并且发布到了服务器（tomcat）上，这时你在webapps目录下看到了你发布的web工程，你可以打开电脑的浏览器输入http://localhost:8080/工程/路径访问里面的资源。但是，有时你会突然的发现之前用struts2上传的图片
CodeIgniter框架Cart类 name 不能设置中文的解决方法 IT独行者 CodeIgniter Cart 框架　
今天试用了一下CodeIgniter的Cart类时遇到了个小问题，发现当name的值为中文时，就写入不了session。在这里特别提醒一下。在CI手册里也有说明，如下： $data = array( 'id' => 'sku_123ABC', 'qty' => 1, '
linux回收站 _wy_ linux 回收站
今天一不小心在ubuntu下把一个文件移动到了回收站，我并不想删，手误了。我急忙到Nautilus下的回收站中准备恢复它，但是里面居然什么都没有。后来我发现这是由于我删文件的地方不在HOME所在的分区，而是在另一个独立的Linux分区下，这是我专门用于开发的分区。而我删除的东东在分区根目录下的.Trash-1000/file目录下，相关的删除信息（删除时间和文件所在
jquery回到页面顶端知了ing html jquery css
html代码： <h1 id="anchor">页面标题</h1> <div id="container">页面内容</div> <p><a href="#anchor" class="topLink">回到顶端</a><
B树、B-树、B+树、B*树矮蛋蛋 B树
原文地址： http://www.cnblogs.com/oldhorse/archive/2009/11/16/1604009.html B树即二叉搜索树： 1.所有非叶子结点至多拥有两个儿子（Left和Right）； &nb
数据库连接池 alafqq 数据库连接池
http://www.cnblogs.com/xdp-gacl/p/4002804.html @Anthor:孤傲苍狼数据库连接池用MySQLv5版本的数据库驱动没有问题，使用MySQLv6和Oracle的数据库驱动时候报如下错误： java.lang.ClassCastException: $Proxy0 cannot be cast to java.sql.Connec
java泛型百合不是茶 java泛型
泛型在Java SE 1.5之前，没有泛型的情况的下，通过对类型Object的引用来实现参数的“任意化”，任意化的缺点就是要实行强制转换，这种强制转换可能会带来不安全的隐患泛型的特点：消除强制转换确保类型安全向后兼容简单泛型的定义：泛型：就是在类中将其模糊化，在创建对象的时候再具体定义 class fan
javascript闭包[两个小测试例子] bijian1013 JavaScript JavaScript
一.程序一 <script> var name = "The Window"; var Object_a = { 　　name : "My Object", 　　getNameFunc : function(){ var that = this; 　　　　return function(){ 　　　　
探索JUnit4扩展：假设机制（Assumption） bijian1013 java Assumption JUnit 单元测试
一.假设机制（Assumption）概述理想情况下，写测试用例的开发人员可以明确的知道所有导致他们所写的测试用例不通过的地方，但是有的时候，这些导致测试用例不通过的地方并不是很容易的被发现，可能隐藏得很深，从而导致开发人员在写测试用例时很难预测到这些因素，而且往往这些因素并不是开发人员当初设计测试用例时真正目的，
【Gson四】范型POJO的反序列化 bit1129 POJO
在下面这个例子中，POJO(Data类)是一个范型类，在Tests中，指定范型类为PieceData，POJO初始化完成后，通过 String str = new Gson().toJson(data); 得到范型化的POJO序列化得到的JSON串，然后将这个JSON串反序列化为POJO import com.google.gson.Gson; import java.
【Spark八十五】Spark Streaming分析结果落地到MySQL bit1129 Stream
几点总结： 1. DStream.foreachRDD是一个Output Operation，类似于RDD的action，会触发Job的提交。DStream.foreachRDD是数据落地很常用的方法 2. 获取MySQL Connection的操作应该放在foreachRDD的参数（是一个RDD[T]=>Unit的函数类型)，这样，当foreachRDD方法在每个Worker上执行时，
NGINX + LUA实现复杂的控制 ronin47 nginx lua
安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
java-递归判断数组是否升序 bylijinnan java
public class IsAccendListRecursive { /*递归判断数组是否升序 * if a Integer array is ascending,return true * use recursion */ public static void main(String[] args){ IsAccendListRecursiv
Netty源码学习-DefaultChannelPipeline2 bylijinnan java netty
Netty3的API http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/ChannelPipeline.html 里面提到ChannelPipeline的一个“pitfall”：如果ChannelPipeline只有一个handler（假设为handlerA）且希望用另一handler（假设为handlerB）来
Java工具之JPS chinrui java
JPS使用熟悉Linux的朋友们都知道，Linux下有一个常用的命令叫做ps（Process Status)，是用来查看Linux环境下进程信息的。同样的，在Java Virtual Machine里面也提供了类似的工具供广大Java开发人员使用，它就是jps（Java Process Status)，它可以用来
window.print分页打印 ctrain window
function init() { var tt = document.getElementById("tt"); var childNodes = tt.childNodes[0].childNodes; var level = 0; for (var i = 0; i < childNodes.length; i++) {
安装hadoop时执行jps命令Error occurred during initialization of VM daizj jdk hadoop jps
在安装hadoop时，执行JPS出现下面错误 [slave16][email protected]:/tmp/hsperfdata_hdfs# jps Error occurred during initialization of VM java.lang.Error: Properties init: Could not determine current working
PHP开发大型项目的一点经验 dcj3sjt126com PHP 重构
一、变量最好是把所有的变量存储在一个数组中，这样在程序的开发中可以带来很多的方便，特别是当程序很大的时候。变量的命名就当适合自己的习惯，不管是用拼音还是英语，至少应当有一定的意义，以便适合记忆。变量的命名尽量规范化，不要与PHP中的关键字相冲突。二、函数 PHP自带了很多函数，这给我们程序的编写带来了很多的方便。当然，在大型程序中我们往往自己要定义许多个函数，几十
android笔记之--向网络发送GET/POST请求参数 dcj3sjt126com android
使用GET方法发送请求 private static boolean sendGETRequest (String path, Map<String, String> params) throws Exception{ //发送地http://192.168.100.91:8080/videoServi
linux复习笔记之bash shell (3) 通配符 eksliang linux 通配符 linux通配符
转载请出自出处： http://eksliang.iteye.com/blog/2104387 在bash的操作环境中有一个非常有用的功能，那就是通配符。下面列出一些常用的通配符，如下表所示符号意义 * 万用字符，代表0个到无穷个任意字符 ? 万用字符，代表一定有一个任意字符 [] 代表一定有一个在中括号内的字符。例如：[abcd]代表一定有一个字符，可能是a、b、c
Android关于短信加密 gqdy365 android
关于Android短信加密功能，我初步了解的如下（只在Android应用层试验）： 1、因为Android有短信收发接口，可以调用接口完成短信收发；发送过程：APP（基于短信应用修改）接受用户输入号码、内容——>APP对短信内容加密——>调用短信发送方法Sm
asp.net在网站根目录下创建文件夹 hvt .net C#hovertree asp.net Web Forms
假设要在asp.net网站的根目录下建立文件夹hovertree,C#代码如下： string m_keleyiFolderName = Server.MapPath("/hovertree"); if (Directory.Exists(m_keleyiFolderName)) { //文件夹已经存在 return; } else { try { D
一个合格的程序员应该读过哪些书 justjavac 程序员书籍
编者按：2008年8月4日，StackOverflow 网友 Bert F 发帖提问：哪本最具影响力的书，是每个程序员都应该读的？ “如果能时光倒流，回到过去，作为一个开发人员，你可以告诉自己在职业生涯初期应该读一本，你会选择哪本书呢？我希望这个书单列表内容丰富，可以涵盖很多东西。” 很多程序员响应，他们在推荐时也写下自己的评语。以前就有国内网友介绍这个程序员书单，不过都是推荐数
单实例实践跑龙套_az 单例
1、内部类 public class Singleton { private static class SingletonHolder { public static Singleton singleton = new Singleton(); } public Singleton getRes
PO VO BEAN 理解 q137681467 VO DTO po
PO：全称是 persistant object持久对象最形象的理解就是一个PO就是数据库中的一条记录。好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。 BO：全称是 business object:业务对象主要作用是把业务逻辑封装为一个对象。这个对
战胜惰性，暗自努力金笛子努力
偶然看到一句很贴近生活的话：“别人都在你看不到的地方暗自努力，在你看得到的地方，他们也和你一样显得吊儿郎当，和你一样会抱怨，而只有你自己相信这些都是真的，最后也只有你一人继续不思进取。”很多句子总在不经意中就会戳中一部分人的软肋，我想我们每个人的周围总是有那么些表现得“吊儿郎当”的存在，是否你就真的相信他们如此不思进取，而开始放松了对自己的要求随波逐流呢？我有个朋友是搞技术的，平时嘻嘻哈哈，以
NDK/JNI二维数组多维数组传递 wenzongliang 二维数组 jni NDK
多维数组和对象数组一样处理，例如二维数组里的每个元素还是一个数组用jArray表示，直到数组变为一维的，且里面元素为基本类型，去获得一维数组指针。给大家提供个例子。已经测试通过。 Java_cn_wzl_FiveChessView_checkWin( JNIEnv* env,jobject thiz,jobjectArray qizidata) { jint i,j; int s

前端HTML、CSS学习完整笔记（下篇）

第46课 首页实战之footer区域开发

第47课 首页实战之色彩微调

第48课 利用行高实现文字居中

第49课 IE浏览器兼容

第六章 附录

第50课 色彩的表示

第51课 尺寸的表示

第52课 CSS画圆角

第六章 附录

第50课 色彩的表示

第51课 尺寸的表示

第52课 CSS画圆角

第53课 相对定位与绝对定位

第54课 overflow溢出处理

第55课 表单

第56课 框架集

第57课 结课作业

你可能感兴趣的:(破阵子·Web)

第46课首页实战之footer区域开发

第47课首页实战之色彩微调

第48课利用行高实现文字居中

第六章附录

第50课色彩的表示

第51课尺寸的表示

第六章附录

第50课色彩的表示

第51课尺寸的表示

第53课相对定位与绝对定位

第55课表单

第56课框架集

第57课结课作业