搜捕鸟了
搜捕鸟了

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,笔记,面经)

  • leetcode字节面试高频题思路总结（二叉树专栏） hust_yrh leetcode算法面试二叉树
    leetcode刷题，一个好的思路很重要，刷leetcode不如就只看好的解题思路，记下来关键思路然后面试的时候就会容易很多。自己的算法思路可能就会有很多冗余代码，跟好的算法思路比起来差距很大，并且看了很多题解就不会出现有没有一点思路的情况。举例：顺时针打印数组，寻找重复数lc287，k个一组翻转链表。(乱序)顺时针打印：先第一行，然后消去，再最后一列，然后消去，最下一行，然后消去…287：给定一
  • python字典从头到尾_从头到尾开发并销售python API weixin_26750481 python人工智能
    python字典从头到尾IrecentlyreadablogpostaboutsettingupyourownAPIandsellingit.我最近阅读了一篇有关设置和销售自己的API的博客文章。Iwasquiteinspiredandwantedtotestifitworks.Injust5daysIwasabletocreateanAPIfromstarttoend.SoIthoughtIsh
  • python实例化类的存储内存地址_【JVM之内存与垃圾回收篇】对象实例化内存布局与访问定位... 学姐吖
    对象实例化内存布局与访问定位从各自具体的内存分配上来讲new的对象放在堆中对象所属的类型信息是放在方法区的方法当中的局部变量放在栈空间这new的对象怎么把三块粘合到一起就是这章的内容了对象实例化面试题美团：对象在JVM中是怎么存储的？对象头信息里面有哪些东西？蚂蚁金服：二面Java对象头有什么？从对象创建的方式和步骤开始说对象创建方式new：最常见的方式，单例类中调用getInstance的静态类
  • 使用 Grafana 和 Prometheus展现消息队列性能 优人ovo grafanaprometheus
    引言上篇文章通过JMX提取Kafka数据，本篇文章将通过JDBC存储Kafka性能数据存储于数据库，并通过Grafana和Prometheus进行展示，实现开发中常用的可视化监控1.环境准备Kafka：运行中的Kafka集群，确保可以通过JMX访问其性能指标。KafkaExporter：用于将Kafka的JMX指标暴露给Prometheus。Prometheus：负责收集和存储KafkaExpor
  • 自动驾驶-SOC 秋水 墨色 无人驾驶人工智能自动驾驶
    Orin单颗算力达到254TOPS，是目前业界唯一单颗算力达标200TOPS的厂商。而且其下一颗自动驾驶芯片Atlan的单颗算力将达到1000TOPS，是Orin芯片算力的4倍，将于2023年向开发者提供样品，2025年量产装车。这样的芯片产品布局规划让其领先对手至少两到三年。2014年到2016年，特斯拉采用英特尔Mobileye的EyeQ3芯片，好不容易在2016年，特斯拉将MobileyeE
  • 自动生成关于软件程序开发的100个文件并可提供下载入口 唐 城 postgresql数据库人工智能电脑机器人
    创建一个包含100个关于软件程序开发的文件并提供下载入口是一个庞大的任务，因为这需要编写大量的代码、文档和示例。不过，我可以提供一个大致的框架和指导，帮助你生成这些文件，并说明如何设置下载入口。文件生成思路编程语言文件：每种主流编程语言（如Python、Java、C++、JavaScript等）的HelloWorld程序。数据结构示例（链表、树、图等）。算法实现（排序、搜索等）。项目模板：Web项
  • Python第三阶段学习 Django day08 MetalTrader Tude-Pydjangopython
    《DjangoWeb框架教学笔记》目录文章目录《DjangoWeb框架教学笔记》目录文件上传Django中的用户认证(使用Django认证系统)auth基本模型操作:auth扩展字段电子邮件发送项目部署uWSGI网关接口配置(ubuntu18.04配置)nginx及反向代理配置nginx配置静态文件路径404/500界面邮件告警文件上传文件上传必须为POST提交方式表单中文件上传时必须有带有enc
  • JavaWeb——CSS的使用 糖JL是我儿 JavaWebcss前端javascript
    CSS层叠样式表(英文全称:(cascadingstlesheets)能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力,简单来说,CSS用来美化页面一、CSS的引入方式:1.行内式：通过元素开始标签的style属性引入语法:style="样式名:样式值;样式名:样式值;......"缺点:代码复用度低，不利于维护CSS样式和HTML结构代
  • 【笔记】架构上篇Day9b 六张图，带你回顾架构师的六条生存法则 gikod 系统架构笔记架构
    六张图，带你回顾架构师的六条生存法则简介：包含模块一架构师的六大生存法则-模块小结：这些生存法则的逻辑是什么？&六张图，带你回顾架构师的六条生存法则2024-08-2922:40:12你好，我是辰洋，是《郭东白的架构课》的负责人。这是我们在这个专栏的第一次正式会面，你可能会觉得与我有些陌生。不过从我的眼光来看，对于专栏里的每一行字、每一个案例，对于在认真学习、留言打卡的你，我都太熟悉了。好了，感性
  • R语言环境下载和RStudio安装教程 CyberXZ r语言开发语言R语言
    R语言环境下载和RStudio安装教程R语言是一种广泛应用于统计计算和数据分析的编程语言。它提供了丰富的统计和图形功能，被广泛用于数据科学、机器学习和数据可视化等领域。本教程将向您介绍如何下载和安装R语言环境以及RStudio集成开发环境。步骤1：下载R语言环境首先，您需要下载R语言环境。请按照以下步骤进行操作：在您的Web浏览器中打开R官方网站（https://www.r-project.org
  • Ada语言的循环实现 沈韶珺 包罗万象golang开发语言后端
    Ada语言的循环实现引言Ada语言是一种强类型、高级的编程语言，以其可靠性和并发特性而著称。最初由美国国防部为其军事应用而开发，Ada语言如今已被广泛应用于航空航天、铁路和其他要求高可靠性的行业。在编程时，控制结构是基本构成部分，而循环作为一种重要的控制结构，允许程序在满足特定条件的情况下重复执行代码块。本文将深入探讨Ada语言中循环的实现方式，包括循环的类型、结构及其应用实例。Ada语言的基本概
  • Visual Basic语言的循环实现 沈韶珺 包罗万象golang开发语言后端
    VisualBasic语言中的循环实现引言在编程中，循环结构是一种非常重要的控制结构，它允许我们重复执行一段代码多次，直到满足特定条件为止。VisualBasic（VB）作为一种广泛使用的编程语言，提供了多种循环控制结构，帮助开发者高效地处理重复性任务。本文将深入探讨VisualBasic语言中的循环实现，包括其基础概念、不同类型的循环结构、实际应用以及一些最佳实践。一、循环的基本概念循环是一种控
  • 每日 Java 面试题分享【第 16 天】 一只蜘猪 【2025最新版】Java基础面试题java开发语言面试
    欢迎来到每日Java面试题分享栏目！订阅专栏，不错过每一天的练习今日分享3道面试题目！评论区复述一遍印象更深刻噢~目录问题一：Java运行时异常和编译时异常之间的区别是什么？问题二：什么是Java中的继承机制？问题三：什么是Java的封装特性？问题：Java运行时异常和编译时异常之间的区别是什么？面试官考察点异常分类理解：对Java异常体系（Throwable、Error、Exception、Ru
  • 每日 Java 面试题分享【第 20 天】 一只蜘猪 【2025最新版】Java基础面试题java开发语言面试IO
    欢迎来到每日Java面试题分享栏目！订阅专栏，不错过每一天的练习今日分享3道面试题目！评论区复述一遍印象更深刻噢~目录问题一：什么是BIO、NIO、AIO？问题二：什么是Channel？问题三：什么是Selector？问题一：什么是BIO、NIO、AIO？面试官视角拆解：这个问题考察对JavaI/O模型的体系化理解，以及不同场景下的技术选型能力。回答要体现三个层次：基础概念对比（核心特征+工作机制
  • 自动驾驶系列—深度剖析自动驾驶芯片SoC架构：选型指南与应用实战 学步_技术 自动驾驶自动驾驶架构人工智能SoC芯片
    欢迎来到我的技术小筑，一个专为技术探索者打造的交流空间。在这里，我们不仅分享代码的智慧，还探讨技术的深度与广度。无论您是资深开发者还是技术新手，这里都有一片属于您的天空。让我们在知识的海洋中一起航行，共同成长，探索技术的无限可能。探索专栏：学步_技术的首页——持续学习，不断进步，让学习成为我们共同的习惯，让总结成为我们前进的动力。技术导航：人工智能：深入探讨人工智能领域核心技术。自动驾驶：分享自动
  • Elixir语言的安全开发 沈韶珺 包罗万象golang开发语言后端
    Elixir语言的安全开发引言在当今这个互联网高度发展的时代，软件的安全性变得越来越重要。随着网络攻击的增多，软件漏洞的频繁暴露，开发者面临着前所未有的安全挑战。Elixir，作为一种现代化的函数式编程语言，以其高并发、分布式和容错的特点，迅速获得了开发者的青睐。然而，尽管Elixir语言本身带来了许多安全优势，安全开发仍然是一个复杂而关键的过程。本文将探讨Elixir语言的安全开发，包括其安全特
  • 使用Express.js和SQLite3构建简单TODO应用的后端API engchina LINUXexpressjavascriptsqlite
    使用Express.js和SQLite3构建简单TODO应用的后端API引言环境准备代码解析1.导入必要的模块2.创建Express应用实例3.设置数据库连接4.初始化数据库表5.配置中间件6.定义数据接口7.定义路由7.1获取所有TODO项7.2创建TODO项7.3更新TODO项7.4删除TODO项8.启动服务器优化建议总结引言在现代Web开发中，TODO列表应用是一个经典的示例，用于展示如何使
  • 批量导入数据 zzzhhnice jquery
    批量导入数据~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：VS作者：韩日九儿撰写时间：2021/7/281.大体思路，先是清空表单打开导入模态框，绑定下载按钮获取文件的路径，上传文本给数据库发送请求，控制器中，处理下载模板，获取模板的路径判断所下载的文件是否存在，成功
  • Apache HttpClient源码深度解析 张锦云
    本文还有配套的精品资源，点击获取简介：HttpClient是一个开源HTTP客户端库，由Apache基金会开发，广泛用于Java应用程序中进行HTTP通信。本源码包包括了核心组件，如HttpClient、HttpCore、HttpRequestExecutor等，支持HTTPS、代理、Cookie管理、重试策略等丰富功能。本文旨在详细介绍HttpClient的主要组件和使用方法，包括构建HttpC
  • Spring Boot 2 快速教程：WebFlux处理流程（五） 星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧ javaspringboot后端java
    WebFlux请求处理流程下面是springmvc的请求处理流程具体步骤：第一步：发起请求到前端控制器(DispatcherServlet)第二步：前端控制器请求HandlerMapping查找Handler（可以根据xml配置、注解进行查找）匹配条件包括：请求路径、请求方法、header信息等第三步：处理器映射器HandlerMapping向前端控制器返回Handler，HandlerMappi
  • 七天速记前端八股文（重点） 秋の本名 前端前端笔记javascript
    forin和正常for循环的区别在遍历数组时，正常的for循环通常比for...in循环更适合。虽然for...in循环可以用于遍历数组，但它有一些潜在的问题和限制。下面是一些使用for循环相对于for...in循环的优势：顺序遍历：for循环可以按照数组元素的顺序进行迭代。而for...in循环在遍历数组时，并不能保证按照特定顺序遍历，因为它遍历的是对象的属性。不包含原型链上的属性：for循环仅
  • hutool的安装和使用 SAFE20242034 springboot数据库
    Hutool是一个小巧但强大的Java工具包，提供了许多实用的工具类，极大地提高了Java开发的效率。它封装了常见的工具方法，避免了重复造轮子。Hutool的核心模块Hutool提供多个模块，每个模块都有不同的功能，常见的有：core（核心工具类）：包含字符串、集合、日期、IO、反射等基础工具类。extra（扩展工具类）：支持邮件、二维码、模板引擎等功能。db（数据库操作）：基于JDBC简化数据库
  • HTML+CSS面试题 KangJinXuan htmlcsschrome
    1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XMl的置标语言最主要的不同XHTML元素必须被正确地嵌套。XHTML元素必须被关闭标签名必须用小写字母XHTMl文档必须拥有根元素2.什么是语义化的HTML？直观的认识标签对于搜索引擎的抓取有好处，用正确的标签做正确的事情！HTML语义化就是让页面的内容结构化，便于对浏览器，搜索引擎解析；在没有样式cs
  • 前端知识速记--CSS篇：display 无限大. 前端知识速记前端css
    前端知识速记–CSS篇：display一、什么是display属性？display属性用于指定一个元素如何被显示在网页上。它不仅影响元素的显示形式，还对元素的布局、结构以及与其他元素之间的关系产生重要影响。二、常用display属性值1.blockblock级元素独占一行，宽度默认占满父容器。常见的block元素有、至、等。其特点是可以设置宽高，并且可以在上、下方添加外边距。实例：这是一个块级元素
  • 【前端】HTML 鸽鸽程序猿 前端前端html
    目录一、HTML结构1.1HTML标签1.2HTML文件基本结构1.3快速生成框架二、HTML常见标签2.1注释标签!----2.2标题标签h1到h62.3段落标签p2.4换行标签br2.5格式化标签2.6图片标签img2.7超链接标签a三、表格标签3.1常用标签3.2合并单元格四、列表标签五、表单标签5.1表单域:form标签5.2表单控件:input标签5.3label标签5.4select标
  • Python的第三方库pandas y_bccl27 Pythonpython
    1.pandas的介绍pandas是Python的一个数据分析包，最初由AQRCapitalManagement于2008年4月开发，并于2009年底开源出来，目前由专注于Python数据包开发的PyData开发团队继续开发和维护，属于PyData项目的一部分。pandas最初被作为金融数据分析工具而开发出来，因此pandas为时间序列分析提供了很好的支持。pandas的名称来自于面板数据（pan
  • 前端导出Excel实践：探索xlsl的实现方式 linwu-hi 前端excel状态模式javascriptecmascripttypescript
    点击在线阅读，体验更好链接现代JavaScript高级小册链接深入浅出Dart链接现代TypeScript高级小册链接linwu的算法笔记链接前言最近写管理端的需求，发现有一个excel导出的需求，本来是后端同学负责，但是因为他们太忙了，把这块任务交给前端了，起初产品觉得前端实现不了，一听这话，这我哪里受得了，赶紧写了个demo给她看，前端是可以实现的。enen,产品看了直夸牛逼接下来，我来分享导
  • 13款Scratch游戏源码：学习与实践 芦苇毛
    本文还有配套的精品资源，点击获取简介：Scratch是MIT开发的图形化编程工具，帮助儿童通过拖拽积木式的编程块来创建各种项目，如互动故事、动画和游戏。本压缩包含13款适合初学者，特别是小朋友的游戏源代码。通过学习和分析这些源码，孩子们可以在实践中掌握编程基础，提高逻辑思维能力。游戏包括贪吃蛇、大鱼吃小鱼、打砖块、走迷宫、格斗游戏和飞机大战等经典游戏，涵盖了运动控制、碰撞检测、分数计算、对象创建与
  • Zynq UltraScale+ MPSoC 在linux系统运行R5 裸机程序 remoteproc - R5 愧莫佳话 linuxarm
    参考文章：ultrascale学习笔记之remoteproc启动R5ZYNQUltraScale+MPSoCLinux+ThreadXAMP玩法ZynqUltraScale+MPSoC包含Cortex™-A53处理器和Cortex™-R5实时处理单元。移植完Linux系统，在系统上同时运行A53和R5应用程序，重点是修改R5程序的起始地址。vitis创建A53应用程序可以参考之前的文章R5程序可以
  • 落地DevOps的挑战及其解决方法 DevOps探索者 DevOpsdevops运维自动化
    开发团队在采用DevOps时面临哪些常见挑战？以及克服这些挑战的解决方案是什么？在DevOps软件开发方法中，开发和运营团队的传统分离被消除，取而代之的是协作和集成的团队模型。DevOps工程师的工作涉及整个应用程序生命周期，从开发和测试到部署和运营。这种方法鼓励团队成员开发多样化的技能，因为他们不局限于单一职能。DevOps还提倡一种共同负责开发软件质量和可靠性的文化。通过打破团队之间的隔阂并促
  • 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其他