JS.Huang
JS.Huang

【CSS3】transfrom 的使用

CSS3 transfrom:

  • 浏览器坐标系
  • transfrom 的特点
  • transfrom 的属性值
    • 平移 translate
    • 旋转 rotate
    • 缩放 scale
    • 倾斜 skew
  • transfrom 复合写法注意事项
  • transform-origin
  • position: relative & transfrom
  • 3D效果的实现
    • perspective
    • perspective-origin
    • transform-style
        • eg：画一个立方体

浏览器坐标系

  • x 轴：左 → 右
  • y 轴：上 → 下
  • z 轴：里 → 外

transfrom 的特点

  • 不会脱离文档流，即不会影响页面的布局
  • 可以优化动画的性能
  • 默认以元素自身的中心位置为原点

transfrom 的属性值

transfrom 应用于元素的 2D / 3D 转换。这个属性允许你将元素旋转，缩放，移动，倾斜等

平移 translate

  • translate(x, y) / (x)：x、y 分别控制元素在 x、y 轴上的平移
  • translateY()：在 Y 轴上平移
  • translateX()：在 X 轴上平移
  • translateZ()：在 Z 轴上平移
  • 单位：px、% (相对于自己而言)

旋转 rotate

  • rotate() / rotateZ() → Z 轴
  • rotateX() → X 轴
  • rotateY() → Y 轴
  • 单位：deg (度数)

缩放 scale

  • scale(x, y) / (x & y)：x、y 分别控制元素宽度、高度的倍数
    • 小于 1 缩小；大于 1 放大 (元素里面的内容也会跟着变化)
    • 负数-镜像倒置，相当于绕 Z 轴旋转了180度

倾斜 skew

  • skew(x, y) / (x)：x、y 分别控制元素绕 x、y 轴翻转的度数
  • skewX()
  • skewY()
  • 单位：deg

transfrom 复合写法注意事项

  • 元素的 X、Y 轴的方向是根据元素确定的，所以旋转后 x、y 轴的方向会改变
  • 渲染顺序符合队列 → 即先写先生效，后写后生效
  • eg：transform: rotate(30deg) rotateX(30deg) rotateY(30deg);

transform-origin

  • 用于设置原点的位置，能影响元素的旋转、缩放、倾斜

  • 该属性必须和 transform 属性一起使用

transform-origin: 0 0; /* 设置圆心位置 */
transform-origin: center;
  • x y：设置原点所在的 x、y 轴的位置（单位：px、%
  • left、right、bottom、top、center 中的 1~2 个
    • left top → 0% 0% → 元素的左上角
    • right bottom → 100% 100% → 元素的右下角
  • 默认是 center → 50% 50% → 元素的中间

position: relative & transfrom

  • 相同点：都不会脱离文档，即不会影响页面的布局
  • 差别：transform 可以优化动画的性能

position 会引起网页的重排，transform 只会引起网页的重绘

3D效果的实现

perspective

  • 即视距，也叫景深；就是我们离显示器的距离，数值越大，离我们越远
  • 给父级标签设置景深，这时这个父级元素叫做 “舞台元素”，我们相当于站到父级元素上看他的子元素，会有 “近大远小” 的视觉效果
  • 默认值是 none，即没有 3D 视觉效果
  • 如果他的子元素也设置了 perspective，视觉效果会叠加

perspective-origin

  • 定义 3D 元素所基于的 X 轴和 Y 轴
  • 当为元素定义 perspective-origin 属性时，其子元素会获得透视效果
  • 注意：使用此属性必须先使用 perspective 属性，而且只影响 3D 转换元素

transform-style

  • 给父级元素设置 transform-style: preserve-3d; 表示将子元素呈现在三维空间中，这时该元素叫 “容器”
  • 默认值是 flat，表示将子元素呈现在二维空间中
  • 注意：使用此属性必须先使用 transform 属性
