EvenyYl丶
EvenyYl丶

前端一面基础知识 ①——CSS面试题

前言

    根据慕课网的《快速搞定前端技术一面 匹配大厂面试要求》课程所整理的题目，陆续更新

常考面试题

1.如何理解语义化

  • ①让人更容易读懂（增加代码可读性）
  • ②让搜索引擎更容易读懂（SEO问题，让搜索排名靠前“钱”）
  • ③正确的标签做正确的事情
  • ④页面内容结构化

2.哪些标签是块级元素？哪些标签是内联（行内）元素？

  • 块级（display：block/table）：div、p、h1-h6、ul、ol、dl、li、header、footer、aside、section、article、form、table等
  • 内联（display：inline/inline-block）：span、img、button、input、b、q、i、a、em、label等

3.盒子模型的宽度（offsetWidth）如何计算？

#div1{
	width: 100px
    padding: 10px
    border: 1px solid #ccc
    margin: 10px
  }

    首先要知道offsetWidth的概念是什么？

    其实 offsetWidth = （ 内容宽度 + 内边距 + 边框 ）如下图
前端一面基础知识 ①——CSS面试题_第1张图片
    所以这道题的答案也就是100px + 20px + 2px = 122px

    那如果要让这里的offsetWidth = 100px要怎么做呢？

    我们可以设置box-sizing ： border-box，这样设置之后，offsetWidth就会变成100px了，这里之后的内容宽度就会被减小，而内边距和边框的宽度是不变的，也就是此时的offsetWidth = 78px + 20px + 2px

4.CSS3新增了哪些属性？

    只罗列部分常见、常用的属性

  • 动画属性
    • @keyframes
    • animation
  • 边框属性
    • border-image
    • border-radius
    • box-shadow
  • 颜色属性
    • opacity
  • 弹性盒子模型（Flexible Box）
    • flex
    • align-content
    • align-items
    • align-self
    • justify-content
    • order
  • 网格（Grid） 属性
    • grid-columns
    • grid-rows
  • 超链接(Hyperlink) 属性
    • target
  • 2D/3D 转换属性
    • transform
    • translate，可以控制元素的水平或垂直移动
    • scale，可以控制元素的放大缩小，以1为界限界定放大还是缩小
    • rotate，可以控制元素的旋转，按角度旋转
    • 设置translate3d，可以控制Z轴
    • skew，对元素进行倾斜
  • 过渡（Transition） 属性
    • transition

5.margin上下左右分别设置负值，有何效果？

  • top、left：设置负值，该元素会向上向左移动
  • right：设置负值，右侧元素左移，自身不动
  • bottom：设置负值，下方元素上移，自身不受影响

6.BFC理解和应用

是什么？

  • Block format content，块级格式化上下文
  • 是一块独立渲染区域，内部元素的渲染不会影响边界以外的元素

应用

  • 清除浮动
  • 作用：解决父元素高度塌陷问题；解决外边距重叠问题；清除内部元素浮动

BFC如何产生？

    1. 根元素
    1. float属性【不为】none;
    1. display属性【为】:line-block,table-cell,line-flex,flex
    1. position属性【不为】:static,relative;
    1. overflow属性【不为】:visible;

7.float布局问题，手写clearfix

圣杯布局、双飞翼布局

  • 需求：三栏布局，左中右，中间一栏最先加载和渲染，两侧内容固定，中间内容随着宽度自适应，一般用于pc网页
  • 大体关键步骤：
    • ①使用float布局
    • ②两侧使用margin负值，以便和中间内容横向重叠
    • ③防止中间内容被两侧覆盖，一个用padding、一个用margin

详情建议参考文章 css经典布局系列三——三列布局(圣杯布局、双飞翼布局)

手写clearfix

clearfix:after{
	content: ' '
    display: table
    clear: both
}

8.flex画色子

前端一面基础知识 ①——CSS面试题_第2张图片
    主要考察对flex的应用，直接上代码了

<head>
    <style>
        .box {
            width: 200px;
            height: 200px;
            border: 2px solid #ccc;
            border-radius: 10px;
            padding: 20px;

            display: flex;
            justify-content: space-between;
            /* 两端对齐 */
        }

        .item {
            display: block;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #666;
        }

        .item:nth-child(2) {
            align-self: center;
            /* 上下左右居中对齐 */
        }

        .item:nth-child(3) {
            align-self: flex-end;
            /* 尾对齐 */
        }
    </style>
