Katherineyxy

Html + CSS 基础课程

一、Html 和 CSS的关系

1. HTML 是网页内容的载体。

2. CSS 样式是表现。

3. JavaScript是用来实现网页上的特效效果。有动画的，有交互的，一般都用JavaScript来实现。

二、Html 标签(标签的用途和标签在浏览器中的默认样式)

1. HTML标签不区分大小写，但建议小写。
2. 标签的语义化：明白每个标签的用途（在什么情况下使用此标签合理）
好处：更容易被搜索引擎收录；更容易让屏幕阅读器读出网页内容。
3. 常见标签

标题标签hx一共有6个，分别为h1、h2、h3、h4、h5、h6
和 表示强调，em 斜体，strong 加粗

无语义，用来设置单独样式。

引用简短文本，
长文本引用

空标签：没有html内容的标签。
分行显示文本
添加水平横线

空格

为网页加入地址信息

插入单行代码，
插入多行代码

创建表格表的一行 …：如果不加 , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）
表格可以添加标题和摘要

表头单元格
内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
用以描述表格内容，标题的显示位置：表格上方。
链接显示的文本
target="_blank">click here! 在新建浏览器窗口打开链接
对此影评有何感想，发送邮件给我  如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

src：标识图像的位置；alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；图像可以是GIF，PNG，JPEG格式的图像文件。 title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
网站怎样与用户进行交互？
action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)method ：数据传送的方式（get/post）
表单中多行文本输入文本
同一组的单选按钮，name 取值一定要一致
下拉列表框 value 向服务器提交的值selected="selected"属性，则该选项就被默认选中。在

五、CSS盒模型

1. css内定义的宽（width）和高（height），指的是填充以里的内容范围。

    元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。

六、CSS布局模型

1. 类型
在网页中，元素有三种布局模型：流动模型（Flow），浮动模型 (Float)，层模型（Layer）
2. 流动模型（Flow）
流动（Flow）是默认的网页布局模式。
两个典型特征：

块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。

在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。

3. 浮动模型（Float）

任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动，如 div、p、table、img 等元素都可以被定义为浮动。比如实现两个 div 元素一行显示。

4. 层模型（Float）

三种形式：绝对定位(position: absolute)，相对定位(position: relative)，固定定位(position: fixed)
绝对定位：将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。
相对定位：通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。
固定定位：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。它不会随浏览器窗口的滚动条滚动而变化。

relative和absolute组合使用（相对于其它元素进行定位）：

参照定位的元素必须是相对定位元素的前辈元素

参照定位的元素必须加入position:relative;

定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。

5. 样式设置小技巧

水平居中
行内元素：如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。
块状元素：text-align：center 就不起作用了，这时也分两种情况：定宽块状元素和不定宽块状元素。
定宽元素：满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的。
不定宽元素三种方法居中（这三种方法目前使用的都很多）：

加入 table 标签

设置 display: inline 方法：与第一种类似，显示类型设为行内元素，进行不定宽元素的属性设置

设置 position:relative 和 left:50%：利用相对定位的方式，将元素向左偏移 50% ，即达到居中的目的

垂直居中
父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。line-height 与 font-size 的计算值之差，在 CSS 中成为“行间距”。
父元素高度确定的多行文本、图片等的竖直居中的方法有两种：
方法一：使用插入 table  (包括tbody、tr、td)标签，同时设置 vertical-align：middle。
方法二：在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell（设置为表格单元显示），激活 vertical-align 属性

隐性改变display类型
1. position : absolute
2. float : left 或 float:right
只要html代码中出现以上两句之一，元素的display显示类型就会自动变为以 display:inline-block（块状元素）的方式显示，当然就可以设置元素的 width 和 height 了，且默认宽度不占满父元素。

【参考】
    慕课网 https://www.imooc.com/learn/9

你可能感兴趣的:(前端入门)

前端入门：JavaScript基础介绍虞锦雯
一、JavaScript介绍Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协

前端入门题目 kidding723 前端前端框架 setTimeout var let const nan
第1题if(false){vara=1;letb=2;}console.log(a);console.log(b);解析：//输出undefinedReferenceError:bisnotdefinedvar不会产生块级作用域,let会产生块级作用域。第2题vara;if(false){a=1;letb=2;}console.log(a);console.log(b);解析：//输出Refere

