北方的南&
北方的南&

Web前端-CSS（基础选择器）

文章目录

  • 1.CSS选择器（重点）
    • 1.1 选择器的作用
  • 2. CSS基础选择器
    • 2.1 标签选择器
    • 2.2 类选择器
    • 2.3 类选择器特殊用法- 多类名
    • 2.4 id选择器
    • 2.5 通配符选择器
    • 2.6 基础选择器总结
    • 2.7 团队约定

1.CSS选择器（重点）

  • 理解

    • 能说出选择器的作用
    • id选择器和类选择器的区别

  • 应用

    • 能够使用基础选择器给页面元素添加样式

    • 如图所以，要把里面的小黄人分为2组，最快的方法怎办？

1.1 选择器的作用

  • 找到特定的HTML页面元素

  • **CSS选择器干啥的？ 选择标签用的， 把我们想要的标签选择出来 **

h3 { 
	color: red;
}

  • 这段代码就是2件事， 把 h3选出来， 然后 把它变成了 红色。 以后我们都这么干。

  • 选择器分为基础选择器和 复合选择器，我们这里先讲解一下 基础选择器。

2. CSS基础选择器

2.1 标签选择器

  • 概念：

    标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。

  • 语法：

标签名  {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

  • 作用：

    标签选择器 可以把某一类标签全部选择出来 比如所有的div标签 和 所有的 span标签

  • 优点：

    是能快速为页面中同类型的标签统一样式

  • 缺点：

    不能设计差异化样式。

思考： 如果想要差异化选择不同的标签，怎么办呢？ 就是说 我想单独选一个或者某几个标签呢？

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标签选择器title>
    <style>
        /* 快速选中这个页面叫这个名字的标签 */
        h1 {
            color: green;
        }
    style>
head>

<body>
    <h1>码上未来h1>
    <h1>codingfutureh1>
body>

html>

2.2 类选择器

  • 类选择器使用“.”（英文点号）进行标识，后面紧跟类名.

  • 语法：

    • 类名选择器
    .类名  {   
    属性1:属性值1; 
    属性2:属性值2; 
    属性3:属性值3;     
}
    • 标签
    <p class='类名'>p>

  • 优点：

    • 可以为元素对象定义单独或相同的样式。 可以选择一个或者多个标签

  • 注意

    • 类选择器使用“.”（英文点号）进行标识，后面紧跟类名(自定义，我们自己命名的)
    • 长名称或词组可以使用中横线来为选择器命名。
    • 不要纯数字、中文等命名， 尽量使用英文字母来表示。

  • 命名是我们通俗约定的，但是没有规定必须用这些常用的命名。

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <style>
        .box {
            color: red;
        }

        .box1 {
            color: green;
        }
    style>
head>

<body>

    
    <h1 class="box">码上未来h1>
    
    <h1 class="box box1">codingfutureh1>
    <p class="box1">我是段落标签p>
body>

html>

  • 课堂案例：

    Web前端-CSS（基础选择器）_第1张图片 
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <style>
        .blue {
            color: blue;
            font-size: 100px;
        }
        .red {
            color: red;
            font-size: 100px;
        }
        .orange {
            color: orange;
            font-size: 100px;
        }
        .green {
            color: green;
            font-size: 100px;
        }
    
    style>
head>

<body>
    <span class="blue">Gspan>
    <span class="red">ospan>
    <span class="orange">ospan>
    <span class="blue">gspan>
    <span class="green">lspan>
    <span class="red">espan>
body>

html>

2.3 类选择器特殊用法- 多类名

  • 我们可以给标签指定多个类名，从而达到更多的选择目的。

    Web前端-CSS（基础选择器）_第2张图片

注意：

  • 各个类名中间用空格隔开。
  • 多类名选择器在后期布局比较复杂的情况下，还是较多使用的。
<div class="pink fontWeight font20">亚瑟div>
<div class="font20">刘备div>
<div class="font14 pink">安其拉div>
<div class="font14">貂蝉div>

2.4 id选择器

  • id选择器使用#进行标识，后面紧跟id名

  • 其基本语法格式如下：

    • id选择器

      #id名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

    • 标签

  • 元素的id值是唯一的，只能对应于文档中某一个具体的元素。

  • 用法基本和类选择器相同。

  • id选择器和类选择器区别

    Web前端-CSS（基础选择器）_第3张图片

  • W3C标准规定，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。

    • 类选择器（class） 好比人的名字， 是可以多次重复使用的， 比如 张伟 王伟 李伟 李娜
    • id选择器 好比人的身份证号码， 全中国是唯一的， 不得重复。 只能使用一次。

id选择器和类选择器最大的不同在于 使用次数上。

** 总结他们**

  • 类选择器我们在修改样式中，用的最多。
  • id选择器一般用于页面唯一性的元素身上，经常和我们后面学习的javascript 搭配使用。
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <style>
        #box1 {
            color: red;
        }

        #box2 {
            color: green;
        }

        .box3 {
            color: black;
        }
    style>
