Gyham
Gyham

JavaWeb学习——CSS

JavaWeb学习——CSS

1.概念

Cascading Style Sheets 层叠样式表 简称 CSS

  • 层叠：多个样式可以作用在同一个html元素上，同时生效

2.CSS的优点

  1. 相对于html，功能更加强大
  2. 将内容展示和样式控制分离，降低了耦合度
  3. 使分工协作更加容易
  4. CSS的使用提高了开发效率

3.CSS的使用

  • CSS需与html结合使用

  1. 内联样式（不常用）

    • 在标签内使用style属性指定css代码

      如：<div style="color:red;">hello cssdiv>

  2. 内部样式（常用）

    • 在head标签内，定义style标签，style标签的标签体内容就是css代码
    如：
			<style>
		        div{
		            color:blue;
		        }
		
		    style>
			<div>hello cssdiv>

  3. 外部样式（常用）

    1. 定义css资源文件。
    2. 在head标签内，定义link标签，引入外部的资源文件
        		/*a.css文件*/
				div{
				    color:green;
				}

    			
	<head>
        	<link rel="stylesheet" href="css/a.css">
			
			<style>
		        @import "css/a.css";
		    style>
       		
	head>
	<body>
        	<div>hello cssdiv>
			<div>hello cssdiv>
	body>
    • 作用范围： 外部样式>内部样式>内联样式

  4. CSS语法：

    • 格式：

      • 选择器{
    属性名1:属性值1;
	属性名2:属性值2;
	...
}

      • 选择器:筛选具有相似特征的元素

      • 注意： 每一对属性需要使用 ；隔开，最后一对属性可以不加；

  5. 选择器：筛选具体相似特征的元素

    • 分类：

      1. 基础选择器：

        1. id选择器：选择具体的id属性值的元素.建议在一个html页面中id值唯一
          • 语法：#id属性值{}
        2. 元素选择器：选择具有相同标签名称的元素
          • 语法： 标签名称{}
          • 注意：id选择器优先级高于元素选择器
        3. 类选择器：选择具有相同的class属性值的元素。
          • 语法：.class属性值{}
          • 注意：类选择器选择器优先级高于元素选择器
        4. 优先级：id选择器>类选择器>元素选择器

      2. 扩展选择器：

        1. 选择所有元素：

          • 语法： *{}

        2. 并集选择器：

          • 选择器1,选择器2{}

        3. 子选择器：筛选选择器1元素下的选择器2元素

          • 语法： 选择器1 选择器2{}

        4. 父选择器：筛选选择器2的父元素选择器1

          • 语法： 选择器1 > 选择器2{}

        5. 属性选择器：选择元素名称，属性名=属性值的元素

          • 语法： 元素名称[属性名=“属性值”]{}

        6. 伪类选择器：选择一些元素具有的状态

  6. 属性:

    1. 字体、文本

      • font-size：字体大小
      • color：文本颜色
      • text-align：对其方式
      • line-height：行高

    2. 背景

      • background：

    3. 边框

      • border：设置边框，符合属性

    4. 尺寸

      • width：宽度
      • height：高度

    5. 盒子模型：控制布局

      • margin：外边距

      • padding：内边距

        • 默认情况下内边距会影响整个盒子的大小
        • box-sizing: border-box; 设置盒子的属性，让width和height就是最终盒子的大小

      • float：浮动

        • left

        • right

    案例：注册页面

    示例：

    JavaWeb学习——CSS_第1张图片

分析：

1.将整张图分为五个部分

2.body为一部分，中间的矩形为一个div，矩形由左、中、右三部分div组成

3.用元素选择器选择body设置背景图，再为中间四个div分别设置不同的class名

4.用类选择器为四个div分别设置样式，矩形中的三个div用float属性来布局

5.在矩形中间的div中定义一个表单form，在表单下通过table来进行具体的布局设置

