搜捕鸟了
搜捕鸟了

CSS面经（未完待续）

1. CSS选择器及其优先级

!important > 行内样式 > id选择器 > 类/伪类/属性选择器 > 标签/伪元素选择器 > 子/后台选择器 > *通配符

2. 重排和重绘是什么？浏览器的渲染机制是什么？

重排(回流)：当增加或删除dom节点，或者给元素修改宽高时，会改变页面布局，那么就会重新构造dom树，然后再次渲染。

重绘：计算好盒模型的位置，大小和其他一些属性之后，浏览器就会根据每个盒模型的特性进行绘制。

浏览器的渲染机制：当dom的大小，位置发生改变时进行重排，当dom的样式如color、background-color改变时进行重绘。

3. display有哪些属性值

属性值 作用
none 元素不显示，并且会从文档流中移除
block 块类型，默认宽度为父元素宽度，可设置宽高，换行显示
inline 行内元素类型，默认宽度为内容宽度，不可设置宽高，同行显示
inline-block 默认宽度为内容宽度，可设置宽高，同行显示
table 此元素会作为块级表格来显示，子元素可设置display:table-row、table-cell等
flex flex布局
grid 网格布局
inherit 规定应该从父元素继承display属性的值

网格布局笔记：网格布局

表格布局可以看下面代码：

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        .table {
            display: table;  /* 表格 */
            width: 800px;
            height: 500px;
            margin: 20px auto;
			border: 3px solid #000;
        }
        .row {
            display: table-row;  /* 表格行 */
        }
        .cell {
            display: table-cell;    /* 表格单元 */
            border: 1px solid #000;
        }
    style>
head>

<body>
    <div class="table">
        <div class="row">
            <div class="cell">1div>
            <div class="cell">2div>
            <div class="cell">3div>
        div>
        <div class="row">
            <div class="cell">4div>
            <div class="cell">5div>
            <div class="cell">6div>
        div>
    div>
body>

html>

结果如下：

CSS面经（未完待续）_第1张图片

4. display的block、inline和inline-block的区别

block：独占一行，宽度继承至父盒子，多个元素会另起一行，可设置宽高以及margin和padding属性。

inline：元素不会独占一行，宽度、高度由内容撑开，不可设置宽高，但可以设置水平方向的margin和padding。

inline-block：行内块，将对象设置为inline对象，但对象的内容作为block对象呈现，也就是说内容排列在一行内显示，但是可以设置宽高。

5. 隐藏的元素的方法有哪些

  1. display: none
  2. visibility: hidden
  3. opacity: 0
  4. position: absolute 移到可视区之外
  5. z-index: 负值 定位的前提下，使其他元素盖住该元素，以此实现隐藏
  6. transform：scale(0, 0) 将元素缩放为0，来实现元素的隐藏，元素仍占据位置。

6. link和@import的区别

两者都是外部引用css的方式，他们的区别如下：

  • 功能上：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务，@import属于CSS范畴，只能加载CSS
  • 效果上：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载
  • 兼容性上：link是XHTML标签，没有兼容性问题；@import是CSS2.1提出的，低版本浏览器不支持
  • js支持上：link支持使用js控制dom去改变样式；而@import不支持

7. transition和animation的区别

  • transition是过渡属性，强调过渡，它的实现需要触发一个事件（比如鼠标移动上去，焦点，点击等）才执行动画，类似于flash的补间动画，设置一个开始关键帧，一个结束关键帧
  • animation是动画属性，它的实现不需要触发事件，设定好时间之后可以自己执行，且可以循环一个动画，它也类似于flash的补间动画，但是它可以设置多个关键帧（用@keyframe定义）完成动画。

