@zyf哈哈哈哈

9、css3选择器、阴影、圆角边框、背景、怪异模型

css3选择器：

包括：属性选择器、伪类选择器、伪元素选择器

属性选择器

选择所有带有x属性的元素【x】
选择所有带有x属性名且属性值是y的元素【x=“y”】
选择所有带有x属性名且属性值是包含子字符串y的元素【x*=”y“】
选择所有带有x属性且属性值是以y开头的元素【x^=”y“】
选择所有带有x属性且属性值是以y结尾的元素【x$=”y“】
选择所有带有x属性且属性值是以y-开头的元素【x|=”y“】

<style>
      [name|='get'] {
        text-decoration: line-through;
      }
style>
<body>
    <footer name="get-result">我是底部标签footer>
    <div name="getresult">我是盒子标签div>
body>

伪元素选择器

::first-letter选择第一个汉子或者第一个字母
::first-line选择第一行文本
::after在当前元素的里边的后边添加元素
- content:'内容';
- display:block; 换行

<style>
.box::after {
        content: '我在box的后边';
        /* 会换行 */
        display: block;
        width: 200px;
        height: 80px;
        background-color: purple;
      }
style>
<body>
 <div class="box">
      study真道心要来去自如，入得山，也入得人间。红尘炼心，事来则应，去不留心，是考验也是磨练。
    div>
body>

::before在当前元素的里边的前添加元素
- content:'内容';
- display:block; 换行
  注意：::first-letter优先级高于::first-line

伪类选择器（优先级一样）

:first-child：选择当前的元素中使其父元素的第一个子元素
- li 前面不能有其他标签
:last-child：选择当前的元素中使其父元素的最后一个子元素
- li必须是最后一个才可以
:nth-child(n):选择当前的元素中使其父元素的第n个子元素
- ul下的所有标签个数包括p标签但是不能设置p标签
:nth-of-type(n):选择当前的元素中使其父元素的第n个当前的元素的位置
- 第n个子元素除p标签外

<style>
      ul.list > li:nth-of-type(3){
      background-color: red;
      }
style>
 <body>
    <ul class="list">
      <p>我是list的第一个pp> 
      <li>第一行li>
      <li>第二行li>
      <p>我是list的第一个pp>
      <li>第三行li>
      <li>第四行li>
      <li>第五行li>
      <li>第六行li>
    ul>
  body>

`css3`颜色

HSL颜色：color: hsl(0, 100%, 50%);一般这样设置
HSL代表色相，饱和度和亮度 color: hsl(hue, saturation, lightness);
- hue: 色调;色度;色相（从0到360） 0（或360）是红色的，120是绿色的，240是蓝色的
- saturation:饱和度是一个百分比值; 0％意味着灰色。100％的阴影是全彩
- lightness:明亮;亮度也是一个百分点; 0％是黑色的，100％是白色的

阴影

文本阴影 `text-shadow`

text-shadow:水平阴影垂直阴影影子的模糊距离阴影的颜色
text-shadow:-20px -15px 5px hsl(360,100%,50%);
- 水平和垂直阴影正负代表的是方向：正数水平向右和垂直向下，负数是水平向左和垂直向上

<style>
/* 包含字符串yin */
    [b*="yin"]{
/* `text-shadow:`水平阴影  垂直阴影  影子的模糊距离(数值越小越清楚)  阴影的颜色 */
        text-shadow:-20px -15px 1px hsl(100,100%,50%);
    }
style>
<body>
    <p b="yinying">我是阴影效果p>
body>

如果不兼容情况下
-webit-text-shadow:-20px -15px 5px hsl(360,100%,50%);
-webkit- 谷歌 safari
-moz- 火狐
-ms- IE-o- 欧朋

盒子阴影 `box-shadow`

圆角边框

四个值：左上右上右下左下
border-radius:10px 20px 50px 100px
三个值：左上右上左下右下
border-radius:10px 50px 100px
两个值：左上右下右上左下
border-radius:50px 100px

长方形：

<style>
	[classOne*='Obj'] {
        margin: 100px auto;
        width: 600px;
        height: 300px;
        font-size: 50px;
        background-color: hsl(123, 56%, 22%);
        /* 大于等于高度的一半：胶囊型（操场型） */
        border-radius: 500px;
        /* 大于等于50%：鸡蛋型 */
        border-radius: 120%;
      }
