Midshar.top
Midshar.top

大前端面试题集锦——HTML篇

HTML篇

1.什么是DOCTYPE,有何作用?

  • DOCTYPE是用来声明HTML文档应当使用哪种版本来进行解析
  • 如果不使用DOCTYPE告知浏览器应当使用哪种版本解析文档,那么浏览器将会开启最大兼容模式来解析文档,一般称为怪异模式.在怪异模式下,可能会产生一些预想不到的bug

2.说说对HTML语义化的理解?

  • HTML的语义化指的是在合适的地方使用合适的标签,让人能够根据标签进而大致知晓标签内容
  • 语义化使得在没有CSS的情况下也能够展现出清晰的结构
  • 语义化有利于SEO,与搜索引擎建立良好的沟通
  • 有利于爬虫抓取更多的有效信息
  • 方便团队的开发与维护,减少差异化

3.标签属性src与href有什么区别?

  • 两者都用于指向一个外部资源链接
  • src属性指向的外部资源会下载到本地并嵌入到当前位置,当浏览器解析到该元素时,会暂停其他资源的下载,知道该资源被执行完毕
    • 常用于img,script,video,audio等元素中
  • href用来指向一个外部链接,当浏览器识别到该属性时,会并行下载该资源,不会停止对当前文件的处理

4.title与h1,b与strong,i与em元素分别有什么区别?

  • title元素是head元素中一个必不可少的元素,用来指定当前页面的标题
  • h1元素是一级标题
  • b元素会实现一个加粗效果
  • strong元素也会实现一个加粗效果,但是在使用语音朗读时会重读
  • i元素会实现一个倾斜效果
  • em元素也会实现一个倾斜效果,有强调效果

5.什么是严格模式与混杂模式?

  • 严格模式指的是以浏览器支持的最高标准运行(W3C标准)
  • 混杂模式指的是浏览器以向下兼容的方式显示内容,模拟老式浏览器的行为
  • 严格模式,直接书写正确的DOCTYPE,不声明或者声明不完整的DOCTYPE页面会转换为怪异模式

6.前端页面由哪三层构成?

  • 分别由html,css与js构成
  • html结构层
    • 组成页面的基本结构
  • css表示层
    • 为页面添加丰富的样式
  • js行为层
    • 实现用户与页面的交互行为

7.ifram的作用以及优缺点?

  • iframe被称为嵌入式框架,可以实现在html页面中嵌套html页面
  • 优点
    • 可以用来处理加载缓慢的内容
  • 缺点
    • 会阻塞主页的onload事件
    • 产生较多页面,不利于管理
    • 浏览器的导航按钮无法实现效果
    • 无法被搜索引擎识别

8.img元素中的title与alt属性有什么作用?

  • title属性用来实现当用户的鼠标悬停在图片上时显示的额外信息
  • alt属性用来实现当图片加载失败时,在原图片位置处预留的文本描述信息

9.H5与HTML5的区别是什么?

  • H5是一个统称,一个产品名词,包含了HTML5,CSS3与ES6等新技术
  • HTML5是一个技术名词,指第五代HTML技术

10.行内元素与块级元素有哪些?有什么区别?如何转换?

  • 行内元素指的是元素默认排列在同一行,设置元素的width与height属性无效,只能够设置padding-left/right或margin-left/right,可以设置line-height,只能嵌套行内元素
    • a,b,em,i,span,strong,sub,sup等
  • 块级元素指的是元素默认占据一整行,多个元素从上至下依次排列,可以设置元素的width与height属性,并且也可以设置元素的内外边距,块级元素中可以嵌套块级元素或行内元素
    • h1~h6,div,p,ul,ol,li,form,table,textarea等
  • 使用display属性可以实现元素类型的转换
    • block转换为块级元素
    • inline转换为行内元素
    • inline-block转换为行内块元素

11.label的作用是什么?如何使用?

  • label标签用来为提高用户的操作体验
  • 通常在表单元素中使用,绑定input元素,利用label标签的for属性绑定input标签的id属性,在label元素中使用文字描述,当用户点击文字时,光标会自动聚焦到绑定的input元素中