8. display:none和visibility:hidden的区别

  • 渲染树上：display:none会让元素从渲染树中消失，渲染时不会占据任何空间，visibility：hidden会占据空间，只是不可见
  • 是否是继承属性：display是非继承属性，子孙节点会随父节点消失，修改显示子孙节点的属性也无法显示，而visibility是继承属性，子孙节点消失是因为子孙节点从父节点继承了hidden，通过设置子孙节点visibility:visible可以让子孙节点显示。
  • 重排与重绘：修改常规文档流的display通常会造成文档的重排，但是修改visibility只会造成重绘
  • 读屏器：如果使用读屏器，设置display:none的内容不会被读取，而visibility:hidden可以被读取

9. li与li之间有看不见的空白间隔是什么原因引起的？如何解决？

li原本是块级标签，如下图

CSS面经（未完待续）_第2张图片

但当li设置为行内块元素或行元素时，li标签与li标签之间会有看不见的空隙，如下图：

CSS面经（未完待续）_第3张图片

原因：当元素是行内元素/行内块元素排版时，浏览器会将元素之间的空白符，如空格，换行，tab等渲染成一个空格处理，上图的换行就被渲染成了空格，因此会有上面的结果。

解决方案：

  1. li设置为float:left，缺点：很多容器是不适合设置浮动，并且浮动会将display变为block。
  2. 将所有li写在一行，比较简单粗暴的方法，但是代码会不太美观
  3. ul内的字符尺寸设置为0，缺点：可能会影响到其他字符，其他字符需要额外重新设置font-size
  4. 设置ul的字符间隔letter-spacing: -8px，缺点跟上条一样

10. 什么是物理像素、逻辑像素、像素密度，为什么移动端开发要用到@2x、@3x的图片