style>
<body>
    <header classOne="hObj">header>
body>

正方形：

<style>
	 [sec|='set'] {
        margin: 0 auto;
        width: 500px;
        height: 500px;
        background-color: hsl(320, 80%, 30%);
        /* 大于等于高度的一半：圆*/
        /* border-radius: 150px; */
        /* 大于等于50%  圆 */
        border-radius: 50%;
      }
style>
<body>
    <section sec="set-one">section>
body>

三角型：

transparent透明的

<style>
    [name^="Tr"]{
        margin: 50px auto;
        width: 0;
        height: 0;
        border-top:50px solid hsl(100, 100%, 50%);
        border-right:50px solid hsl(220, 100%, 50%);
        border-bottom:50px solid transparent;
        border-left:50px solid transparent;
    }
style>
<body>
    <div name="Triangle">div>
body>

一般用于按钮的禁用

css3新增的
cursor:not-allowed;

<style>
    button{
        cursor: not-allowed;
    }
style>
<body>
    <button>按钮button>
body>

怪异盒模型`box-sizing:border-box;`

边框和内边距不会影响盒子的大小内容会自动缩小

背景

背景图的修剪默认包含内边距、边框、内容
background-clip:border-box
- 只有内容区域和内边距区域
  background-clip:padding-box;
- 只有内容区域
  background-clip:content-box;

- 背景图
  - background-origin: border-box;
  - background-origin: padding-box;
  - background-origin: content-box;
<style>
    /* 以x结尾的 */
    [name$="x"]{
        margin: 50px auto;
        width: 400px;
        height: 300px;
        border: 10px dashed red;
        padding: 20px;
        /* 设置前必须要去掉重复 */
        background-repeat: no-repeat;
        background-image: url(./images/adv.jpg);
        /* 默认的 */
        background-origin: border-box;
        background-origin: padding-box;
        background-origin: content-box;
    }
style>
<body>
    <div name="box">div>
body>

你可能感兴趣的:(css3,css,前端)