eg：画一个立方体
  1. 设置 perspective，设置景深
  2. 设置 transform-style，进行 3D 填充
  3. 设置 transform，绘制正方体
  4. 设置 animation，设置动画效果
DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index2.css">
    <title>Documenttitle>
head>

<body>
    <ul>
        <li class="front">前li>
        <li class="rear">后li>
        <li class="left">左li>
        <li class="right">右li>
        <li class="up">上li>
        <li class="down">下li>
    ul>
body>

html>

* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

/* 舞台元素 */
body {
    /* 设置景深 */
    perspective: 1000px;
}

/* 容器 */
ul {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 100px auto;
    animation: rotate 10s infinite linear;
    /* 进行3d填充 */
    transform-style: preserve-3d;
}

/* 制作动画效果 */
@keyframes rotate {
    to {
        transform: rotateX(360deg) rotateY(360deg) rotate(360deg);
    }
}

ul li {
    line-height: 200px;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    border: 1px solid #000;
    background-color: rgba(70, 187, 152, .5);
}

ul li.front {
    transform: translateZ(100px);
}

ul li.rear {
    transform: translateZ(-100px);
}

ul li.left {
    transform: translate(-50%) rotateY(-90deg);
}

ul li.right {
    transform: translate(50%) rotateY(90deg);
}

ul li.up {
    transform: translateY(-50%) rotateX(90deg);
}

ul li.down {
    transform: translateY(50%) rotateX(90deg);
}