代码实现：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面title>
    <style>
        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body{
            background: url("img/register_bg.png")  center;
            padding-top: 25px;
        }

        .reg_layout{
            width: 1200px;
            height: 800px;
            border: 15px solid gray;
            background: white;
            margin: auto;
        }

        .reg_left{
            float: left;
            padding: 15px;
        }
        .reg_center{
            float: left;
            padding-left:150px;
            padding-top: 30px;
        }
        .reg_right{
            float: right;
            padding: 15px;
        }
       .reg_left p:first-child{
            font-size: 25px;
            color: #ff9802;
        }
       .reg_left p:last-child{
           font-size: 25px;
           color: gray;
       }
       .reg_right p{
           font-size: 15px;
       }
       .reg_right p a{
           color: pink;
       }

        .td_left{
            width: 100px;
            text-align: right;
            height: 45px;
        }
        .td_right{
            padding-left: 50px ;
        }

        #username,#password,#name,#email,#phone,#checkcode{
            width: 300px;
            height: 30px;
            border: 1px solid #A6A6A6;
            /*设置边框圆角*/
            border-radius:5px;
            padding-left: 10px;
        }

        #checkcode{
            width: 150px;
        }

        #img_check{
            vertical-align: middle;
        }

        #reg_sub{
            width: 100px;
            height: 50px;
            border:1px solid #ff9802;
            background: #ff9802;
            align-self: center;
        }

    style>
head>
<body>
    <div class="reg_layout">
        <div class="reg_left">
            <p>新用户注册p>
            <p>USER REGISTERp>
        div>

        <div class="reg_center">
            <form action="#" method="post">
                <table>
                    <tr>
                        <td class="td_left"><label for="username">用户名label>td>
                        <td class="td_right"><input type="text" name="username" id="username" placeholder="请输入账号">td>
                    tr>
                    <tr>
                        <td class="td_left"><label for="password">密码label>td>
                        <td class="td_right"><input type="password" name="password" id="password" placeholder="请输入密码">td>
                    tr>
                    <tr>
                        <td class="td_left"><label for="email">Emaillabel>td>
                        <td class="td_right"><input type="email" name="email" id="email" placeholder="请输入邮箱">td>
                    tr>
                    <tr>
                        <td class="td_left"><label for="name">姓名label>td>
                        <td class="td_right"><input type="text" name="name" id="name" placeholder="请输入姓名">td>
                    tr>
                    <tr>
                        <td class="td_left"><label for="phone">手机号label>td>
                        <td class="td_right"><input type="text" name="phone" id="phone" placeholder="请输入手机号">td>
                    tr>
                    <tr>
                        <td class="td_left"><label for="gender">性别label>td>
                        <td class="td_right">
                            <input type="radio" name="gender" value="male" id="gender" checked>男
                            <input type="radio" name="gender" value="female">女
                        td>
                    tr>
                    <tr>
                        <td class="td_left"><label for="birthday">出生日期label>td>
                        <td class="td_right">
                            <input type="date" name="birthday" id="birthday">
                        td>
                    tr>
                    <tr>
                        <td class="td_left"><label for="checkcode">验证码label>td>
                        <td class="td_right">
                            <input type="text" name="checkcode" id="checkcode">
                            <img id="img_check" src="img/verify_code.jpg" alt="验证码">
                        td>
                    tr>
                    <tr>
                        <td colspan="2" align="center"><input type="submit" value="注册" id="reg_sub">td>
                    tr>
                table>
            form>
        div>

        <div class="reg_right">
            <P>已有账号？<a href="#">立即登录a>P>
        div>
    div>

body>
html>

4.总结

通过简单试验后得出的一般结论:选择器范围越小优先级越高

该文章只学习了部分CSS的知识更多内容可参考https://www.runoob.com/css/css-tutorial.html

学习视频：https://www.bilibili.com/video/BV1qv4y1o79t