</head>

<body>
    <div class="box">
        <span class="item"></span>
        <span class="item"></span>
        <span class="item"></span>
    </div>
</body>

9.absolute和relative分别依据什么定位？

  • absolute：相对于父级定位设置为relative的元素偏移，会一层层往上寻找，直至找到根元素，相当于浏览器页面定位。它必须搭配 top、bottom、left、right 这四个属性一起使用，用来指定偏移的方向和距离
  • relative：相对于默认位置（即 static 时的位置）进行偏移，即定位基点是元素的默认位置。 它必须搭配 top、bottom、left、right 这四个属性一起使用，用来指定偏移的方向和距离

10.居中对齐有哪些实现方式？

水平居中：

  • inline元素：text-align：center
  • block元素：margin：0 auto
  • 直接absolute：（ left：50% + margin-left：负值）
  • translateX
  • flex：（ display: flex;     justify-content: center;）

垂直居中：

  • inline元素：height = line-height
  • absolute：（ top：50% + margin-top：负值 ）
  • translateY
  • flex：（display: flex;     flex-direction: column;     justify-content: center;）

11.line-height的继承问题

  • ①具体数值、直接继承
  • ②比例，继承该比例
  • ③百分比，如200%，先计算出来，再继承该值

12.rem是什么？响应式的常见方案有哪些？

    rem：相对于根元素，是相对长度单位，常用于响应式布局

    响应式的常见方案有哪些？

  • 媒体查询
  • flex 布局
  • grid 布局（兼容性较差）
  • 百分比布局

13.网页视图尺寸是什么？

  • vh、vw，网页视口高度、宽度的1%

写在文末

    如果你觉得我写得还不错的话，可以给我点个赞哦^^，如果哪里写错了、写得不好的地方，也请大家评论指出，以供我纠正。

其它文章

  • 数据结构之二叉树的遍历
  • 仿去哪儿网项目视频学习总结
  • Webpack简单学习
  • 面筋系列①——滴滴sp一面面试真题
  • 面筋系列②——滴滴实习生一面凉经