12.对于Web标准以及W3C的理解?

  • Web标准是一套规范,用来约定Web中的各项内容,是一套用来构建高质量,可持续与可访问Web内容的基础
  • 简单来说可以分为结构,表现与行为三个标准
    • 结构标准约定HTML的标签规范
    • 表现标准约定CSS的样式规范
    • 行为标准约定JS的操作逻辑
  • W3C是一个国际性的非盈利组织,用来制定各类标准,制定标准之后可以:
    • 降低学习成本,降低代码的维护成本
    • 共用统一的开发流程与工具
    • 方便跨平台进行迁移

13.怪异模式是什么意思?它与标准模式有什么区别?

  • 怪异模式指的是在编写html代码时,没有写DTD,浏览器将会按照最大兼容模式进行页面渲染
  • 常见区别
    • 在怪异模式下,设置元素的width与height会包含padding与border
    • 在怪异模式下,设置行内元素的width与height会生效
    • 在怪异模式下,设置元素的样式margin:0 auto的居中效果会失效

14.什么是微格式?构建前端页面需要使用微格式吗?

  • 微格式是建立在已有的标准基础之上的一组数据格式
    • 具体表现是把语义嵌入到HTML中,有助于实现分离式开发,相当于对Web页面进行语义注释
  • 采用微格式的页面,通常会在标签中加入解释性的注释,有助于让处理HTML的软件更易于理解文档,当使用爬虫爬取Web内容时,也能够更好地识别内容块的语义,可以优化网页的SEO

15.为什么HTML5只需要写!DOCTYPE html?

  • HTML5与HTML4不同,并不遵循SGML(标准通用标记语言),DTD规定了标记语言的规则,这样浏览器才能够正确识别文档内容,采用正确的方式呈现页面

16.HTML5新增了哪些特性?移除了哪些元素?

  • HTML5的新特性主要是关于图像,位置,存储,多任务等方面
    • 新增标签:video,audio,article,main,footer,aside,nav,section,canvas等
    • input新类型:date,time,color,email等
    • 表单新属性:autofocus,placeholder,required等
    • 地理定位技术:Geolocation API
    • 拖拽:Drag and Drop API
    • 本地存储:sessionStorage与localStorage
  • 移除元素
    • 纯表现元素:font,center,big等
    • 可能会产生副作用的元素:frame,frameset,noframes等

17.如何处理HTML5新标签兼容问题?

  • 使用第三方库HTML5 Shiv
<head>
	<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js">script>
head>
  • 使用document.createElement("tagName")动态创建标签

18.如何实现在一张图片的不同区域链接不同的地址?

  • 在img标签中添加属性usemap="#yourMapTagName"
  • 结合map标签与area标签共同实现
<img alt="" src="" usermap="#my-map"/>
<map name="my-map">
	<area shape="rect" coords="" alt="" href=""/>
	<area shape="circle" coords="" alt="" href=""/>
	<area shape="poly" coords="" alt="" href=""/>
map>

19.a元素除了用于导航,还能够用于什么?

  • href属性中的url链接可以是浏览器支持的任何协议
    • 用于拨号110
    • 用于发送短信sendMsg
    • 用于发送邮件
    • 用于下载文件
    • 用于锚点

20.SEO中的TDK是什么?

  • T指的是title标题标签
  • D指的是description描述标签
  • K指的是keyword关键词标签

21.script标签中的defer属性与async属性的区别是什么?

  • 两者都可以实现script脚本的异步加载,使之不会阻塞页面的解析
defer async
多个defer标签,按照标签顺序执行 多个async标签,不一定按照标签顺序执行
会在HTML文档解析完成之后再执行js 会在js加载完成之后立即执行
适用于需要依赖Dom的脚本 适用于不需要依赖Dom的脚本

22.常用的meta标签有哪些?

  • meta标签定义了网页的元信息,可以用来设置网页的作者,网页描述,关键词等信息
<meta charset="UTF-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1">
<meta name="robot" content="index,follow">
<meta http-equiv="refresh" content="0;url=">