head>

<body>
    <h1 id="box1">码上未来h1>
    
    <h1 id="box2" class="box3">codingfutureh1>
body>
html>

2.5 通配符选择器

  • 概念

    通配符选择器用*号表示， * 就是 选择所有的标签 他是所有选择器中作用范围最广的，能匹配页面中所有的元素。

  • 其基本语法格式如下.

* { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

例如下面的代码，使用通配符选择器定义CSS样式，清除所有HTML标记的默认边距。

* {
  margin: 0;                    /* 定义外边距*/
  padding: 0;                   /* 定义内边距*/
}

  • 注意：

      会匹配页面所有的元素，降低页面响应速度，不建议随便使用


<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <style>
        /* 通配符选择器 */
        * {
            color: red;
        }
    style>
head>

<body>
    <h1>码上未来h1>
    <h1>码上未来h1>
body>

html>

2.6 基础选择器总结

选择器 作用 缺点 使用情况 用法
标签选择器 可以选出所有相同的标签，比如p 不能差异化选择 较多 p { color：red;}
类选择器 可以选出1个或者多个标签 可以根据需求选择 非常多 .nav { color: red; }
id选择器 一次只能选择器1个标签 只能使用一次 不推荐使用 #nav {color: red;}
通配符选择器 选择所有的标签 选择的太多，有部分不需要 不推荐使用 * {color: red;}

2.7 团队约定

  • 尽量少用通用选择器 *
  • 尽量少用 ID 选择器
/* 推荐 */
.jdc {}   推荐使用class选择器
li {}     推荐使用标签选择
p{}				推荐使用标签选择

/* 不推荐 */
*{}        不推荐使用通配符选择器
#jdc {}    不推荐使用id选择器

你可能感兴趣的:(笔记,Web,CSS,前端,css)

  • 2020年11月28日读书笔记 龙套哥萨克海龙
    今日阅读1小时，总计1431小时，第1377日阅读《危机与重构-唐帝国与其地方诸侯》第二章关中：有关空间的命题第一节异族威胁与空间的重构第二节派系危机与空间的崩溃对安史之乱爆发后关中政治课题的讨论，与其始于长安，不如始于灵武（灵州）。当长安在天宝十五载（756）六月因叛军攻破潼关而被玄宗放弃时，灵武则成为一个月后新任君主肃宗的龙翔之地。这一空间转换，不仅意味着帝国新旧权力更迭的开始，也标志着一个以
  • 【web 自动化】-6- 数据驱动DDT 皮革院长干测开 ｗｅｂ自动化前端自动化运维
    一、参数化数据驱动测试1.核心概念：“数据驱动测试”解决什么问题？场景：测试“后台登录”时，用例流程固定（输入账号→密码→登录→断言），但需要测不同数据：正确账号密码（正例）错误密码、空账号（反例）传统做法：写多个用例，重复流程代码，只改数据→冗余、难维护。数据驱动测试：用一套流程代码+多组测试数据，让用例自动遍历数据执行→高效、覆盖全。2.pytest实现参数化的核心：@pytest.mark.
  • 【Java代码审计 | 第五篇】XSS漏洞成因+实战案例 秋说 Java代码审计javaxss
    未经许可，不得转载。文章目录XSS漏洞成因1、直接输出用户输入2、在JSP中使用EL表达式输出用户输入3、在Thymeleaf模板中输出用户输入4、在JavaScript中嵌入用户输入实战案例案例1案例2案例3XSSXSS（跨站脚本攻击，Cross-SiteScripting）是一种常见的Web安全漏洞，攻击者通过在网页中注入恶意脚本，使得这些脚本在用户的浏览器中执行。XSS攻击通常分为以下三种类
  • 2022-04-28 阿诗玛_6209
    姓名：赵丽娟【日精进打卡第1530天】【知～学习】《六项精进》大纲0遍，共407遍；《六项精进》通篇0遍，共172遍；《大学》0遍；共607遍【今年计划读10本书】《理解人性》36《“偷懒”的技术，财务excel》26《避税：无限接近但不逾越》082《经营者养成笔记》101《六项精进》ok《京瓷哲学》416-418【经典名句】不管做什么都不要急于回报。因为播种和收获不在同一个季节，中间隔着的一段时
  • java学习笔记
    期末课堂作业,以下内容为2024年上学期java课堂学习笔记202402150705目录[第1章:Java语言概述](#第1章:Java语言概述)[第2章:数据类型与运算符](#第2章:数据类型与运算符)[第3章:控制流程语句](#第3章:控制流程语句)[第4章:数组](#第4章:数组)[第5章:类与对象](#第5章:类与对象)[第6章:封装、继承与多态](#第6章:封装、继承与多态)[第7章:异
  • 《随园诗话》学习笔记一百五十四 飞鸿雪舞
    卷三求诗于书中，得诗于书外八、直抒胸中意【原文】王梦楼侍讲云：“诗称家数，犹之官称衙门也。衙门自以总督为大，典史为小。然以总督衙门之担水夫，比典史衙门之典史，则亦宁为典史，而不为担水夫。何也?典史虽小，尚属朝廷命官；担水夫衙门虽尊，与他无涉。今之学杜、韩不成，而矜矜然自以为大家者，不过总督衙门之担水夫耳。”叶横山先生云：“好摹仿古人者，窃之似，则优孟衣冠；窃之不似，则画虎类狗。与其假人余焰，妄自称
  • Vue.js 全面解析：构建现代前端应用的渐进式框架 斯~内克 vue知识点前端vue.js
    一、Vue.js的核心价值与演进1.1前端框架的变革与Vue的定位根据2024年StateofJS调查报告，Vue.js以82%的开发者满意度稳居前端框架前三甲。其核心优势体现在：渐进式架构：可从轻量级视图层扩展至全栈解决方案响应式系统：基于Proxy的精准依赖追踪（Vue3）组合式API：代码复用率提升60%以上生态系统：覆盖SSR、状态管理、移动端等20+场景1.2版本演进里程碑版本发布时间里
  • Java炼金术：从代码到加密货币——用Java铸造数字黄金的黑科技 墨夶 Java学习资料4java科技开发语言
    一、智能合约：比“契约精神”更严谨的代码1.1用Java写ERC-20代币（以太坊上的数字黄金）//ERC-20代币合约实现（需配合Web3j框架）publicclassMyERC20Token{privatefinalStringname="JavaCoin";privatefinalStringsymbol
  • Selenium 知识点详解：从基础操作到代码实战 壮志凌云不假 seleniumpython测试工具
    在自动化测试领域，Selenium是一款备受瞩目的工具。一、Selenium简介Selenium是一个用于Web应用程序测试的工具，它支持多种浏览器和编程语言，能模拟用户在浏览器上的各种操作，如点击、输入文本等，从而实现对Web应用的自动化测试，帮助开发者快速发现潜在问题，提高开发效率。二、环境配置要使用Selenium，需先进行环境配置。以Python为例，首先需安装Selenium库，可通过p
  • Selenium自动化测试实战指南：原理、工具与应用 Compass宁
    本文还有配套的精品资源，点击获取简介：Selenium是一个用于Web应用程序自动化测试的开源工具，它通过提供API支持多种编程语言编写脚本，实现浏览器的自动化操作。本实例将详细介绍如何使用Selenium进行自动化测试，包括浏览器驱动的使用方法。学习Selenium可以提高软件测试效率，减少错误，并通过各种实例加深对自动化测试工具的理解。实例包括了如何安装、配置Selenium库和浏览器驱动，以
  • 自动化测试秘籍：Selenium Python API实战指南 May Wei SeleniumPythonAPI自动化测试元素交互弹窗处理
    背景简介Selenium是一个用于Web应用程序测试的工具，它允许开发者模拟用户与浏览器的交互。在现代软件开发中，自动化测试是确保应用质量和效率的关键环节。本文将基于Selenium的PythonAPI，探讨如何高效地进行网页元素交互和自动化测试。标题1：操作下拉菜单和列表SeleniumWebDriver提供了一个名为Select的特殊类，用于与网页上的列表和下拉菜单进行交互。Select类提供
  • 微信推客系统小程序开发上线全攻略：从源码部署到社交裂变运营 v_qutudy 推客系统开发推客小程序
    一、前言：为什么选择微信推客系统？在社交电商的浪潮中，微信推客系统凭借"自用省钱、分享赚钱"的裂变模式，成为商家低成本获客的利器。本文将深度解析如何从零开发一套支持独立部署的推客小程序，涵盖技术架构、源码解析、部署实战及运营策略，助力开发者快速搭建高转化率的社交电商系统。二、技术架构设计：打造稳定可扩展的推客系统1.整体架构分层前后端分离架构前端：采用Taro跨端框架开发微信小程序端，适配多端展示
  • 2023-09-27【日复盘】 和小熙一起变好
    你好，我是小熙，欢迎打开我的日复盘。给自己每天20分钟复盘时间，每一天都来个日复盘吧。总是忙着低头砍树，记得抽空磨磨刀。希望能给你启发：一、习惯养成✅输出早上复盘✅大纲写了一半，给ls看了，进展还可以，预计今天务必完工✅拍摄部分vlog碎片、剪辑-待安排文笔练习-待安排图文笔记-待安排✅运动跑步/步行30分钟以上-✅天鹅颈今天完成了2次✅跑步机-待安排马甲线-待安排跳舞了✅✅饮食健康早晨：咖啡+五
  • 新一代会员分销返利小程序，聚合cps系统独立部署，对接20多个CPA/CPS资源 +V：ywxs5787 小程序开发cps分销软件开发小程序uniapp微信小程序
    技术栈前端：vue3+uniapp后端：PHP数据库：MySQL一、系统介绍PHP部分代码'value1','param2'=>'value2',//添加其他参数];//发送HTTPPOST请求$ch=curl_init();curl_setopt($ch,CURLOPT_URL,$url);curl_setopt($ch,CURLOPT_POST,true);curl_setopt($ch,CU
  • 值得推荐拼多多返利app有哪些?拼多多十大返利最高的平台 古楼
    随着网络购物的普及，返利APP成为了越来越多消费者省钱购物的好帮手。拼多多作为中国知名的电商平台，自然也有许多返利APP与之合作。那么，哪些拼多多返利APP值得推荐呢？本文将为您盘点拼多多十大返利最高的平台。月入十万必看！都在挣钱！推荐几个月入几千到几万的靠谱副业项目！（公众号：善士思维笔记）【高省】APP（高佣金领导者）是一个自用省钱佣金高，分享推广赚钱多的平台，2000万用户信赖的四年老平台，
  • 《在与众不同的教室里》读书笔记（3） 河南张俊红
    第三位老师：菲利普.比格勒1998年，美国国家年度教师，美国著名教师曾长期任教高中。菲利普比格勒，它的特点就是在教室里历史模拟，让学生学活历史。克林顿总统评价他说，在一个举国重视教育的实质内容的时代，它向我们展示了即是历史学家，又是杰出导师的教师的风采。历史课堂大多是过去发生的事情，学生们学起来枯燥无味，而菲利普比格勒进行互动式历史模拟，虽然模拟的结果不需要与真实的历史一致，但能够让他们对历史事件
  • 《不离不弃，品行且珍惜：林徽因传》读书笔记（八） 棉麻布衣
    《一生挚爱一生等待》“人生若只如初见，何事秋风悲画扇。”可人生又怎能只如初见，如果说初见灿若春花，携手一段漫长人生，便可看秋叶之静美了。喜欢一个人，爱一个人，是一件沉重而长远的事，可能会是一生一世。这要靠行动而非语言。喜欢，或者爱，于用情至深之人，是千钧的重量，一旦化成语言就减轻了分量；是付出，而非索取，一旦索取就不再纯粹。佛把他变成了一棵树，永远等在她必经的路旁。世上再无金岳霖，那份可能称之为“
  • 2024最新外卖CPS分销微信小程序源码【前端+后台+数据库+分销功能】 云深不知处㊣ 源码专区微信小程序小程序外卖CPS分销微信小程序源码CPS分销微信小程序源码
    内容目录一、详细介绍二、效果展示三、源代码下载地址一、详细介绍外卖侠CPS全套源码是一款为外卖平台提供分销功能的微信小程序。用户可以通过你的链接去领取外卖红包，然后去下单点外卖，既能省钱，又能获得佣金。该小程序带有商城、影票、吃喝玩乐等多个模块，适合不同用户的需求。外卖CPS的势头猛得一塌糊涂，被称为23年最大的红利之一，也被称为2023最佳小白可实操项目。外卖公司的广告预算持续增加，因为比传统广
  • CSS利用@font-face使用自定义字符和图标 小前端2018
    昨天发的一个教程被一顿喷，说已经不用图片了，什么图标字体啦，好桑心~~，但也是事实，现在的前端图片越来越少了，相应替换的是css以及图标字体，所以去探测了几个网站，找了一下style.css文件，看看具体的CSS内容，然后发现这是一个很有趣的问题。
  • 《史蒂夫·乔布斯传》读书笔记之二——苹果诞生 格桑德吉1024
    AppleI1975年，沃兹尼亚克设计了一个蓝盒子——这就是AppleI，只用在键盘上按几个键，那些字母就可以显示在屏幕上。乔布斯看到这个神奇的蓝盒子时，大吃一惊，连问了他好几个问题：这台电脑能联网吗？是否有可能添加一块磁盘作为存储器？乔布斯打了几个电话，免费从英特尔得到了一些芯片（DRAM），他知道怎么跟销售代表说话。而沃兹不一样，他是个害羞的孩子。乔布斯和沃兹一起参加了家酿计算机俱乐部的会议，
  • 《海上丝绸之路》听书笔记 童心麻麻
    主要介绍了海上丝绸是怎么产生、发展和衰落的。经济带，21世纪海上丝绸之路。谈到古代中国，海洋这个词出现得特别少。中国是农业国家，海上贸易往来很少。只有郑和下西洋，世界级的航海行动。罗得里希普塔克是本书作者。对海上丝绸之路有研究。古代海上贸易的历史，找到中国应有的位置。第一，看起来中国并没有海上贸易的传统，那怎么发展起海上贸易？张骞通西域，开辟出通贯中西的丝路。古代中国的发展好像和海洋没有什么关系。
  • SpringDoc 基本使用指南 墨鸦_Cormorant #Spring全家桶springspringdoc
    SpringDoc是基于SpringBoot的现代化API文档生成工具，通过自动化扫描代码和注解，生成符合OpenAPI3.0+规范的交互式文档，并集成SwaggerUI提供可视化测试界面。以下是其核心详解：核心特性与优势开箱即用仅需添加依赖，无需复杂配置即可自动生成文档，支持SpringWebMvc、WebFlux、SpringSecurity及JakartaEE。注解驱动使用JSR-303规范
  • Selenium 处理表单、弹窗与文件上传：从基础到实战 二向箔reverse selenium爬虫自动化
    在Web自动化领域，表单交互、弹窗处理和文件上传是最常见也最容易踩坑的场景。想象一下：你编写的脚本明明定位到了输入框，却无法输入文字；点击按钮后弹出的对话框让脚本瞬间“卡壳”；好不容易找到文件上传按钮，却发现Selenium无法直接操作系统文件选择框……这些问题往往让新手头疼不已。本文将系统讲解Selenium在这三类场景中的解决方案，结合实战案例帮你突破瓶颈。一、表单处理：搞定输入、选择与提交网
  • 实践日志-梦想笔记本践行营DAY30-20201007 幻雪美美哒
    【精时力实践日志】本训练营：梦想笔记本践行营践行日期：2020年10月7日践行天数：DAY301、今天收集到的梦想照片（含语录等）：飘窗的4张照片，其中1张是闺蜜在飘窗上坐着闲聊、喝下午茶的照片，1张是一个人坐在飘窗上，享受慢时光的照片。2、照片来源：好好住APP3、我的梦想（为什么收集了这张照片）：梦想：我希望我未来的房子有飘窗，我可以把它布置成喝下午茶、读书、放松的场地。契机：看到弟弟新房的主
  • 开发一个 vscode 图片悬停预览插件 weixin_40203158
    在前端项目中，往往会使用到图片，可能是直接放在项目中，也可能是使用cdn地址，但它们都需要点击才能查看到图片具体是什么内容，显得繁琐，能否和代码提示一样直接鼠标悬停时就展示呢？目前使用量最多的是ImagePreview这款插件，但我自己在使用时发现并没有在悬停时看到图片，自然想着自己实现一个。简单三步即可实现代码完成后发现异常地简单，指定某个语言增加额外hover内容获取鼠标悬停时当前行是否有图片
  • Vue3 + WebSocket 穆罕周 websocket网络协议网络
    Vue3与WebSocket结合能够很好地满足实时通讯的需求。通过合理设计和管理WebSocket连接的生命周期，以及实现必要的重连逻辑和心跳检测机制，可以构建出响应迅速且稳定的实时应用。WebSocketWebSocket允许服务端主动向客户端发送数据，无需客户端发起请求，从而实现了低延迟、高效率的数据交换。它通过HTTP升级协议握手来建立持久性的连接，并使用帧（frame）的形式传输数据。Vu
  • VUE如何设置语音 穆罕周 vue.js前端javascript
    在Vue项目中设置语音功能可以通过1、使用WebSpeechAPI和2、集成第三方语音合成库来实现。WebSpeechAPI是一种浏览器内置的API，它提供了语音识别和语音合成功能，而第三方语音合成库则提供了更加丰富和灵活的功能。一、使用WebSpeechAPIWebSpeechAPI是一种原生浏览器API，它包括了语音识别和语音合成两部分。以下是如何在Vue项目中使用WebSpeechAPI设置
  • webkitSpeechRecognitionHTML5语音识别文字（直接运行） AIGC创想家 html5语音识别前端
    前端想要实现语音转文字，其实不需要任何云服务，浏览器自带的api就能搞定。下面是已经封装好的代码，复制之后可以在控制台只接运行。classSpeechRecognitionManager{??tempTranscript=''??isRecording=false;??timeoutid=0;??exitKeywors=['stop','exit','quit','退出','停止识别','说完了'
  • 读书笔记：德鲁克《管理的实践》12 李唐星辰
    1、德鲁克在【首席执行官与董事会】中提及一个故事：一个大企业中的工厂发生火灾，打乱了所有的生产进度。工作不得不交给竞争对手或者其他供应商，通过延迟交货安抚客户来度过突如其来的危机。但是，新总裁却决定，放弃修老厂，直接建新厂。因为通过两年的新建可以使得工厂扩大两倍的规模并能因此节约成本。不过，为了新建工厂，他们必须在短时间内筹集资金来应急。所以总裁日以继夜，带领着团队工作。星辰感悟：我们能够看到一个
  • 【Web安全】逻辑漏洞之支付漏洞：原理、场景与防御 介一笔记 #Web安全基础web安全安全支付漏洞逻辑漏洞安全性测试安全威胁分析
    文章目录前言一、漏洞本质二、攻击原理正常支付流程漏洞触发流程三、抓包的时机选择：生成订单时四、风险场景1.隐藏商品购买（开发人员预留的测试商品）2.付费功能免费使用（添加付费参数：JS中查询、先买个会员抓包查看）3.修改订单类型（0改成-1、1、2、3）4.修改通用参数（自动计算最终折扣）五、检测方式1.黑盒测试：模拟攻击流程2.白盒审计：代码层校验逻辑排查六、防御方案1.严格校验关键参数2.订单
  • Maven Array_06 eclipsejdkmaven
    Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
  • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
    一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
  • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
    原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
  • 浅谈java类与对象 15700786134 java
          java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
  • linux下双网卡同一个IP 被触发 linux
    转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
  • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
    遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
  • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
    通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
  • JAVA 对象池 矮蛋蛋 javaObjectPool
    原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
  • ArrayList根据条件+for循环批量删除的方法 alleni123 java
    场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
  • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
    “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
  • Spring注入有继承关系的类（1） bijian1013 javaspring
    一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
  • 30岁转型期你能否成为成功人士 bijian1013 成功
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
    什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
  • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
    Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
  • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
    安装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-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
    public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
  • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
    今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
  • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
    基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
  • 多线程知识 cuishikuan 多线程
    T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
  • spring整合activemq dalan_123 java spring jms
    整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
  • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
      环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
  • Parcel: unable to marshal value dcj3sjt126com marshal
    在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
  • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
    ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
  • 为什么第三方应用能早于System的app启动 gqdy365 System
    Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
  • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
    App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
  • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
    觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
  • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
    转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
  • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
    前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
  • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
    ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
  • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
    3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他