你可能感兴趣的:(css,面试,vue.js,html,html5)

  • php 面试题总结 php面试
    1.phpfpm是什么？fpm是fastcgi进程管理器处理web服务器的请求。优点1.动态进程管理根据负载自动调整进程数量，自动监控回收2.资源利用高效，通过进程池的方式，避免频繁的创建和销毁进程。节约资源，灵活配置，动态静态配置2.cgi和fastcgi区别cgi和fastcgi都是web服务器和php进行通信的协议fastcgi是持久化的进程池处理多个请求，不需要为每个请求单独创建新的进程，
  • 机器学习、基础算法、python常见面试题必知必答系列大全：（面试问题持续更新） promptllm人工智能
    基础算法常见面试篇1.1过拟合和欠拟合常见面试篇一、过拟合和欠拟合是什么？二、过拟合/高方差（overfiting/highvariance）篇2.1过拟合是什么及检验方法？2.2导致过拟合的原因是什么？2.3过拟合的解决方法是什么？三、欠拟合/高偏差（underfiting/highbias）篇3.1欠拟合是什么及检验方法？3.2导致欠拟合的原因是什么？3.3过拟合的解决方法是什么？1.2Bat
  • AI 基础设施的儿童保护：智能化儿童安全监护系统 AI天才研究院 【精选大厂面试题详解】大厂Offer收割机面试题简历程序员读书硅基计算碳基计算认知计算生物计算深度学习神经网络大数据AIGCAGILLMJavaPython架构设计Agent程序员实现财富自由
    AI基础设施的儿童保护：智能化儿童安全监护系统随着人工智能技术的快速发展，AI基础设施在儿童保护方面发挥着越来越重要的作用。智能化儿童安全监护系统通过应用AI技术，为儿童的安全保驾护航。本文将探讨该领域的典型问题/面试题库和算法编程题库，并给出详尽的答案解析说明和源代码实例。1.AI技术在儿童保护中的应用题目：请简要介绍AI技术在儿童保护中的几种应用。答案：AI技术在儿童保护中的应用主要包括：人脸
  • Css3 3D转换 黄丫丫07 css33dcss
    特点：近大远小物体后面遮挡不可见三维坐标系：三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的。X轴：水平向右为正Y轴：垂直向下为正Z轴：垂直屏幕向外为正3D位移和3D旋转：主要知识点：3D位移：translate3d（x,y,z）3D旋转：rotate3d(x,y,z)透视：perspective3D呈现transform-style3D位移：translate3d（x,y,z）:Tra
  • CSS3 2D 转换介绍 半点寒12W csscss3css前端
    CSS3中的2D转换（2DTransforms）允许你在二维平面上对元素进行操作，如移动、旋转、缩放和倾斜等，这可以让网页的布局和动画效果更加丰富多样。以下是一些主要的2D转换方法：一、translate（移动）语法：transform:translate(x,y);或者transform:translateX(x);和transform:translateY(y);。其中x和y是长度值（可以是像
  • HTML＜center＞标签 新生派 html前端
    HTML5不支持。标签在HTML4中用于使文本居中对齐。用什么来代替呢？例子居中对齐文本（使用CSS）：h1{text-align:center;}p{text-align:center;}div{text-align:center;}ThisisaheadingThisisaparagraph.Thisisadiv.
  • html简单项目案例 张小特 htmlcsscss3
    数据展示/*全局样式*/body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f9f9f9;display:flex;flex-direction:column;min-height:100vh;}/*页面容器*/.container{max-width:1200px;margin:0auto;padding:
  • css3过渡总结 半点寒12W csscss3前端css
    一、过渡的定义与作用CSS3过渡（Transitions）允许CSS属性在一定的时间区间内平滑地过渡，从一个值转变为另一个值。它能够让网页元素的状态变化更加自然、流畅，给用户带来更好的视觉体验。例如，当一个元素从隐藏状态变为显示状态，通过过渡可以使其淡入，而不是生硬地突然出现。二、过渡的属性transition-property（过渡属性）该属性用于指定哪些CSS属性会产生过渡效果。它可以是单个属
  • 大三学生面试经历（2） 无限大. 面试面试职场和发展
    继续昨天的内容，我面试的是一个Java实习岗，但是居然也问了我前端（vue）相关的问题最大的感觉就是，现在真的越来越卷了，后端都把前端的东西卷完了，当时是线上面试，感觉答的不太好（因为确实没准备的太全），接下来的时间继续加强加强这些方面的学习愿与诸君共勉！具体如下1.请简述Vue.js的生命周期函数及其执行顺序2.Vue.js中的v-bind指令和v-model指令有什么区别?3.请简述Vue.j
  • Multisim的2.8.x的实验报告 weibangwen123 笔记fpga开发
    视频链接:视频太长，分成两个。https://v.youku.com/v_show/id_XNTkxNjQ5NDA5Ng==.html?x&sharefrom=android&sharekey=d65d67ad2de5017146fc3cd3db4585644https://v.youku.com/v_show/id_XNTkxNjQ4NzY4MA==.html?x&sharefrom=andro
  • 2024年12月蓝桥杯Scratch12月stema选拔赛真题试卷 嗨信奥 scratch青少年编程蓝桥杯
    完整的题目及在线模拟考试可点击下方链接前往：2024年蓝桥杯Scratch12月stema选拔赛真题_scratch_少儿编程题库学习中心-嗨信奥https://www.hixinao.com/tidan/scratch/show-267.html
  • 华为OD机试E卷 - 螺旋数字矩阵（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试华为od矩阵java华为OD机试E卷pythonjavascriptC语言
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述疫情期间，小明隔离在家，百无聊赖，在纸上写数字玩。他发明了一种写法：给出数字个数n和行数m（0
  • 深入探讨Web应用开发：从前端到后端的全栈实践 禁默 前端
    目录引言1.Web应用开发的基本架构2.前端开发技术HTML、CSS和JavaScript前端框架与库响应式设计与移动优先3.后端开发技术Node.js（JavaScript后端）Python（Flask和Django）RubyonRailsJava（SpringBoot）4.数据库选择与管理关系型数据库（SQL）非关系型数据库（NoSQL）5.API设计与开发RESTfulAPIGraphQL6
  • HTML 元素详解：从入门到精通 浪浪山小白兔 html前端
    HTML（HyperTextMarkupLanguage）是构建网页的基础语言，而HTML元素则是构成网页的基本单位。无论是网页的结构、内容还是样式，都离不开HTML元素。本文将深入探讨HTML元素的概念、结构、属性以及常见的使用方法，帮助你从零开始掌握HTML的基础知识，并逐步进阶到更复杂的应用。什么是HTML元素？HTML元素是构成HTML文档的基本单位，它由开始标签、内容和结束标签组成。每个
  • 【Springboot】——响应与分层解耦架构 Y小夜 架构springboot后端javaspring
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，设计模式、Python机器学习、Springboot等主页链接：Y小夜-CSDN博客目录响应响应数据✨@ResponseBody✨G
  • html与css学习笔记（2） 陈王卜 学习笔记
    一、CSS引入方式具体有3种引入方式，语法如下表格所示：引入方式语法内联样式在HTML标签中使用style属性，例如：这是一个红色的div内部样式表在HTML文件的标签内使用标签，例如：div{color:red;}外部样式表使用标签在HTML文件的标签内引入外部CSS文件，例如：对于上述3种引入方式，企业开发的使用情况如下：1.内联样式会出现大量的代码冗余，不方便后期的维护，所以不常用。2.内部
  • drissionpage爬虫自动化入门案例与视频教程与相关代码 十一姐 爬虫自动化drissionpage
    目录零、各种关于drissionpage文章视频案例解决方案合集一、dp安装与首次打开网页测试使用二、dp获取网页内容html/text/attr入门三、dp输入点击input/click/eles元素交互等入门四、dp获取cookies信息入门五、dp实现翻页并下载图片入门六、dp实现网页接口数据包监听入门（类似network和fiddler）七、dp实现高并发10倍速度爬取详情页信息八、dp实
  • 【YashanDB知识库】重装新库及元数据和数据导出导入指导 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7253741.html?templateId=171...开始本文操作之前默认已经部署有3mn3cn3-3dn的yashan分布式数据库，并且已经配置好环境变量，开始操作之前请先停止所有业务。从旧库导出数据创建目录$cd~$mkdir-p/data/yashan/save\_data
  • 2021秋招总结：460道Java后端面试高频题,2022接着用 90后小伙追梦之路 java架构面试java面试开发语言github数据库
    由于个人水平有限，如若文章中有错误之处，敬请指正。本文按照我平时复习的模块进行题目划分，由于题目较多，未贴出答案。如果想要答案版资料可以私信我【答案】来免费获取到Java基础解释下什么是面向对象？面向对象和面向过程的区别？面向对象的三大特性？分别解释下？JDK、JRE、JVM三者之间的关系？重载和重写的区别？Java中是否可以重写一个private或者static方法？构造器是否可以被重写？构造方
  • 华为2024嵌入式研发面试题 指尖动听知识库 华为算法数据结构
    01你认为最好的排序算法是什么？在实际的编程中，最好的排序算法要根据实际需求和数据规模来选择，因为每种排序算法都有其优势和劣势。以下是一些常见排序算法及其优缺点：冒泡排序冒泡排序是一种简单直观的排序算法，它的时间复杂度是O(n^2)。虽然它的时间复杂度比较高，但它的实现方式简单，对于小规模数据排序是非常有效的。快速排序快速排序是一种常用的排序算法，它的时间复杂度是O(nlogn)。它的实现方式比较
  • HTML表单相关知识 彩虹也说她不可思议. html前端javascript
    表单的基本结构标签名标签语义常用属性单/双标签form表单action：用于指定表单的提交地址（需与后端人员沟通确定）method：用于控制表单的提交方式target：用于控制表单如何打开页面，常用值如下：_self：在本页签打开页面_blank:在新页签打开页面双input输入框type：设置输入框类型name：用于指定提交数据的名字（需与后端人员沟通确定）单button按钮type：用于设置按
  • Sass,Scss,Less的区别 _会飞的肥牛 笔记sassless
    一.Sass和Scss区别Scss是Sass的升级版,他用{}代替了缩进更符合书写习惯.homecolor:#42b983.home{color:#42b983;}二.Sass/Scss和Less区别1.编译环境不同Sass是在服务端处理的，以前是Ruby，现在是Dart-Sass或Node-Sass，而Less是需要引入less.js来处理Less代码输出CSS到浏览器，也可以在开发服务器将Le
  • yarn serve编译运行出错 error in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css weixin_45508767 开发经验前端vue.jscss前端
    yarnserve编译运行出错errorin./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css如下图：解决方案：使用postcssOptions：{}方法包裹住plugins，如下：module.exports={css:{loaderOptions:{postcss:{postcssOptions:{plugins:
  • vue中对style样式的区别 星辰啊大海7857 CSS布局javascript
    如果想要启用scss和sass，需要设置lang属性。使用less语法使用sass语法两种语法的区别（大部分摘自官网文档）lesssass(含两种语法格式)语法说明SCSS语法格式现在常用，扩展名一般为.scssSass语法格式早期使用的，使用“缩进”代替“花括号”表示属性属于某个选择器，用“换行”代替“分号”分隔属性，很多人认为这样做比SCSS更容易阅读，书写也更快速。拓展名是.sass1变量@
  • scrapy学习之爬虫练习平台爬取 LLLibra146 爬虫python
    本文章首发于个人博客，链接为：https://blog.d77.xyz/archives/35dbd7c9.html前言为了练习Scrapy，找了一个爬虫练习平台，网址为：https://scrape.center/，目前爬取了前十个比较简单的网站，在此感谢平台作者提供的练习平台。环境搭建开始爬取前，首先要先把环境搭建起来，Pycharm新建项目learnscrapy和对应的虚拟环境，安装好Scr
  • CSS属性：fit-content Frilled Lizard css前端css3scss
    Thisisafrostedglasseffect..frosted-glass{position:absolute;top:10vh;left:0;right:0;margin:auto;width:fit-content;background:rgba(0,0,0,0.3);font-size:28px;color:#fff;border-radius:40px;padding:8px28px
  • uniapps使用HTML5的io模块拷贝文件目录 PABL01 前端html5uniappsqlite
    最近在集成sqlite到uniapp的过程中，因为要将sqlite数据库预加载，所以需要使用HTML5的plus.io模块。使用过程中遇到了许多问题，比如文件路径总是解析不到等。尤其是应用私有文档目录’_doc’。根据官方文档：为了安全管理应用的资源目录，规范对文件系统的操作，5+API在系统应用目录的基础设计了应用沙盒目录，分为私有目录和公共目录两种类型，私有目录仅应用自身可以访问，公共目录在多
  • 抽取网易云音乐热门评论（附代码）：html+css+python+js 音乐与灵魂的碰撞 爱玩游戏的jason otherhtmlcsspython
    抽取网易云音乐热门评论：html+css+python+js音乐与灵魂的碰撞代码链接不说废话，上代码！！！get.py#get.pyimporturllib.requestimporturllib.errorimporturllib.parseimportjson#抓取网易云音乐指定url的热评defget_hotComments(id):url='https://music.163.com/we
  • 2020年第11届蓝桥杯国赛javaC组 涤生啊 蓝桥杯算法java算法
    6.2020国赛javaC组https://blog.csdn.net/qq_43449564/article/details/109841937https://blog.csdn.net/imreal_/article/details/114272929https://www.dtmao.cc/news_show_375163.shtmlC扩散importjava.util.LinkedList
  • 美团Android开发200道面试题及参考答案（上） 大模型大数据攻城狮 android开发安卓面经大厂招聘https协议Ddos攻击手撕代码八股文
    http三次握手/四次挥手具体过程，信号量的变化，只有两次握手行不行三次握手过程：第一次握手：客户端向服务器发送一个SYN（同步）标志位为1的TCP报文段，其中包含客户端的初始序列号（ISN），此时客户端进入SYN_SENT状态，表示客户端请求建立连接。第二次握手：服务器收到客户端的SYN报文段后，会向客户端发送一个SYN和ACK（确认）标志位都为1的TCP报文段，其中包含服务器的初始序列号和对客
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他