23.img元素中srcset有什么作用?

  • 如果要实现响应式布局,那么在不同的屏幕密度之下设置不同的图片,可以使用srcset属性
<img src="default.jpg" srcset="another1.jpg 2x,another2.jpg 3x,another3.jpg 4x" />
  • 当在不同的屏幕密度之中就会应用不同的图片

24.描述什么是Web worker?

  • 传统的js代码在运行时,会阻塞页面的响应,直到js执行完毕后,页面才会响应
  • Web worker用来将js代码放在后台运行,独立于其他js,不会影响页面的性能,通过postMessage将结果回传至主线程,不会阻塞主线程

25.什么是离线存储?如何使用HTML的离线存储功能?工作原理是什么?

  • 离线存储指的是当用户未连接到网络时,仍然可以实现页面的访问,并且在恢复网络后,会自动更新离线页面的数据
  • 工作原理
    • 离线缓存是基于一个新建的.appcahce文件的缓存机制,通过这个文件上的解析清单离线缓存网页中的数据,这些数据就会像cookie一样被保存,当用户网络断开后,浏览器会按照之前缓存的数据来加载网页
    • 创建一个与.appcache文件,并且在根标签中添加manifest="filename.appcahce"
CACHE MANIFEST
	CACHE:
	/filename.js
	/filename.css
	NETWORK:*
	FALLBACK:
	another.html
  • 使用window.applicationCache进行缓存操作

26.浏览器是如何对HTML5的离线储存资源进行管理与加载的?

  • 当网络在线时,浏览器识别到manifest属性时,如果页面是首次加载,那么会按照该属性指向的文件中的内容进行下载,并缓存到本地;如果在加载页面时,页面已经离线存储,那么浏览器会使用离线存储的资源加载页面,然后对比新旧manifest,如果有更新,将更新后的数据重新缓存
  • 当网络离线时,浏览器直接会使用离线存储的资源加载网页

27.canvas与svg有什么区别?

canvas svg
画布,通过js绘制的2D图像,逐像素进行渲染,位置改变时,会重新渲染 可伸缩矢量图形,基于XML描述的2D图形语言,SVG对象属性发生改变,会重新绘制
依赖分辨率 不依赖分辨率
不支持事件处理器 支持事件处理器
适合图像密集型游戏 不适合用于游戏
若文本渲染能力 适合带有大型渲染区域的应用程序
能够以.png,.jpg格式保存图像 复杂度高会减慢渲染速度

28.head标签有什么作用?什么标签必不可少?

  • head标签用来设置网页的头部,是所有头部元素的容器
  • head中的标签可以用来设置网页元信息,引用样式表,执行脚本等
  • head标签中的信息可以用来描述网页的属性与信息,其中的大部分信息一般不会展示给用户
    • meta,style,link,base,script,title标签可用于head标签之中
  • title标签在head标签中必不可少,它用来显示页面的标题内容

29.如何区分浏览器的严格模式与混杂模式?有什么意义?

  • 网页中设置的DTD(Document Type Definition)文档类型定义是用来区分两种模式的标准
严格模式 混杂模式
文档设置了正确的DTD 文档设置了不正确的DTD(不正确或不存在)
文档设置了含有URI的过渡DTD 文档设置了未包含URI的过渡DTD
  • HTML5文档不存在严格模式与混杂模式
  • 严格模式让不同的浏览器能够按照统一的标准执行兼容,保证了旧网站的运行

30.浏览器乱码的原因是什么?

  • 网页源代码是gbk编码,内容中的中文汉字是utf-8编码,或者程序从数据库中取出的数据是utf-8编码时,两种编码不一致,必然会造成乱码
  • 更改html文档的charset=utf-8
  • 使用文本编辑器,保存文档为utf-8格式

31.渐进增强与优雅降级有什么区别?

  • 渐进增强立足于实现HTML最基础的功能,满足最低的需要,然后根据高版本的浏览器逐渐增加新特性与新功能,是一个由简单到复杂的过程
  • 优雅降级立足于首先满足最高版本浏览器的需要,搭建一个成熟的且高级的网页,然后针对低版本浏览器逐渐降低用户体验,减少功能,是一个由复杂到简单的过程

