少莫千华
少莫千华

【SCSS】网格布局中的动画

效果

【SCSS】网格布局中的动画_第1张图片

index.html

DOCTYPE html>
<html>
  <head>
    <title> Document title>
    <link type="text/css" rel="styleSheet" href="index.css" />
  head>
  <body>
    <div class="container">
      <div class="item">div>
      <div class="item">div>
      <div class="item">div>
      <div class="item">div>
      <div class="item">div>
      <div class="item">div>
      <div class="item">div>
      <div class="item">div>
      <div class="item">div>
    div>
  body>
html>

index.scss

在vs code 中使用Live Sass Compiler自动编译scss文件。

body {
  background: #23262d;
}
.container {
  width: 400px;
  height: 400px;
  margin: 0 auto;
  margin-top: 50px;
  //以网格显示
  display: grid;
  //自定义css变量
  --c1: 1fr;
  --c2: 1fr;
  --c3: 1fr;
  --r1: 1fr;
  --r2: 1fr;
  --r3: 1fr;
  //设置列数和宽度
  grid-template-columns: var(--c1) var(--c2) var(--c3);
  //设置行数和高度
  grid-template-rows: var(--r1) var(--r2) var(--r3);
  //平滑过渡网格单元尺寸变化
  transition: 0.5s;
  // 每个格子间距
  grid-gap: 10px;
}

