Della乐多
Della乐多

web前端面试题合辑（二）

CSS

  • 介绍下标准的盒模型？低版本IE的盒子模型有什么不同？（必考）
    1. 有两种，IE盒模型、W3C标准盒模型
    2. 盒模型：内容（content）、填充（padding）、边界（margin）、边框（padding）
    3. 区别：IE的content部分把border和padding计算了进去
  • CSS选择符有哪些？哪些属性可以继承？
  1. id选择器（ # myid）
  2. 类选择器（.myclassname）
  3. 标签选择器（div, h1, p）
  4. 相邻选择器（h1 + p）
  5. 子选择器（ul > li）
  6. 后代选择器（li a）
  7. 通配符选择器（ * ）
  8. 属性选择器（a[rel = “external”]）
  9. 伪类选择器（a:hover, li:nth-child）
  • 可继承的样式： font-size font-family color, UL LI DL DD DT;
  • 不可继承的样式：border padding margin width height ;

  • css定义的权重

    • 标签的权重为1，class的权重为10，id的权重为100，以下例子是演示各种定义的权重值：
       /*权重为1*/
 div{
  }
  /*权重为10*/
  .class1{
  }
  /*权重为100*/
  #id1{
  }
  /*权重为100+1=101*/
  #id1 div{
  }
  /*权重为10+1=11*/
  .class1 div{
  }
  /*权重为10+10+1=21*/
  .class1 .class2 div{
  }/*如果权重相同，则最后定义的样式会起作用，但是应该避免这种情况出现*/

  • CSS优先级算法如何计算？

    1. 同权重: 内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。
    2. !important > 行内样式 > ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
    3. important 比 内联优先级高

  • 如何垂直水平居中？

    • 已知宽高：

      • position=absolute,lrtb=0,margin=auto,包含块一定的是容器。（绝对定位盒模型的特性）

        left+right+w+p+m = 包含块的宽度
        top+bottom+h+p+m = 包含块的高度

      • position=absolute,lt=50%,marginT/L为负的自身的一半//包含块一定的是容器

    • 未知宽高
      • position=absolute,lt=50%,transform:tranlate3d(-50%,-50%,0)//包含块一定得是容器
      • flex: display: flex; justify-content: center;align-items: center;

  • CSS3有哪些新特性？

    • 新增各种css选择器
    • 文本新增样式 （怎么溢出显示省略号）
      .ellips{
	white-space:no-wrap;/*不换行*/
	overflow:hidden; /*超过部分隐藏*/
	text-overflow:ellipsis; /*省略号显示溢出*/
	}
    • 盒模型新增样式
      1. 阴影 box-shadow/text-shadow
      2. 倒影（webkit内核 文字描边 背景镂空）-webkit-box-reflect
    • box-sizing
      • 值： content-box 默认值，标准盒子模型
      • 值： border-box：代表元素上设置的width和height表示的是border-box尺寸
    • 圆角(border-radius)
    • 多列布局 （multi-column layout）
    • 过渡(transition)、2D变换（transform 补间动画）、keyframe （关键帧动画）、animation(逐帧动画)

    Animation和transition大部分属性是相同的，他们都是随时间改变元素的属性值，他们的主要区别是transition需要触发一个事件才能改变属性，而animation不需要触发任何事件的情况下会随时间改变属性值，并且transition为2帧，从from .... to，而animation可以一帧一帧的。

  • 请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？

    一个用于页面布局的全新CSS3功能，Flexbox可以把列表放在同一个方向（从上到下排列，从左到右），并让列表能延伸到占用可用的空间。较为复杂的布局还可以通过嵌套一个伸缩容器（flex container）来实现。采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"。常规布局是基于块和内联流方向，而Flex布局是基于flex-flow流可以很方便的用来做局中，能对不同屏幕大小自适应。在布局上有了比以前更加灵活的空间。

  • 用纯CSS创建一个三角形的原理是什么？

    /*把上、左、右三条边隐藏掉（颜色设为 transparent）*/
