少莫千华
少莫千华

【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,网格布局中的动画,色相环,修改父元素属性)

  • 并发编程原理与实战（九）限流利器信号量的最佳实践分析 帧栈 Java并发编程java
    系统掌握并发编程系列（一）精准理解线程的创建和停止系统掌握并发编程系列（二）详解Thread类的主要属性和方法系统掌握并发编程系列（三）一步步剖析线程返回值系统掌握并发编程系列（四）详细分析传统并发协同方式（synchronized与wait()notify()）系统掌握并发编程系列（五）讲透传统并发协同方式伪唤醒与加锁失效问题系统掌握并发编程系列（六）详细讲解并发协同利器CountDownLat
  • 贺兰夜话（一）王二小的美好岁月（18） Gwen_f64c
    （十八）转过天，天刚蒙蒙亮，罗成酒醉醒来；说要赶早班车回省城。二小知道春播将至，队上每天都有去车站拉化肥的大车。跑到马号，见车去圈空。只好又跑到赵谝子家借车，得知晓华昨晚的事，心绪越发焦急不安。可是哥们还要送，罗成真是个难得的朋友。在车站分手前，罗成几乎调动起他所认知的语言，劝慰了二小。他说，你要像个爷们，当断则断才是男人、你把眼光放远点，别在一棵树吊死、人这一辈子，关键就是几步……见二小还是沉默
  • 大语言模型应用指南：网页实时浏览 AGI大模型与大数据研究院 AI大模型应用开发实战计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    大语言模型应用指南：网页实时浏览作者：禅与计算机程序设计艺术1.背景介绍1.1大语言模型的崛起1.1.1自然语言处理的发展历程1.1.2Transformer模型的突破1.1.3预训练语言模型的优势1.2网页浏览的痛点1.2.1信息过载与检索困难1.2.2内容理解与知识提取1.2.3个性化与智能化需求1.3大语言模型与网页浏览的结合1.3.1智能问答与对话系统1.3.2知识图谱与语义搜索1.3.3
  • Uniapp之自定义图片预览 会功夫的李白 #uniappuni-app前端javascript图片预览
    场景在一些场景，uniapp的原生图片预览无法满足要求，比如自定义图片预览元素。另外原生的图片预览无法阻止截屏问题。示例exportdefault{data(){return{allDownload:false}},onBackPress(){//返回时判断是否关闭图片预览，否则关闭并阻止返回if(this.$refs.preImgPopup.isOpen()){this.$refs.preImg
  • 年味中的身影 花香笛韵
    陈槟新年将至，街头年味越来越浓，熙熙攘攘的人群，穿梭往来的车辆，红灯悬挂的街道，一派喜气洋洋，预示着年的到来。这一天下午，我和女儿去超市，老远就看到那高大古朴的大新门不同往日。墙体红红的一片，远看像极了红红的门帘，那么夺目。和女儿快走几步，来到大新门下，我俩抬头仰视着，眼前顿觉一亮。女儿还没说话，我已惊喜地忍不住“哇呀”一声，接着“真好看！”各种感叹都跟着脱口而出。暖暖的红色，浓浓的年味，原来是那
  • C++11与MFC多线程控制：暂停与继续实践 征途阿韦
    本文还有配套的精品资源，点击获取简介：本项目深入探讨了在C++编程中，特别是在MFC框架下，如何管理和控制线程的暂停、继续和退出。涵盖了C++11标准库中std::thread的使用以及在MFC中CWinThread的继承和Run方法的重写。介绍了使用同步对象如条件变量、事件和信号量等实现线程暂停与继续的策略，并强调了线程退出的正确方式和多线程编程中的挑战，如同步、通信、避免死锁和竞态条件。1.C
  • 深度解析 QCS6490：硬件性能全揭秘
    前言在科技飞速发展的当下，物联网（IoT）和边缘计算领域不断涌现出创新的硬件解决方案。高通的QCS6490处理器，即高通Dragonwing™QCS6490处理器，便是其中的佼佼者，它专为高性能边缘计算而设计，为追求高性能、高连接性以及强大AI处理能力的企业和商业IoT应用提供了卓越的支持。今天，就让我们深入剖析QCS6490的硬件性能，从参数、实际性能表现到优化策略，全方位了解这款芯片的魅力。Q
  • AI驱动型论文搜索工具 司南锤 AI工具
    ✅一、AI驱动型论文搜索工具（强烈推荐）1.Consensus官网：consensus.app特点：输入自然语言问题（如“Doesgreenspacereduceurbanheatislandeffect?”），系统会自动返回论文中直接回答该问题的句子，标明支持/不支持的证据。适合人群：科研人员、政策制定者、想快速得到文献共识的人。2.ScispaceCopilot（原SemanticSchola
  • 树莓派vsftpd文件传输服务器的配置方法 czliutz 笔记linux服务器linuxftp
    在树莓派上安装和配置vsftpd（VerySecureFTPDaemon）服务器的步骤如下：1.安装vsftpd打开终端，执行以下命令安装vsftpd：sudoaptupdatesudoaptinstallvsftpd安装完成后，vsftpd会自动启动。可以通过以下命令验证服务状态：sudosystemctlstatusvsftpd2.备份原始配置文件在修改配置前，先备份原始配置文件：sudocp
  • python pywebview + vue3 做桌面端 妃衣 python开发语言
    pythonpywebview+vue3做桌面端Api.py#传给前端的api对象,定义了一个可以通过js调用退出当前应用的函数classApi:def__init__(self)->None:self._window=None#java运行的线程self.process=Nonedefset_process(self,_process):self.process=_processdefset_w
  • 水草缸雨林缸造景：水草缸养殖小技巧 养草的大灰狼
    导读：千姿百态的水草缸，有许许多多的元素构成。玩水草缸在于创造的乐趣。不同的水草和鱼搭配，达到的效果也不尽相同，水草有自己的属性，鱼对环境的要求也不同。现在天气比较寒冷，大家都不太爱动，但生活里还是得见点绿的不啃水草是水草缸选鱼的基本原则。适合草缸的鱼类多种多样，挑选前需先简单了解。选水草最好选择高低有致，这样搭配起来层次感强烈。可能有些人会说水草缸造景是不是需要一些美术功底，不然做不好，其实可能
  • 山娃的蜕变（77） 阊江水
    序《山娃的蜕变》，讲述了1998年，在私营经济蓬勃发展的温州，18岁的文白，一位从没出过远门的山里娃，只是因为有一个梦，受到电视和书的影响，独自一人闯荡温州的一些坎坷经历，让一位懵懂无知的山里孩子最终成为了一名敢想敢做的现代青年。图片发自App第七十七章语言不通交流难德行善念暖心肠文白什么都没带，就在隔壁小店买了牙刷牙膏毛巾，他们正在吃饭，老板是个很魁梧的大哥，大姐热情的问文白哪里人，哪天开业。文
  • 2023-09-25中原焦点学员李灵芝坚持分享第495天 越来越好崔
    透过应对问句所进行的重要觉察与练习，将会协助当事人建构对抗与处理困境的希望，动机与觉察，同时也将会帮助当事人离开受害者的位置。而以生存者，应对者的姿态来看待历经生命挑战中的自己。罗马并非一日造成的，问题的产生也并非一日，而就要问题立即消失是不可能的，要学会与问题共处，同时接受生命的限制是一个需要学习以勇气与智慧来承担的历程。自我照顾是人生而具有的本能，在这个过程中要强调自我照顾的能
  • 第二章 Linux常用命令及使用 胖虎大魔王
    目录操作cdusr/:切换到该目录下usr目录cd..:切换到上一层目录cd/:切换到系统根目录mkdir:目录名称创建目录ls:目录名称查询该目录下所有的目录和文件ls[-a]:目录名称查询该目录下所有的目录和文件,包含隐藏文件ls[-l]:目录名称查询该目录下所有的目录和文件的详细信息find/-name:目录名称查找/root下的目录(文件)mv:目录名称新目录名称修改目录名称mv:目录名称
  • 大鱼 周深 嵩鼠在大千世界
    《大鱼》周深(动画电影《大鱼海棠》印象曲)作词：尹约作曲：钱雷演唱：周深海浪无声将夜幕深深淹没漫过天空尽头的角落大鱼在梦境的缝隙里游过凝望你沉睡的轮廓看海天一色听风起雨落执子手吹散苍茫茫烟波大鱼的翅膀已经太辽阔我松开时间的绳索怕你飞远去怕你离我而去更怕你永远停留在这里每一滴泪水都向你流淌去倒流进天空的海底海浪无声将夜幕深深淹没漫过天空尽头的角落大鱼在梦境的缝隙里游过凝望你沉睡的轮廓看海天一色听风起
  • python的pywebview库结合Flask和waitress开发桌面应用程序简介 czliutz python笔记pythonflask开发语言
    pywebview的用途与特点用途pywebview是一个轻量级Python库，用于创建桌面应用程序（GUI）。它通过嵌入Web浏览器组件（如Windows的Edge/IE、macOS的WebKit、Linux的GTKWebKit），允许开发者使用HTML/CSS/JavaScript构建界面，并用Python处理后端逻辑。这种方式结合了Web技术的灵活性和Python的强大功能，适合快速开发跨平
  • 数据库管理-第316期 Oracle DB 23.8新特性一览（20250417） 胖头鱼的鱼缸（尹海文） Oracle数据库oracle
    数据库管理316期2025-04-17数据库管理-第316期OracleDB23.8新特性一览（20250417）1客户端完整支持稀疏向量2DBMS_HYBRID_VECTOR.GET_SQL函数3PL/SQL函数的动态统计信息4非ADB-S部署中的弹性向量内存管理5DBMS_HYBRID_VECTOR支持FILTER_BY6JSON类型定义功能增强：数据大小和数组规范7JSON到二元性迁移：提示
  • 网页源码保护助手 海洋网页在线加密：HTML 源码防复制篡改，密文安全如铜墙铁壁 小瑞软件库 开源软件软件构建电脑
    各位网页开发的大神们！今天给你们介绍个超厉害的东西——海洋网页在线加密，软件下载地址安装包它就是专门给咱网页开发者量身打造的代码保护神器啊！它的核心功能就是给HTML源码加密，能防止别人在咱没同意的情况下复制或者篡改代码内容。咱用户呢，直接把网页源代码复制到软件界面就行，然后它通过自动化加密流程，就能生成一堆谁也看不懂的密文。而且啊，它还支持把密文保存成TXT文件，或者直接嵌入到新网页里。这软件还
  • 00600 ora 关闭oracle_Oracle断电报错ORA-00600数据库无法打开的恢复 weixin_39758229 00600ora关闭oracle
    以下为一个ORACLE数据库因为断掉而引起ORA-00600错误的例子。造成ORA-00600[4000]错误的主要原因是因为系统掉电,或者数据库恢复不完全,导致system表空间的一些位的状态异常,导致bootstrap无法正常情况.以下是通过bbed方法,修改相关标志位,强制打开数据库的一种方法.但是由于数据库实际上已经处于非一致状态,强烈建议用户打开数据库后,通过将生产环境的数据导出后,重建
  • ReactJS与Node.js：前后端整合之道
    背景简介在当前的Web开发领域中，ReactJS作为前端框架的佼佼者，其组件化和声明式的编程方式广受开发者喜爱。而Node.js作为后端技术的热门选择，也因其实时、非阻塞I/O的特性而大放异彩。当ReactJS与Node.js结合时，我们可以构建出全栈的应用程序，实现从前端到后端的无缝对接。本文将从ReactJS与FacebookAPI的集成讲起，逐步过渡到使用Node.js来构建React应用的
  • 《调色师手册：电影和视频调色专业技法（第2版）》——布置调色工作间
    本节书摘来自异步社区《调色师手册：电影和视频调色专业技法（第2版）》一书中的第2章，布置调色工作间，作者【美】AlexisVanHurkman（阿列克谢·凡·赫克曼），译者高铭，陈华，更多章节内容可以访问云栖社区“异步社区”公众号查看。布置调色工作间观众观看节目所处的观影环境对于图像视觉效果的影响几乎与监视器质量带来的影响一样大。另一方面，你所使用的监视器种类也决定了你需要怎样布置房间。如果你在对
  • 2020-10-29：你眼中的问题，其实是他人的解决方案 光华同学
    所谓说服，就是把他人从固有的路径中拉出来。这个太难了。人人都有“路径依赖”，人人也都有“损失厌恶”，不管你指点的那条路多好，你的道理有多对，你都低估了他陷在现有网络中的深度。就比如说，你想劝一个人戒烟。你用“吸烟有害健康”的道理说他有用吗？黄执中讲过一句话，我多次引用过：你眼中的问题，其实是他人的解决方案。比如，你觉得孩子沉迷游戏，这是个问题。但是你想，在孩子的眼中，这是他没有成就感的解决方案。再
  • Mybatis学习之简介（一） PP东 数据库Javamybatis学习oracle
    一、MyBatis特性MyBatis是一个半自动的ORM（ObjectRelationMapping）框架。（ORM，对象关系型映射，用于在面向对象编程语言和关系型数据库之间建立映射关系）。MyBatis虽然自动化程度相对较低但是灵活性相对较高。Mybatis简化了与数据库的连接过程，因为其内部封装了JDBC的链接过程，所以无需手动建立和管理连接，这使得开发者能够专注于业务逻辑的实现。Mybati
  • [架构之美]手动搭建Vue3 前端项目框架 曼岛_ 成长之路前端
    [架构之美]手动搭建Vue3前端项目框架我们将手动创建一个完整的Vue前端项目，包含基础结构、路由、状态管理和UI组件。下面是实现方案：一.项目结构设计1.1项目架构设计my-vue-project/├──public/│├──index.html│└──favicon.ico├──src/│├──assets/││└──logo.png││├──main.css│├──components/││
  • [Java实战]Spring Boot 3实战：使用QQ邮箱发送精美HTML邮件（四十三） 曼岛_ Java实战javaspringboot邮件
    [Java实战]SpringBoot3实战：使用QQ邮箱发送精美HTML邮件（四十三）本文将详细介绍如何在SpringBoot3中配置QQ邮箱发送专业的HTML格式邮件，解决实际开发中的邮件发送问题。一、结果验证1.1接口调用1.2邮箱查收二、QQ邮箱配置关键点2.1QQ邮箱特殊配置要求QQ邮箱与其他邮箱服务不同，需要特别注意：必须使用授权码而非登录密码需要启用SSL加密连接端口使用465（SSL
  • 开源模型应用落地-全能音频新纪元-Kimi-Audio-7B-Instruct-重塑多模态交互边界 开源技术探险家 开源模型-实际应用落地开源音视频AIGCagi
    一、前言在AI技术持续突破的2025年，音频交互正从单一任务处理迈向全场景融合的新阶段。4月27日，月之暗面（MoonshotAI）开源的Kimi-Audio-7B-Instruct，以“全能音频通才”之姿，为这一进程树立了里程碑式标杆。这款基于70亿参数架构的模型，首次在单一框架内整合语音识别（ASR）、情感分析（SER）、跨语言对话、语音生成（TTS）等十余项任务，并通过12.5Hz混合标记器
  • 【031】2020.12.13 周日 Java类文件结构 算法成瘾者
    Java类文件结构1.无关性基石虚拟机和字节码存储格式2.Class类文件的结构2.1）定义Class文件是一组以8字节为基础单位的二进制流2.2）Class文件格式：类似于C语言结构体的伪结构存储两种数据类型无符号数u1,u2,u4,u8表_info结尾某一类型的“集合”2.3)魔数与Class文件的版本魔数定义：每个Class文件的头4个字节被称为“魔数”(magicnumber)作用：确定是
  • 《我把你的青春带走》18 一笑东方
    第十八章哥哥妹妹真真情话绵绵，挑挑拣拣好似木兰出征。“对不起啊，来到这类地方，我的思绪肯定是发散的，对不住啊！”“那就不要看了，你回去玩穿越得了。”“可是你知道，如果我能穿越，我就是小说。”“不，哥哥，你是神话！”“不，妹妹，哥只是个传说！”“不，哥哥，你是艺术。”“不，妹妹，艺术是我。”“别废话了，回去跪键盘，Word文档不准打出字！”我瞬间无语了，在语言的杀伤力上，我甘拜下风！“好了，才不会让
  • [数据库优化] 10个MySQL/MariaDB索引优化技巧：大幅提升查询性能 Clownseven 数据库mysqlmariadb
    更多服务器知识，尽在hostol.com你的网站或应用程序是不是经常因为数据库查询缓慢而让用户等到“地老天荒”？CPU占用率不高，内存也足够，服务器看起来一点都不忙，但页面就是出奇地慢？如果你遇到了这种情况，那么恭喜你（也可能是不幸），你很可能遇到了数据库性能优化中最常见也最关键的一环——索引问题！很多开发者和初级DBA（数据库管理员）可能会觉得索引这东西“玄之又玄”，或者简单粗暴地给每个列都加上
  • MySQL（1） 哪里不会点哪里. MySQLmysql数据库
    目录数据库的简介MySQL数据库的安装和卸载MySQL数据库概念SQL语言（操作数据库）SQL的分类数据库的操作（CURD）创建数据库（重点）查看数据库（重点）删除数据库（重点）修改数据库表结构操作（CURD）创建表数据库的数据类型（重点）单表的约束（了解）删除和查看表修改表数据的操作（CRUD）（重点）插入数据（insert）MySQL插入中文数据乱码修改数据（update）删除数据（delet
  • 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其他