你可能感兴趣的:(JavaWeb,CSS,css,javaweb)

  • 基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署 匠心网络 java开发语言
    基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7
  • java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署 静静学姐 mybatisjava宠物
    java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址
  • 【Rust】——不安全Rust Y小夜 Rust（官方文档重点总结）rust开发语言后端
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录不安全的超能力解引用裸指针调用不安全函数或方法创建不安全代码的安全抽象使用e
  • 艾编程coding老师课堂笔记：SpringBoot源码深度解析 艾编程前端技术 spring编程语言
    思想：有道无术，术尚可求，有术无道，止于术！Spring开源框架，解决企业级开发的复杂性的问题，简化开发AOP，IOCSpring配置越来多，配置不方便管理！Javaweb---Servlet+tomcat+Struct2SpringMVCSPRINGboot.....所有的技术框架：从一个复杂的场景慢慢的衍生出来一种规范！简单的配置！==SpringBoot：自动配置！==Springboot怎
  • Vue3使用wow.js动画库 itwlz javascript开发语言ecmascript
    1.下载依赖npminstallwow.js--save2.导入importWOWfrom"wow.js";onMounted(()=>{wowjsFn();});constwowjsFn=()=>{letwow=newWOW({boxClass:"wow",//animatedelementcssclass(defaultiswow)animateClass:"animated",//anima
  • phpstorm jetbrain 配置review code fendouweiqian 开发工具phpstormide
    禁用UnusedCSSselector步骤：在PhpStorm中，点击顶部菜单File>Settings（Windows/Linux）或PhpStorm>Preferences（macOS）。在Inspections界面左侧的搜索框中输入CSS。展开CSS部分，找到UnusedCSSselector（未使用的CSS选择器）。取消勾选UnusedCSSselector禁用Unusedparamete
  • GDPU JavaWeb 大结局篇 孑么 #JavaWebjavaservlet开发语言ajaxsqlmvc
    目录实验复习代码模板课后巩固习题课件精简版GDPUJavaWeb程序设计复习，习题集，重点知识总结，一篇就够了。实验复习JavaWeb代码复习，在专栏也可查阅。留意一下登陆界面的操作及mvc的那些重复的代码。大小写要注意。一般来说很多方法都是两个单词拼的，后一个单词的首字母要大写，如doGet、getParameter等。代码模板这里的注释用//jsp部分1.表单、常用的登陆界面//不写metho
  • 基于SSM框架的旅游网站设计与实现 IT实战课堂—x小凡同学 Java毕业设计项目旅游
    摘要：本文主要介绍了基于SSM（Spring、SpringMVC、MyBatis）框架的旅游网站设计与实现过程。首先，对SSM框架进行了概述，并详细分析了其在旅游网站开发中的优势。接着，从需求分析、系统设计、数据库设计、前台与后台模块实现等方面进行了全面阐述。最后，对系统的测试与部署进行了说明，并对未来的发展方向进行了展望。关键词：SSM框架；旅游网站；前后台设计；JavaWeb开发一、引言随着信
  • java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署 游游科技 mybatisjavamysql
    java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署java计算机毕业设计货币博物馆展品管理系统源码+数据库+系统+lw文档+mybatis+运行部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8
  • Vue-常见指令 dd要努力变优秀！ 前端javascript开发语言
    常用指令：指令作用v-for列表渲染，遍历容器的元素或者对象的属性v-bind为HTML标签绑定属性值，如设置href,css样式等v-if/v-else-if/v-else条件性的渲染某元素，判定为true时渲染,否则不渲染v-show根据条件展示某元素，区别在于切换的是display属性的值v-model在表单元素上创建双向数据绑定v-on为HTML标签绑定事件1.3.2v-for作用：列表渲
  • 线上电竞游戏陪玩系统php语言前端开源系统源码/php+uniapp开发 15182237945详聊 php前端开源
    关于PHP语言前端开源系统源码以及PHP与UniApp的结合开发，以下是一些详细信息和示例：PHP语言前端开源系统源码PHP本身是一种服务器端脚本语言，特别适用于Web开发，并可嵌入HTML中使用。一个典型的PHP网站通常包括前台（用户界面）和后台（管理界面）两部分。前台源码：主要负责用户交互和展示内容，通常包括HTML、CSS、JavaScript以及PHP脚本。例如，一个简单的PHP前台页面可
  • 博客搭建 — GitHub Pages 部署 忆宸_1 博客github个人开发
    关于GitHubPagesGitHubPages是一项静态站点托管服务，它直接从GitHub上的仓库获取HTML、CSS和JavaScript文件，通过构建过程运行文件，然后发布网站。本文最终效果是搭建出一个域名为https://.github.io的网站创建GitHubPages站点仓库输入仓库名称，必须命名为.github.io，是你的用户名选择仓库可见性：Public（公开）选择“使用REA
  • 2024最新前端面试题(八股文)一阶段总结（html，css）!!!!新手必看必背!通俗易通!全面!全是干货！ 沐光M 前端面试题csshtmles6前端
    1.网络中使用最多的图片格式有哪些•gif支持动画，只有全透明和不透明两种模式，只有256种颜色,适用于简单动画、徽标和简单图形等应用场景。•jpeg常见格式,采用有损压缩算法，保持图像质量的同时减小文件大小,体积较小，不支持透明，不支持动画•png采用无损压缩算法，体积也相对较小，支持透明背景，不支持动画•svg一般会保存颜色及形状相对简单的图片，可任意放大图形显示，边缘异常清晰•BMP画质最好
  • Monorepo设置：新手指南
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读Monorepo是一种项目代码管理方法，指在单个代码仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署的复杂性，并提供更好的可重用性和协作性。简单理解：所有项目都在一个代码仓库中，但这并不意味着所有代码都组织在一个文件夹中️。事实上，一个好的Monorepo与单体代码库恰恰相反；它应该结构良好且模块化。发展历程单体时期单一
  • 【JavaWeb阶段学习】三步学会JDBC知识点 ss273 java学习mysqljava
    (❁´◡`❁)您的点赞➕评论➕收藏⭐是作者创作的最大动力支持我：点赞+收藏⭐️+留言目录1、JDBC基础JDBC数据库连接JDBC实现增删改查JDBC代码规范化2、结果集2.1、结果集光标与元数据3、预处理4、sql查询继续巩固练习1.查出至少有一个员工的部门，显示部门编号/部门名称/部门位置/部门人数2.列出所有员工的姓名及其直接上级的姓名3.列于受雇日期早于直接上级的所有员工的编号/姓名/部门
  • Spring Boot 集成 个推 和 UniPush 两种消息推送方式 LOVE_DDZ Spring-Bootspringbootjava后端
    SpringBoot集成个推和UniPush两种消息推送方式一、集成个推1.注册个推账号2.引入个推SDK3.配置个推参数4.编写个推配置类5.编写个推推送工具类二、集成UniPush1.注册UniPush账号2.引入UniPushSDK3.配置UniPush参数4.编写UniPush推送代码三、总结SpringBoot是目前非常流行的JavaWeb框架之一，它提供了很多便捷的开发方式和功能，其中
  • 8个移动端适配技巧,兼容性问题减少90% chenNorth。 前端前端
    文章目录1.使用viewport配置，确保完美视口2.使用rem实现弹性布局3.CSS媒体查询处理不同尺寸4.1px边框问题解决方案5.安全区域适配6.图片适配方案7.横屏适配处理8.软键盘弹出处理1.使用viewport配置，确保完美视口移动端开发首先要设置正确的viewport，这是适配的基础。关键属性解析：width=device-width：将视口宽度设置为设备宽度initial-scal
  • 学习HTML5总结（一） 大学生努力学习 学习web前端html5
    目录Web的构成一、HTML——结构1、html基本的骨架和解释2、标签1、标签2、属性3、标签的分类4、实体字符5、列表6、超链接7、文件的路径3、选择器1、基础选择器2、复合选择器3、关系选择器4、属性选择器5、伪类选择器6、伪元素选择器3、html中的单位1、长度单位2、比例单位3、颜色单位4、CSS三大特征二、CSS——表现三、JavaScript——行为总结Web的构成一、HTML——结
  • Vue 和 uniApp 中 CSS 样式差别 洗发水很好用 vue.jsuni-appcss
    之前一直在做vue2的项目，最近开始uniapp的项目，发现两种项目之间css还是有亿点区别的。一、布局单位Vue2项目：通常使用px作为主要的长度单位，这是一个绝对单位，在不同设备屏幕上显示的物理尺寸相同。例如：.container{width:300px;height:200px;}在响应式设计中，可能会使用%或vw、vh等相对单位，以及媒体查询来适配不同的屏幕尺寸。例如：@media(max
  • 第一章：CSS样式及基本选择器 卿言卿语 CSScss前端
    目录一、CSS简介二、CSS的位置1.行内样式2.内部样式3.外部样式4.CSS语法三、样式表的优先级四、基本选择器1.什么是选择器2.通配选择器3.元素选择器4.类选择器5.id选择器五、总结一、CSS简介CSS即层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以
  • 第二章：CSS的复合选择器 卿言卿语 CSScss前端html
    目录一、并集选择器二、交集选择器三、后代选择器四、子代选择器五、兄弟选择器六、属性选择器七、伪类选择器1.动态伪类2.结构伪类3.否定伪类4.UI伪类5.目标伪类6.语言伪类八、伪元素选择器九、选择器的优先级十、总结一、并集选择器同时选择多个选择器，并给它们添加相同的样式，使用逗号（,）隔开。.cat,.pig,.cattle,.dog{font-size:80px;background-colo
  • 告别CSS margin 和 padding 简写,拥抱更优雅的解决方案
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在前端开发中,CSS的外边距(margin)和内边距(padding)是使用频率极高的属性。多年来,开发者们习惯使用它们的简写形式,例如:margin:10px20px15px5px;padding:5px10px;这种简写方式看似简洁,实则暗藏玄机。随着项目规模的扩大和设计需求的频繁变更,这种简写方式逐渐显露出其局限性。首先,我们
  • 使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(02) javascript前端
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读NextAuthv4介绍NextAuth是一个开源的身份验证解决方案，适用于全栈（Next）应用程序。它支持不同的登录方式，如OAuth提供商（如Google、GitHub等）、凭据（经典的邮箱+密码）以及邮箱登录（通过用户点击的"魔法链接"）。它还提供不同的数据库适配器，可以直接将登录信息存入特定的数据库（如MongoDB）或与O
  • 使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(01) 前端javascript
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读最近开始研究Strapi，这是一个无头CMS。由于它仅提供后端，前端部分包括身份验证流程需要你自己构建。显然，你不会想自己构建这些，而是使用市场上的某个身份验证库。我早已计划使用NextAuth，所以这是一个完美的机会来实现它。因此，我们的设置是Next+Strapi+NextAuth。作为NextAuth的新手，首先需要一些基础教
  • 只有 2% 的开发人员知道的 7 种神奇 JavaScript 数组方法
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读很多人使用JavaScript数组时，最多就是for循环、map()或者filter()等常见方法，但其实数组还有不少“隐藏招数”。这篇文章介绍的7个方法，也许会让你眼前一亮。1.copyWithin()想象一下：取走一片披萨，然后又把它塞回披萨盒的另一个角落，这就是copyWithin()的感觉。它会将数组中指定范围的元素复制到同
  • 原生微信小程序中使用Sass 王阔阔 微信小程序微信小程序sass小程序
    在project.config.json文件中配置项setting项{"setting":{//省略其他配置项"useCompilerPlugins":["sass"]},}将wxss后缀名改为scss，就可正常使用sass语法了Sass有两种语法格式：SCSS（SassyCSS）和Sass（缩进语法），SCSS为Sass的主流语法格式。
  • python html解析查找字符串_python爬虫之html解析Beautifulsoup和Xpath 邓凌佳 pythonhtml解析查找字符串
    BeautiifulsoupBeautifulSoup是一个HTML/XML的解析器，主要的功能也是如何解析和提取HTML/XML数据。BeautifulSoup用来解析HTML比较简单，API非常人性化，支持CSS选择器、Python标准库中的HTML解析器，也支持lxml的XML解析器。BeautifulSoup3目前已经停止开发，推荐现在的项目使用BeautifulSoup4。Beautii
  • html+css 实现仿3D地球旋转效果 web网页精选 htmlcss3d
    demo:root{--stars:5vw15vh2pxwhite,1vw33vh0pxwhite,2vw25vh2pxwhite,10vw10vh2pxwhite,12vw20vh0pxwhite,30vw15vh2pxwhite,16vw5vh2pxwhite,24vw10vh0pxwhite,32vw40vh0pxwhite,33vw35vh2pxwhite,12vw38vh2pxwhite
  • PHP与HTML、CSS、JavaScript、jQuery的关系** 生信天地 javascriptphphtml
    在当今数字化的Web开发领域，PHP与HTML、CSS、JavaScript、jQuery各自扮演着重要的角色，并且它们之间存在着紧密而复杂的关系。一、HTML与PHP的关系HTML（超文本标记语言）是构建网页内容结构的基础。它定义了网页中的各种元素，如标题、段落、列表、链接等。PHP（超文本预处理器）则是一种服务器端脚本语言。数据嵌入与动态内容生成PHP可以嵌入到HTML中，在服务器端执行PHP
  • 前端开发：Web前端和HTML qincjun 前端html
    一、解释1.Web前端开发？Web前端开发是指创建用户在浏览器中直接交互和体验的部分的过程。‌前端开发主要涉及HTML、CSS和JavaScript这三大核心技术。HTML用于构建网页内容的骨架，CSS用于设置和控制网页的外观和布局，而JavaScript则赋予网页动态交互能力。‌‌Web（全称WorldWideWeb）是一种基于超文本和HTTP协议的全球性的、动态交互的、跨平台的分布式图形信息系
  • java Illegal overloaded getter method with ambiguous type for propert的解决 zwllxs javajdk
    好久不来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独行者 CodeIgniterCart框架　
    今天试用了一下CodeIgniter的Cart类时遇到了个小问题，发现当name的值为中文时，就写入不了session。在这里特别提醒一下。 在CI手册里也有说明，如下： $data = array( 'id' => 'sku_123ABC', 'qty' => 1, '
  • linux回收站 _wy_ linux回收站
    今天一不小心在ubuntu下把一个文件移动到了回收站，我并不想删，手误了。我急忙到Nautilus下的回收站中准备恢复它，但是里面居然什么都没有。     后来我发现这是由于我删文件的地方不在HOME所在的分区，而是在另一个独立的Linux分区下，这是我专门用于开发的分区。而我删除的东东在分区根目录下的.Trash-1000/file目录下，相关的删除信息（删除时间和文件所在
  • jquery回到页面顶端 知了ing htmljquerycss
    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 JavaScriptJavaScript
    一.程序一 <script> var name = "The Window"; var Object_a = { 　　name : "My Object", 　　getNameFunc : function(){ var that = this; 　　　　return function(){ 　　　　
  • 探索JUnit4扩展：假设机制（Assumption） bijian1013 javaAssumptionJUnit单元测试
    一.假设机制（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 javanetty
    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 jdkhadoopjps
    在安装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 .netC#hovertreeasp.netWeb 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 VODTOpo
    PO：      全称是 persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。 好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。     BO：     全称是 business object:业务对象 主要作用是把业务逻辑封装为一个对象。这个对
  • 战胜惰性，暗自努力 金笛子 努力
    偶然看到一句很贴近生活的话：“别人都在你看不到的地方暗自努力，在你看得到的地方，他们也和你一样显得吊儿郎当，和你一样会抱怨，而只有你自己相信这些都是真的，最后也只有你一人继续不思进取。”很多句子总在不经意中就会戳中一部分人的软肋，我想我们每个人的周围总是有那么些表现得“吊儿郎当”的存在，是否你就真的相信他们如此不思进取，而开始放松了对自己的要求随波逐流呢？ 我有个朋友是搞技术的，平时嘻嘻哈哈，以
  • NDK/JNI二维数组多维数组传递 wenzongliang 二维数组jniNDK
    多维数组和对象数组一样处理，例如二维数组里的每个元素还是一个数组 用jArray表示，直到数组变为一维的，且里面元素为基本类型，去获得一维数组指针。给大家提供个例子。已经测试通过。 Java_cn_wzl_FiveChessView_checkWin( JNIEnv* env,jobject thiz,jobjectArray qizidata) { jint i,j; int s
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他