#wrap .sjx {
  width: 0px;
  height: 0px;
  overflow: hidden;/*开启IE底下的BFC*/
  border-width: 40px;
  border-style: dashed  dashed dashed solid; /*由于transparent属性在IE6中不支持*/
  border-color: transparent transparent transparent #ccc;
 /*border-color: red green yellow #ccc;*/
}

  • 实现不使用 border 画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果。

  • 像素问题（画一条0.5px的线）

    • image背景：css3的background-image:linear-gradient，缺点就是：样式多，遇到圆角这个方案就杯剧了;
    • 伪类缩放：现在用的比较多的方式之一 :after 1px然后transform: scale(0.5);基本能满足所有场景，对于圆角的处理也

  • 经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？

    • png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.
    • 浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。
    • IE6双边距bug:块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大。
    • 首先，巧妙的使用“\9”这一标记，将IE浏览器从所有情况中分离出来。接着，再次使用“+”将IE8和IE7、IE6分离开来，这样IE8已经独立识别。
      /*css*/
 .bb{
     background-color:red;/*所有识别*/
     background-color:#00deff\9; /*IE6、7、8识别*/
     +background-color:#a200ff;/*IE6、7识别*/
     _background-color:#1e0bd1;/*IE6识别*/
 }

  • li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？

    • 行框的排列会受到中间空白（回车\空格）等的影响，因为空格也属于字符,这些空白也会被应用样式，占据空间，所以会有间隔，把字符大小(font-size)设为0，就没有空格了。

  • 为什么要初始化CSS样式? css reset 和 normalize.css 有什么区别

    • 因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
    • reset 的目的，是将所有的浏览器的自带样式重置掉，这样更易于保持各浏览器渲染的一致性;
      normalize 的理念则是尽量保留浏览器的默认样式，不进行太多的重置。

  • 请解释一下为什么需要清除浮动？清除浮动的方式

    • 清除浮动是为了清除使用浮动元素产生的影响。浮动的元素，高度会塌陷，而高度的塌陷使我们页面后面的布局不能正常显示。

    • 父级div定义height；

    • 父级div 也一起浮动；

    • 常规的使用一个class；

      .clearfix::before, 
.clearfix::after {
    content: " ";
    display: table;
}
.clearfix::after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

    • SASS编译的时候，浮动元素的父级div定义伪类:after

      &::after,
&::before{
 content: " ";
 visibility: hidden;
 display: block;
 height: 0;
 clear: both;
}

      解析原理：
      1) display:block 使生成的元素以块级元素显示,占满剩余空间;
      2) height:0 避免生成内容破坏原有布局的高度。
      3) visibility:hidden 使生成的内容不可见，并允许可能被生成内容盖住的内容可以进行点击和交互;
      4）通过 content:".“生成内容作为最后一个元素，至于content里面是点还是其他都是可以的，例如oocss里面就有经典的 content:”.",有些版本可能content 里面内容为空,一丝冰凉是不推荐这样做的,firefox直到7.0 content:”" 仍然会产生额外的空隙；
      5）zoom：1 触发IE hasLayout。
      通过分析发现，除了clear：both用来闭合浮动的，其他代码无非都是为了隐藏掉content生成的内容，这也就是其他版本的闭合浮动为什么会有font-size：0，line-height：0。

  • 什么是外边距合并？

    • 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

  • 浏览器是怎样解析CSS选择器的？

    • 样式系统从关键选择器开始匹配，然后左移查找规则选择器的祖先元素。
      只要选择器的子树一直在工作，样式系统就会持续左移，直到和规则匹配，或者是因为不匹配而放弃该规则。

  • 在网页中的应该使用奇数还是偶数的字体？为什么呢？

    • 应该用偶数的字体。

    1. 比例关系

      相对来说偶数字号比较容易和页面中其他部分的字号构成一个比例关系。

    2. 浏览器缘故

      其一是低版本ie6会把奇数字体强制转化为偶数，即13px渲染为14px
      其二是为了平分字体。偶数宽的汉字，如12px的汉字，去掉1像素的字体间距，填充了的字体像素宽度其实就是11px，这样的汉字中竖线左右是平分的，如“中”子，左右就是5px了。

    3. 系统差别

      Windows自带的点阵宋体（中易宋体）从Vista开始只提供了12,14,16px这三个大小的点阵，而13,15,17px时用的是小一号的点阵（即每个字占的空间大了1px,但点阵没变），于是略显稀疏。
      而在Linux和其他手持设备上，奇数偶数的渲染效果其实相差不大

  • 元素竖向的百分比设定是相对于容器的高度吗？

不是，而是宽度。对于一些表示竖向距离的属性，例如padding-top,padding-bottom,margin-top,margin-bottom等，当按百分比设定它们时，依据的也是父容器的宽度，而不是高度。

  • 抽离样式模块怎么写，说出思路，有无实践经验？[阿里航旅的面试题]
    先看视觉稿，把可复用的组件找出来。然后把命名和结构确定下来。
  • 全屏滚动的原理是什么？用到了CSS的那些属性？
  1. 原理：方法一是整体的元素一直排列下去，假设有5个需要展示的全屏页面，那么高度是500%
    ，只是展示100%，剩下的可以通过transform进行y轴定位，也可以通过margin-top实现
  2. overflow：hidden；transition：all 1000ms ease；

  • 什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？

    • （1）响应式网站设计（Responsive Web design）的理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。
    • （2）基本原理：媒体查询 @media
    • （3）兼容IE可以使用JS辅助一下来解决

  • 视差滚动效果，如何给每页做不同的动画？（回到顶部，向下滑动要再次出现，和只出现一次分别怎么做？）

    • 视差滚动（Parallax Scrolling）就是这样的效果之一。这种技术通过在网页向下滚动的时候，控 制背景的移动速度比前景的移动速度慢来创建出令人惊叹的3D效果。
    • 原理：

    （1）CSS3实现
    - 优点：开发时间短、性能和开发效率比较好，缺点是不能兼容到低版本的浏览器
    （2）jquery实现
    - 通过控制不同层滚动速度，计算每一层的时间，控制滚动效果。
    - 优点：能兼容到各个版本的，效果可控性好
    - 缺点：开发起来对制作者要求高
    （3）插件实现方式
    - 例如：parallax-scrolling，兼容性十分好

  • ::before 和 :after中双冒号和单冒号 有什么区别？解释一下这2个伪元素的作用。

    • 单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。（伪元素由双冒号和伪元素名称组成）
    • 双冒号是在当前规范中引入的，用于区分伪类和伪元素。不过浏览器需要同时支持旧的已经存在的伪元素写法，
    • 比如:first-line、:first-letter、:before、:after等， 而新的在CSS3中引入的伪元素则不允许再支持旧的单冒号的写法。