32.HTML5中的drag API是什么?

  • drag API用来实现对元素的拖拽功能
  • 在元素标签中添加了draggable=true属性后,元素将会成为一个可拖放元素,该元素通常与另一个拖放目标区域元素配合使用
    • dragstart事件名,事件的主体是被拖放元素,开始拖放时触发
    • dragend事件名,事件的主体是被拖放元素,结束拖放式触发
    • drag事件的主体是被拖放元素,拖放中触发
    • dragenter事件主体是目标元素,进入目标元素时触发
    • dragleave事件主体是目标元素,离开目标元素时触发
    • dragover事件主体是目标元素,在目标元素中拖放时触发
    • dop事件主体是目标元素,目标元素完全接受被拖放元素时触发

你可能感兴趣的:(前端,html)

  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • swagger访问路径 igotyback swagger
    Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
  • html 中如何使用 uniapp 的部分方法 某公司摸鱼前端 htmluni-app前端
    示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【加密社】Solidity 中的事件机制及其应用 加密社 闲侃区块链智能合约区块链
    加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
    这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
    目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
  • 详解：如何设计出健壮的秒杀系统？ 夜空_2cd3
    作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
  • 最简单将静态网页挂载到服务器上(不用nginx) 全能全知者 服务器nginx运维前端html笔记
    最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
  • 补充元象二面 Redstone Monstrosity 前端面试
    1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
  • 微信小程序开发注意事项 jun778895 微信小程序小程序
    微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
  • 字节二面 Redstone Monstrosity 前端面试
    1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
  • 斟一小组鸡血视频 和自己一起成长
    http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa
  • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
    点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
  • Dockerfile命令详解之 FROM 清风怎不知意 容器化java前端javascript
    许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用
  • 《HTML 与 CSS—— 响应式设计》 陈在天box htmlcss前端
    一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
  • 【C语言】- 自定义类型：结构体、枚举、联合 Cavalier_01 C语言
    【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
  • uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app
    第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
  • html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游
    html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
  • spring mvc @RequestBody String类型参数 zoyation spring-mvcspringmvc
    通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
  • ubuntu安装opencv最快的方法 Derek重名了
    最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html
  • 处理标签包裹的字符串，并取出前250字符 周bro 前端javascript开发语言
    //假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • h5小游戏定制开发 红匣子实力推荐
    随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
  • Vue + Express实现一个表单提交 九旬大爷的梦
    最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
  • Nginx的使用场景：构建高效、可扩展的Web架构 张某布响丸辣 nginx前端架构
    Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
  • 解线性方程组 qiuwanchi
    package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
  • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
    在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
  • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
    Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
  • java面试题 Array_06 java面试
    java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
  • 网站加速 oloz 网站加速
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
  • 正确书写单例模式 随意而生 java 设计模式 单例
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
  • 单例模式 香水浓 java
    懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
  • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
  • mysql中查询生日提醒的日期相关的sql baalwolf mysql
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
  • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
    问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
  • Javascript Promise bijian1013 JavaScriptPromise
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
  • 【Java命令三】jstack bit1129 jstack
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
  • jboss 5.1启停脚本　动静分离部署 ronin47
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
  • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
      在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
  • 三色旗算法 bylijinnan java算法
    import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
  • 警告:No configuration found for the specified action: \'s chiangfai configuration
    1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
  • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
  • select into outfile access deny问题 daizj mysqltxt导出数据到文件
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
  • 美国电影超短200句 dcj3sjt126com 电影
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
  • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
  • Maven的settings.xml配置 geeksun settings.xml
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
  • ubuntu的init与系统服务设置 hongtoushizi ubuntu
    转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
  • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
  • php位运算符注意事项 home198979 位运算PHP&
    $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
  • Linux shell数组建立和使用技巧 pda158 linux
    1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
  • hotspot源码(JDK7) ol_beta javaHotSpotjvm
    源码结构图，方便理解：   ├─agent                            Serviceab
  • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
    基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他