【前端入门】HTML5全攻略 isun1 前端开发 html5 前端
HTML概述HTML指的是超文本标记语言，它是用来描述网页的一种语言。HTML不是一种编程语言，而是一种标记语言。标记语言是一套标记标签。Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是由国际最著名的标准化组织。Web标准的构成（重点）主要包括结构（structure）、表现（presebtation）、行为（Behavior）三个方面。结构：结构用于对网页元

web前端入门到实战：7道简单的 JavaScript 面试题，三个月没招到一个前端开发工程师大前端世界
你能做什么?遵循这个建议：“熟能生巧”。通过投入足够的时间，更好地定期深入了解JavaScript，将改善你的编码，并顺便提高你的面试技巧。在这篇文章中，你会发现7个乍一看很简单，但实际上很棘手的JavaScript面试题。虽然一开始这些问题看起来是随机的，但是它们试图与JavaScript的重要概念挂钩。所以你最好在下次面试前练习一下!1.意外的全局变量问题在以下代码中，typeofa和type

跟着pink老师前端入门教程-day25 axiu呀移动端 HTML5+CSS3 前端开发语言 html5 css3 vscode
4、阿里百秀首页案例4.1技术选型方案：我们采取响应式页面开发方案技术：bootstrap框架设计图：本设计图采用1280px设计尺寸4.2屏幕划分分析①屏幕缩放发现中屏幕和大屏幕布局是一致的。因此我们列定义为col-md-就可以了，md是大于等于970以上的②屏幕缩放发现小屏幕布局发生变化，因此我们需要为小屏幕根据需求改变布局③屏幕缩放发现超小屏幕布局又发生变化，因此我们需要为超小屏幕根据需求改

跟着pink老师前端入门教程-day24 axiu呀 HTML5+CSS3 移动端前端 html5 学习开发语言 html css3 css
四、移动端WEB开发之响应式布局1、响应式开发1.1响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。1.2响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理：在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。平时响应式尺寸划分，也可以根据

web前端入门到实战：CSS开发中的十大错误用法大前端世界
自从接触前端软件开发以来，我发现开发猿一直在努力征服着CSS。理由也很充分，开发人员是用逻辑思考的生物。添加一个DIV元素导致所有代码都不得不往下移一行，而另一个DIV“浮”到左侧，感觉没有任何意义。你也一定听到过开发人员的抱怨：“我们只需要向左边移动五个像素，但是…天哪!为什么整个都向下移动了一行。到底是哪里错了?!?!?!”所以，这篇文章就和大家来聊一聊CSS中的十大错误的做法。1.不要滥用类

跟着pink老师前端入门教程-day23 axiu呀移动端 HTML5+CSS3 前端开发语言 html5 css3 学习
苏宁网首页案例制作设置视口标签以及引入初始化样式设置视口标签以及引入初始化样式设置公共common.less文件1.新建common.less设置好最常见的屏幕尺寸，利用媒体查询设置不同的html字体大小，因为除了首页其他页面也需要2.关心的尺寸有320px、360px、375px、384px、400px、414px、424px、480px、540px、720px、750px3.划分的份数我们定为

前端入门：（五）JavaScript 续星光闪闪k 前端 Java 前端 javascript 开发语言后端架构前端框架
10.浏览器存储10.1Cookie的概念和使用Cookie是一种存储在用户计算机上的小型文本文件，用于跟踪和识别用户。Cookie通常用于存储用户的偏好设置、会话信息等，可以通过JavaScript进行读取和设置。//示例：设置和读取Cookiedocument.cookie="username=JohnDoe;expires=Thu,18Dec202412:00:00UTC;path=/";v

跟着pink老师前端入门教程-day21+22 axiu呀移动端 HTML5+CSS3 前端 html5 css 学习 css3 开发语言
5.4常见flex布局思路5.5背景线性渐变语法：background:linear-gradient(起始方向,颜色1,颜色2,...);background:-webkit-linear-gradient(left,red,blue);background:-webkit-linear-gradient(lefttop,red,blue);背景渐变必须添加浏览器私有前缀起始方向可以是：方位名词

跟着pink老师前端入门教程-day20 axiu呀移动端 HTML5+CSS3 前端开发语言 html5 css3 vscode css
二、移动WEB开发之flex布局1、flex布局体验1.1传统布局与flex布局传统布局：兼容性好、布局繁琐、局限性、不能再移动端很好的布局flex弹性布局：操作方便，布局极为简单，移动端应用很广泛；PC端浏览器支持情况较差；IE11或更低版本，不支持或仅部分支持建议：1.如果是PC端页面布局，我们还是传统布局。2.如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局1.