@for $i from 0 to 9 {
  //遍历每个item元素
  .item:nth-child(#{$i + 1}) {
    //使用色相环对每个格子设置不同的颜色
    background: hsl($i * 40%, 100%, 64%);
  }
  //判断container元素内部item是否触发hover事件
  .container:has(.item:nth-child(#{$i + 1}):hover) {
    //计算行号
    $r: floor($i/3) + 1;
    //计算列号
    $c: $i%3 + 1;
    //对相应css 行变量设置宽度
    --r#{$r}: 2fr;
    //对相应css 列变量设置高度
    --c#{$c}: 2fr;
  }
}

  • transition: 0.5s;平滑过渡单元格的尺寸变化，解决鼠标移动画面切换的卡顿问题

  • grid-gap: 10px;设置格子的间距

  • grid-template-columns: var(--c1) var(--c2) var(--c3);使用自定义变量设置格子的列数和宽度

  • grid-template-rows: var(--r1) var(--r2) var(--r3);使用自定义变量设置格子的行数和高度

  • --c1: 1fr;第一列的宽度

  • --c2: 1fr;第二列的宽度

  • --c3: 1fr;第三列的宽度

  • --r1: 1fr;第一行的宽度

  • --r2: 1fr;第二行的宽度

  • --r3: 1fr;第三行的宽度

  • $r: floor($i/3) + 1; sass变量行号

  • $c: $i%3 + 1; sass变量列号

  • background: hsl($i * 40%, 100%, 64%);使用sass变量$i与色相环hsl对每个格子设置不同的背景颜色

index.css

此文件由index.scss文件自动编译生成

body {
  background: #23262d;
}

.container {
  width: 400px;
  height: 400px;
  margin: 0 auto;
  margin-top: 50px;
  display: grid;
  --c1: 1fr;
  --c2: 1fr;
  --c3: 1fr;
  --r1: 1fr;
  --r2: 1fr;
  --r3: 1fr;
  grid-template-columns: var(--c1) var(--c2) var(--c3);
  grid-template-rows: var(--r1) var(--r2) var(--r3);
  transition: 0.5s;
  grid-gap: 10px;
}

.item:nth-child(1) {
  background: hsl(0, 100%, 64%);
}

.container:has(.item:nth-child(1):hover) {
  --r1: 2fr;
  --c1: 2fr;
}

.item:nth-child(2) {
  background: hsl(40, 100%, 64%);
}

.container:has(.item:nth-child(2):hover) {
  --r1: 2fr;
  --c2: 2fr;
}

.item:nth-child(3) {
  background: hsl(80, 100%, 64%);
}

.container:has(.item:nth-child(3):hover) {
  --r1: 2fr;
  --c3: 2fr;
}

.item:nth-child(4) {
  background: hsl(120, 100%, 64%);
}

.container:has(.item:nth-child(4):hover) {
  --r2: 2fr;
  --c1: 2fr;
}

.item:nth-child(5) {
  background: hsl(160, 100%, 64%);
}

.container:has(.item:nth-child(5):hover) {
  --r2: 2fr;
  --c2: 2fr;
}

.item:nth-child(6) {
  background: hsl(200, 100%, 64%);
}

.container:has(.item:nth-child(6):hover) {
  --r2: 2fr;
  --c3: 2fr;
}

.item:nth-child(7) {
  background: hsl(240, 100%, 64%);
}

.container:has(.item:nth-child(7):hover) {
  --r3: 2fr;
  --c1: 2fr;
}

.item:nth-child(8) {
  background: hsl(280, 100%, 64%);
}

.container:has(.item:nth-child(8):hover) {
  --r3: 2fr;
  --c2: 2fr;
}

.item:nth-child(9) {
  background: hsl(320, 100%, 64%);
}

.container:has(.item:nth-child(9):hover) {
  --r3: 2fr;
  --c3: 2fr;
}/*# sourceMappingURL=index.css.map */

你可能感兴趣的:(语言-HTML,scss,前端,css,网格布局中的动画,色相环,修改父元素属性)

  • 7z 命令行详解 shankusu2017 linux
    语法格式：（详细情况见7-zip帮助文件，看得头晕可以跳过，用到再学）7z[...][...]7z.exe的每个命令都有不同的参数,请看帮助文件为压缩包名称为文件名称，支持通配符或文件列表a:添加文件的压缩包，或者创建新的压缩包。d:从压缩包中删除文件。e:从压缩包中提取。t:测试压缩包的是否出错。u:更新压缩包中的文件。其中，7z是至命令行压缩解压程序7z.exe，是7z.exe包含的命令，列举
  • 如何处理软件卸载不干净的情况？ Byyyi耀 软件卸载
    如何处理软件卸载不干净的情况？一、清理注册表下载CCleaner，下载之后，点击settings，将语言改为中文。点击注册表，点击扫描问题-修复选定的问题，最好将之前的注册表完整备份。反复这一过程，直到再也扫描不出问题。二、清除C盘相关文件通过快速搜索等磁盘索引软件，定位到在C盘中的相关软件的所有文件，并全部进行删除，至此软件卸载干净。
  • 践行青春誓言 建功立业新时代 玉面狐狸在偷塔
    入职半月以来，逐渐适应了乡镇基层的工作调性，结合专业所学谈谈我对选调生身份的几点体会。一是，“选”之于党，选调生意味着要信念坚定，对党忠诚。作为从万千考生中选拔出的年轻力量，选调生不能辜负党和人民的期望，要信念坚定、对党忠诚，时刻坚持用党的理论武装头脑、补足精神之钙。习近平总书记曾说：“年轻干部要牢记，坚定理想信念是终身课题，需要常修常炼，要信一辈子，守一辈子。”作为党选出来的青年力量中的一员，我
  • 2024高教社杯数学建模国赛论文 C题农作物的种植策略 详细思路、代码和优秀论文 2024年数学建模国赛 备战2024数学建模国赛2024数学建模（不代写论文请勿盲目订阅）数学建模数学建模国赛2024数学建模国赛2024年高教社杯D题
    专栏内容(赛前预售价99，比赛期间299):2024数学建模国赛期间会发布思路、代码和优秀论文。（本专栏达不到国一的水平，适用于有一点点基础冲击省奖的同学，近两年有二十几个国二，但是达不到国一，普遍获得省奖，请勿盲目订阅）比赛思路会程序更新到专栏内：https://blog.csdn.net/m0_52343631/category_12482955.html?spm=1001.2014.3001
  • 亿万 七年的旅行
    这周看了美剧《亿万》第三季，情节跌宕起伏，让人不能停下，但是看美剧总有一些疑问，这些美剧真的是和现实相似吗？因为剧中的很多细微情节让人感觉到很雷，直觉觉得那并不是现实，但是逻辑倒是相似，朋友相处，大都是利益往来，你能帮助别人，你就是一个得力的好朋友，如果你失去某些能力，那么需要这些能力的人就会找别人帮助他们，这很好讲通，社会就是这样，你帮助别人，别人帮助你，就像是工业革命开始的分工合作一样，这是互
  • xml与java对象转换 iteye_10822 xmlxml
    xml的解析技术包括了很多，其中dom4j,jdom,SAX等技术估计已经在大部分的人心中成为了耳熟能详的东西，但是如果是关于xml与对象直接的转换技术，那么下面几种技术是不错的选择。A.commons-digesterDigester本来仅仅是JakartaStruts中的一个工具，用于处理struts-config.xml配置文件。显然，将XML文件转换成相应的Java对象是一项很通用的功能，
  • 【C语言】动态内存管理 我言秋日胜春朝★ C语言进阶c语言开发语言
    目录一、动态内存管理函数：1、malloc：2、free：3、calloc：4、realloc：二、常见的错误：1、对NULL指针解引用：2、对动态开辟空间的越界访问：3、对非动态开辟内存的释放：4、使用free释放动态内存开辟的一部分：5、对同一块内存多次释放：6、动态内存开辟的空间忘记释放：（内存泄漏）前言：动态内存管理是在内存中的堆区上进行维护的：一、动态内存管理函数：1、malloc：这个
  • SpringMVC的架构有什么优势？——视图与模型（二） 不会编程的小孩子 架构
    #SpringMVC的架构有什么优势？——视图与模型（二）前言关键字：机器学习人工智能AIchatGPT学习实现使用搭建深度python事件远程dockermysql安全技术部署技术自动化代码视图(View)视图是展示结果的组件，它们负责渲染模型数据并生成HTML输出。SpringMVC支持多种视图技术，包括JSP、Thymeleaf等。视图(View)是SpringMVC中渲染并呈现结果的组件，
  • 你抗下的所有压力，最后都会变成你的收获 行走的叉烧包
    今天分管领导给我分配了一份本不该由我做的工作，这一个工作的突如其来，完全打乱了我一天的工作计划，本来打算完成的工作只能搁浅。郁闷和烦躁瞬间从心底涌上来。在我还在为不能完成计划中的工作烦躁时，领导又对我下了一个要求，这份空降的工作必须下午下班前完成，这让我感到些许慌乱，毕竟这个刚接手的工作，我从没接触过，是否能在规定时间内完成心里完全没把握，这种失控的感觉让我感到些微的慌乱。工作推是推不掉了，只能硬
  • 【华为笔试题汇总】2024-05-22-华为春招笔试题-三语言题解(Python/Java/Cpp) 春秋招笔试突围 华为春秋招笔试题汇总最新互联网春秋招试题合集华为pythonjava算法
    大家好这里是清隆学长，一枚热爱算法的程序员✨本系列打算持续跟新小米近期的春秋招笔试题汇总～ACM银牌|多次AK大厂笔试｜编程一对一辅导感谢大家的订阅➕和喜欢清隆这边最近正在收集近一年互联网各厂的笔试题汇总，如果有需要的小伙伴可以关注后私信一下清隆领取，会在飞书进行同步的跟新。文章目录01.获取公共链表片段问题描述输入格式输出格式样例输入样例输出数据范围题解参考代码02.矿车运输成本问题描述输入格式
  • 《IP思维》76 农牧学堂一付海涛
    《IP思维》（第76节）＃学习《IP思维》助你躺赢未来＃打造个人影响力，输出优质的内容是关键。首先，最基础的条件是必须对本领域有充分的认知，且必须有超过大部分人的行业洞察以及不断扩大行业体系、知识边际；其次，打破同质化，建立标识性。行业内大多数人都持相同观点或看法的事情，最好不要去掺和，你的每一个想法都来源于自己的深度思考；第三，切勿为了蹭热点刷存在感，热点蹭的不好，容易人设崩塌，损毁在粉丝心中的
  • 《人间值得》④ | 生性“凉薄”的人，请深交一辈子 笑_慧
    回顾：昨天，在工作的人际交往方面，恒子奶奶给了我们一些建议：要学会尊重别人，当你尊重别人时，别人也会尊重你。如果你是一个容易接受拜托的人，那你在人际关系中的摩擦就会很少，所以，如果有人需要你的帮助，不要小气，不妨接受他们小小的请求。在与人相处的过程中，发生争执是难免的，不过，争执之后先道歉的人，往往才是胜者。尽量抛弃“我才了不起”的想法，让自己和周围的人都能更加轻松。除了工作，人际交往会影响我们生
  • Go gin使用命令安装失败原因，及解决方法 大龄Python青年 golanggin开发语言
    Gogin使用命令安装失败明明使用的是golang中的web框架gin文档中的命令来安装gin的，而且是直接复制的，可是为什么会安装失败，并且会提示go:go.modfilenotfoundincurrentdirectoryoranyparentdirectory.这是什么意思呢？大概意思是在当前的工作目录或任一上一级的目录中都没有go.mod文件。goget-ugithub.com/gin-g
  • 2023.6.23 Beyourself_5ce7
    这些交易规则自己要每天读一遍，认真体会其中的交易思维和机票，想想怎么做到知行合一。自己现在的交易状态应该就是消极的低迷的，其实近两周每天自己基本都是处于盈利状态，但由于昆仑万维的减持自己账户回撤严重，导致自己连续三个月亏损。自己为什么很难停下来了，因为自己回撤幅度太大了，现在总是心存馆长，结果往往不会如意，这是交易大忌。从下周开始每日每周检测市值变化，严格按照规则操作，下周反弹后清仓或者半仓操作，
  • Python：统计字符串中各元素出现的次数 陈小q Python秋招笔试
    统计String中每个单词出现的个数（不区分大小写）输入描述：输入一个字符串，例如：“abAv”输出描述：v:1:3b:1a:2defcountEach(strs):dic={}strs=strs.lower()lens=len(strs)i=0whilei
  • 越出牢笼（7） 贪玩
    在柳庄广阔田野中的一个小亭子里，我们歇下了脚。亭子色彩素淡，统一的棕色简洁典雅，点缀在一片碧绿中，倒显得很别致。亭子的立柱之间由一圈凳子串连起来，我们就在凳子上坐了下来。披着穿亭而过，夹带着青草气味的风，我先说话了：“这件事做起来，会受到来自两方面的阻力。一个是城邦管理者和他们背后的财团，这会从根本上触碰到他们的利益；另一个是大多数的城邦居民，我前几天尝试着跟几个同事聊天，他们对生活现状非常满意，
  • MFC建立C语言项目,mfc开发(mfc项目开发实例85个) 嘻嘻哒的小兔子 MFC建立C语言项目
    什么是MFC编程MFC(MicrosoftFoundationClassLibrary)中的各种类结合起来构成了一个应用程序框架，它的目的就是让程序员在此基础上来建立Windows下的应用程序，这是一种相对.用MFC的四个模式都可以设计上面的界面吗？同时标签能够在单文档中建立不。可以，MFC，文档视图架构，单文档应用程序，再加一个静态窗口分割。可以列举一个简单的例子说明楼上说的太复杂了，那是要到一
  • 有花堪折直须折，莫待无花空折枝 4763f7988cd1
    通化883徐敬霞2019年的暑假，我有幸参加了兴成长暑期培训“教育技术信息化2.0能力素养提升”。听课，打卡，让我收获满满，感受多多！图片发自App带着愉悦的心情我共听了七节课，首先是王子老师《微信小程序的创新应用》，唐晓勇校长《技术支持下的学习变革》，梁勇校长《教学PPT的设计与制作》，王思思老师的《跨学科视野下的自然笔记》，朱思思老师的《教学实践中的思维导图》，陈晓粧老师的《学习类PPT的教学
  • 龙小灶21讲——打造环保安全家 3a08e03e222a
    家应该是最有安全感的地方，你的家环保达标吗？谈谈甲醛国家规定环保家的标准是低于1mg/立方米。并且现在有很多简便的测甲醛及其他有毒气体检测机器，也有专业的第三方检测认证机构诸如SGS.甲醛主要来源是装修中的“人造板”，胶合板（多层板）、密度板、刨花板、秸秆板……大品牌还会在板材的侧面标注环保等级比如E0，E1。真正在装修的过程中严把环保关，其实真的可以装修完了入住。环保也并不是一件奢侈的事情，常常
  • Css——媒体查询 一只漫步前行的羊 csscss媒体前端
    @mediamediatypewhere(mediafeature){/*CSS样式*/}属性备注mediatype媒体类型：screen（电脑屏幕、平板电脑、智能手机）、print（打印预览）、all（所有设备）where条件：and（表示可以将多个媒体特性连接到一起，相当于“且”的意思）、not（表示排除某个媒体类型，相当于“非”的意思）、only（表示指定某个特定的媒体类型）mediafea
  • Python在金融大数据分析中的AI应用实战 田野猫咪 python金融数据分析
    随着人工智能时代的到来，Python作为一种功能强大的编程语言，在金融领域的大数据分析中扮演着日益重要的角色。本文将探讨Python在金融领域的应用，重点介绍其在大数据分析方面的实际应用案例，涉及股票市场分析、投资组合优化、风险管理等方面，并提供相关的代码示例。引言随着金融市场数据规模的不断增长，金融机构和投资者们越来越依赖于大数据分析和人工智能技术来做出更准确、更智能的决策。Python作为一种
  • Python中字符串计数常用的方法！ 老男孩IT教育 python开发语言
    在Python中，字符串计数是非常基本的操作，使用率极高，可用于多种情况，更是每个Python开发工程师必须掌握的基础技能之一，那么Python中如何进行字符串计数?以下是常用方法介绍。1、使用count()方法Python中的字符串类型具有count()方法，该方法可以返回特定子字符串在字符串中出现的次数。例如，以下代码计算字符串"helloworld"中字母i的出现次数：'''s='hello
  • 9.8笔试记录 冰榫 前端开发语言
    1.在c++中哪些运算符不能重载?在C++中，有以下几个运算符不能被重载：.：成员访问运算符。例如obj.member中的.不能被重载。::：作用域解析运算符。用于指定命名空间、类等的作用域，不能被重载。?:：条件运算符。如a?b:c中的?:不能被重载。sizeof：用于获取对象或类型的大小，不能被重载。2.C++中运算符优先级2.3.在C++中，转义字符是一种特殊的字符表示方式，用于表示一些无法
  • PDF标准详解（三）—— PDF坐标系统和坐标变换 aluluka PDF相关技术pdf
    之前我们了解了PDF文档的基本结构，并且展示了一个简单的helloworld。这个helloworld虽然只在页面中显示一个helloworld文字，但是包含的内容却是不少。这次我们仍然以它为切入点，来了解PDF的坐标系统以及坐标变换的相关知识图形学中二维图形变换中学我们学习了平面直角坐标系，x轴沿着水平方向从左往右递增，Y轴沿着竖直方向，从下往上坐标递增。而PDF的坐标系与数学中的坐标系相同。但
  • PDF标准详解（二）——PDF 对象 aluluka PDF相关技术pdf
    上一篇文章我们介绍了一个PDF文档应该包含的最基本的结构，并且手写了一个最简单的“HelloWorld”的PDF文档。后面我们介绍新的PDF标准给出示例时将以这个文档为基础，而不再给出完整的文档示例，小伙伴想自己测试可以根据上一节的文档来进行配置。对象上一节我们看到一个个奇奇怪怪的元素，可能也好奇它们的写法，现在我们来正式介绍它们的相关内容，它们就是PDF文档中一个个的对象。PDF支持5种基本对象
  • 语文湿地||于慈悲处开出一朵语文花 ——读孙秋备老师《<项链><珠宝>整合教学》课例有感 噜噜890108
    《项链》和《珠宝》是世界小说巨匠莫泊桑的经典著作，传统的课堂教学在主题解读时往往止于“资本主义社会爱慕虚荣的风气及恶俗的金钱关系”。孙秋备老师以慈悲之心观众生之态，抓住关键词——“败坏和成全；她和他”撬动文本，摒弃黑白思维，攫取作者灰色表达中的积极因子——“战胜困厄，成为自己的英雄”，在“抵达文本深处”的语用训练中为学生提供向上向善的精神力量。秋备老师以歌词“生活是一团麻，总有那解不开的小疙瘩，生
  • Gin-Web: 简洁高效的Golang Web框架 黎情卉Desired
    Gin-Web:简洁高效的GolangWeb框架gin-web由gin+gorm+jwt+casbin组合实现的RBAC权限管理脚手架Golang版,搭建完成即可快速、高效投入业务开发项目地址:https://gitcode.com/gh_mirrors/gi/gin-web项目简介是一个基于流行的Gin框架构建的增强型Go语言Web开发框架。它旨在提供一套完整的解决方案，包括ORM支持、API文
  • 推荐开源项目：linke - 轻松构建你的直播应用 毛彤影
    推荐开源项目：linke-轻松构建你的直播应用linke本项目实现了作为一个直播App的基本功能，比如本地视频流采集、播放、美颜、礼物、点赞出心等。提供一个搭建思路，很久没有更新了，望谅解！项目地址:https://gitcode.com/gh_mirrors/li/linke1、项目介绍linke是一款全面实现直播应用程序基本功能的开源项目，包括本地视频流采集与播放、美颜、送礼和点赞等互动元素。
  • 推荐项目：Monibuca（m7s）—— 开源直播服务器框架的明日之星 陶真蔷Scott
    推荐项目：Monibuca（m7s）——开源直播服务器框架的明日之星monibucaMonibucaisaModularized,ExtensibleframeworkforbuildingStreamingServer项目地址:https://gitcode.com/gh_mirrors/mo/monibuca随着在线视频和流媒体服务的日益普及，高质量且灵活的直播服务器框架成为了开发者眼中的瑰宝
  • 通信术语 gelao18sui networkaccessexchangesysteminterfacesignal
    通信类常用的英语词汇（表记录的）插入修改添加删除InsertModify,updateAddDelete（拨号后）拨号音不断Non-stopDialTone（程序,进程）调度Dispatch（程序安装的）序列号SerialNumberSN（单板）不在位Not-in-position（单板等）插入/拔出Plug/Unplug（发货）附件，辅助设备Accessories（话务员）为分机用户代拨外线Di
  • PHP，安卓，UI，java，linux视频教程合集 cocos2d-x小菜 javaUIlinuxPHPandroid
    ╔-----------------------------------╗┆                           
  • zookeeper admin 笔记 braveCS zookeeper
      Required Software 1) JDK>=1.6 2)推荐使用ensemble的ZooKeeper(至少3台)，并run on separate machines 3)在Yahoo!，zk配置在特定的RHEL boxes里，2个cpu，2G内存，80G硬盘   数据和日志目录 1)数据目录里的文件是zk节点的持久化备份，包括快照和事务日
  • Spring配置多个连接池 easterfly spring
    项目中需要同时连接多个数据库的时候，如何才能在需要用到哪个数据库就连接哪个数据库呢？ Spring中有关于dataSource的配置：     <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource"   &nb
  • Mysql 171815164 mysql
    例如，你想myuser使用mypassword从任何主机连接到mysql服务器的话。 GRANT ALL PRIVILEGES ON *.* TO 'myuser'@'%'IDENTIFIED BY 'mypassword' WI TH GRANT OPTION; 如果你想允许用户myuser从ip为192.168.1.6的主机连接到mysql服务器，并使用mypassword作
  • CommonDAO（公共/基础DAO） g21121 DAO
            好久没有更新博客了，最近一段时间工作比较忙，所以请见谅，无论你是爱看呢还是爱看呢还是爱看呢，总之或许对你有些帮助。         DAO(Data Access Object)是一个数据访问（顾名思义就是与数据库打交道）接口，DAO一般在业
  • 直言有讳 永夜-极光 感悟随笔
      1.转载地址:http://blog.csdn.net/jasonblog/article/details/10813313   精华: “直言有讳”是阿里巴巴提倡的一种观念，而我在此之前并没有很深刻的认识。为什么呢？就好比是读书时候做阅读理解，我喜欢我自己的解读，并不喜欢老师给的意思。在这里也是。我自己坚持的原则是互相尊重，我觉得阿里巴巴很多价值观其实是基本的做人
  • 安装CentOS 7 和Win 7后，Win7 引导丢失 随便小屋 centos
    一般安装双系统的顺序是先装Win7，然后在安装CentOS，这样CentOS可以引导WIN 7启动。但安装CentOS7后，却找不到Win7 的引导，稍微修改一点东西即可。 一、首先具有root 的权限。      即进入Terminal后输入命令su，然后输入密码即可 二、利用vim编辑器打开/boot/grub2/grub.cfg文件进行修改 v
  • Oracle备份与恢复案例 aijuans oracle
    Oracle备份与恢复案例 一. 理解什么是数据库恢复当我们使用一个数据库时，总希望数据库的内容是可靠的、正确的，但由于计算机系统的故障（硬件故障、软件故障、网络故障、进程故障和系统故障）影响数据库系统的操作，影响数据库中数据的正确性，甚至破坏数据库，使数据库中全部或部分数据丢失。因此当发生上述故障后，希望能重构这个完整的数据库，该处理称为数据库恢复。恢复过程大致可以分为复原(Restore)与
  • JavaEE开源快速开发平台G4Studio v5.0发布 無為子
      我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V5.0版本已经正式发布。   访问G4Studio网站 http://www.g4it.org   2013-04-06 发布G4Studio_V5.0版本 功能新增 (1). 新增了调用Oracle存储过程返回游标，并将游标映射为Java List集合对象的标
  • Oracle显示根据高考分数模拟录取 百合不是茶 PL/SQL编程oracle例子模拟高考录取学习交流
    题目要求: 1,创建student表和result表 2,pl/sql对学生的成绩数据进行处理 3,处理的逻辑是根据每门专业课的最低分线和总分的最低分数线自动的将录取和落选     1,创建student表,和result表 学生信息表; create table student( student_id number primary key,--学生id
  • 优秀的领导与差劲的领导 bijian1013 领导管理团队
    责任 优秀的领导：优秀的领导总是对他所负责的项目担负起责任。如果项目不幸失败了，那么他知道该受责备的人是他自己，并且敢于承认错误。 差劲的领导：差劲的领导觉得这不是他的问题，因此他会想方设法证明是他的团队不行，或是将责任归咎于团队中他不喜欢的那几个成员身上。 努力工作 优秀的领导：团队领导应该是团队成员的榜样。至少，他应该与团队中的其他成员一样努力工作。这仅仅因为他
  • js函数在浏览器下的兼容 Bill_chen jquery浏览器IEDWRext
      做前端开发的工程师，少不了要用FF进行测试，纯js函数在不同浏览器下，名称也可能不同。对于IE6和FF，取得下一结点的函数就不尽相同：   IE6：node.nextSibling,对于FF是不能识别的；   FF：node.nextElementSibling,对于IE是不能识别的； 兼容解决方式：var Div = node.nextSibl
  • 【JVM四】老年代垃圾回收：吞吐量垃圾收集器(Throughput GC) bit1129 垃圾回收
    吞吐量与用户线程暂停时间   衡量垃圾回收算法优劣的指标有两个： 吞吐量越高，则算法越好 暂停时间越短，则算法越好 首先说明吞吐量和暂停时间的含义。   垃圾回收时，JVM会启动几个特定的GC线程来完成垃圾回收的任务，这些GC线程与应用的用户线程产生竞争关系，共同竞争处理器资源以及CPU的执行时间。GC线程不会对用户带来的任何价值，因此，好的GC应该占
  • J2EE监听器和过滤器基础 白糖_ J2EE
    Servlet程序由Servlet，Filter和Listener组成，其中监听器用来监听Servlet容器上下文。 监听器通常分三类：基于Servlet上下文的ServletContex监听，基于会话的HttpSession监听和基于请求的ServletRequest监听。   ServletContex监听器 ServletContex又叫application
  • 博弈AngularJS讲义(16) - 提供者 boyitech jsAngularJSapiAngularProvider
      Angular框架提供了强大的依赖注入机制，这一切都是有注入器(injector)完成. 注入器会自动实例化服务组件和符合Angular API规则的特殊对象，例如控制器，指令，过滤器动画等。   那注入器怎么知道如何去创建这些特殊的对象呢？ Angular提供了5种方式让注入器创建对象，其中最基础的方式就是提供者(provider), 其余四种方式(Value, Fac
  • java-写一函数f(a,b)，它带有两个字符串参数并返回一串字符，该字符串只包含在两个串中都有的并按照在a中的顺序。 bylijinnan java
    public class CommonSubSequence { /** * 题目：写一函数f(a,b)，它带有两个字符串参数并返回一串字符，该字符串只包含在两个串中都有的并按照在a中的顺序。 * 写一个版本算法复杂度O(N^2)和一个O(N) 。 * * O(N^2)：对于a中的每个字符，遍历b中的每个字符，如果相同，则拷贝到新字符串中。 * O(
  • sqlserver 2000 无法验证产品密钥 Chen.H sqlwindowsSQL ServerMicrosoft
    在 Service Pack 4 (SP 4), 是运行 Microsoft Windows Server 2003、 Microsoft Windows Storage Server 2003 或 Microsoft Windows 2000 服务器上您尝试安装 Microsoft SQL Server 2000 通过卷许可协议 (VLA) 媒体。 这样做, 收到以下错误信息CD KEY的 SQ
  • [新概念武器]气象战争 comsci
           气象战争的发动者必须是拥有发射深空航天器能力的国家或者组织....        原因如下:        地球上的气候变化和大气层中的云层涡旋场有密切的关系,而维持一个在大气层某个层次
  • oracle 中 rollup、cube、grouping 使用详解 daizj oraclegroupingrollupcube
    oracle 中 rollup、cube、grouping 使用详解 -- 使用oracle 样例表演示 转自namesliu -- 使用oracle 的样列库，演示 rollup, cube, grouping 的用法与使用场景    --- ROLLUP ， 为了理解分组的成员数量，我增加了 分组的计数  COUNT(SAL)   
  • 技术资料汇总分享 Dead_knight 技术资料汇总 分享
    本人汇总的技术资料，分享出来，希望对大家有用。 http://pan.baidu.com/s/1jGr56uE 资料主要包含： Workflow->工作流相关理论、框架(OSWorkflow、JBPM、Activiti、fireflow...) Security->java安全相关资料(SSL、SSO、SpringSecurity、Shiro、JAAS...) Ser
  • 初一下学期难记忆单词背诵第一课 dcj3sjt126com englishword
    could 能够 minute 分钟 Tuesday 星期二 February 二月 eighteenth 第十八 listen 听 careful 小心的，仔细的 short 短的 heavy 重的 empty 空的 certainly 当然 carry 携带；搬运 tape 磁带 basket 蓝子 bottle 瓶 juice 汁，果汁 head 头；头部
  • 截取视图的图片, 然后分享出去 dcj3sjt126com OSObjective-C
    OS 7 has a new method that allows you to draw a view hierarchy into the current graphics context. This can be used to get an UIImage very fast. I implemented a category method on UIView to get the vi
  • MySql重置密码 fanxiaolong MySql重置密码
    方法一:  在my.ini的[mysqld]字段加入： skip-grant-tables 重启mysql服务，这时的mysql不需要密码即可登录数据库  然后进入mysql mysql>use mysql;  mysql>更新 user set password=password('新密码') WHERE User='root'; mysq
  • Ehcache（03）——Ehcache中储存缓存的方式 234390216 ehcacheMemoryStoreDiskStore存储驱除策略
    Ehcache中储存缓存的方式   目录 1     堆内存（MemoryStore） 1.1     指定可用内存 1.2     驱除策略 1.3     元素过期 2   &nbs
  • spring mvc中的@propertysource jackyrong spring mvc
      在spring mvc中，在配置文件中的东西，可以在java代码中通过注解进行读取了： @PropertySource  在spring 3.1中开始引入 比如有配置文件 config.properties mongodb.url=1.2.3.4 mongodb.db=hello 则代码中   @PropertySource(&
  • 重学单例模式 lanqiu17 单例Singleton模式
    最近在重新学习设计模式，感觉对模式理解更加深刻。觉得有必要记下来。 第一个学的就是单例模式，单例模式估计是最好理解的模式了。它的作用就是防止外部创建实例，保证只有一个实例。 单例模式的常用实现方式有两种，就人们熟知的饱汉式与饥汉式，具体就不多说了。这里说下其他的实现方式 静态内部类方式: package test.pattern.singleton.statics; publ
  • .NET开源核心运行时，且行且珍惜 netcome java.net开源
    背景 2014年11月12日，ASP.NET之父、微软云计算与企业级产品工程部执行副总裁Scott Guthrie，在Connect全球开发者在线会议上宣布，微软将开源全部.NET核心运行时，并将.NET 扩展为可在 Linux 和 Mac OS 平台上运行。.NET核心运行时将基于MIT开源许可协议发布，其中将包括执行.NET代码所需的一切项目——CLR、JIT编译器、垃圾收集器（GC）和核心
  • 使用oscahe缓存技术减少与数据库的频繁交互 Everyday都不同 Web高并发oscahe缓存
    此前一直不知道缓存的具体实现，只知道是把数据存储在内存中，以便下次直接从内存中读取。对于缓存的使用也没有概念，觉得缓存技术是一个比较”神秘陌生“的领域。但最近要用到缓存技术，发现还是很有必要一探究竟的。   缓存技术使用背景：一般来说，对于web项目，如果我们要什么数据直接jdbc查库好了，但是在遇到高并发的情形下，不可能每一次都是去查数据库，因为这样在高并发的情形下显得不太合理——
  • Spring+Mybatis 手动控制事务 toknowme mybatis
    @Override    public boolean testDelete(String jobCode) throws Exception {       boolean flag = false;  &nbs
  • 菜鸟级的android程序员面试时候需要掌握的知识点 xp9802 android
    熟悉Android开发架构和API调用 掌握APP适应不同型号手机屏幕开发技巧 熟悉Android下的数据存储  熟练Android Debug Bridge Tool 熟练Eclipse/ADT及相关工具  熟悉Android框架原理及Activity生命周期 熟练进行Android UI布局 熟练使用SQLite数据库； 熟悉Android下网络通信机制，S
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他