你可能感兴趣的:(CSS,笔记,css3)

  • 《CPython Internals》阅读笔记：p336-p352 codists 读书笔记python
    《CPythonInternals》学习第17天，p336-p352总结，总计17页。一、技术总结1.GDBGDB是GNUDbugger的缩写。(1)安装sudoaptinstallgdb(2)创建.gdbinit文件touch~/.gdbinitvim~/.gdbinit(3)配置.gdbinit文件add-auto-load-safe-path/project/cpython注：1./proj
  • CSS语言的编程范式 ByteBlossom666 包罗万象golang开发语言后端
    CSS语言的编程范式引言随着互联网的发展，网络应用和网站的数量不断增加，前端开发的复杂性也在日益增加。在前端开发中，CSS（层叠样式表）作为一种描述文档外观的语言，扮演着至关重要的角色。虽然CSS语言的设计初心是为HTML文档提供样式和布局，但在实际使用中，它的表达能力与编程范式的结合，使得我们能够以更加高效和灵活的方式来构建用户界面。本文将深入探讨CSS语言的编程范式，分析其基本概念、特点、应用
  • Tailwind CSS—骨架屏生成器 前端javascript
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读使用TailwindCSS快速创建现代化的骨架屏，只需要这个简单的工具。我一直在寻找方法，让我的网站更加引人入胜和用户友好。其中最简单而又最有效的方法之一，就是加入骨架加载器——那些灰色的、闪烁的方框，在内容加载时显示。它们帮助用户获得更流畅的体验，让他们觉得网站加载速度比实际快。这些骨架加载器是一个不错的补充，但从零开始设计它们却
  • Python的输入函数input() 蜗牛_Chenpangzi Python学习笔记总集python字符串编程语言
    前言此篇文章是我在B站学习时所做的笔记，部分为亲自动手演示过的，方便复习用。此篇文章仅供学习参考。提示：以下是本篇文章正文内容，下面案例可供参考input函数input函数的基本使用#输入函数inputpresent=input('大圣想要什么礼物呢?')print(present,
  • QUARTUS使用之2： signaltap笔记 weixin_39274156 signaltapFPGAalteraquatusiisignaltap
    signaltap笔记时间：2019年10月23日地点：苏州前言之前一直使用chipscope有四年时间，习惯了ISE的CDC使用，我个人的习惯是当FPGA编译时间小于十五分钟时，更愿意使用在线逻辑分析仪，这样的结果更真实，当然Modelsim仿真是很重要的。但是最近工作需要使用ALTERA的FPGA芯片，这就需要我学会使用quartus,我个人认为signaltap在线逻辑分析仪是必须要掌握的软
  • Python笔记 Lucky_1129 笔记python笔记
    Python笔记1.Python数组和列表的区别1.创建方式不同列表可以直接创建，数组需要引用numpy包2.存储对象不同列表可以存储任何的对象，包括数字，字符串，数组，字典等等数组只能存储单一的数据类型3.运算方式不同数组可以进行四则运算，列表只能使用加号进行拼接，拼接之后形成一个新的列表4.运算效率不同array数组是为了精确便捷的处理庞大的类似的数据而产生的，他的存储效率要比列表快着很多2.
  • 《CPython Internals》阅读笔记：p336-p352 python
    《CPythonInternals》学习第17天，p336-p352总结，总计17页。一、技术总结1.GDBGDB是GNUDbugger的缩写。(1)安装sudoaptinstallgdb(2)创建.gdbinit文件touch~/.gdbinitvim~/.gdbinit(3)配置.gdbinit文件add-auto-load-safe-path/project/cpython注：1./proj
  • Vue 全局自适应大小：使用 postcss-pxtorem 前端程序猿i vue.jspostcss前端
    在现代前端开发中，响应式设计已经成为不可或缺的一部分。尤其是在移动设备的普及下，保证网页在各种屏幕尺寸下的显示效果变得尤为重要。Vue.js作为一个流行的前端框架，能够很方便地实现响应式设计。而在这方面，postcss-pxtorem是一个非常有用的工具，它可以将px单位自动转换为rem单位，从而实现更好的自适应布局。本文将介绍如何在Vue项目中使用postcss-pxtorem实现全局自适应大小
  • Java入门笔记（1） 王磊鑫 java笔记开发语言
    引言在计算机编程的广袤宇宙中，Java无疑是一颗格外耀眼的恒星。那么，Java究竟是什么呢？Java是美国Sun公司（StanfordUniversityNetwork）在1995年推出的一门计算机高级编程语言。曾经辉煌的Sun公司在2009年被Oracle（甲骨文）公司收购，但Java的影响力并未因此而衰减。普遍认同Java的联合创始人之一詹姆斯·高斯林（JamesGosling）为“Java之
  • WPF项目：xaml笔记 敲代码的TKP wpf笔记
    1.设置页面无标题栏/全屏/禁止用户调整大小WindowStyle="None"设置页面无标题栏WindowState="Maximized"设置页面全屏最大化ResizeMode="NoResize"禁止用户调整大小注：页面非全屏（小窗口）时，想取消标题栏，必须禁止用户调整大小，否则会有白边
  • selenium框架 你们的好朋友大强 测试开发python功能测试selenium
    selenium（仅作为个人笔记，如有雷同，请联系删除。。）1、Selenium的特点：开源、免费，多浏览器支持，多平台支持，多语言支持，对Web页面有良好的支持，API简单，灵活(用开发语言驱动)，支持分布式测试用例执行。2、Windows下的测试环境搭建：安装Python；安装setuptools与pip（注：Python3不支持setuptools，但已经集成了pip）安装Selenium：
  • 我的ROS学习笔记（四） zenpluck 自动驾驶c++
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档publisher程序代码学习前言一、包含消息类型声明二、创建发布者对象三、创建并填充消息对象四、发布消息五、消息发布循环1.节点是否停止工作的检查2.控制消息发布频率总结前言发布者程序包含了很多之前不懂的知识，刚开始也许只能复制粘贴代码来运行实例，但最终目的还是为了自己能够编写这些代码。因此，弄明白哪部分代码是什么意思非常有必要，不
  • [论文笔记]自监督sketch-to-image生成：Self-Supervised Sketch-to-Image Synthesis 沉迷单车的追风少年 深度学习-计算机视觉sketch深度学习计算机视觉
    前言：2020年顶会同时出现了两篇很有意思的论文《Self-SupervisedSketch-to-ImageSynthesis》和《UnsupervisedSketch-to-PhotoSynthesis》，分别用自监督和无监督的方法做sketch-to-image生成，可以说是GANs在这一任务中表现的巅峰。目录主要贡献主要工作域转换模型TOMPS：边缘图、铅笔画图、草图sketch之间的区别
  • 【论文笔记】：DuBox: No-Prior Box Objection Detection via Residual Dual Scale Detectors Activewaste #Anchor-free#特征层面#小目标检测DuBoxanchor-free
    &Title:DuBox:No-PriorBoxObjectionDetectionviaResidualDualScaleDetectorsGithubaddrNone&Summary介绍了一种新的一阶段检测方法Dubox，它可以在没有先验框的情况下检测物体。设计的双尺度残差单元具有多尺度特性，使双尺度检测器不再独立运行。高层检测器学习低层检测器的残差。Dubox增强了启发式引导的能力，进一步使
  • DELL笔记本UEFI+GPT安装Win10与CentOS双系统 wespten LinuxSRE运维部署与监控系统性能指标故障排除centoslinux运维
    在正式安装前，要知道的几个信息。电脑是uefi启动还是传统的LegacyBIOS启动开机按F2，进入bios，在boot项中，bootmode为UEFI，则为uefi启动方式。也可以通过按下win+r打开运行，输入cmd打开命令提示符，输入bcdedit/enum{current}按回车执行；如果path路径是winload.efi，则说明系统是通过UEFI模式启动。如果时winload.exe，
  • 搭建vue项目 LYy0 vue.js前端javascript
    一、VueVue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。二、环境1.nodejs环境:下载地址三、创建Vue应用创建的项目将使用基于Vite的构建设置，并允许我们使用Vue的单文件组件(SFC)。$npmcreatevue@l
  • 学习笔记之——3DGS-SLAM系列代码解读 gwpscut 3DGaussianSplatting(3DGS)3DGS深度学习三维重建计算机视觉3d
    最近对一系列基于3DGaussianSplatting（3DGS）SLAM的工作的源码进行了测试与解读。为此写下本博客mark一下所有的源码解读以及对应的代码配置与测试记录~其中工作1~5的原理解读见博客：学习笔记之——3DGaussianSplatting及其在SLAM与自动驾驶上的应用调研_3dgaussiansplattingslam-CSDN博客文章浏览阅读5.3k次，点赞53次，收藏92
  • Linux-Ubuntu入门笔记 LeoJamLin linuxlinux
    一.linux操作系统概述1.常见操作系统-服务端操作系统：linux、unix、windowsserver-单机操作系统：windows（dos、ucdos、win95、win98、win2000、xp、vista、win7、win8）MAC、linux（ubuntu）-移动操作系统Android、IOS、Windowsphone2.linux操作系统介绍-为什么要学习linux操作系统1.大部
  • 25/1/22 算法笔记＜ROS2＞ TF变换 青椒大仙KI11 笔记
    TF（Transform）是ROS（RobotOperatingSystem）中的一个核心功能，用于管理和发布坐标系之间的变换关系。TF的主要作用是描述机器人系统中各个部分（如传感器、执行器、底盘等）之间的位置和姿态关系，从而实现数据的统一和模块化。静态TF（StaticTransform）是ROS（RobotOperatingSystem）中用于描述两个坐标系之间固定不变的变换关系的一种机制。静
  • 《CANOpen》 学习笔记3 wumingdezu CANopenCANopensdo通信
    《CANOpen》学习笔记3《CANOpen协议——SDO介绍》注：这里的SDO模式有点类似于TCP/IP中的TCP模式。即『服务器-客户端』模式本文主要以一个实例进行讲解。1.目的：实现节点2的数据传送到节点32.手段：使用SDO进行传送SDO不能实现从节点之间的数据直接传送3.分析：SDO通讯可以描述成客户/服务器模式，SDO的客户/服务器通讯模式如图所示。两个节点中请求进行读写操作的节点为客
  • CANopen学习笔记 卡钦斯基 通信协议网络
    1.CANopen的预定义报文ID分类CANopen在设计时，对其定义为小网络、控制信号的实时通讯：报文传输采用CAN标准帧格式。即11bit的ID域，以尽量减小传输时间。网络控制报均采用数据最小字节数。比如心跳报文，只有1个字节数据。实时更新的过程数据无需接收方报文应答。即采用生产消费模型，降低总线负载。需要接收方确认的配置参数一般都时采用快速单字传输。即1个报文最多传达1个32bit的参数变量
  • Python笔记1.2（open、logging、os、shutil、glob、decode、encode、pickle、tqdm） qq742234984 python笔记数据库
    Python笔记1.1（datetime、argparse、sys、overwrite、eval、json、os、zfill、endswith、traceback、深浅拷贝）Python笔记2（函数参数、面向对象、装饰器、高级函数、捕获异常、dir）Python笔记1.214、withopen()asfile和open()参数详解15、logging日志的等级logging.basicConfig
  • 如何使用 Emmet 快捷方式提高开发效率 木觞清 javascripthtml5css3
    前端开发是一个高度依赖效率的领域，开发者们常常需要处理大量的HTML和CSS代码。为了解决重复工作和提高开发效率，Emmet快捷方式应运而生。Emmet作为一款强大的前端工具，能够通过简化的快捷命令快速生成HTML和CSS结构，极大地提升了开发者的编码速度。本文将介绍如何在日常开发中使用Emmet，帮助你节省宝贵的时间。什么是Emmet快捷方式？Emmet是一款广泛应用于前端开发的插件，它通过一系
  • STM32学习和实践笔记（28）：printf重定向实验 复业思维20240108 STM32stm32学习笔记
    1.printf重定向简介在C语言中printf函数里，默认输出设备是显示器，如果想要用这个函数将输出结果到串口或者LCD上显示，就必须重定义标准库函数里中printf函数调用的与输出设备相关的函数。比如要使用printf输出到串口，需要先将fputc函数里面的输出指向串口,这个更改就叫重定向。
  • uniapp 小程序目录搭建以及 pages.json 配置 YZRHANYU uniapp+微信小程序jsonuni-app小程序
    uniapp小程序目录搭建1.分包结构├──api各个模块接口文件夹├──login.js登录模块接口文件├──common公共模块，包含公共基础css等├──base.css公共基础css├──components主包当中使用的组件或者复用率较高的组件作为全局组件├──node_modulesnodejs相关依赖包文件目录├──pages主包:业务页面文件存放的目录├──common├──sys
  • 读后感：《The Missing README: A Guide for the New Software Engineer》 rongqing2019 读后感软件工程
    最近在读一本书，中文版的书名叫《程序员的README》，我觉得非常有收获，但是觉得标题翻译的不好，原名就见名知意，这本书是在阿里云开发者公众号上看到了一篇读书笔记让我觉得这本书的内容真好（读书笔记｜程序员的README），自己正在实习，这个“README文档”帮助我慢慢解开了一直以来的疑惑，完整的介绍了现代软件工程的细节，边工作边看，具象了许多。先简单介绍一下作者ChrisRiccomini（详细
  • 前端——Html+CSS 逆风局？ css前端html5
    目录CSS引入方式颜色表达方式CSS选择器去掉超链接的下划线路径表示行高和首行缩进常见标签布局标签flex布局表单标签表单项标签改变鼠标指针的样式表格标签div{box-sizing:border-box;}CSS引入方式具体有3种引入方式，语法如下表格所示：名称语法描述示例行内样式在标签内使用style属性，属性值是css属性键值对。中国新闻网内部样式定义标签，在标签内部定义css样式。h1{.
  • 《CMake实践》笔记三：构建静态库(.a) 与 动态库(.so) 及 如何使用外部共享库和头文件【转】... 嵌入式小庄老师 c++开发语言
    本文转载自：五、静态库与动态库构建读者云，太能罗唆了，一个HelloWorld就折腾了两个大节。OK，从本节开始，我们不再折腾HelloWorld了，我们来折腾HelloWorld的共享库。本节的任务：１、建立一个静态库和动态库，提供HelloFunc函数供其他程序编程使用，HelloFunc向终端输出HelloWorld字符串。２、安装头文件与共享库。(一)、准备工作：在/backup/cmak
  • 【Python】edge文件转csv文件 海轰Pro 唯有努力Pythonpython开发语言
    目录简介问题场景解决方案结语简介Hello！非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～ଘ(੭ˊᵕˋ)੭昵称：海轰标签：程序猿｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，获得过国家奖学金，有幸在竞赛中拿过一些国奖、省奖…已保研学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！唯有努力本文仅记录自己感兴趣的内容问题场景存在一个类型为edge的文件需要转化为格
  • threejs 复习笔记 three.js
    import*asTHREEfrom'https://unpkg.com/[email protected]/build/three.module.js'import{OrbitControls}from'https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/OrbitControls.js'import{OrbitCon
  • java线程Thread和Runnable区别和联系 zx_code javajvmthread多线程Runnable
    我们都晓得java实现线程2种方式，一个是继承Thread，另一个是实现Runnable。 模拟窗口买票，第一例子继承thread，代码如下 package thread; public class ThreadTest { public static void main(String[] args) { Thread1 t1 = new Thread1(
  • 【转】JSON与XML的区别比较 丁_新 jsonxml
    1.定义介绍 (1).XML定义 扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。 XML是标
  • c++ 实现五种基础的排序算法 CrazyMizzz C++c算法
    #include<iostream> using namespace std; //辅助函数，交换两数之值 template<class T> void mySwap(T &x, T &y){ T temp = x; x = y; y = temp; } const int size = 10; //一、用直接插入排
  • 我的软件 麦田的设计者 我的软件音乐类娱乐放松
         这是我写的一款app软件，耗时三个月，是一个根据央视节目开门大吉改变的，提供音调，猜歌曲名。1、手机拥有者在android手机市场下载本APP，同意权限，安装到手机上。2、游客初次进入时会有引导页面提醒用户注册。（同时软件自动播放背景音乐）。3、用户登录到主页后，会有五个模块。a、点击不胫而走，用户得到开门大吉首页部分新闻，点击进入有新闻详情。b、
  • linux awk命令详解 被触发 linux awk
    awk是行处理器: 相比较屏幕处理的优点，在处理庞大文件时不会出现内存溢出或是处理缓慢的问题，通常用来格式化文本信息 awk处理过程: 依次对每一行进行处理，然后输出 awk命令形式: awk [-F|-f|-v] ‘BEGIN{} //{command1; command2} END{}’ file [-F|-f|-v]大参数，-F指定分隔符，-f调用脚本，-v定义变量 var=val
  • 各种语言比较 _wy_ 编程语言
                        Java Ruby PHP 擅长领域                  
  • oracle 中数据类型为clob的编辑 知了ing oracle clob
    public void updateKpiStatus(String kpiStatus,String taskId){ Connection dbc=null; Statement stmt=null; PreparedStatement ps=null; try { dbc = new DBConn().getNewConnection(); //stmt = db
  • 分布式服务框架 Zookeeper -- 管理分布式环境中的数据 矮蛋蛋 zookeeper
    原文地址： http://www.ibm.com/developerworks/cn/opensource/os-cn-zookeeper/ 安装和配置详解 本文介绍的 Zookeeper 是以 3.2.2 这个稳定版本为基础，最新的版本可以通过官网 http://hadoop.apache.org/zookeeper/来获取，Zookeeper 的安装非常简单，下面将从单机模式和集群模式两
  • tomcat数据源 alafqq tomcat
    数据库 JNDI(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。 没有使用JNDI时我用要这样连接数据库： 03.  Class.forName("com.mysql.jdbc.Driver");  04.  conn
  • 遍历的方法 百合不是茶 遍历
                                                          遍历 在java的泛
  • linux查看硬件信息的命令 bijian1013 linux
    linux查看硬件信息的命令 一.查看CPU： cat /proc/cpuinfo   二.查看内存： free   三.查看硬盘： df   linux下查看硬件信息 1、lspci 列出所有PCI 设备； lspci - list all PCI devices:列出机器中的PCI设备（声卡、显卡、Modem、网卡、USB、主板集成设备也能
  • java常见的ClassNotFoundException bijian1013 java
    1.java.lang.ClassNotFoundException: org.apache.commons.logging.LogFactory   添加包common-logging.jar2.java.lang.ClassNotFoundException: javax.transaction.Synchronization    
  • 【Gson五】日期对象的序列化和反序列化 bit1129 反序列化
    对日期类型的数据进行序列化和反序列化时，需要考虑如下问题：   1. 序列化时，Date对象序列化的字符串日期格式如何 2. 反序列化时，把日期字符串序列化为Date对象，也需要考虑日期格式问题 3. Date A -> str -> Date B,A和B对象是否equals   默认序列化和反序列化     import com
  • 【Spark八十六】Spark Streaming之DStream vs. InputDStream bit1129 Stream
      1. DStream的类说明文档：   /** * A Discretized Stream (DStream), the basic abstraction in Spark Streaming, is a continuous * sequence of RDDs (of the same type) representing a continuous st
  • 通过nginx获取header信息 ronin47 nginx header
    1. 提取整个的Cookies内容到一个变量，然后可以在需要时引用，比如记录到日志里面， if ( $http_cookie ~* "(.*)$") {         set $all_cookie $1; }     变量$all_cookie就获得了cookie的值，可以用于运算了
  • java-65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999 bylijinnan java
    参考了网上的http://blog.csdn.net/peasking_dd/article/details/6342984 写了个java版的： public class Print_1_To_NDigit { /** * Q65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999 * 1.使用字符串
  • Netty源码学习-ReplayingDecoder bylijinnan javanetty
    ReplayingDecoder是FrameDecoder的子类，不熟悉FrameDecoder的，可以先看看 http://bylijinnan.iteye.com/blog/1982618 API说，ReplayingDecoder简化了操作，比如： FrameDecoder在decode时，需要判断数据是否接收完全： public class IntegerH
  • js特殊字符过滤 cngolon js特殊字符js特殊字符过滤
    1.js中用正则表达式 过滤特殊字符, 校验所有输入域是否含有特殊符号function stripscript(s) {    var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）&mdash;—|{}【】‘；：”“'。，、？]"
  • hibernate使用sql查询 ctrain Hibernate
    import java.util.Iterator; import java.util.List; import java.util.Map; import org.hibernate.Hibernate; import org.hibernate.SQLQuery; import org.hibernate.Session; import org.hibernate.Transa
  • linux shell脚本中切换用户执行命令方法 daizj linuxshell命令切换用户
    经常在写shell脚本时，会碰到要以另外一个用户来执行相关命令，其方法简单记下：   1、执行单个命令：su - user -c "command" 如：下面命令是以test用户在/data目录下创建test123目录 [root@slave19 /data]# su - test -c "mkdir /data/test123" 
  • 好的代码里只要一个 return 语句 dcj3sjt126com return
    别再这样写了：public boolean foo() {    if (true) {         return true;     } else {          return false;    
  • Android动画效果学习 dcj3sjt126com android
    1、透明动画效果 方法一：代码实现 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_main, container, fals
  • linux复习笔记之bash shell (4)管道命令 eksliang linux管道命令汇总linux管道命令linux常用管道命令
    转载请出自出处： http://eksliang.iteye.com/blog/2105461     bash命令执行的完毕以后，通常这个命令都会有返回结果，怎么对这个返回的结果做一些操作呢？那就得用管道命令‘|’。     上面那段话，简单说了下管道命令的作用，那什么事管道命令呢？     答：非常的经典的一句话，记住了，何为管
  • Android系统中自定义按键的短按、双击、长按事件 gqdy365 android
    在项目中碰到这样的问题： 由于系统中的按键在底层做了重新定义或者新增了按键，此时需要在APP层对按键事件（keyevent）做分解处理，模拟Android系统做法，把keyevent分解成： 1、单击事件：就是普通key的单击； 2、双击事件：500ms内同一按键单击两次； 3、长按事件：同一按键长按超过1000ms（系统中长按事件为500ms）； 4、组合按键：两个以上按键同时按住；
  • asp.net获取站点根目录下子目录的名称 hvt .netC#asp.nethovertreeWeb Forms
    使用Visual Studio建立一个.aspx文件(Web Forms)，例如hovertree.aspx,在页面上加入一个ListBox代码如下： <asp:ListBox runat="server" ID="lbKeleyiFolder" />   那么在页面上显示根目录子文件夹的代码如下： string[] m_sub
  • Eclipse程序员要掌握的常用快捷键 justjavac javaeclipse快捷键ide
      判断一个人的编程水平，就看他用键盘多，还是鼠标多。用键盘一是为了输入代码（当然了，也包括注释），再有就是熟练使用快捷键。   曾有人在豆瓣评 《卓有成效的程序员》：“人有多大懒，才有多大闲”。之前我整理了一个 程序员图书列表，目的也就是通过读书，让程序员变懒。  写道 程序员作为特殊的群体，有的人可以这么懒，懒到事情都交给机器去做，而有的人又可
  • c++编程随记 lx.asymmetric C++笔记
     为了字体更好看，改变了格式……   &&运算符：   #include<iostream> using namespace std; int main(){      int a=-1,b=4,k;      k=(++a<0)&&!(b--
  • linux标准IO缓冲机制研究 音频数据 linux
    一、什么是缓存I/O(Buffered I/O)缓存I/O又被称作标准I/O,大多数文件系统默认I/O操作都是缓存I/O。在Linux的缓存I/O机制中，操作系统会将I/O的数据缓存在文件系统的页缓存(page cache)中，也就是说，数据会先被拷贝到操作系统内核的缓冲区中，然后才会从操作系统内核的缓冲区拷贝到应用程序的地址空间。1.缓存I/O有以下优点:A.缓存I/O使用了操作系统内核缓冲区，
  • 随想 生活 暗黑小菠萝 生活
    其实账户之前就申请了，但是决定要自己更新一些东西看也是最近。从毕业到现在已经一年了。没有进步是假的，但是有多大的进步可能只有我自己知道。   毕业的时候班里12个女生，真正最后做到软件开发的只要两个包括我，PS：我不是说测试不好。当时因为考研完全放弃找工作，考研失败，我想这只是我的借口。那个时候才想到为什么大学的时候不能好好的学习技术，增强自己的实战能力，以至于后来找工作比较费劲。我
  • 我认为POJO是一个错误的概念 windshome javaPOJO编程J2EE设计
                  这篇内容其实没有经过太多的深思熟虑，只是个人一时的感觉。从个人风格上来讲，我倾向简单质朴的设计开发理念；从方法论上，我更加倾向自顶向下的设计；从做事情的目标上来看，我追求质量优先，更愿意使用较为保守和稳妥的理念和方法。    &
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他