跟着pink老师前端入门教程-day19 axiu呀 HTML5+CSS3 移动端前端开发语言 html5 css3 vscode
一、移动WEB开发之流式布局1、移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。总结：兼容移动端主流浏览器，处理Webkit内核浏览器即可。1.2常见移动屏幕尺寸注：以上

给想学前端的小白整理了一下学习路线前端你鹏哥前端学习
第一阶段：前端入门1.Html52.Css3第二阶段：JavaScript①JavaScript基础语法②JavaScript高级（WebAPI/DomBom）③JavaScript框架（jQuery）④数据可视化（echarts）第三阶段服务端编程1.nodejs基础2.ajax3.promise4.axios5.了解学习es6语法，http协议规则6.TypeScript第四阶段Vue.js①

【web前端】CSS笔记小结 Emmet+复合选择器+元素显示模式+背景（Day 2）进击的文文文 web css 前端 css3
来源：黑马程序员pink老师前端入门教程目录I.Emmet语法①快速生成HTML结构语法②快速生成CSS样式语法③快速格式化代码II.复合选择器①后代选择器※②子选择器※③并集选择器※④伪类选择器❀链接❀focus⑤总结III.元素显示模式①块元素②行内元素③行内块元素④总结⑤显示模式的转换⑥snipaste的使用⑦单行文字垂直居中IV.背景总结①背景颜色bgc❀半透明②背景图片bgi③背景平铺b

【CSS】复合选择器、元素显示模式、背景、CSS的三大特性以及一些小工具君和- 前端 #css css 前端
该系列文章是博主学习前端入门课程的笔记，同时也为了方便查阅，有任何问题都欢迎在评论区提出。本文主要介绍CSS基础知识，包括一些小工具、复合选择器、元素显示模式、背景和CSS的三大特性思维导图第一章web工具1.1Emmet语法作用：使用缩写，提高HTML/CSS代码的编写速度。VSCode内部已经集成该语法，可以直接使用快速生成HTML结构语法标签：标签名+Tab键。例如div+Tab键即可生成多

web前端入门开发，CSS复合选择器，知乎上转疯了！高级Java面试题大全程序员经验分享前端面试
前端的兴起前端真正兴起和开始频繁出现在大家的视线里，大概是在十年前。彼时的Web开发基本是由后端主导，前端能做的只是校验一下数据、操作一下DOM。（其中数据检验是JS产生的根本原因：当时网络太慢，在服务端检验数据并反馈给用户，让用户知晓输入错误，这个流程太长、反应太慢，因此通过脚本在用户端完成第一步校验，既方便了用户，又减轻了带宽的压力。）即使06年jQuery发布并风靡全球，以及XMLHttpR

跟着pink老师前端入门教程-day18 axiu呀前端自学前端 html5 css 学习开发语言
3、CSS33D转换生活中的环境是3D的，照片就是3D物体在2D平面呈现的例子特点：近大远小，物体后面遮挡不可见3.1三维坐标系三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的x轴：水平向右注意：x右边是正值，左边是负值y轴：垂直向下注意：y下面是正值，上面是负值z轴：垂直屏幕注意：往外面是正值，往里面是负值3.23D移动translate3d3D移动在2D移动的基础上多加了一个可以移动

跟着pink老师前端入门教程-day16 axiu呀前端自学前端 html5 css 学习 css3
二十七、CSS3进阶1、CSS32D转换转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果转换（transform）可以简单理解为变形移动：translate；旋转：rotate；缩放：scale1.1二维坐标系2D转换是改变标签在二维平面上的位置和形状的一种技术1.22D转换之移动translate2D移动是2D转换里面的一种功能，可以改变元素在页面