【AIGC时代】OneCode前端框架入门指南：从环境搭建到第一个应用低代码老李 OneCode实战低代码软件行业学习前端框架
在人工智能生成内容(AIGC)技术飞速发展的今天，前端开发领域正经历着前所未有的变革。AI工具能够批量生成代码，但如何将这些自动生成的代码转化为可维护、高质量的生产级应用，成为开发者面临的核心挑战。OneCode框架凭借其独特的设计理念，在这一背景下展现出显著优势，本文将带您从零开始，快速掌握OneCode框架的使用方法。一、AIGC背景下选择OneCode框架的四大理由AIGC工具的普及为前端开
今日Github热门仓库推荐2025-07-08
今日Github热门仓库推荐2025-07-08如果让AI分别扮演后端开发人员和前端开发人员，然后看看他们分别对github每天的trending仓库感兴趣的有哪些，并且给出他感兴趣的理由，那会发生什么呢？本内容通过Python+AI生成，项目地址跳转后端开发人员推荐仓库名称：rustfs/rustfs仓库推荐理由：作为一个有10年后端开发经验的工程师，我对高性能和分布式系统有浓厚的兴趣。Rust
前端微服务架构详解醉方休架构前端微服务
前端微服务架构详解前端微服务是一种将微服务理念应用于前端开发的架构模式，它允许将大型前端应用拆分为多个独立开发、部署和运行的小型应用。一、核心概念1.什么是前端微服务独立开发：每个微应用可由不同团队独立开发独立部署：无需整体发布，单个微应用可单独部署技术异构：不同微应用可以使用不同技术栈（React、Vue、Angular等）运行时集成：在客户端动态组合成完整应用2.与传统SPA的区别特性传统SP
Web前端工程化
Web前端工程化前端工程化是指将软件工程的方法和原则应用到前端开发中，以提高开发效率、保证代码质量、便于团队协作和项目维护的一套体系化实践。以下是前端工程化的主要内容和实践：核心组成部分1.模块化开发JavaScript模块化：CommonJS、AMD、ESModuleCSS模块化：CSSModules、CSS-in-JS组件化：Vue/React/Angular组件体系微前端：将大型应用拆分为多
《深入浅出 React 19：AI 视角下的源码解析与进阶》- JSX 与 React Element
如果你对React源码解析感兴趣，欢迎访问我的个人博客：深入浅出React19：AI视角下的源码解析与进阶或者我的微信公众号-前端小卒在我的博客和公众号中，你可以找到：完整的React源码解析电子书-从基础概念到高级实现，全面覆盖React18的核心机制系统化的学习路径-按照React的执行流程，循序渐进地深入每个模块实战案例分析-结合真实场景，理解React设计思想和最佳实践最新技术动态-持续更
JavaScript高程设计第一章---什么是JavaScript 小顾万家 javascript
文章目录前言一、JavaScript实现二、ECMAScript1.ECMAScript概念2.ECMAScript版本3.ECMAScript符合性三、DOM1.DOM概念2.DOM级别三、BOM1.BOM概念前言通过自身对前端的学习和认知，发现仅仅通过看教学视频来学习前端是不够的，还需要通过阅读相关的前端书籍来扩大自己的知识面。今天我就来总结一下自己通过阅读《JavaScript高级程序设计》
Node.js 后台系统 - 基本增删改查实现
个人简介‍‍个人主页：魔术师学习方向：主攻前端方向，正逐渐往全栈发展个人状态：研发工程师，现效力于政务服务网事业人生格言：“心有多大，舞台就有多大。”推荐学习：Vue2Vue3Vue2/3项目实战Node.js实战Three.js鸿蒙开发小程序使用备注：仅供学习交流严禁用于商业用途，若发现侵权内容请及时联系作者更新进度：持续更新内容个人名片：每篇文章最下方都有加入方式，旨在交流学习&资源分享，快加
【高频考点精讲】前端性能监控中的安全隐患：如何安全地收集用户数据全栈老李技术面试前端高频考点精讲前端 javascript html css 面试题 react vue
前端性能监控中的安全隐患：如何安全地收集用户数据‍作者：全栈老李更新时间：2025年7月‍适合人群：前端初学者、进阶开发者版权：本文由全栈老李原创，转载请注明出处。最近有个粉丝在后台问我："老李啊，我们公司要做性能监控，但法务部门死活不让收集用户数据，说会踩红线，这活儿还怎么干？"这问题问得好，今天咱们就来聊聊这个前端工程师的必修课——如何在性能监控中安全地收集数据。（全栈老李友情提示：本文代码示
【高频考点精讲】前端AR/VR开发入门：WebXR API的基本使用场景全栈老李技术面试前端高频考点精讲前端 javascript html css 面试题 react vue
前端AR/VR开发入门：WebXRAPI的基本使用场景‍作者：全栈老李更新时间：2025年6月‍适合人群：前端初学者、进阶开发者版权：本文由全栈老李原创，转载请注明出处。最近有个学员问我："老李啊，现在元宇宙这么火，我们前端能做点啥？"我笑着告诉他："WebXR了解一下？"今天咱们就来聊聊这个让前端工程师也能玩转AR/VR的神奇API。我是全栈老李，一个喜欢把复杂技术讲简单的技术博主。WebXR是
【高频考点精讲】前端状态管理方案对比：从Redux到Zustand演进全栈老李技术面试前端高频考点精讲前端 javascript html css 面试题 react vue
前端状态管理方案对比：从Redux到Zustand演进‍作者：全栈老李更新时间：2025年6月‍适合人群：前端初学者、进阶开发者版权：本文由全栈老李原创，转载请注明出处。最近在给团队做技术分享时，发现很多同学对状态管理的选择很纠结。今天全栈老李就来聊聊这个话题，从Redux到Zustand的演进历程，帮你理清思路。状态管理的前世今生还记得2015年我刚接触React时，组件间通信全靠props层层
Vite 常用配置详解啃火龙果的兔子开发DEMO 前端
Vite是一个现代化的前端构建工具，相比Webpack具有更快的开发服务器启动和热更新速度。以下是Vite的常用配置项及其说明：1.基础配置(vite.config.js)import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importreactfrom'@vitejs/plugin-react'exportdefaultd
乾坤微前端框架详细使用大全不知名靓仔前端框架
引言乾坤微前端框架（Qiankun）是一款轻量级的微前端解决方案，它基于JavaScript的Proxy特性和WebComponents技术，提供了一套简单易用的微前端实现方案。本文将详细介绍乾坤微前端框架的安装、配置、使用方法及常见问题解答，帮助开发者快速上手乾坤微前端框架。1.乾坤简介1.1什么是乾坤？乾坤是一个轻量级的微前端框架，旨在帮助开发者轻松实现微前端架构。它通过主应用（MainApp
qiankun 微前端框架子应用间通信方法详解啃火龙果的兔子开发DEMO 前端框架
qiankun作为流行的微前端解决方案，提供了多种子应用间通信的方式。以下是全面的通信方法总结：1.基于props的通信（主应用与子应用）主应用向子应用传递数据：//主应用注册子应用时传递数据registerMicroApps([{name:'subApp',entry:'//localhost:7100',container:'#subapp-container',activeRule:'/su
Javascript基础内容回顾—变量提升、事件循环和闭包等内容 GISer_Jinger javascript 前端
以下是前端面试中JavaScript基础易错问题的详解，结合常见考点和易混淆概念进行解析：⚠️一、变量作用域与提升varvslet/const◦变量提升：var声明的变量会提升到作用域顶部（值为undefined），而let/const存在暂时性死区（声明前访问报错）。◦循环陷阱：for(vari=0;iconsole.log(i));//输出3,3,3（共享同一作用域）}for(leti=0;i
构建未来交互体验：AG-UI 如何赋能智能体与前端通信？ ChaITSimpleLove AG-UI AI Agent 智能体与用户交互协议智能体与用户交互标准化 CopilotKit 开放的轻量的基于事件的协议
目录什么是AG-UI?⚙️AG-UI主要解决什么问题？AG-UI介绍️核心组件1.协议层（ProtocolLayer）2.标准HTTP客户端（StandardHTTPClient）3.消息类型（MessageType）4.运行Agent（RunningAgent）5.状态管理（StateManagement）️6.工具和交接（ToolsandHandoff）事件（Events）MCPvsA2Avs
前端开发常见问题（从布局到性能优化）白仑色前端系列前端开发 HTML CSS JavaScript 性能优化响应式布局跨域
前端开发作为连接用户与产品的重要桥梁，涉及HTML、CSS和JavaScript的综合运用。但在实际开发过程中，开发者常常会遇到各种“坑”，比如页面布局异常、跨域请求失败、性能瓶颈、浏览器兼容性差等问题。本文将围绕前端开发中常见的十大问题展开讲解：页面布局相关问题（盒模型、浮动、Flex布局）CSS样式冲突与继承JavaScript异步处理（Promise、async/await）跨域问题及解决方
前端上传解析Excel；前端解析excel i_am_a_div_日积月累_ yarn安装和插件前端 excel 前端上传Excel文件前端解析Excel xlsx
注意：这里是前端使用xlsx插件，将前端上传的.xls、.xlsx文件，解析得到原始列表数据我的是vue3项目文章目录1.安装依赖2.组件封装3.子组件使用1.安装依赖[email protected].组件封装src/components/MyExcelData/index.vue{{props.msg}}import{defineProps}from'vue'import{UploadFi
OpenHarmony解读之设备认证：Pake协议详解与实战陈乔布斯鸿蒙开发 HarmonyOS OpenHarmony harmonyos 分布式鸿蒙开发软总线 openHarmony 嵌入式硬件
往期推文全新看点（文中附带最新·鸿蒙全栈学习笔记）①鸿蒙应用开发与鸿蒙系统开发哪个更有前景？②嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~③对于大前端开发来说，转鸿蒙开发究竟是福还是祸？④鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？⑤记录一场鸿蒙开发岗位面试经历~⑥持续更新中……一、概述在设备认证过程中，pake协议用于认证会话密钥协商，基于该会话密钥，双方可以安全地交换各自的
【前端开发】Uniapp分页器：新增输入框跳转功能
基于UniApp官方扩展组件库uni-ui中的uni-pagination分页器组件，针对大数据量场景进行优化主要优化以下内容：新增输入框跳转功能：在原有分页器基础上，新增了一个输入框区域，允许用户直接输入目标页码进行跳转双向页码绑定优化：实现了输入框与当前页码的双向绑定机制。当用户通过其他方式（如点击上一页、下一页、页码按钮）切换页面时，输入框会自动更新显示当前页码。同时，当用户在输入框中输入页
html怎么设置好看的文本框,html页面输入框input的美化 PassatCC html怎么设置好看的文本框
input输入框是网页必不可少的组件，可是每个浏览器对于输入框的显示样式各有不同例如：上图分别就是谷歌浏览器和IE浏览器自带显示的输入框，样式也不足人意，所以大多都会自己写样式以下是一个简单的文本框样式input{border:1pxsolid#ccc;padding:7px0px;border-radius:3px;/*css3属性IE不支持*/padding-left:5px;}效果图：样式属
web与Java代码保护：混淆、压缩及反编译工具详解
本文还有配套的精品资源，点击获取简介：为保障代码的安全性和保密性，IT行业中开发者采用代码混淆和压缩技术。本文将深入探讨web代码混淆压缩工具和Java代码反编译工具，解释它们的工作原理及应用。混淆工具如UglifyJS和Terser用于混淆JavaScript代码，使其难以理解；压缩工具如YUICompressor和GoogleClosureCompiler减小JavaScript和CSS文件的
Swiper.js滑动插件使用教程-支持轮播图、滑块、画廊天天打码 VUE 大前端 javascript 开发语言 ecmascript
几乎每个前端开发都应该用过这个滑动组件库吧？这就是大名鼎鼎的swiper.js一、Swiper及其功能Swiperjs是一个流行的开源的移动端触摸滑动库，用于创建响应式、可触摸滑动的轮播图、滑块、画廊和其他滑动组件。它是一个跨平台的库，可以在网页、移动应用和桌面应用中使用。Swiper.js提供了丰富的功能和选项，使开发者可以轻松创建各种滑动效果和交互。以下是一些Swiper.js的特点和功能：响
开发效率翻倍！一键将 JSON 转换成 Java 实体类的神器来了！ A__tao java
开发效率翻倍！一键将JSON转换成Java实体类的神器来了！在开发Java后端接口时，你是否常常面对这样的烦恼：拿到前端传来的JSON，字段多到眼花缭乱手动敲JavaBean，字段写漏、类型搞错嵌套结构太复杂，写起来痛苦又低效别担心，这些问题通通可以交给它来解决：JSON转Java实体类在线工具为什么推荐这个工具？这个工具由资深开发者打造，功能聚焦于一件事：把你的JSON一键生成JavaBean，
java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试木林网络 mybatis java 数据库
java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、
axios 使用入门
axios使用入门阅读目录一、前言#二、干货合集#1、加载#2、get&post#3、拦截器#三、总结#一、前言在没有接触React、Angular、Vue这类MVVM的前端框架之前，无法抛弃Jquery的重要理由，除了优秀的前端DOM元素操作性以外，能够非常便捷的发起http请求也占有非常重要的地位。既然我们已经开始使用Vue进行前端开发，抛弃了对页面DOM元素的操作，难道，为了方便的发起htt
2022项目实训“异步分布式联邦学习”第五周报告
一、本周工作进度我在本周的工作进度主要集中于两个技术要点——即Axios和WebSocket。这两种技术方法有着本质上的不同，因而具体实现出来之后的效果也有所不同，下面将会分别说明。1.Axios（Ajax封装）首先要谈的内容是Axios，Axios是一个基于promise的HTTP库，是目前前端最流行的ajax请求库。Axios的优势在于，相比传统的Ajax本身是针对MVC的编程，Axios更加
Bootstrap 表单 wjs2024 开发语言
Bootstrap表单Bootstrap是一个流行的前端框架，它可以帮助开发者快速构建响应式和美观的网页界面。在Bootstrap中，表单是用户与网站交互的重要部分。本文将详细介绍Bootstrap表单的用法、样式和优化技巧。1.Bootstrap表单概述Bootstrap表单提供了丰富的样式和组件，可以帮助开发者轻松实现各种表单需求。以下是一些常见的Bootstrap表单组件：输入框（Input
html读取媒体长度,用媒体查询media根据屏幕分辨率大小确定网页宽度 weixin_39886205 html读取媒体长度
显示网页的终端屏幕分辨率大小不一，为了能使同一网页能在不同的终端中合适显示，CSS3推出了媒体查询media。用媒体查询media能根据屏幕分辨率大小确定网页宽度，这主要在CSS文件中根据屏幕分辨率大小定义网页宽度。以前用百分比来根据屏幕分辨率大小确定网页宽度，但由于同样的百分比随着屏幕分辨率的增大，网页离屏幕两边的距离也随之变宽，不能很好的解决这个问题；用媒体查询media就能很好的解决这个问题
计算机存储和进制转换 sry1201 java基础进制转换
计算机的存储单位计算机只能识别二进制数据，也就是0和1(0和1实际上对应的是高低电平，或者磁极方向等)，对应0和1的最小存储单位是bit,bit是数据传输的最小单位。人们又规定特定位数的0和1组合在一起，表示特定的信息含义，例如ACSSII码就是通过8个bit存放的0和1来表示表示特定的字符。8个bit组成的数据存储单位称为byte,这是最小的数据存储单位。计算机存储单位-换算关系位bit(比特)
Wizard全栈开发框架：轻松构建企业级应用 GISer_Jinger 前端基础前端 javascript
Wizard全栈开发框架详解Wizard是一个现代化的全栈开发框架，旨在简化企业级应用的开发流程，提供从前端到后端的完整解决方案。一、核心架构前端架构UI层：支持React、Vue等主流框架状态管理：集成Redux、Vuex等方案API客户端：自动生成类型安全的API调用代码生成器：基于模板自动生成页面组件后端架构Web服务器：支持Express、SpringBoot等多种实现ORM：内置多数据库
java杨辉三角 3213213333332132 java基础
package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
《大话重构》之大布局的辛酸历史白糖_ 重构
《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。背景公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频 ed2k
本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
Javascript中函数的toString()方法周凡杨 JavaScript js toString function object
简述 The toString() method returns a string representing the source code of the function. 简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。句法 function.
struts处理自定义异常 g21121 struts
很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
Linux中find常见用法示例 510888780 linux
Linux中find常见用法示例 ·find path -option [ -print ] [ -exec -ok command ] {} \; find命令的参数；
SpringMVC的各种参数绑定方式 Harry642 springMVC 绑定表单
1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
Java 获取Oracle ROWID aijuans java oracle
A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
java获取方法的参数名 antlove java jdk parameter method reflect
reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
JAVA正则表达式匹配查找替换提取操作百合不是茶 java 正则表达式替换提取查找
正则表达式的查找;主要是用到String类中的split(); String str; str.split();方法中传入按照什么规则截取,返回一个String数组常见的截取规则: str.split("\\.")按照.来截取 str.
Java中equals()与hashCode()方法详解 bijian1013 java set equals()hashCode()
一.equals()方法详解 equals()方法在object类中定义如下： public boolean equals(Object obj) { return (this == obj); } 很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle 数据库 plsql
--工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
Nginx作为静态文件HTTP服务器在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片在主配置文件中添加http指令 http { server { listen 80; server_name
kafka获得最新partition offset blackproof kafka partition offset 最新
kafka获得partition下标，需要用到kafka的simpleconsumer import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
centos 7安装docker两种方式 ronin47
第一种是采用yum 方式 yum install -y docker
java-60-在O(1)时间删除链表结点 bylijinnan java
public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
nginx利用proxy_cache来缓存文件 cfyme cache
user zhangy users; worker_processes 10; error_log /var/vlogs/nginx_error.log crit; pid /var/vlogs/nginx.pid; #Specifies the value for ma
[JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做： string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))" 定义一个0整数c,然后用这个整数c去
如何集成支付宝官方文档 dai_lm android
官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成调试的时候估计会真的扣款，请注意
应该在什么时候使用Hadoop datamachine hadoop
原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
在GridView中使用关联模型进行搜索和排序首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
使用NSString 的格式化大全 dcj3sjt126com Objective-C
格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
使用activeX插件对象object滚动有重影蕃薯耀 activeX插件滚动有重影
使用activeX插件对象object滚动有重影 <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
SpringMVC4零配置 hanqunfeng springmvc4
基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
问题引入上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
AngularJS浅析 kvhur JavaScript
概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
1.前言. jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
本文链接: http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。说一下，
C语言算法之水仙花数 qiufeihu c 算法
/** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
JSP指令 wyzuomumu jsp
jsp指令的一般语法格式： <%@ 指令名属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include

按字母分类： 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 其他