你可能感兴趣的:(面试,css,前端,面试,开发,css3,笔记,面经)

  • tauri如何实现窗口拖动，自定义标题栏 爱音乐的程序猿 rust语言前端taurirust前端桌面软件exe
    文章目录一、tauri是什么？二、封装好的标题栏，引用修改即可使用三相关配置实现细节实现窗口拖动一、tauri是什么？Tauri是一个开源框架，用于创建跨平台的桌面应用程序。它使用Rust编程语言，并结合了现有的Web技术，如HTML、CSS和JavaScript。Tauri旨在提供一个快速、可靠和安全的方式来构建本地应用程序，同时保持Web开发的灵活性和易用性。它支持多个操作系统和架构，包括Wi
  • Python爬虫学习（一）——爬取新浪新闻 WayBling pythonpython爬虫
    参照网易云课堂的课程实践的结果：准备工作：安装requests和BeautifulSoup4。打开cmd，输入如下命令pipinstallrequestspipinstallBeautifulSoup4打开我们要爬取的页面，这里以新浪新闻为例，地址为：http://news.sina.com.cn/china/大概的思路就是通过浏览器的开发者工具检测到要获取数据所需要的request是什么，然后使
  • WebSocket（WS）协议系列（四）SSL/TLS协议 是纯一呀 WebSocket网络websocketssl网络协议
    SSL（SecureSocketsLayer）和TLS（TransportLayerSecurity）是用于在网络上实现安全通信的协议，它们通常用于加密数据传输，保护数据免受窃取、篡改和伪造。虽然SSL已被逐步淘汰，现代网络通信大多使用TLS，但很多时候，我们仍然会把SSL/TLS一起提及，通常理解为同一个概念。SSL/TLS协议是什么？SSL是最初由Netscape开发的一种加密协议，目的是在计
  • Docker 的基本概念和优势，以及在应用程序开发中的实际应用。 m0_65559335 计算机杂谈docker容器运维
    Docker是一个开源的容器化平台，可以将应用程序和所有其依赖的组件打包成一个容器。它的基本概念是镜像和容器。镜像是一个只读的文件，包含了需要运行的应用程序和其所需的操作系统、库文件和依赖项。镜像可以从DockerHub等公共或私有仓库中获取，也可以通过Dockerfile定义自己定制的镜像。容器是从镜像创建的运行实例，是可执行和可移植的。每个容器都是独立的，隔离的环境，可以在任何支持Docker
  • 了解rust以及cargo RustKK rust开发语言后端
    Rust是一种系统编程语言，设计用来提供高性能和内存安全。它的主要目标是通过所有权（ownership）模型和借用检查（borrowchecking）来防止空指针和数据竞争等常见的编程错误Cargo是Rust的包管理器和构建系统。它的作用是简化Rust项目的构建、依赖管理、打包和发布。Cargo和Rust紧密结合，为开发者提供了一个高效的开发环境。Cargo的作用依赖管理：Cargo可以管理项目的
  • 零基础快速上手STM32开发（手把手保姆级教程）-转载学习 曹瑞曹瑞 stm32学习嵌入式硬件
    安装详细教程：零基础快速上手STM32开发（手把手保姆级教程）-CSDN博客部件详细教程：【STM32】江科大STM32学习笔记汇总(已完结)_stm32江科大笔记-CSDN博客
  • 解释 TypeScript 中的类型系统，如何定义和使用类型？ 程序员黄同学 前端开发JavaScripttypescriptubuntujavascript
    1.类型系统的核心作用TypeScript类型系统本质上是JavaScript的静态类型增强方案，提供三个核心价值：开发阶段类型检查（类似编译时eslint）更清晰的API文档（类型即文档）更好的IDE自动补全支持代码示例：//错误示范：未指定类型导致潜在隐患functionadd(a,b){returna+b;}add('hello',123);//运行时错误但编译期不报错//正确类型标注fun
  • 软件测试工作的必要性分析 噔噔噔噔@ 压力测试功能测试
    软件测试是确保软件质量的关键步骤，它的必要性体现在以下几个方面：发现和修复缺陷：软件测试可以帮助发现软件中存在的缺陷和问题，及时修复这些问题可以提高软件的稳定性和可靠性，避免用户在使用过程中遇到意外情况。提高用户满意度：经过充分测试的软件往往具有更好的性能、稳定性和易用性，用户在使用时体验更加顺畅，从而提升用户的满意度和忠诚度。节省成本：在软件开发过程中发现和解决问题的成本要低于将软件发布后再修复
  • 基于Arduino的ESP32开发环境搭建 惆怅客123 嵌入式开发单片机ArduinoESP32VSCode
    ESP32(Euno)购买链接串口驱动开发环境搭建参考自开发环境搭建_arduinoesp32_NaisuXu的博客-CSDN博客下载安装ArduinoIDE：https://www.arduino.cc/en/Main/SoftwareArduinoIDE中添加ESP32开发板数据：安装完成后选择：文件>首选项>附加开发板管理器网址中加入Arduinocoreforesp32的地址https:/
  • 探索未来：FacebookResearch的JEPa项目详解 瞿旺晟
    探索未来：FacebookResearch的JEPa项目详解去发现同类优质开源项目:https://gitcode.com/项目简介是FacebookResearch推出的一个开源项目，全称为"JointEmbeddingofProgramsandAttributes"。它是一个用于程序理解和属性预测的深度学习框架，旨在提升代码的理解和自动化程度，为开发者提供更智能的编程辅助工具。技术分析**1.
  • Kotlin D3 GH小杨 kotlin开发语言android
    KotlinD3面向对象一、课程目标本次课程旨在让学员全面且深入地了解面向对象编程的核心概念，透彻掌握类与对象之间的紧密关系，熟练运用Kotlin语言中各类常用类进行程序开发。通过理论知识的系统讲解、丰富多样的实际案例分析以及详细的代码解读，帮助学员将面向对象编程思想融入到Kotlin编程实践中，提升解决实际问题的能力，为后续开发复杂的Kotlin应用程序奠定坚实基础。二、面向对象的概念2.1什么
  • 1.适配器模式 油盐不进的吗 适配器模式java
    概述适配器模式：将一个类的接口转换成客户希望的另一个接口，使得原本不兼容的类可以一起工作。适配器模式在业务场景中非常有用，尤其是在系统集成、接口兼容性处理以及代码复用等场景。以下是一个实际的业务场景示例：业务场景：支付系统集成假设你正在开发一个电商平台，需要集成多个第三方支付网关（如支付宝、微信支付、银联支付等）。每个支付网关的接口设计不同，但你的系统希望统一调用一个支付接口来处理所有支付请求。1
  • AOP开发 LDM>W< Java学习javaspring学习
    8.1aop思想oop（面向对象编程）：面向对象，就是纵向地将事物给封装成类，里面具有这种事物的属性和行为。当别人想用到这种事物时，就通过构造它的一个实例对象来获得。体现出一种封装性。aop（面向切面编程）：横向地对不同事物的抽象，属性与属性，方法与方法，对象与对象都可以组成一个切面。简单来说，aop思想就是可以将某些类里的属性方法等抽取出来进行处理，组成一个新方法。下面来张图说明一下：可以看到，
  • 4.桥接模式 油盐不进的吗 桥接模式python开发语言
    概况桥接模式：将抽象部分与实现部分分离，使它们可以独立变化，通过组合而非继承的方式实现解耦。业务场景场景描述：开发一个跨平台的图形绘制系统，支持不同形状（如圆形、矩形）和不同渲染方式（如矢量渲染、栅格渲染）。抽象部分：形状（如圆形、矩形）。实现部分：渲染方式（如矢量渲染、栅格渲染）。代码示例：//实现部分接口interfaceRenderer{voidrenderShape(Stringshape
  • 正则表达式（1） 林深的林 正则表达式
    正则表达式概述正则表达式，又称正规表示法、常规表示法（英语：RegularExpression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。正则表达式类似于JSON,是一种通用的标准,被各种开发语言所支持,包括但不限于:Java,JavaScript,C,C++,C#,Python,SQL等等;因为在J
  • 微服务下如何保证事务的一致性？ Java技术攻略 微服务java数据库
    背景随着业务的快速发展、业务复杂度越来越高，传统单体应用逐渐暴露出了一些问题，例如开发效率低、可维护性差、架构扩展性差、部署不灵活、健壮性差等等。而微服务架构是将单个服务拆分成一系列小服务，且这些小服务都拥有独立的进程，彼此独立，很好地解决了传统单体应用的上述问题，但是在微服务架构下如何保证事务的一致性呢？1、事务的介绍1.1事务1.1.1事务的产生数据库中的数据是共享资源，因此数据库系统通常要支
  • Nest.js全栈开发终极实践：TypeORM+微服务+Docker构建高可用企业级应用 lifire_H javascript微服务docker
    文章目录**第一部分：认识Nest.js与基础环境搭建****1.1什么是Nest.js？****1.2环境准备****1.3创建第一个项目****1.4启动开发服务器****1.5核心文件解读****第二部分：基础控制器与路由****2.1控制器的作用****2.2创建自定义控制器****2.3路由参数处理****2.4状态码处理****2.5完整示例****2.6测试你的API****关键概念
  • 27.2:Python的Django框架优点和缺点是什么？ 小兔子平安 Python完整学习全解答pythondjango后端
    课程概述①易于学习和使用②高度可定制③强大的安全性④性能问题——举例分析（博客应用程序，包括博客文章、评论和标签等功能）——举例分析（电子商务网站，包括商品、购物车和订单等功能）课程总结课程概述Python作为一种强大而又易于学习的编程语言，已经被广泛应用于各种领域，尤其是Web开发领域。而Django框架作为PythonWeb开发的一个重要组成部分，具有一些独特的优点和缺点，需要开发人员在使用时
  • esp32手把手DIY AI小智语音助手教程 (三) 配置ESP32设备 Wi-Fi连接网络 代码简单说 智能硬件/物联网开发实战ai小智语音助手ai小智配网ai小智教程智能硬件esp32语音助手diy语音助手
    esp32手把手DIYAI小智语音助手教程(三)配置ESP32设备Wi-Fi连接网络1.WI-FI网络配置1）启动设备在bin固件下载/烧录后，将设备保持接通电源，按下开发板上的RST按钮复位重启设备（如下图位置1），设备将进⼊配⽹模式。2配网状态如果sRGB彩灯为蓝色（开发板上的⽩⾊灯），并保持闪烁，表⽰设备处于配⽹状态。如果sRGB彩灯⼀直不亮，请参考本页第2节详细说明。如果设备不在配⽹状态或
  • 【花雕动手做】基于ESP32S3和通义千问大模型AI语音聊天机器人 驴友花雕 人工智能机器人嵌入式硬件单片机c++基于ESP32S3通义千问AI语音聊天机器人
    开源项目1、核心功能：该项目利用ESP32S3开发板，结合通义千问大模型，实现了一个AI语音聊天机器人。用户可以通过语音与机器人进行交互，机器人能够理解用户的语音指令并给出相应的语音回答。2、技术架构：（1）语音识别：使用语音转文字大模型，将用户的语音输入转换为文本信息。（2）文本理解：将转换后的文本发送到通义千问大模型进行处理，模型会根据文本内容生成相应的回答。（3）语音合成：将模型生成的文本答
  • Docker安装与配置详解指南 Bonita Tang docker容器运维
    Docker作为一款开源的应用容器引擎，通过打包应用及其依赖到一个可移植的容器中，实现了标准化的软件交付和部署流程，极大地提高了开发效率和运维的灵活性。本文将详尽地介绍如何在不同操作系统上安装Docker，并进行基本的配置，让你从零开始，快速上手Docker。Docker配置文件下载地址：https://download.csdn.net/download/qq_42072014/89481207
  • 【商城实战(18)】后台管理系统基础搭建：从0到1构建电商中枢 奔跑吧邓邓子 商城实战商城实战uniappSpringBoot后台管理系统
    【商城实战】专栏重磅来袭！这是一份专为开发者与电商从业者打造的超详细指南。从项目基础搭建，运用uniapp、ElementPlus、SpringBoot搭建商城框架，到用户、商品、订单等核心模块开发，再到性能优化、安全加固、多端适配，乃至运营推广策略，102章内容层层递进。无论是想深入钻研技术细节，还是探寻商城运营之道，本专栏都能提供从0到1的系统讲解，助力你打造独具竞争力的电商平台，开启电商实战
  • 模型优化前沿趋势与行业应用实战 智能计算研究中心 其他
    内容概要模型优化技术正经历从理论研究到产业落地的关键跃迁。随着自动化机器学习（AutoML）与边缘计算技术的深度融合，模型开发范式正从人工调参转向自动化、自适应优化。以联邦学习为代表的数据隐私保护技术，正在重构跨机构协作的模型训练范式，而量子计算与神经架构搜索（NAS）的结合，为超参数优化开辟了新维度。在应用层面，医疗影像识别准确率突破99%的突破性成果，验证了迁移学习在跨领域知识迁移中的巨大潜力
  • 简单攻击笔记 Leon_Amos 安全
    局域网断网攻击使用ArpspoofArpspoof-i网卡-t目标IP网关例如kali：网卡eth0目标ip：192.168.1.100网关：192.168.1.1那么就是arpspoof-ieth0-t192.168.1.100192.168.1.1局域网获取他人图片首先进行IP流量转发echo1>/proc/sys/net/ipv4/ip_forward意思让别人通过我们的网卡上网然后使用ar
  • 基于vue3实现的聊天机器人前端（附代码） P7进阶路 前端
    跟它说说话吧！一个活泼的伙伴，为你提供情感支持！??发送消息！import{ref,onMounted}from'vue';import{v4asuuidv4}from'uuid';//引入UUID生成库//响应式数据constmessage=ref('');//用户输入的消息constchatbox=ref(null);//聊天记录显示区的引用constchatId=ref(uuidv4());
  • AIGC视频生成模型：ByteDance的PixelDance模型 好评笔记 AIGC音视频机器学习人工智能深度学习计算机视觉transformer
    大家好，这里是好评笔记，公主号：Goodnote，专栏文章私信限时Free。本文详细介绍ByteDance的视频生成模型PixelDance，论文于2023年11月发布，模型上线于2024年9月，同时期上线的模型还有Seaweed（论文未发布）。热门专栏机器学习机器学习笔记合集深度学习深度学习笔记合集优质专栏回顾：机器学习笔记深度学习笔记多模态论文笔记AIGC—图像文章目录热门专栏机器学习深度学习
  • MySQL有哪些高可用方案？ java1234_小锋 mysqljava开发语言
    大家好，我是锋哥。今天分享关于【MySQL有哪些高可用方案？】面试题。希望对大家有帮助；MySQL有哪些高可用方案？1000道互联网大厂Java工程师精选面试题-Java资源分享网MySQL高可用（HighAvailability，HA）方案主要是通过一系列技术和架构来确保MySQL数据库在出现故障时仍然可以继续提供服务。以下是一些常见的MySQL高可用方案：1.主从复制（Master-Slave
  • SpringBoot为什么默认使用CGLIB? java1234_小锋 javajava开发语言
    大家好，我是锋哥。今天分享关于【SpringBoot为什么默认使用CGLIB?】面试题。希望对大家有帮助；SpringBoot为什么默认使用CGLIB?1000道互联网大厂Java工程师精选面试题-Java资源分享网SpringBoot默认使用CGLIB（CodeGenerationLibrary）作为代理机制之一，主要是因为CGLIB在一些场景下相比于JDK动态代理具有更好的性能和灵活性，尤其在
  • 如何快速定位慢SQL? java1234_小锋 mysqljava面试开发语言
    大家好，我是锋哥。今天分享关于【如何快速定位慢SQL?】面试题。希望对大家有帮助；如何快速定位慢SQL?1000道互联网大厂Java工程师精选面试题-Java资源分享网快速定位慢SQL的过程可以通过以下几种方法来实现。这些方法的关键在于尽早识别并分析性能瓶颈，逐步优化SQL查询。1.启用慢查询日志（MySQL为例）慢查询日志是检测慢SQL的一个重要工具。可以启用慢查询日志，记录执行时间超过阈值的查
  • C/C++后端开发八股文 CielBleu_CN c语言c++开发语言
    一.C/C++编程1.Main函数之前执行（作为main，完成存储内容的构造）设置栈指针初始化静态变量（static）和全局变量（global）赋值全局变量（可能在完成以上过程中执行的内容）调用构造函数（main作为函数）将main函数的参数argc，argv等传递给main函数【C的存储构造如下图】2.Main函数之后执行（作为main结束）atexit注册的函数（传递信息，处理等）->倒序执行
  • 312个免费高速HTTP代理IP（能隐藏自己真实IP地址） yangshangchuan 高速免费superwordHTTP代理
        124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20
  • pull解析和json编码 百合不是茶 androidpull解析json
    n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]   pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu>     <name>java
  • [能源与矿产]石油与地球生态系统 comsci 能源
          按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....       那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
  • 类与对象浅谈 沐刃青蛟 java基础
           类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
  • 新站开始被收录后，我们应该做什么？ IT独行者 PHPseo
    新站开始被收录后，我们应该做什么？         百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。       至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
  • oracle 连接碰到的问题 文强chu oracle
    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 作者：草根IT网 来源：未知 人气：813标签： 导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
  • Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据） 小桔子 java继承swing接口监听
            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
  • linux常用的命令 aichenglong linux常用命令
    1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间 语法：date [OPTION]... [+FORMAT]
  • eclipse内存优化 AILIKES javaeclipsejvmjdk
    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
  • 关键字的使用探讨 百合不是茶 关键字
    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
  • JS中定义对象的几种方式 bijian1013 js
        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object();
  • 表驱动法实例 bijian1013 java表驱动法TDD
    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T
  • LInux启停重启常用服务器的脚本 bit1129 linux
    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改   #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo
  • 【HBase六】REST操作HBase bit1129 hbase
    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作   1. 启动和停止HBase REST 服务 1.1 启动REST服务 前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start   后台启动 hbase-daemon.sh start rest   启动时指定
  • 大话zabbix 3.0设计假设 ronin47
    What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个：          :: Performance improvements::Trigger related da
  • http错误码大全 byalias http协议javaweb
    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求
  • J2EE设计模式-Intercepting Filter bylijinnan java设计模式数据结构
    Intercepting Filter类似于职责链模式 有两种实现 其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;
  • 修改jboss端口 chicony jboss
    修改jboss端口   %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml   中找到 <!-- The ports-default bindings are obtained by taking the base bindin
  • c++ 用类模版实现数组类 CrazyMizzz C++
    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 #include<iostream> #include<string> #include<cassert> using namespace std; template<class T> class Array { public: //构造函数
  • hadoop dfs.datanode.du.reserved 预留空间配置方法 daizj hadoop预留空间
    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置  <property>     <name>dfs.datanode.du.reserved</name>     <value>10737418240</value>    
  • mysql远程访问的设置 dcj3sjt126com mysql防火墙
    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
  • ios 使用特定的popToViewController返回到相应的Controller dcj3sjt126com controller
    1、取navigationCtroller中的Controllers NSArray * ctrlArray = self.navigationController.viewControllers; 2、取出后，执行， [self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
  • Linux正则表达式和通配符的区别 eksliang 正则表达式通配符和正则表达式的区别通配符
    转载请出自出处：http://eksliang.iteye.com/blog/1976579 首先得明白二者是截然不同的 通配符只能用在shell命令中,用来处理字符串的的匹配。 判断一个命令是否为bash shell(linux 默认的shell)的内置命令 type -t commad 返回结果含义 file  表示为外部命令 alias  表示该
  • Ubuntu Mysql Install and CONF gengzg Install
    http://www.navicat.com.cn/download/navicat-for-mysql Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html Step2：进入下载目录，解压压缩包：tar -zxvf navicat11_mysql_en.tar.gz
  • 批处理，删除文件bat huqiji windowsdos
    @echo off ::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。 ::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。 ::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log） rem 指定待删除文件的存放路径 set SrcDir=C:/Test/BatHome rem 指定天数 set DaysAgo=1
  • 跨浏览器兼容的HTML5视频音频播放器 天梯梦 html5
    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。   How to enable <video> and <audio> tags in
  • Bundle自定义数据传递 hm4123660 androidSerializable自定义数据传递BundleParcelable
          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity   把数据放到Intent
  • C＃：异步编程和线程的使用（.NET 4.5 ） powertoolsteam .net线程C#异步编程
    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 本文中涉及关键知识点 1. 异步编程 2. 线程的使用 3. 基于任务的异步模式 4. 并行编程 5. 总结 异步编程 什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
  • spark 查看 job history 日志 Stark_Summer 日志sparkhistoryjob
    SPARK_HOME/conf 下: spark-defaults.conf 增加如下内容 spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true spark-env.sh 增加如下内容 export SP
  • SSH框架搭建 wangxiukai2015eye springHibernatestruts
    MyEclipse搭建SSH框架 Struts Spring Hibernate 1、new一个web project。 2、右键项目，为项目添加Struts支持。    选择Struts2 Core Libraries -<MyEclipes-Library>      点击Finish。src目录下多了struts
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他