想让插入的内容出现在其它内容前，使用::before，否者，使用::after；在代码顺序上，::after生成的内容也比::before生成的内容靠后。如果按堆栈视角，::after生成的内容会在::before生成的内容之上

  • 使元素消失的方法
    1. 隐藏&不占据空间&不会被渲染，辅助设备无法访问

你可能感兴趣的:(基础干货,html/css)

  • 青少年编程与数学 02-010 C++程序设计基础 46课题、链接库 明月看潮生 编程与数学第02阶段青少年编程c++编程与数学开发语言
    青少年编程与数学02-010C++程序设计基础46课题、链接库一、链接库（LinkLibrary）1.静态链接库（StaticLibrary）特点：示例：创建和使用静态链接库2.动态链接库（DynamicLibrary）特点：示例：创建和使用动态链接库1.2创建动态链接库2.编写使用链接库的程序3.编译和链接程序3.1编译和链接静态链接库3.2编译和链接动态链接库4.使用第三方链接库4.1下载和安
  • 【手把手教你-Python】如何让 Flask 根据现有表结构生成 SQLAlchemy 模型文件？ EricLing2022 pythonflask开发语言sqldatabase
    首先你要具备一定Python基础，了解Flask框架，以及数据库工具SQLAchemy。为什么会有这个需求？在使用Python编写项目代码时，假设数据库中的表已经存在，我们需要根据现有的表结构来编写SQLAlchemy模型文件。为了避免逐行编写代码，我们可以使用一个工具来“一键生成”模型文件，那就是sqlacodegen。准备工作Python版本：3.11.5（只要是3.xx版本应该都可以）安装好
  • MyBatis 从入门到精通：详解基础与实战（完整版） 以恒1 mybatis
    MyBatis从入门到精通：详解基础与实战（完整版）（新手入门篇在主页）一、MyBatis基础概念1.1什么是ORM？ORM（Object-RelationalMapping）即对象关系映射，是一种将数据库表与程序对象自动映射的技术。MyBatis作为半自动化的ORM框架，允许开发者直接编写SQL，同时自动处理对象与数据库结果的映射。1.2MyBatis核心功能SQL映射：将Java方法与SQL语
  • 使用yolov8+flask实现精美登录界面+图片视频摄像头检测系统 FL1623863129 深度学习YOLOflaskpython
    这个是使用flask实现好看登录界面和友好的检测界面实现yolov8推理和展示，代码仅仅有2个html文件和一个python文件，真正做到了用最简洁的代码实现复杂功能。测试通过环境：windowsx64anaconda3+python3.8ultralytics==8.3.81flask==1.1.2torch==2.3.0运行步骤：安装好环境执行pythonlogin.py后端实现代码：from
  • AI编程篇-python基础篇 cv工程师(ctrl+c\v) AI编程python
    转型AI算法后的总结-python基础篇python基础AI算法工程师的日常开发工作离不开python这门语言。python的优点：开源免费、简单易学、丰富的库。以下是我总结的python的一些基础：1.python及IDE工具安装对于初学者来说，python的安装是必不可少的，但是为了方便代码编辑和查看结果及debug，可以安装pycharm社区版暂时用来前期学习：python安装及注意事项：下
  • 如何用Python绘制柱状图堆叠图？ 上官美丽 技术分享python开发语言
    在数据分析和可视化的过程中，柱状图是一种非常常用的图表类型。它能清晰地展示不同类别之间的比较。而堆叠柱状图则是在此基础上，能够展示各个部分在整体中的占比！今天，我们来聊聊如何使用Python绘制堆叠柱状图，帮助你更好地理解数据。我们将使用一个非常流行的库：Matplotlib。准备工作首先，你需要确保安装了Matplotlib库。如果还没有安装，可以通过以下命令来安装：pipinstallmatp
  • 财务管理核心知识深度剖析 阿贾克斯的黎明 基础学科学习
    目录财务管理核心知识深度剖析一、财务指标计算：企业财务状况的量化洞察二、成本计算方法：企业成本管控的核心策略三、财务分析方法：解读企业财务密码的钥匙在华为财经笔试的知识体系中，第二章财务管理核心知识是重中之重，它涵盖了从基础指标计算到复杂分析方法、预算管理、资金与投资决策以及风险把控等多方面内容，对企业的财务运营和决策起着关键作用。深入理解这些知识，不仅有助于在笔试中取得优异成绩，更能为实际的财务
  • 第四章：高级特性与最佳实践 - 第五节 - Tailwind CSS 代码组织和维护技巧
    在大型项目中，良好的代码组织和维护策略对于项目的可持续发展至关重要。本节将介绍如何在使用TailwindCSS的项目中组织和维护代码，以提高开发效率和代码质量。目录结构规范推荐的项目结构src/├──styles/│├──base/││├──typography.css││├──colors.css││└──reset.css│├──components/││├──button.css││├──c
  • 78. Harmonyos NEXT 懒加载数据源实现解析 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyosNEXT懒加载数据源实现解析：BasicDataSource与CommonLazyDataSourceModel详解一、核心类关系图解二、基础数据源实现（BasicDataSource）1.监听器管理机制privatelisteners:Dat
  • Cisco ACI Simulator 6.0(9c)M - ACI 模拟器 cisco
    CiscoACISimulator6.0(9c)M-ACI模拟器ApplicationCentricInfrastructure(ACI)SimulatorSoftware请访问原文链接：https://sysin.org/blog/cisco-acisim-6/查看最新版。原创作品，转载请保留出处。作者主页：sysin.orgACISimulator介绍思科以应用为中心的基础设施(ACI)被概念
  • 将本地文件上传到远程Linux服务器SCP的用法
    服务器文件传输工具指南：SCP与rsync一、SCP的介绍SCP命令（SecureCopy）是一个用于在服务器和本地计算机之间传输文件的命令行工具。1.核心特性基于SSH协议的安全传输支持文件/目录传输保留基础文件属性2.基础语法scp[选项]源路径目标路径3.常用操作3.1通过scp实现文件上传3.1.1单文件上传#上传文件scp./local_diruser@host:/remote_dest
  • Omnissa Horizon 8 2412 (8.14) - 虚拟桌面基础架构 (VDI) 和应用软件 虚拟化
    OmnissaHorizon82412(8.14)-虚拟桌面基础架构(VDI)和应用软件之前称为VMwareHorizon,通过高效、安全的虚拟桌面交付增强您的工作空间请访问原文链接：https://sysin.org/blog/omnissa-horizon-8/查看最新版。原创作品，转载请保留出处。作者主页：sysin.orgHorizon8formerlyVMwareHorizon通过从本地
  • 第四章：高级特性与最佳实践 - 第三节 - Tailwind CSS 性能优化策略
    在使用TailwindCSS开发大型项目时，性能优化是一个不可忽视的话题。本节将从构建性能、运行时性能、文件体积等多个维度，详细介绍TailwindCSS的性能优化策略。构建优化优化扫描范围//tailwind.config.jsmodule.exports={content:[//只扫描实际使用的文件'./src/pages/**/*.{js,jsx,ts,tsx}','./src/compon
  • Java编程基础第二日 13.544 java开发语言编程小白
    #变量的类型转换#1.自动类型转换所需满足的两个条件：1.两种数据的类型彼此兼容2.目标类型的取值范围要大于源类型的取值范围发生自动类型转换的情况主要有：整型之间，整型转化为float，其他类型转化为double类型。2.强制类型转换（需要声明）当数据类型并不满足自动类型转换的条件，但我们仍有进行转换的需求e.g:这时候就需要我们进行强制类型转换，即将byteb=num改为byteb=（byte）
  • Web安全攻防入门教程——hvv行动详解 白帽子黑客罗哥 web安全安全网络安全pythonjava
    Web安全攻防入门教程Web安全攻防是指在Web应用程序的开发、部署和运行过程中，保护Web应用免受攻击和恶意行为的技术与策略。这个领域不仅涉及防御措施的实现，还包括通过渗透测试、漏洞挖掘和模拟攻击来识别潜在的安全问题。本教程将带你入门Web安全攻防的基础概念、常见攻击类型、防御技术以及一些实战方法。一、Web安全基础Web应用安全的三大核心目标（CIA三原则）机密性(Confidentialit
  • docker基础 黄小耶@ Pythonweb开发linuxdocker
    docker基础一、镜像命令1、镜像检索dockersearchnginx2、镜像下载dockerpullnginx3、镜像查询列表dockerimages4、删除镜像dockerrmi二、容器命令1、运行容器dockerrun应用名dockerrun-d应用名#后台运行dockerrun--name应用名#取别名dockerrun-p80:80应用名#端口映射2、查看运行中的容器dockerps
  • Java 基础到进阶&企业技巧（二） Aphelios380 开发语言java学习idea学习方法
    在Java学习的旅程中，我们逐步探索了其丰富的知识体系，从基础的数据类型、字符串操作，到流程控制、运算符的运用，每一步都为我们构建强大的编程能力奠定基石。同时，了解这些知识在Java全栈开发中的应用场景，对未来进入企业工作至关重要。目录一、字符串1.底层原理与语法2.字符串位置与拼接3.字符串数组操作二、人机交互1.接收输入-Scanner类2.课堂练习三、字符与编码1.char字符2.面试题：字
  • 第四章：高级特性与最佳实践 - 第五节 - Tailwind CSS 代码组织和维护技巧
    在大型项目中，良好的代码组织和维护策略对于项目的可持续发展至关重要。本节将介绍如何在使用TailwindCSS的项目中组织和维护代码，以提高开发效率和代码质量。目录结构规范推荐的项目结构src/├──styles/│├──base/││├──typography.css││├──colors.css││└──reset.css│├──components/││├──button.css││├──c
  • 第四章：高级特性与最佳实践 - 第四节 - Tailwind CSS CSS 提取和打包优化
    在现代前端工程中，CSS的提取和打包优化对于项目性能至关重要。本节将详细介绍如何在使用TailwindCSS的项目中实现CSS的高效提取和打包优化。CSS提取策略MiniCssExtractPlugin配置//webpack.config.jsconstMiniCssExtractPlugin=require('mini-css-extract-plugin')module.exports={mo
  • 订单管理系统 大学生数据库大作业/数据库实践MYSQL 陌路物是人非 数据库课程设计
    订单管理系统从入门到入土下载Maven，Nodejs创建一个数据库sql_end，创建四个数据库表，并确保用户名为root用户密码为123456再IDEA中加载Springboot依赖（可以直接新建一个任意名称的文件夹，项目导入spring的框架），启动spring项目打开index.html输入用户名和密码，点击注册，再点击登录点击个人中心，点击修改用户信息，修改自己的余额点击逛店铺，选择一个商
  • 智慧运维与物联网技术在地铁车辆段的应用项目 罗博深
    本文还有配套的精品资源，点击获取简介：随着物联网技术的广泛应用，智慧运维系统通过传感器、大数据分析、云计算等技术集成，提升了地铁车辆段的运维效率和安全性。该系统可以实时监控设备状态、预测故障、提供智能决策支持、优化维护策略，并降低运营成本，同时提高乘客安全。其应用拓展至整个地铁线路，乃至与城市交通系统协同，展现了智慧运维对公共交通系统现代化的贡献。1.物联网技术基础与应用物联网（Interneto
  • Java多线程与并发编程实战——从基础到进阶 AI天才研究院 Python实战Java实战自然语言处理人工智能语言模型编程实践开发语言架构设计
    作者：禅与计算机程序设计艺术1.简介互联网企业都在大力拓展自己的业务，而新的技术革命也带来了海量的数据量，因此，单机并发处理能力已经无法满足现代信息时代对高速数据的需求。大数据和云计算带来的分布式系统架构，让单台计算机不仅能够执行单个任务，而且可以横向扩展处理大量任务。在这种情况下，如何充分利用多核CPU、共享内存等资源并发地处理多项任务就成为现代系统设计者们必备技能之一。本书将以实操为导向，全面
  • kaggle-ISIC 2024 - 使用 3D-TBP 检测皮肤癌-学习笔记 supernova121 学习笔记
    问题描述：通过从3D全身照片(TBP)中裁剪出单个病变来识别经组织学确诊的皮肤癌病例数据集描述：图像+临床文本信息评价指标：pAUC，用于保证敏感性高于指定阈值下的AUC主流方法分析（文本）基于CatBoost、LGBM和XGBoost三者的组合，为每个算法创建了XX个变体，总共XX个模型，进行集成学习。CatBoost在传统梯度提升决策树（GBDT）基础上，引入了一系列关键技术创新，以提升处理类
  • 机器视觉|手势识别：基于YOLOv5的手部检测与MediaPipe的关键点估计 RockLiu@805 机器视觉YOLO
    手势识别：基于YOLOv5的手部检测与MediaPipe的关键点估计在实时计算机视觉应用中，手部检测与关键点估计是实现手势识别的重要基础。本文将介绍一种基于深度学习的手势识别技术方案，通过结合YOLOv5物体检测网络和MediaPipe关键点检测框架，实现实时的手部定位与关键点提取。技术背景gesturerecognition作为计算机视觉领域的重要研究方向，在HCI（人机交互）、遥控行为分析、虚
  • SpringCloudAlibaba：从0搭建一套快速开发框架-05 公共模块（common）编写与优化：提升开发效率实践 辉辉. SpringCloud2022javaspringcloudspringboot微服务
    序言：上篇主要介绍了OpenFeign的集成使用，本篇主要优化完善公共模块。公共模块介绍本片主要针对于我个人创建的公共模块（shine-common）展开。shine-common模块的总体功能可以概括为提供系统中的基础通用功能和工具，旨在为其他模块和服务提供一些重复使用的逻辑、工具方法以及规范化的处理方式。具体功能如下：基础常量与配置支持提供项目中需要的常量定义和全局配置项。这样可以避免硬编码常
  • 【C++】栈的基础语法详解 MAX20131115 c++算法开发语言数据结构其他
    栈是C++中的一种基础容器，有“先进先出”的原则。1.定义一个栈stacks;栈的顺序入栈（1）栈中：1入栈（2）栈中：12入栈（3）栈中：123出栈栈中：12出栈栈中：1出栈栈中：无2.增加/删除(1).增加（入栈)增加需要用到‘push’函数（万能头文件中包含栈的函数）用法：intx;cin>>x;s.push(x);（2).删除（出栈)删除需要用到pop函数Tip：只能删除最先进来的数据，空
  • ❤【纯干货】Matplotlib总结，任何项目都用得到❤ .Boss. 支持向量机人工智能算法机器学习python
    .................❤纯干货❤..........目录1、绘制基本图形2、定制化图形3、支持多个坐标轴4、3D绘图5、动态交互绘图6、绘制地图7、绘制统计图表最后Matplotlib在很多人眼里是无敌的存在，而且可以说是无敌的存在。走过数据科学的路，路上必然有Matplotlib的风景在你周围。如果同一个项目，你的用了matplotlib不仅有基本图形、定制化图形、多个坐标轴、3D绘
  • 解密Arm Neoverse V1 和 Neoverse N2 平台 为下一代基础设施带来计算变革 CSDN云计算 笔记
    在去年9月更新的产品路线图基础上，Arm近日公开了Arm®Neoverse™V1和N2平台的产品细节。为满足基础设施应用的各种需求，这两个平台的设计旨在解决当前正在运行的各种工作负载和应用问题，并分别带来50%¹和40%¹的性能提升。此外，Arm也同时发布了CMN-700，作为构建基于NeoverseV1和N2平台高性能SoC的关键部件。Arm基础设施事业部高级副总裁兼总经理ChrisBergey
  • Oracle 数据库基础入门（七）：触发器与事务的深度探究 Aphelios380 Oracleoracle数据库javasql
    在Oracle数据库的生态系统中，触发器与事务是构建可靠、高效数据处理流程的关键组件。触发器能够自动响应特定数据库事件执行预设操作，而事务则确保一组数据库操作的原子性、一致性、隔离性和持久性。对于Java全栈开发者而言，深入理解并熟练运用触发器与事务，不仅能提升数据库操作的精细化程度，还能为构建稳健的企业级应用提供坚实支撑。让我们一同深入探索Oracle数据库中的触发器与事务。目录一、触发器（一）
  • MySQL数据库笔记 艽掵猫 数据库mysql笔记
    一、数据库基础概念1.数据库定义数据库：统一管理、长期存储、有组织的相关数据集合。特征：数据按模型组织（冗余小、独立性高、易扩展、可共享）。2.实际应用数据存储：高效管理大量结构化数据。数据管理：增删改查（CRUD）与权限控制。数据分析：整合数据源，支持决策。3.常见数据库系统数据库特点MySQL开源、高性能、易用，适用于Web应用。Oracle企业级、高可靠，支持大型应用。SQLServer微软
  • 书其实只有三类 西蜀石兰 类
    一个人一辈子其实只读三种书，知识类、技能类、修心类。 知识类的书可以让我们活得更明白。类似十万个为什么这种书籍，我一直不太乐意去读，因为单纯的知识是没法做事的，就像知道地球转速是多少一样（我肯定不知道），这种所谓的知识，除非用到，普通人掌握了完全是一种负担，维基百科能找到的东西，为什么去记忆？ 知识类的书，每个方面都涉及些，让自己显得不那么没文化，仅此而已。社会认为的学识渊博，肯定不是站在
  • 《TCP/IP 详解，卷1：协议》学习笔记、吐槽及其他 bylijinnan tcp
    《TCP/IP 详解，卷1：协议》是经典，但不适合初学者。它更像是一本字典，适合学过网络的人温习和查阅一些记不清的概念。 这本书，我看的版本是机械工业出版社、范建华等译的。这本书在我看来，翻译得一般，甚至有明显的错误。如果英文熟练，看原版更好： http://pcvr.nl/tcpip/ 下面是我的一些笔记，包括我看书时有疑问的地方，也有对该书的吐槽，有不对的地方请指正： 1.
  • Linux—— 静态IP跟动态IP设置 eksliang linuxIP
    一.在终端输入 vi /etc/sysconfig/network-scripts/ifcfg-eth0 静态ip模板如下： DEVICE="eth0" #网卡名称 BOOTPROTO="static" #静态IP（必须） HWADDR="00:0C:29:B5:65:CA" #网卡mac地址 IPV6INIT=&q
  • Informatica update strategy transformation 18289753290
    更新策略组件： 标记你的数据进入target里面做什么操作，一般会和lookup配合使用，有时候用0,1,1代表 forward  rejected rows被选中，rejected row是输出在错误文件里，不想看到reject输出，将错误输出到文件，因为有时候数据库原因导致某些column不能update，reject就会output到错误文件里面供查看，在workflow的
  • 使用Scrapy时出现虽然队列里有很多Request但是却不下载，造成假死状态 酷的飞上天空 request
    现象就是： 程序运行一段时间，可能是几十分钟或者几个小时，然后后台日志里面就不出现下载页面的信息，一直显示上一分钟抓取了0个网页的信息。 刚开始已经猜到是某些下载线程没有正常执行回调方法引起程序一直以为线程还未下载完成，但是水平有限研究源码未果。 经过不停的google终于发现一个有价值的信息，是给twisted提出的一个bugfix 连接地址如下http://twistedmatrix.
  • 利用预测分析技术来进行辅助医疗 蓝儿唯美 医疗
    2014年，克利夫兰诊所（Cleveland Clinic）想要更有效地控制其手术中心做膝关节置换手术的费用。整个系统每年大约进行2600例此类手术，所以，即使降低很少一部分成本，都可以为诊 所和病人节约大量的资金。为了找到适合的解决方案，供应商将视野投向了预测分析技术和工具，但其分析团队还必须花时间向医生解释基于数据的治疗方案意味着 什么。  克利夫兰诊所负责企业信息管理和分析的医疗
  • java 线程(一)：基础篇 DavidIsOK java多线程线程
                                                            &nbs
  • Tomcat服务器框架之Servlet开发分析 aijuans servlet
    最近使用Tomcat做web服务器，使用Servlet技术做开发时，对Tomcat的框架的简易分析： 疑问： 为什么我们在继承HttpServlet类之后，覆盖doGet(HttpServletRequest req, HttpServetResponse rep)方法后，该方法会自动被Tomcat服务器调用，doGet方法的参数有谁传递过来？怎样传递？ 分析之我见： doGet方法的
  • 揭秘玖富的粉丝营销之谜 与小米粉丝社区类似 aoyouzi 揭秘玖富的粉丝营销之谜
    玖富旗下悟空理财凭借着一个微信公众号上线当天成交量即破百万，第七天成交量单日破了1000万;第23天时，累计成交量超1个亿……至今成立不到10个月，粉丝已经超过500万，月交易额突破10亿，而玖富平台目前的总用户数也已经超过了1800万，位居P2P平台第一位。很多互联网金融创业者慕名前来学习效仿，但是却鲜有成功者，玖富的粉丝营销对外至今仍然是个谜。   　　近日，一直坚持微信粉丝营销
  • Java web的会话跟踪技术 百合不是茶 url会话Cookie会话Seession会话Java Web隐藏域会话
    会话跟踪主要是用在用户页面点击不同的页面时,需要用到的技术点   会话:多次请求与响应的过程     1,url地址传递参数,实现页面跟踪技术          格式:传一个参数的 url?名=值     传两个参数的 url?名=值 &名=值   关键代码
  • web.xml之Servlet配置 bijian1013 javaweb.xmlServlet配置
    定义： <servlet> <servlet-name>myservlet</servlet-name> <servlet-class>com.myapp.controller.MyFirstServlet</servlet-class> <init-param> <param-name>
  • 利用svnsync实现SVN同步备份 sunjing SVN同步E000022svnsync镜像
    1. 在备份SVN服务器上建立版本库    svnadmin create test 2. 创建pre-revprop-change文件     cd test/hooks/     cp pre-revprop-change.tmpl pre-revprop-change 3. 修改pre-revprop-
  • 【分布式数据一致性三】MongoDB读写一致性 bit1129 mongodb
    本系列文章结合MongoDB，探讨分布式数据库的数据一致性，这个系列文章包括： 数据一致性概述与CAP 最终一致性(Eventually Consistency) 网络分裂(Network Partition)问题 多数据中心(Multi Data Center) 多个写者(Multi Writer)最终一致性 一致性图表(Consistency Chart) 数据
  • Anychart图表组件-Flash图转IMG普通图的方法 白糖_ Flash
    问题背景：项目使用的是Anychart图表组件，渲染出来的图是Flash的，往往一个页面有时候会有多个flash图，而需求是让我们做一个打印预览和打印功能，让多个Flash图在一个页面上打印出来。   那么我们打印预览的思路是获取页面的body元素，然后在打印预览界面通过$("body").append(html)的形式显示预览效果，结果让人大跌眼镜：Flash是
  • Window 80端口被占用 WHY? bozch 端口占用window
    平时在启动一些可能使用80端口软件的时候，会提示80端口已经被其他软件占用，那一般又会有那些软件占用这些端口呢？    下面坐下总结：         1、web服务器是最经常见的占用80端口的，例如：tomcat , apache  , IIS , Php等等；         2
  • 编程之美-数组的最大值和最小值-分治法（两种形式） bylijinnan 编程之美
    import java.util.Arrays; public class MinMaxInArray { /** * 编程之美 数组的最大值和最小值 分治法 * 两种形式 */ public static void main(String[] args) { int[] t={11,23,34,4,6,7,8,1,2,23}; int[]
  • Perl正则表达式 chenbowen00 正则表达式perl
    首先我们应该知道 Perl 程序中，正则表达式有三种存在形式，他们分别是： 匹配：m/<regexp>;/ （还可以简写为 /<regexp>;/ ，略去 m） 替换：s/<pattern>;/<replacement>;/ 转化：tr/<pattern>;/<replacemnt>;
  • [宇宙与天文]行星议会是否具有本行星大气层以外的权力呢? comsci
          举个例子: 地球,地球上由200多个国家选举出一个代表地球联合体的议会,那么现在地球联合体遇到一个问题,地球这颗星球上面的矿产资源快要采掘完了....那么地球议会全体投票,一致通过一项带有法律性质的议案,既批准地球上的国家用各种技术手段在地球以外开采矿产资源和其它资源........    &
  • Oracle Profile 使用详解 daizj oracleprofile资源限制
    Oracle Profile 使用详解 转 一、目的： Oracle系统中的profile可以用来对用户所能使用的数据库资源进行限制，使用Create Profile命令创建一个Profile，用它来实现对数据库资源的限制使用，如果把该profile分配给用户，则该用户所能使用的数据库资源都在该profile的限制之内。 二、条件： 创建profile必须要有CREATE PROFIL
  • How HipChat Stores And Indexes Billions Of Messages Using ElasticSearch & Redis dengkane elasticsearchLucene
    This article is from an interview with Zuhaib Siddique, a production engineer at HipChat, makers of group chat and IM for teams. HipChat started in an unusual space, one you might not
  • 循环小示例，菲波拉契序列，循环解一元二次方程以及switch示例程序 dcj3sjt126com c算法
    # include <stdio.h> int main(void) { int n; int i; int f1, f2, f3; f1 = 1; f2 = 1; printf("请输入您需要求的想的序列："); scanf("%d", &n); for (i=3; i<n; i
  • macbook的lamp环境 dcj3sjt126com lamp
      sudo vim /etc/apache2/httpd.conf   /Library/WebServer/Documents 是默认的网站根目录   重启Mac上的Apache服务   这个命令很早以前就查过了，但是每次使用的时候还是要在网上查： 停止服务：sudo /usr/sbin/apachectl stop 开启服务：s
  • java ArrayList源码 下 shuizhaosi888 ArrayList源码
    版本 jdk-7u71-windows-x64   JavaSE7 ArrayList源码上：http://flyouwith.iteye.com/blog/2166890     /** * 从这个列表中移除所有c中包含元素 */ public boolean removeAll(Collection<?> c) {
  • Spring Security（08）——intercept-url配置 234390216 Spring Securityintercept-url访问权限访问协议请求方法
    intercept-url配置 目录 1.1     指定拦截的url 1.2     指定访问权限 1.3     指定访问协议 1.4     指定请求方法   1.1   &n
  • Linux环境下的oracle安装 jayung oracle
    linux系统下的oracle安装 本文档是Linux(redhat6.x、centos6.x、redhat7.x) 64位操作系统安装Oracle 11g(Oracle Database 11g Enterprise Edition Release 11.2.0.4.0 - 64bit Production)，本文基于各种网络资料精心整理而成，共享给有需要的朋友。如有问题可联系：QQ：52-7
  • hotspot虚拟机 leichenlei javaHotSpotjvm虚拟机文档
    JVM参数  http://docs.oracle.com/javase/6/docs/technotes/guides/vm/index.html   JVM工具 http://docs.oracle.com/javase/6/docs/technotes/tools/index.html   JVM垃圾回收 http://www.oracle.com
  • 读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” noaighost Webnode.js
    读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” 眼里的Node.JS 初初接触node是一年前的事，那时候年少不更事。还在纠结什么语言可以编写出牛逼的程序，想必每个码农都会经历这个月经性的问题：微信用什么语言写的？facebook为什么推荐系统这么智能，用什么语言写的？dota2的外挂这么牛逼，用什么语言写的？……用什么语言写这句话，困扰人也是阻碍
  • 快速开发Android应用 rensanning android
    Android应用开发过程中，经常会遇到很多常见的类似问题，解决这些问题需要花时间，其实很多问题已经有了成熟的解决方案，比如很多第三方的开源lib，参考 Android Libraries 和 Android UI/UX Libraries。 编码越少，Bug越少，效率自然会高。 但可能由于 根本没听说过、听说过但没用过、特殊原因不能用、自己已经有了解决方案等等原因，这些成熟的解决
  • 理解Java中的弱引用 tomcat_oracle java工作面试
    　不久之前，我 面试了一些求职Java高级开发工程师的应聘者。我常常会面试他们说，“你能给我介绍一些Java中得弱引用吗？”，如果面试者这样说，“嗯，是不是垃圾回收有关的？”，我就会基本满意了，我并不期待回答是一篇诘究本末的论文描述。 　　然而事与愿违，我很吃惊的发现，在将近20多个有着平均5年开发经验和高学历背景的应聘者中，居然只有两个人知道弱引用的存在，但是在这两个人之中只有一个人真正了
  • 标签输出html标签" target="_blank">关于标签输出html标签 xshdch jsp
    http://back-888888.iteye.com/blog/1181202 关于<c:out value=""/>标签的使用，其中有一个属性是escapeXml默认是true(将html标签当做转移字符，直接显示不在浏览器上面进行解析)，当设置escapeXml属性值为false的时候就是不过滤xml，这样就能在浏览器上解析html标签， &nb