跟着pink老师前端入门教程-day14+15 axiu呀前端自学前端开发语言 html5 css3 vscode css
2.6main主体模块制作HTML：品优购快报更多[特惠】备战开学季全民半价购数码[公告】品优稳占家电网购六成份额[特惠】百元中秋全品类礼券限里领[公告】上品优生鲜享阳澄湖大闸蟹[特惠】每日享折扣品优品质游花费减飞机花费花费花费花费花费花费花费花费花费花费CSS/*声明字体图标*/@font-face{font-family:'icomoon';src:url('../fonts/icomoon.

跟着pink老师前端入门教程-day17 axiu呀前端自学前端开发语言 html5 css3 学习
2、CSS3动画动画（animation）是CSS3中就要有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果2.1动画的基本使用制作动画分为两步1.先定义动画2.再使用（调用）动画1.1用keyframes定义动画（类似定义类选择器）@keyframes动画名称{0%{width:100px;}10

前端入门第三天 qingxi_ran 前端
目录一、CSS定义二、CSS引入方式三、基础选择器1.标签选择器2.类选择器3.id选择器4.通配符选择器5.画盒子四、文字控制属性1.字体大小2.字体粗细3.字体倾斜4.行高1.行高-垂直居中5.字体族6.font复合属性7.文本缩进8.文本对齐方式1.水平对齐方式-图片9.修饰线10.颜色五、调试工具六、综合案例一、CSS定义1.基础选择器找标签2.文字控制属性文字大小、颜色键值对：color

一文彻底搞懂前端监控等推荐若川视野可视化编程语言人工智能 java 面试
大家好，我是若川。话不多说，这一次花了几个小时精心为大家挑选了20余篇好文，供大家阅读学习。本文阅读技巧，先粗看标题，感兴趣可以都关注一波，一起共同进步。前端点线面前端点线面百度前端研发工程师，热衷于阅读源码，专注于前端工程化、前端监控、智能广告等方向，致力于向全栈发展，涉猎广泛。《前端百题斩》作者，该书上册已更新完毕，内容涵盖JS基础、浏览器和网络，共计50个章节，5万多字，是前端入门或面试的宝

前端入门第二天 qingxi_ran 前端
目录一、列表、表格、表单二、列表（布局内容排列整齐的区域）1.无序列表（不规定顺序）2.有序列表（规定顺序）3.定义列表（一个标题多个分类）三、表格1.表格结构标签2.合并单元四、表单1.input标签基本使用（type）2.input标签占位文本（placeholder）3.radio单选框（namechecked）4.file多文件上传（multiple）5.下拉菜单（selectoption

前端入门第一天 qingxi_ran 前端
目录HTML超文本标记语言——HyperTextMarkupLanguage标签语法：双标签：单标签——只有开始标签，没有结束标签基本骨架：标签的关系:注释：标题标签：（新闻标题、文章标题、网页区域名称、产品名称）特点：强调：段落标签：文本格式化标签：编辑图像标签：路径：相对路径：绝对路径：超链接标签：强调：音频标签：视频标签：综合案例：HTML超文本标记语言——HyperTextMarkupLa

web前端入门到实战：仅3行核心css代码的rate评分组件，秀到头皮发麻大前端世界
用css实现一个rate评分❗核心代码也就三行效果图原理梳理如下：去找个好看的iconfont，[Iconfont-阿里巴巴矢量图标库]、；借用5个radio单选框，把默认样式都去掉，显示默认的星星；用checked伪类监听用户选中✅，由默认的星星变成高亮的星星；然后配合~兄弟操作符把当前选中的所有兄弟元素都一起高亮；把5个radio单选框反向排列❗；代码这是我事先生成好的iconfont一个很简

Web前端入门 - HTML JavaScript Vue 小小爱1990 Web开发 javascript html vue.js web
ps：刚开始学习web前端开发，有什么不正确、不标准的内容，欢迎大家指出~Web简介90年代初期，Web1.0，静态页面，不和服务器交互，网页三剑客指Dreamweaver、Fireworks、Flash2000年代中期，Web2.0，动态页面，HTML是网页的结构，CSS是网页的外观，JavaScript是网页的行为。Ajax、jQuery等技术。2010年代，移动互联网，响应式设计、单页面应用

黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端橘子味红烧肉前端 html5 css3
一、HTML5基础1、网页的相关概念1.1什么是网页？1.2什么是HTML？2、常用浏览器2.1常用的浏览器2.2浏览器内核3、Web标准3.1为啥需要Web标准？3.2Web标准的构成：4、HTML语法规范4.1基本语法概述：4.2标签关系：5、HTML基本结构标签5.1HTML网页：6、开发工具6.1VSCode常用快捷键：第二篇：前端VSCode常用插件-快捷键-以及常用技巧-pink老师-

黑马pink老师Web前端入门笔记（二）耿天霸前端 html js css
Web前端入门二、HTML标签（一）学习目标（二）HTML语法规范（三）HTML基本结构标签（四）开发工具（五）HTML常用标签1、语义标签：2、标题标签(重要)：3、段落和换行标签(重要)：4、文本格式标签：5、div和span标签：6、图像标签（重要）7、超连接标签（六）HTML中的注释和特殊字符1、注释2、特殊字符二、HTML标签（一）学习目标（二）HTML语法规范1、所有标签由尖括号加关键

web前端入门到实战：js函数与作用域,了解函数基本概念大前端世界
通过js基础语法了解到js的值包含数字,字符串和布尔值;js运算符分为算数,赋值,比较和逻辑运算符;js的流程控制包含条件判断if，switch选择;循环forwhile；下面js的函数及作用域,学习掌握知识点:1.函数是什么?形参和实参2.函数里面的arguments3.作用域和预解析4.闭包和立即执行实例解析。什么是函数？简单来说是为了提高代码的复用性，写一遍可以多次使用，把特定的功能语句打包

Web前端入门学习笔记 HTML、CSS、Javascript、Jquery love is sour 前端 javascript 前端学习
Web学习笔记文章目录一.前言参考资料二.HTML基础HTML概述img标签Div标签表单Web语义化三.CSS样式CSS概述CSS添加方法选择器CSS文本样式CSS背景样式CSS超链接列表，表格样式四.CSS布局与定位概述盒子模型CSS定位概述文档流定位浮动定位层定位弹性盒子布局网格布局精灵图五、CSS3盒子圆角边框阴影文字与文本2D转换过渡效果3D变换六、JavaScript加入JS代码的方法

github中多个平台共存 jackyrong github
在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1）设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"

ip地址与整数的相互转换(javascript) alxw4616 JavaScript
//IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n

读书笔记-jquey+数据库+css chengxuyuancsdn html jquery oracle
1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q

javaSE javaEE javaME == API下载 Array_06 java
oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht

shiro入门学习 cugfy java Web 框架
声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs

Array添加删除方法 357029540 js
     刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){

navigation bar 更改颜色张亚雄 IO
今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下

unicode转换成中文 adminjun unicode 编码转换
在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成中文

一站式 Java Web 框架 firefly aijuans Java Web
Firefly是一个高性能一站式Web框架。涵盖了web开发的主要技术栈。包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。更新日志：增加自定义系统错误页面功能

设计模式——单例模式 ayaoxinchao 设计模式
定义 Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。” 分析从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。 &nb

Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。一、document.formName.item(”itemName”) 问题问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo

JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11 单元测试
下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：

[Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)： #!/bin/bash #!!!Change the name!!! #The zookeepe

【Spark八十】Spark RDD API二 bit1129 spark
coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v

Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
在modules目录中只有httpd.exp，那些so文件呢？我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，

Java基础-克隆 BrokenDreams java基础
        Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为克隆。         Java提供了java.lang.

读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java 设计模式
声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要

HDR图像PS教程集锦&心得 cherishLC PS
HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。软件有photomatix和nik hdr efex。一、教程叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。二、心得 1、去除阴影部分的

maven-3.3.3 mvn archetype 列表 crabdave ArcheType
maven-3.3.3 mvn archetype 列表可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml [INFO] Scanning for projects... [INFO]

linux shell 中文件编码查看及转换方法 daizj shell 中文乱码 vim 文件编码
一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &

MySQL--binlog日志恢复数据 dcj3sjt126com binlog
恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002

数据库中数据表数据迁移方法 dcj3sjt126com sql
刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用下面看看如何使用语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍有三张表a、b、c，现在需要从表b

Java反转字符串 dyy_gusi java 反转字符串
       前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri

UI设计中我们为什么需要设计动效 gcq511120594 UI linux
随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。一、加强体验舒适度嗯，就是让用户更加爽更加爽的用

JBOSS服务部署端口冲突问题 HogwartsRow java 应用服务器 jboss server EJB3
服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。 1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml 2、./server/default/deploy/jbossweb.sar/server.xml 3、.

第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdb reids twemproxy
目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD

ZooKeeper原理及使用 liyonghui160com
ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper

程序员解决问题的60个策略 pda158 框架工作单元测试
根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。良好的单元测试强制数据库约束使用输入验证框架避免未实现的“else”条件在应用到主程序之前知道如何在孤立的情况下使用日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日

Create the Google Play Account sillycat Google
Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p

JSP三大指令 vikingwei jsp
JSP三大指令一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%> * pageEncoding和contentType：     > pageEncoding：它

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.