在bootstrap中，下列（）不属于图片处理的类。
A、.img-roundedB、.img-circleC、.img-thumbnailD、.img-radius 详情： a) .img-rounded，border-radius：6px；正确 b) .img-circle，...
在bootstrap中，下列（b）类不属于button的预定义样式。
A、.btn-successB、.btn-warpC、.btn-infoD、.btn-link 详情： a) .btn-success：成功信息，所以正确。 b) Bootstrap中的button预定义样式没有这个类，所以错...
在bootstrap中，下列（b）不属于按钮尺寸。
A、.btn-lgB、.btn- mdC、.btn-smD、.btn-xs 详情： a) .btn-lg：大按钮，所以正确 b) .btn-default：默认尺寸，所以错误 c) .btn-sm：小按钮，所以正确...
在bootstrap中，（d）不属于媒体查询的关键词。
A、andB、notC、onlyD、or 详解： a) and：同时满足这两者时生效，到达限定范围，所以正确。 b) not：排除某种指定的媒体类型，即排除符合表达式的设备，所以正确。 c) only：指定某种特定的媒体...
在bootstrap中，下列（c）不属于验证提示状态的类。
A、.has-warningB、.has-errorC、.has-dangerD、.has-success 详情： a) .has-warning：警告（黄色）。所以正确。 b) .has-error：错误（红色）。所以正确。...
在bootstrap中，以下的（b）不是文本对其的方式。
A、.text-leftB、.text-middleC、.text-rightD、text-justify 详解： a) 左对齐用text-left，所以正确 b) 居中用text-center，所以错误 c) 右对齐用...
在bootstrap中，关于响应式栅格系统（a）的描述是错误的。
A、.col-sx-：超小屏幕（<768px）。B、.col-sm-：小屏幕、平板（>=768px）。C、.col-md-：中等屏幕（>=992px）。D、.col-lg-：大屏幕（>=1200px）。 详解： ...
在bootstrap中，（b）不属于栅格系统的实现原理。
A、自定义容器的大小。平均分为12份B、基于JavaScript开发的组件C、结合媒体查询D、调整内外边距 详解： a) 可以自定义，分了12份。俗称12栅格系统，所以正确。 b) 基于jQuery开发的组件，所以错误。...
在bootstrap中，（c）是错误的媒体查询的写法。
A、@media all and (min-width:1024px) { };B、@media all and (min-width:640px) and (max-width:1023px) { };C、@media all and (...
在bootstrap中，（）不是媒体特性的属性。
A、device-widthB、widthC、backgroundD、orientation 详解： a、device-width：设置屏幕的输出宽度，所以正确。 b、width：渲染界面的宽度，所以正确。 c、应该是color：设...
在bootstrap中，（b）不是媒体查询类型的值。
A、allB、speedC、handheldD、print 详解： a、所有设备，所以正确。 b、不是媒体查询类型的值，所以错误。 c、便携设备，所以正确。 d、打印用纸或打印预览视图，所以正确。...
在bootstrap中，关于align-items属性值错误的是（d）。
A、flex-startB、flex-endC、centerD、underline 详解： a、flex-start：在侧轴起点的外边距紧靠该行在侧轴起始边，所以正确。 b、flex-end：在侧轴终点边的外边距紧靠该行在侧轴...
在bootstrap中，关于justify-content属性值错误的是（c）。
A、flex-startB、flex-endC、middleD、space-between 详解： a、flex-start：向一行的起始位置靠齐，所以正确。 b、flex-end：向一行的结束位置靠齐，所以正确。 c、...
在bootstrap中，关于flex-wrap属性值错误的是（b）。
A、nowrapB、colwrapC、wrapD、wrap-reverse 详解： a、nowrap：默认值，伸缩容器单行显示，伸缩项目不会换行。所以正确 b、没有这个属性值，所以错误。 c、wrap：伸缩容器多行显示，...
在bootstrap中，关于flex-direction属性值错误的是（a）。
A、colB、 rowC、 row-reverseD、 column-reverse 详解： a、 应该是：column（元素从上到下排列）。所以错误。 b、 row：默认值，元素从左到右排列。正确。 c、...
在bootstrap中，下列的类（c）可以使一个元素在打印使隐藏。
A、visible-print-block B、 visible-print-inline C、 hidden-print D、 print-hidden 详解： a、 浏览器：隐藏。打印机：可见。 b...
在bootstrap中，栅格系统的标准用法（c）是错误的。
A、visible-print A、<div class="container"><div class="row"></div></div> B...
在bootstrap中，关于弹性布局的属性错误的是（d）。
A、flexB、 flex-directionC、 justify-contentD、 flex-container 详解： a、 flex：伸缩性 b、 flex-direction：伸缩流动性 c、 j...
下列（d）不是正确的辅助类。
A、.text-muted。 B、 .text-danger。 C、 .tex-success。 D、 .text-title。 详解：正确的辅助类有： a、 text-muted/text-prim...
未命名
A、 visible-xs-8 hidden-mdB、 visible-md-8 hidden-xsC、 visible-md-8 hidden-smD、 visible-sm-8 hidden-md 详解： a、 超小屏幕...
如果让一个元素在pc端显示而在手机端隐藏，下列选项正确的是（b）。
A、 visible-xs-8 hidden-mdB、 visible-md-8 hidden-xsC、 visible-md-8 hidden-smD、 visible-sm-8 hidden-md 详解： a、 超小屏幕...
DOM 和 BOM 有什么区别
答案：DOMDocument Object Model，文档对象模型DOM 是为了操作文档出现的 API，document 是其的一个对象DOM 和文档有关，这里的文档指的是网页，也就是 html 文档。DOM 和浏览器无关，他关注的是网页...
一个iframe，内嵌了一个A页面，iframe的宽高不停变化，如何让A页面的宽高实时自适应这个iframe的宽高大小。请说出至少3种方法，越难越好
答案：css的方案onresize监听鼠标动作，鼠标释放后重新定宽...
DOM Tree是如何构建的？
答案：HTML 解释器HTML 解释器的工作就是将网络或者本地磁盘获取的 HTML 网页和资源从字节流解释成 DOM 树结构。JavaScript 的执行在 HTML 解释器的工作过程中，可能会有 JavaScript 代码需要执行，它发生...
什么是渐进式渲染（progressive rendering）？
答案：渐进式渲染是用于提高网页性能（尤其是提高用户感知的加载速度），以尽快呈现页面的技术。在以前互联网带宽较小的时期，这种技术更为普遍。如今，移动终端的盛行，而移动网络往往不稳定，渐进式渲染在现代前端开发中仍然有用武之地。一些举例：图片懒加...
为什么最好把 CSS 的标签放在之间？为什么最好把 JS 的标签恰好放在之前，有例外情况吗？
答案：把<link>放在<head>中把<link>标签放在<head></head>之间是规范要求的内容。此外，这种做法可以让页面逐步呈现，提高了用户体验。将样式表放在文档底部附...
iframe 的作用
答案：iframe 是用来在网页中插入第三方页面，早期的页面使用 iframe 主要是用于导航栏这种很多页面都相同的部分，这样在切换页面的时候避免重复下载。优点便于修改，模拟分离，像一些信息管理系统会用到。但现在基本不推荐使用。除非特殊需要...
HTML5 存储类型有什么区别？
答案：Media API、Text Track API、Application Cache API、User Interaction、Data Transfer API、Command API、Constraint Validation A...
HTML5 为什么只需要写 ？
答案：HTML 4.01 中的 doctype 需要对 DTD 进行引用，因为 HTML 4.01 基于 SGML。而 HTML 5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 doctype 来规范浏览器的行为。其中，SG...
meta viewport 原理是什么？
答案：meta viewport 标签的作用是让当前 viewport 的宽度等于设备的宽度，同时不允许用户进行手动缩放viewport的原理：移动端浏览器通常都会在一个比移动端屏幕更宽的虚拟窗口中渲染页面，这个虚拟窗口就是 viewpor...
对 web 标准、可用性、可访问性的理解
答案：可用性（Usability）：产品是否容易上手，用户能否完成任务，效率如何，以及这过程中用户的主观感受可好，是从用户的角度来看产品的质量。可用性好意味着产品质量高，是企业的核心竞争力。可访问性（Accessibility）：Web 内...
HTML5 引入什么新的表单属性？
答案：Datalist datetime output keygen date month week time number range emailurl...
未命名
答案：微格式（Microformats）是一种让机器可读的语义化 XHTML 词汇的集合，是结构化数据的开放标准。是为特殊应用而制定的特殊格式。优点：将智能数据添加到网页上，让网站内容在搜索引擎结果界面可以显示额外的提示。（应用范例：豆瓣，...
知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？
答案：微格式（Microformats）是一种让机器可读的语义化 XHTML 词汇的集合，是结构化数据的开放标准。是为特殊应用而制定的特殊格式。优点：将智能数据添加到网页上，让网站内容在搜索引擎结果界面可以显示额外的提示。（应用范例：豆瓣，...
html 常见兼容性问题？
答案：①用正确的标签做正确的事情。②html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的;③ 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各...
对 WEB 标准以及 W3C 的理解与认识
答案：标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链 css 和 js 脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要...
前端需要注意哪些 SEO
答案：合理的 title、description、keywords：搜索对着三项的权重逐个减小，title 值强调重点即可，重要关键词出现不要超过 2 次，而且要靠前，不同页面 title 要有所不同；description 把页面内容高度...
html5 有哪些新特性、移除了那些元素？
答案：新特性：拖拽释放(Drag and drop) API语义化更好的内容标签（header,nav,footer,aside,article,section）音频、视频 API(audio,video)画布(Canvas) API地理(...
HTML5 的离线储存怎么使用，工作原理能不能解释一下？
答案：在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。原理：HTML5 的离线存储是基于一个新建的.appcache 文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这...
浏览器是怎么对 HTML5 的离线储存资源进行管理和加载的呢
答案：在线的情况下，浏览器发现 html 头部有 manifest 属性，它会请求 manifest 文件，如果是第一次访问 app，那么浏览器就会根据 manifest 文件的内容下载相应的资源并且进行离线存储。如果已经访问过 app 并...
HTML 全局属性(global attribute)有哪些
答案：①用正确的标签做正确的事情。②html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的;③ 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各...
Canvas 和 SVG 有什么区别？
答案：Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。Canvas描述：通过 Javascript 来绘制 2D 图形。是逐像素进行渲染的。其位置发生改变，会重新进行绘制。SVG描述：一种使用 XML 描述的...
对于 WEB 标准以及 W3C 的理解与认识问题
答案：web 标准简单来说可以分为结构、表现和行为。其中结构主要是有 HTML 标签组成。或许通俗点说，在页面 body 里面我们写入的标签都是为了页面的结构。表现即指 css 样式表，通过 css 可以是页面的结构标签更具美感。行为是指页...
列举 IE 与其他浏览器不一样的特性？
答案：a. IE 的排版引擎是 Trident （又称为 MSHTML）b. Trident 内核曾经几乎与 W3C 标准脱节（2005 年）c. Trident 内核的大量 Bug 等安全性问题没有得到及时解决d. JS 方面，有很多独立...
前端页面有哪三层构成，分别是什么？作用是什么？
答案：分成：结构层、表示层、行为层。结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内...
为什么用多个域名存储网站资源更有效？
答案：1、CDN 缓存更方便2、突破浏览器并发限制3、节约 cookie 带宽4、节约主域名的连接数，优化页面响应速度5、防止不必要的安全问题...
Quirks(怪癖）模式是什么？它和 Standards（标准）模式有什么区别
答案：1 以 ie6 为例，如果写了 DTD，就意味着这个页面将采用对 CSS 支持更好的布局，而如果没有，则采用兼容之前的布局方式。这就是 Quirks 模式（怪癖模式，诡异模式，怪异模式）。2 区别：总体会有布局、样式解析和脚本执行三个...
div+css 的布局较 table 布局有什么优点？
答案：分离 方便改版 快清晰简洁 seo1.改版的时候更方便 只要改 css 文件。2.页面加载速度更快、结构化清晰、页面显示简洁。3.表现与结构相分离。4.易于优化（seo）搜索引擎更友好，排名更容易靠前。...
你能描述一下渐进增强和优雅降级之间的不同吗?
答案：渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。（一开始保证最基本的功能，再改进和追加功能）优雅降级 gr...
简述一下 src 与 href 的区别。
答案：src 用于引用资源，替换当前元素；href 用于在当前文档和引用资源之间确立联系。解析：hrefhref 标识超文本引用，用在 link 和 a 等元素上，href 是引用和页面关联，是在当前元素和引用资源之间建立联系若在文档中添加...
每个 HTML 文件头里都有个很重要的东西，Doctype，知道这是干什么的么？
答案：<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。1.告知浏览器文档使用哪种 HTML 或 XHTML 规范。2.告诉浏览器按照何种规范解析页（如果你的页面没有 DOCTYPE...
请描述下 SEO 中的 TDK？
答案：在 SEO 中，所谓的 TDK 其实就是 title、description、keywords 这三个标签，title 标题标签，description 描述标签，keywords 关键词标签...
title 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别？
①title用于网站信息标题，突出网站标题或关键字，一个网站可以有多个title，seo权重高于H1；H1概括的是文章主题，一个页面最好只用一个H1，seo权重低于title。解析：A.从网站角度而言，title则重于网站信息标题，突出网站...
HTML 与 XHTML 二者有什么区别，你觉得应该使用哪一个并说出理由。
应该使用XHTML，因为XHTML是XML重写了HTML的规范，比HTML更加严格，表现如下：1、XHTML中所有的标记都必须有一个相应的结束标签；2、XHTML所有标签的元素和属性的名字都必须使用小写；3、所有的XML标记都必须合理嵌套；...
iframe 框架有那些优缺点？
答案：优点：iframe 能够原封不动的把嵌入的网页展现出来。如果有多个网页引用 iframe，那么你只需要修改 iframe 的内容，就可以实现调用的每一个页面内容的更改，方便快捷。网页如果为了统一风格，头部和版本都是一样的，就可以写成一...
Label 的作用是什么？是怎么用的？
答案：label 标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。解析：两种用法：一种是 id 绑定，一种是嵌套<label for="Name">Number:...
简述一下你对 HTML 语义化的理解？
答案：①用正确的标签做正确的事情。②html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的;③ 搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各...
itle与h1的区别、b与strong的区别、i与em的区别？
title属性没有明确意义，只表示标题；h1表示层次明确的标题，对页面信息的抓取也有很大的影响strong标明重点内容，语气加强含义；b是无意义的视觉表示em表示强调文本；i是斜体，是无意义的视觉表示视觉样式标签：b i u s语义样式标签...
实现不使用 border 画出1px高的线，在不同浏览器的Quirks mode和CSS Compat模式下都能保持同一效果
<div style="height:1px;overflow:hidden;background:red"></div>...
页面可见性（Page Visibility）API 可以有哪些用途？
通过visibility state的值得检测页面当前是否可见，以及打开网页的时间。在页面被切换到其他后台进程时，自动暂停音乐或视频的播放。...
webSocket如何兼容低浏览器？
Adobe Flash Socket ActiveX HTMLFile (IE) 基于 multipart 编码发送 XHR 基于长轮询的 XHR引用WebSocket.js这个文件来兼容低版本浏览器。...
如何实现浏览器内多个标签页之间的通信?
WebSocket SharedWorker也可以调用 localstorge、cookies 等本地存储方式。 localstorge 在另一个浏览上下文里被添加、修改或删除时，它都会触发一个事件，我们通过监听事件，控制它的值来进行页面信...
HTML5的form如何关闭自动完成功能？
HTML的输入框可以拥有自动完成的功能，当你往输入框输入内容的时候，浏览器会从你以前的同名输入框的历史记录中查找出类似的内容并列在输入框下面，这样就不用全部输入进去了，直接选择列表中的项目就可以了。但有时候我们希望关闭输入框的自动完成功能，...
label的作用是什么? 是怎么用的?
label标签用来定义表单控件间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。label 中有两个属性是非常有用的, FOR和ACCESSKEY。 FOR属性功能：表示label标签要绑定的HTML元素...
iframe框架有那些优缺点？
优点：iframe能够原封不动的把嵌入的网页展现出来。如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用if...
cookies，sessionStorage和localStorage的区别？
共同点：都是保存在浏览器端，且是同源的。区别：cookies是为了标识用户身份而存储在用户本地终端上的数据，始终在同源http请求中携带，即cookies在浏览器和服务器间来回传递，而sessionstorage和localstorage不...
DOCTYPE有什么作用？标准模式与混杂模式如何区分？它们有何意义?
告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。标准模式（Standards mode）以浏览器支持的最高标准运行；混杂模式（Quirks mode）中页面是一种比较宽松的向...
HTML5为什么只需要写 ？
HTML5不基于SGML（Standard Generalized Markup Language 标准通用标记语言），因此不需要对DTD（DTD 文档类型定义）进行引用，但是需要DOCTYPE来规范浏览器行为。HTML4.01基于SGML...
行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
行内元素：a span img input select 块级元素：div ul ol li dl dt dd h1 p空元素：<br> <hr> <link> <meta>...
页面导入样式时，使用link和@import有什么区别？
相同的地方，都是外部引用CSS方式，区别：link是xhtml标签，除了加载css外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSSlink引用CSS时候，页面载入时同时加载；@import需要在页面完全加载以后加...
无样式内容闪烁（FOUC）Flash of Unstyle Content
@import导入CSS文件会等到文档加载完后再加载CSS样式表。因此，在页面DOM加载完成到CSS导入完成之间会有一段时间页面上的内容是没有样式的。解决方法：使用link标签加载CSS样式文件。因为link是顺序加载的，这样页面会等到CS...
介绍一下你对浏览器内核的理解？
主要分成两部分：渲染引擎(Layout Engine或Rendering Engine)和JS引擎。渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机...
常见的浏览器内核有哪些？
Trident( MSHTML )：IE MaxThon TT The World 360 搜狗浏览器Geckos：Netscape6及以上版本 FireFox Mozilla Suite/SeaMonkeyPresto：Opera7及以上...
HTML5有哪些新特性,移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5
新增加了图像、位置、存储、多任务等功能。新增元素：canvas用于媒介回放的video和audio元素本地离线存储。localStorage长期存储数据，浏览器关闭后数据不丢失;sessionStorage的数据在浏览器关闭后自动删除语意化...
简述一下你对HTML语义化的理解？
去掉或丢失样式的时候能够让页面呈现出清晰的结构。有利于SEO和搜索引擎建立良好沟通，有助于爬虫抓取更多的信息，爬虫依赖于标签来确定上下文和各个关键字的权重。方便其它设备解析。便于团队开发和维护，语义化根据可读性。...
未命名
在线情况下，浏览器发现HTML头部有manifest属性，它会请求manifest文件，如果是第一次访问，那么浏览器就会根据manifest文件的内容下载相应的资源，并进行离线存储。如果已经访问过并且资源已经离线存储了，那么浏览器就会使用离...
HTML5的文件离线储存怎么使用，工作原理是什么？
在线情况下，浏览器发现HTML头部有manifest属性，它会请求manifest文件，如果是第一次访问，那么浏览器就会根据manifest文件的内容下载相应的资源，并进行离线存储。如果已经访问过并且资源已经离线存储了，那么浏览器就会使用离...
怎样才能把realplayer文件在网页做一个试听连接？
<embed height=25 src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart=”false” c>...
如何让超链接没有下划线
在源代码中的<head>…</head>之间输入如下代码：<style. type=”text/css”> <!–a { text-decoration: none}–> </style...
如何让页面自动刷新？
方法一，用refreshhtml 代码片段如下:<head><meta. http-equiv=”refresh” c></head>5表示刷新时间[ctrl+a 全部选择 提示:你可先修改部分代码，再按...
如何在不刷新页面的情况下刷新css?
<style>button{ color:#000000;}</style><button nclick=document.stylesheets[0].rules[0].style.color=‘‘‘‘red...
请问如何去掉主页右面的滚动条？
<body scroll=”no”><body style=”overflow-y:hidden”>如何做到让一个网页自动关闭.<html><head><object id=closes...
html简单网页代码大全
html代码大全：结构性定义文件类型<html></html> （放在档案的开头与结尾）文件主题<title></title> （必须放在「文头」区块内）文头<head></...
40个常见的html标签及含义
HTML基本标签，即超文本标记语言（HyperText Markup Language）。标签是由小于号(<)+中间字符+大于号(>)组成的代码（英文字符）组成的，主要是用来标记内容模块的，也可以用来标明元素内容的意义。标签一般...
html里ul是什么意思
ul标签定义的是表格当中无序列表，表格当中的无序列表都是在<ul>标签之中，无序列表都是和<li>标签在一起使用的。普通的显示数据的时候，ul就是项目列表，li就是列表项。两个合起来就可以用来显示数据。...
html中的div标签的含义与应用
<DIV>称为区隔标记。作用：设定字、画、表格等的摆放位置。当你把文字，图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把...
html中div标签的属性
常用属性1、Height:设置DIV的高度；Width:设置DIV的宽度。2、margin:用于设置DIV的外延边距，也就是到父容器的距离。margin:后面跟有四个距离分别为到父容器的上-右-下-左边的距离；margin: [top][r...
html可分为什么标签
html标签元素有：1、标签独占一行，可指定宽、高的块状标签；2、标签在一行内，宽度与高度由内容决定，只有在内容超过HTML的宽度时，才会换行的行内标签；3、同时具备内联元素、块状元素特点的行内块状标签。本教程操作环境：windows7系统...
未命名
html的标签有：1、“<!--...-->”标签用于定义注释；2、“<!DOCTYPE>”标签用于定义文档类型；3、“<a>”标签用于定义锚；4、“<abbr>”标签用于定义缩写；5、“&l...
html有哪些标签
html的标签有：1、“<!--...-->”标签用于定义注释；2、“<!DOCTYPE>”标签用于定义文档类型；3、“<a>”标签用于定义锚；4、“<abbr>”标签用于定义缩写；5、“&l...
html注释相关学习
3.1 注释如果需要在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签。HTML中的注释以“”结束。 具体实现： 快捷键: ctrl + / 一句话: 注释标签里面的内容是给程序猿看的, 这个代码...
html常用的标签
2.1 标题标签**标题标签 <h1> - <h6>（重要）**为了使网页更具有语义化，我们经常会在页面中用到标题标签。HTML 提供了 6 个等级的网页标题，即<h1> - <h6> 。具体...
html开发工具
VSCode的使用：1. 双击打开软件。2. 新建文件（Ctrl + N ）。3. 保存（Ctrl + S ）, 注意移动要保存为 .html 文件4. Ctrl + 加号键 ，Ctrl + 减号键 可以放大缩小视图5. 生成页面骨架结构。...
HTML语法规则
1.HTML 标签是由尖括号包围的关键词，例如 <html>。2.HTML 标签通常是成对出现的，例如 <html> 和 </html> ，我们称为**双标签**。3.签。标签对中的第一个标签是开始标签，...
HTML有以下特点
1.由尖括“<”、“>”号包围的标记元素，比如<html>和</html>就是一对标记。2.通常是成对出现的，比如<div>和</div>，也有单独呈现的标签，如：<img/...
HTML标签按功能大体可分以下几种类型
1．构成网页基本架构的标签，比如：<!DOCTYPE>（定义文档类型）、<html>(根标签),<meta>（元信息）、<head>(网页头部区域)、<body>（网页内容区域）。...
web前端：HTML的特点和标签
HTML的英文全称是HyperTextMarkupLanguage，直译为超文本标记语言。它是全球广域网上描述网页内容和外观的标准。HTML包含了一对打开和关闭的标记，在当中包含有属性和值。标记描述了每个在网页上的组件，例如文本段落、表格或...
如果让一个元素在pc端显示而在手机端隐藏，下列选项正确的是（b）。
A、 visible-xs-8 hidden-mdB、 visible-md-8 hidden-xsC、 visible-md-8 hidden-smD、 visible-sm-8 hidden-md 详解： a、 超小屏幕...
KafkaConsumer是非线程安全的，那么怎么样实现多线程消费？
1 、每个线程维护一个KafkaConsumer2 、维护一个或多个KafkaConsumer，同时维护多个事件处理线程(worker thread)...
简述消费者与消费组之间的关系
消费者从属与消费组，消费偏移以消费组为单位。每个消费组可以独立消费主题的所有数据，同一消费组内消费者共同消费主题数据，每个分区只能被同一消费组内一个消费者消费。...
当你使用kafka-topics.sh创建（删除）了一个topic之后，Kafka背后会执行什么逻辑？
1）会在zookeeper中的/brokers/topics节点下创建一个新的topic节点，如：/brokers/topics/first2）触发Controller的监听程序3）kafka Controller 负责topic的创建工作...
未命名
1）创建一个只有1个分区的topic2）测试这个topic的producer吞吐量和consumer吞吐量。3）假设他们的值分别是Tp和Tc，单位可以是MB/s。4）然后假设总的目标吞吐量是Tt，那么分区数=Tt / min（Tp，Tc）例...
topic的分区数可不可以增加？如果可以怎么增加？如果不可以，那又是为什么？
可以增加 bin/kafka-topics.sh --zookeeper localhost:2181/kafka --alter --topic topic-config --partitions 3...
创建topic时如何选择合适的分区数？
1）创建一个只有1个分区的topic2）测试这个topic的producer吞吐量和consumer吞吐量。3）假设他们的值分别是Tp和Tc，单位可以是MB/s。4）然后假设总的目标吞吐量是Tt，那么分区数=Tt / min（Tp，Tc）例...
Kafka有哪几处地方有分区分配的概念？简述大致的过程及原理。
Kafka提供的两种分配策略： range和roundrobin，由参数partition.assignment.strategy指定，默认是range策略。当以下事件发生时，Kafka 将会进行一次分区分配：同一个 Consumer Gr...
简述Kafka的日志目录结构。
每个分区对应一个文件夹，文件夹的命名为topic-0，topic-1，内部为.log和.index文件 以及 .timeindex leader-epoch-checkpoint...
如果我指定了一个offset，Kafka怎么查找到对应的消息？
1.通过文件名前缀数字x找到该绝对offset 对应消息所在文件2.offset-x为在文件中的相对偏移3.通过index文件中记录的索引找到最近的消息的位置4.从最近位置开始逐条寻找...
kafka过期数据清理
日志清理保存的策略只有delete和compact两种log.cleanup.policy=delete启用删除策略log.cleanup.policy=compact启用压缩策略...
Kafka中的幂等是怎么实现的
Producer的幂等性指的是当发送同一条消息时，数据在Server端只会被持久化一次，数据不丟不重，但是这里的幂等性是有条件的：1）只能保证Producer在单个会话内不丟不重，如果Producer出现意外挂掉再重启是无法保证的（幂等性情...
Kafka中的幂等是怎么实现的
Producer的幂等性指的是当发送同一条消息时，数据在Server端只会被持久化一次，数据不丟不重，但是这里的幂等性是有条件的：1）只能保证Producer在单个会话内不丟不重，如果Producer出现意外挂掉再重启是无法保证的（幂等性情...
kafka事务。
Kafka从0.11版本开始引入了事务支持。事务可以保证Kafka在Exactly Once语义的基础上，生产和消费可以跨分区和会话，要么全部成功，要么全部失败。1）Producer事务为了实现跨分区跨会话的事务，需要引入一个全局唯一的Tr...
Kafka中有那些地方需要选举？这些地方的选举策略又有哪些？
控制器的选举Kafka Controller的选举是依赖Zookeeper来实现的，在Kafka集群中哪个broker能够成功创建/controller这个临时（EPHEMERAL）节点他就可以成为Kafka Controller。分区le...
Kafka中的延迟队列怎么实现？
Kafka中存在大量的延迟操作，比如延迟生产、延迟拉取以及延迟删除等。Kafka并没有使用JDK自带的Timer或者DelayQueue来实现延迟的功能，而是基于时间轮自定义了一个用于实现延迟功能的定时器（SystemTimer）。JDK的...
如何水平居中一个元素
参考答案如果需要居中的元素为常规流中 inline 元素，为父元素设置text-align: center;即可实现如果需要居中的元素为常规流中 block 元素，1）为元素设置宽度，2）设置左右 margin 为 auto。3）IE6 下...
display,float,position 的关系
参考答案如果display为 none，那么 position 和 float 都不起作用，这种情况下元素不产生框否则，如果 position 值为 absolute 或者 fixed，框就是绝对定位的，float 的计算值为 none，d...
PNG,GIF,JPG 的区别及如何选
参考答案GIF:8 位像素，256 色无损压缩支持简单动画支持 boolean 透明适合简单动画JPEG：颜色限于 256有损压缩可控制压缩质量不支持透明适合照片PNG：有 PNG8 和 truecolor PNGPNG8 类似 GIF 颜...
容器包含若干浮动元素时如何清理浮动
参考答案容器元素闭合标签前添加额外元素并设置`clear: both`父元素触发块级格式化上下文\(见块级可视化上下文部分\)设置容器元素伪元素进行清理/*** 在标准浏览器下使用* 1 content内容为空格用于修复opera下文档中出...
display: block;和display: inline;的区别
参考答案block元素特点：1.处于常规流中时，如果width没有设置，会自动填充满父容器 2.可以应用margin/padding 3.在没有设置高度的情况下会扩展高度以包含常规流中的子元素 4.处于常规流中时布局时在前后元素位置之间（独...
清除浮动的方式有哪些?比较好的是哪一种?
参考答案常用的一般为三种.clearfix, clear:both,overflow:hidden;比较好是 .clearfix,伪元素万金油版本,后两者有局限性..clearfix:after {visibility: hidden;di...
css sprite 是什么,有什么优缺点
参考答案概念：将多个小图片拼接到一个图片中。通过 background-position 和元素尺寸调节需要显示的背景图案。优点：减少 HTTP 请求数，极大地提高页面加载速度增加图片信息重复度，提高压缩比，减少图片大小更换风格方便，只需在...
link与@import的区别
参考答案link是 HTML 方式， @import是 CSS 方式link最大限度支持并行下载，@import过多嵌套导致串行下载，出现FOUClink可以通过rel="alternate stylesheet"指定候...
分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景
参考答案如果需要居中的元素为常规流中 inline 元素，为父元素设置text-align: center;即可实现如果需要居中的元素为常规流中 block 元素，1）为元素设置宽度，2）设置左右 margin 为 auto。3）IE6 下...
为什么虚拟dom会提高性能?
参考答案虚拟dom相当于在js和真实dom中间加了一个缓存，利用dom diff算法避免了没有必要的dom操作，从而提高性能。具体实现步骤如下：用 JavaScript 对象结构表示 DOM 树的结构；然后用这个树构建一个真正的 DOM 树...
下面输出什么
class Example extends React.Component {constructor() {super();this.state = {val: 0};}componentDidMount() {this.setState(...
React 中 setState 什么时候是同步的，什么时候是异步的？
参考答案在React中，如果是由React引发的事件处理（比如通过onClick引发的事件处理），调用setState不会同步更新this.state，除此之外的setState调用会同步执行this.state。所谓“除此之外”，指的是绕...
写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？
参考答案vue和react都是采用diff算法来对比新旧虚拟节点，从而更新节点。在vue的diff函数中（建议先了解一下diff算法过程）。在交叉对比中，当新节点跟旧节点头尾交叉对比没有结果时，会根据新节点的key去对比旧节点数组中的key...
你了解的浏览器的重绘和回流导致的性能问题
参考答案重绘（Repaint）和回流（Reflow）重绘和回流是渲染步骤中的一小节，但是这两个步骤对于性能影响很大。重绘是当节点需要更改外观而不会影响布局的，比如改变 color就叫称为重绘回流是布局或者几何属性需要改变就称为回流。回流必定...
你了解的浏览器的重绘和回流导致的性能问题
参考答案(1). 减少HTTP请求数这条策略基本上所有前端人都知道，而且也是最重要最有效的。都说要减少HTTP请求，那请求多了到底会怎么样呢？首先，每个请求都是有成本的，既包 含时间成本也包含资源成本。一个完整的请求都需要经过DNS寻址、与...
说几条web前端优化策略
参考答案(1). 减少HTTP请求数这条策略基本上所有前端人都知道，而且也是最重要最有效的。都说要减少HTTP请求，那请求多了到底会怎么样呢？首先，每个请求都是有成本的，既包 含时间成本也包含资源成本。一个完整的请求都需要经过DNS寻址、与...
简述HTTPS中间人攻击
参考答案https协议由 http + ssl 协议构成，具体的链接过程可参考SSL或TLS握手的概述中间人攻击过程如下：服务器向客户端发送公钥。攻击者截获公钥，保留在自己手上。然后攻击者自己生成一个【伪造的】公钥，发给客户端。客户端收到伪...
浏览器和 Node 事件循环的区别？
参考答案其中一个主要的区别在于浏览器的event loop 和nodejs的event loop 在处理异步事件的顺序是不同的,nodejs中有micro event;其中Promise属于micro event 该异步事件的处理顺序就和浏...
7、Cookie如何防范XSS攻击
参考答案XSS（跨站脚本攻击）是指攻击者在返回的HTML中嵌入javascript脚本，为了减轻这些攻击，需要在HTTP头部配上，set-cookie：httponly-这个属性可以防止XSS,它会禁止javascript脚本来访问cook...
Cookie、sessionStorage、localStorage的区别
参考答案共同点：都是保存在浏览器端，并且是同源的Cookie：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给...
什么是Bom？有哪些常用的Bom属性？
参考答案Bom是浏览器对象location对象location.href-- 返回或设置当前文档的URLlocation.search -- 返回URL中的查询字符串部分。例如 http://www.dreamdu.com/dreamd.....
http和https的区别？
参考答案http传输的数据都是未加密的，也就是明文的，网景公司设置了SSL协议来对http协议传输的数据进行加密处理，简单来说https协议是由http和ssl协议构建的可进行加密传输和身份认证的网络协议，比http协议的安全性更高。主要的...
img iframe script 来发送跨域请求有什么优缺点？
参考答案iframe优点：跨域完毕之后DOM操作和互相之间的JavaScript调用都是没有问题的缺点：1.若结果要以URL参数传递，这就意味着在结果数据量很大的时候需要分割传递，巨烦。2.还有一个是iframe本身带来的，母页面和ifra...
TCP三次握手和四次挥手
参考答案三次握手之所以是三次是保证client和server均让对方知道自己的接收和发送能力没问题而保证的最小次数。第一次client => server 只能server判断出client具备发送能力第二次 server =>...
HTTPS 握手过程中，客户端如何验证证书的合法性
参考答案首先什么是HTTP协议?http协议是超文本传输协议，位于tcp/ip四层模型中的应用层；通过请求/响应的方式在客户端和服务器之间进行通信；但是缺少安全性，http协议信息传输是通过明文的方式传输，不做任何加密，相当于在网络上裸奔；...
fetch发送2次请求的原因
参考答案fetch发送post请求的时候，总是发送2次，第一次状态码是204，第二次才成功？原因很简单，因为你用fetch的post请求的时候，导致fetch 第一次发送了一个Options请求，询问服务器是否支持修改的请求头，如果服务器支...
Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
参考答案Doctype声明于文档最前面，告诉浏览器以何种方式来渲染页面，这里有两种模式，严格模式和混杂模式。严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。混杂模式，向后兼容，模拟老式浏览器，防止浏览器无法兼容页面。...
['1','2','3'].map(parseInt) 输出什么,为什么?
参考答案输出：[1, NaN, NaN]首先让我们回顾一下，map函数的第一个参数callback：var new_array = arr.map(function callback(currentValue[, index[, array...
定时器的执行顺序或机制？
参考答案因为js是单线程的，浏览器遇到setTimeout或者setInterval会先执行完当前的代码块，在此之前会把定时器推入浏览器的待执行事件队列里面，等到浏览器执行完当前代码之后会看一下事件队列里面有没有任务，有的话才执行定时器的代...
ES5的继承和ES6的继承有什么区别？
参考答案ES5的继承时通过prototype或构造函数机制来实现。ES5的继承实质上是先创建子类的实例对象，然后再将父类的方法添加到this上（Parent.apply(this)）。ES6的继承机制完全不同，实质上是先创建父类的实例对象t...
npm 模块安装机制，为什么输入 npm install 就可以自动安装对应的模块？
参考答案1. npm 模块安装机制：发出npm install命令查询node_modules目录之中是否已经存在指定模块npm 向 registry 查询模块压缩包的网址下载压缩包，存放在根目录下的.npm目录里解压压缩包到当前项目的no...
模块化发展历程
可从IIFE、AMD、CMD、CommonJS、UMD、webpack(require.ensure)、ES Module、<script type="module"> 这几个角度考虑。参考答案模块化主要是用...
get请求传参长度的误区、get和post请求在缓存方面的区别
误区：我们经常说get请求参数的大小存在限制，而post请求的参数大小是无限制的。参考答案实际上HTTP 协议从未规定 GET/POST 的请求长度限制是多少。对get请求参数的限制是来源与浏览器或web服务器，浏览器或web服务器限制了u...
什么是防抖和节流？有什么区别？如何实现？
参考答案防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间思路：每次触发事件时都取消之前的延时调用方法function debounce(fn) {let timeout = null; // 创建一个标...
请描述⼀下 cookies sessionStorage和localstorage区别
相同点：都存储在客户端不同点：1.存储⼤⼩· cookie数据⼤⼩不能超过4k。· sessionStorage和localStorage 虽然也有存储⼤⼩的限制，但⽐cookie⼤得多，可以达到5M或更⼤。2.有效时间· localSto...
拖拽会⽤到哪些事件
· dragstart：拖拽开始时在被拖拽元素上触发此事件，监听器需要设置拖拽所需数据，从操作系统拖拽⽂件到浏览器时不触发此事件.· dragenter：拖拽⿏标进⼊元素时在该元素上触发,⽤于给拖放元素设置视觉反馈，如⾼亮· dragove...
如何⽤原⽣js给⼀个按钮绑定两个onclick事件？
Var btn=document.getElementById(‘btn’);//事件监听 绑定多个事件var btn4 = document.getElementById("btn4");btn4.addEventLi...
解释css sprites ，如何使⽤？
CSS Sprites其实就是把⽹页中⼀些背景图⽚整合到⼀张图⽚⽂件中，再利⽤CSS的“background-image”，“background-repeat”，“background-position”的组合进⾏背景定位，backgro...
结尾处加空div标签 clear:both
原理：添加⼀个空div，利⽤css提⾼的clear:both清除浮动，让⽗级div能⾃动获取到⾼度优点：简单、代码少、浏览器⽀持好、不容易出现怪问题缺点：不少初学者不理解原理；如果页⾯浮动布局多，就要增加很多空div，让⼈感觉很不好...
阐述清楚浮动的⼏种⽅式（常见问题）
1.⽗级div定义 height原理：⽗级div⼿动定义height，就解决了⽗级div⽆法⾃动获取到⾼度的问题。优点：简单、代码少、容易掌握缺点：只适合⾼度固定的布局，要给出精确的⾼度，如果⾼度和⽗级div不⼀样时，会产⽣问题2.⽗级di...
写⼀个左中右布局占满屏幕，其中左右两块是固定宽度200 ，中间⾃适应宽，要求先加载中间块，请写出结构及样式：
<div id="left">我是左边</div><div id="center">我是中间</div><div id="right&q...
未命名
<div style="width:500px;height:500px;border:1px solid green;display:flex;justify-content:center;align-items:cent...
⼀个200*200的div在不同分辨率屏幕上下左右居中，⽤css实现
<div style="width:500px;height:500px;border:1px solid green;display:flex;justify-content:center;align-items:cent...
使用易于查询的UI构建CRUD应用程序
使用易于查询的UI构建CRUD应用程序web应用程序收集和管理数据已成为一种普遍的需求。CRUD允许我们生成页面来列出和编辑数据库记录。 本教程将向您展示如何使用jQuery EasyUI框架实现CRUD DataGrid。我们...
使用jQuery EasyUI构建CRUD DataGrid
使用jQuery EasyUI构建CRUD DataGrid在前面 教程 我们创建一个crud应用程序，使用对话框组件创建或编辑用户信息。 本教程将向您展示如何创建crud datagrid。 我们会使用 可编辑的datagrid插件 使这...
redis:jedis+Maven整合
jedis+Maven整合 什么是jedis ? jedis是Redis官方推荐的java连接开发工具！使用java操作Redis中间件！ 导入依赖<!-- https://mvnrepository.com/ar...
Redis的常用数据类型zset类型常用命令
Zset(有序集合）在set的基础上，增加了一个值，set k1 v1 zset k1 score1 v1 127.0.0.1:6379> zadd myset 1 one &nbs...
未命名
1，简介 Redis 有序集合zset 与普通集合set 非常相似，是一个没有重复元素的字符串集合 不同之处是有序集合的每个成员都关联了一个评分（score）,这个评分被用来按照从低分到高分的方式排列集合中的成员， 集合的成员是唯一的...
Redis的常用数据类型zset类型常用命令
Zset(有序集合）在set的基础上，增加了一个值，set k1 v1 zset k1 score1 v1127.0.0.1:6379> zadd myset 1 one #添加一个值(integer) 11...
未命名
1，简介 Redis 有序集合zset 与普通集合set 非常相似，是一个没有重复元素的字符串集合 不同之处是有序集合的每个成员都关联了一个评分（score）,这个评分被用来按照从低分到高分的方式排列集合中的成员， 集合的成员是唯一的...
Redis的常用数据类型zset类型简介
1，简介 Redis 有序集合zset 与普通集合set 非常相似，是一个没有重复元素的字符串集合 不同之处是有序集合的每个成员都关联了一个评分（score）,这个评分被用来按照从低分到高分的方式排列集合中的成员， 集合的成员是唯一的...
未命名
pip.main自动安装Python3第三方库:pip.main自动安装代码:# -*- coding:utf-8 -*- # @Time : 2021-...
pip.main自动安装Python3第三方库
pip.main自动安装Python3第三方库: pip.main自动安装 代码: # -*- coding:utf-8 -*- # @Time :...
mysql数据库流程控制
解决复杂问题不可能通过一个 SQL 语句完成，我们需要执行多个 SQL 操作。流程控制语句的作用就是控制存储过程中 SQL 语句的执行顺序，是我们完成复杂操作必不可少的一部分。只要是执行的程序，流程就分为三大类：顺序结构：程序从上往下依次执...
mysql数据库sql优化之覆盖索引
什么是覆盖索引？理解方式一：索引是高效找到行的一个方法，但是一般数据库也能使用索引找到一个列的数据，因此它不必读取整个行。毕竟索引叶子节点存储了他们索引的数据；当能够通过读取索引就可以得到想要的数据，那就不需要读取行了。一个索引包含了满足查...
mysql数据库sql优化之group by优化与分页查询优化
group by优化①group by使用索引的原则几乎跟order by一致，group by即使没有过滤条件用到索引，也可以直接使用索引。②group by先排序再分组，遵照索引建立的最佳左前缀法则③当无法使用索引列增大max_leng...
数据库设计规范之数据库设计三范式
为什么需要数据库设计1. 我们在设计数据表的时候要考虑很多问题问题，比如：用户都需要什么数据？需要在数据表中保存哪些数据？如果保证数据表中数据的正确性，当插入、删除、更新的时候该进行怎么样的约束检查？如何降低数据表的数据冗余，保证数据表不会...
mysql数据库sql优化看这里之索引优化
前面我们讲了如何创建索引以及哪些情况下该创建索引。现在我们来说一下sql优化中的索引如何优化。首先我们需要了解都有哪些纬度可以进行数据库调优：①索引失效，没有充分利用到索引--索引建立②关联查询太多join（设计缺陷或不得已的需求）--sq...
数据库设计中的反范式化介绍
简介上一篇文章我们讲了数据设计时候需要遵循的三个范式的介绍，有的时候不能简单按照规范要求设计数据表，因为有的数据看似冗余，其实对业务来说十分重要。这个时候，我们就要遵循业务有限原则，首先满足业务需求，再尽量较少冗余。如果数据库中的数据量比较...
mysql数据库的分页
分页原理所谓分页显示，就是将数据库中的结果集，一段一段显示出来需要的条件。MySQL中使用 LIMIT 实现分页格式：LIMIT [位置偏移量,] 行数https://blog.csdn.net/qq_39746820/article/de...
mysql数据库sql优化--索引下推
使用前后对比ICP的开启/关闭案例ICP的使用条件使用前后对比Index Condition Pushdown(ICP)是mysql5.6中新特性，是一种在存储引擎层使用索引过滤数据的优化方式。①如果没有ICP，存储引擎会遍历索引以定位基表...
mysql数据库哪些情况不适合使用索引
上一篇我们讲述了哪些情况下可以使用索引（11种情况，这也是我们非常重视的sql优化的部分）。那么哪些情况下不适合使用索引呢？这里我们列出了7中情况。1.在where条件中（包括group by以及order by）里用不到的字段不需要创建索...
mysql数据库安装以及登录（如何在windows下安装mysql数据库，以及解决mysql8登录报错问题
概述之前我写文章介绍过如何在Linux下安装mysql数据库，以及mysql数据库的使用。很多小伙伴问我说在windows下如何安装mysql数据库？有的小伙伴也问，我在windows安装mysql数据库的时候总是下一步，下一步的不进行任何...
数据库学习之基本的select语句
SQL概述SQL背景知识1946 年，世界上第一台电脑诞生，如今，借由这台电脑发展起来的互联网已经自成江湖。在这几十年里，无数的技术、产业在这片江湖里沉浮，有的方兴未艾，有的已经几幕兴衰。但在这片浩荡的波动里，有一门技术从未消失，甚至“老当...
数据库学习之排序与分页
排序数据排序规则使用 ORDER BY 子句排序ASC（ascend）: 升序DESC（descend）:降序ORDER BY 子句在SELEhttps://blog.csdn.net/qq_39746820/article/details...
JPA实现动态查询
JPA实现动态查询前言代码前言之前使用jpa的时候一直感慨它的一些原来就有的方法很好用，一边不是很习惯这种不是xml写sql的方式，尤其在用习惯了mybatis之后，在使用jpa写动态查询的时候真的一头雾水，直到发现了Specificati...
mysql创建中文字段的表格报错问题解决
mysql创建中文字段的表格报错问题解决问题记录：mysql创建表名为中文时候出现报错ERROR 1300 (HY000): Invalid utf8 character string: ‘\xD1\xA7\xBA’这是因为使用cmd打开的...
MySQL基础知识与MySQL数据库基础
MySQL基础知识与MySQL数据库基础一、数据库介绍1.什么是数据库存储数据用文件就可以了，为什么还要弄个数据库?文件保存数据有以下几个缺点:文件的安全性问题文件不利于数据查询和管理文件不利于存储海量数据文件在https://blog.c...
MySQL表的增删改查基本操作
MySQL表的增删改查基本操作CRUD:注释：在SQL中可以使用“–空格+描述”来表示注释说明CRUD 即增加(Create)、查询(Retrieve)、更新(Update)、删除(Delete)四个单词的首字https://blog.cs...
MySQL索引事务
MySQL索引事务一、索引1.概念索引是一种特殊的文件，包含着对数据表里所有记录的引用指针。可以对表中的一列或多列创建索引，并指定索引的类型，各类索引有各自的数据结构实https://blog.csdn.net/ZJRUIII/articl...
DDL常用命令汇总及登录数据库相关命令！
DDL常用命令汇总及登录数据库相关命令！介绍DDL（Data Definition Languages）语句：即数据库定义语https://chonglian.blog.csdn.net/article/details/119039700句...
详解MySQL存储引擎Innodb
详解MySQL存储引擎Innodb设置存储引擎SQL语句查看当前MySQL支持的存储引擎列表show engines11在创建表时指定存储引擎https://chonglian.blog.csdn.net/article/details/1...
解决Host ‘xxx.xx.xx.xx‘ is not allowed to connect to this MySQL server问题
解决Host ‘xxx.xx.xx.xx‘ is not allowed to connect to this MySQL server问题问题描述在这里插入图片描述一般出现这种情况说明只有 xxx.xx.xx.xx host具有root权...
接口自动化框架(Python)之 二，http_service的配置
接口自动化框架(Python)之 二，http_service的配置https://blog.csdn.net/wuyoudeyuer/article/details/102727979...
接口自动化框架(Python)之 三，base.py的配置
接口自动化框架(Python)之 三，base.py的配置https://blog.csdn.net/wuyoudeyuer/article/details/102728140...
接口自动化框架(Python)之 四，读取exlce表格
接口自动化框架(Python)之 四，读取exlce表格https://blog.csdn.net/wuyoudeyuer/article/details/102736946...
Python3，使用Flask来实现接口请求
Python3，使用Flask来实现接口请求https://blog.csdn.net/wuyoudeyuer/article/details/112659738...
Cache、Cookie及Session的爱恨情仇
Cache、Cookie及Session的爱恨情仇https://blog.csdn.net/wuyoudeyuer/article/details/114462744...
接口测试之：Postman工具进阶教程。
接口测试之：Postman工具进阶教程。https://blog.csdn.net/wuyoudeyuer/article/details/121262890...
sqlserver中分区函数 partition by的用法
sqlserver中分区函数 partition by的用法https://blog.csdn.net/wuyoudeyuer/article/details/91387434...
SQL语句多个表查询，inner join的用法
SQL语句多个表查询，inner join的用法https://blog.csdn.net/wuyoudeyuer/article/details/91419616...
sql数据库中的 delete 与drop的区别
sql数据库中的 delete 与drop的区别https://blog.csdn.net/wuyoudeyuer/article/details/96143574...
python3把服务器备份mysql数据库下载到本地
python3把服务器备份mysql数据库下载到本地对mysql数据库进行备份最近比较苦逼，拿着测试的钱，干着运维的活，估计这只有小屌丝能理解。。小屌丝表示 不服。。。。由于要做数据备份，所以就写了一个脚本，让它自己跑着吧~~https:/...
Appium自动化框架从0到1之 框架结构组成
Appium自动化框架从0到1之 框架结构组成从0到1搭框架框架背景框架功能框架视图框架背景可能会利用一周的时间，我们来写一个Appium自动化框架的搭建，从0到1，跟着小鱼一起，完善Android 的自动化框架体系。框架模式：PO...
Appium自动化框架从0到1之 Driver配置封装
Appium自动化框架从0到1之 Driver配置封装不管是调用模拟器，还是调用真机，都需要准备一些driver的参数，以便被调用。思想：我们把driver配置信息，封装到yaml文件，然后通过读取yaml文件的内容，调用其driver信息...
Appium自动化框架从0到1之Driver驱动的封装
Appium自动化框架从0到1之Driver驱动的封装上一篇写的是driver驱动的配置，那么，这篇呢，我们要搞这三件事情：1.driver驱动封装2.日志配置文件加载3.启动APP配置参数下面，我们就在代码中实践：...
Appium自动化框架从0到1之 日志文件配置(log.conf)
Appium自动化框架从0到1之 日志文件配置(log.conf)在config文件中，我们先把log的输出格式，输出路径等参数抽离出来作为一个配置表，这个写法，在selenium自动化框架中，是没有分离的。所以，我们有get到一个新方法：...
Appium自动化框架从0到1之 公共方法的封装
Appium自动化框架从0到1之 公共方法的封装在写测试用例的时候，最常用的就是方法的调用，我们在这里，把公共方法封装到一个文件中，这样以后需要使用，直接调用这个方法就可以了。直接上代码：common_func.py...
Appium自动化框架从0到1之 基类的封装
Appium自动化框架从0到1之 基类的封装这里只封装了4个基类，其他的大家可以自己丰富~~直接上代码：baseView.pyhttps://blog.csdn.net/wuyoudeyuer/article/details/1072268...
Appium自动化框架从0到1之 测试用例封装
Appium自动化框架从0到1之 测试用例封装我们直接封装测试用例的 setU 和teardown 模块以后每次执行测试用例，直接调用该方法就可以了https://blog.csdn.net/wuyoudeyuer/article/deta...
Python3，11行代码解密摩斯电码，真実はいつもひとつ。
Python3，11行代码解密摩斯电码，真実はいつもひとつ。1、引言小屌丝：鱼哥，快来求助求助！小鱼：嗯？ 啥事，让你这么慌慌张张的？小屌丝：刚刚我女神给我发古来这一段符号，我不知道啥意思，能不能帮我翻译一下？小鱼：啥符号？Python3，...
Android 8.0 正式发布，Google 带来了哪些新功能？
Android 8.0 正式发布，Google 带来了哪些新功能？2017 年 8 月 21 日，随着日全食的到来，此前一直猜测是 OREO（奥利奥）还是 Orellete（加泰罗尼亚的点心）的 Android 8.0 最终拉开帷幕，Goo...
微店 Android 插件化实践
微店 Android 插件化实践随着微店业务的发展，App 不可避免地也遇到了 65535 的大坑。除此之外，业务模块增多、代码量增大所带来的问题也逐渐显现出来。模块耦合度高、协作开发困难、编译时间过长等问题严重影响了开发进程。在预研了多种...
Spring Cloud Stream 消息分区
Spring Cloud Stream 消息分区通过消费组的设置，虽然我们已经能够在多实例环境下，保证同一消息只被一个消费者实例进行接收和处理，但是，对于一些特殊场景，除了要保证单一实例消费之外，还希望那些具备相同特征的消息都能够被同一个实...
Spring Cloud Stream 消费组
Spring Cloud Stream 消费组通常每个服务都不会以单节点的方式运行在生产环境中，当同一个服务启动多个实例的时候，这些实例会绑定到同一个消息通道的目标主题上。默认情况下，当生产者发出一条消息到绑定通道上，这条消息会产生多个副本...
Spring Cloud Stream 消费组和分区
Spring Cloud Stream 消费组和分区Spring Cloud Stream 消费组通常每个服务都不会以单节点的方式运行在生产环境中，当同一个服务启动多个实例的时候，这些实例会绑定到同一个消息通道的目标主题上。默认情况下，当生...
.说一下 JSONP 实现原理？
jsonp 即 json+padding，动态创建script标签，利用script标签的src属性可以获取任何域下的js脚本，通过这个特性(也可以说漏洞)，服务器端不在返货json格式，而是返回一段调用某个函数的js代码，在src中进行了...
如何实现跨域？
方式一：图片ping或script标签跨域图片ping常用于跟踪用户点击页面或动态广告曝光次数。 script标签可以得到从其他来源数据，这也是JSONP依赖的根据。 方式二：JSONP跨域JSONP（JSON with...
get 和 post 请求有哪些区别？
GET在浏览器回退时是无害的，而POST会再次提交请求。GET产生的URL地址可以被Bookmark，而POST不可以。GET请求会被浏览器主动cache，而POST不会，除非手动设置。GET请求只能进行url编码，而POST支持多种编码方...
OSI 的七层模型都有哪些？
应用层：网络服务与最终用户的一个接口。表示层：数据的表示、安全、压缩。会话层：建立、管理、终止会话。传输层：定义传输数据的协议端口号，以及流控和差错校验。网络层：进行逻辑地址寻址，实现不同网络之间的路径选择。数据链路层：建立逻辑连接、进行硬...
说一下 tcp 粘包是怎么产生的？
①. 发送方产生粘包采用TCP协议传输数据的客户端与服务器经常是保持一个长连接的状态（一次连接发一次数据不存在粘包），双方在连接不断开的情况下，可以一直传输数据；但当发送的数据包过于的小时，那么TCP协议默认的会启用Nagle算法，将这些较...
tcp 为什么要三次握手，两次不行吗？为什么？
为了实现可靠数据传输， TCP 协议的通信双方， 都必须维护一个序列号， 以标识发送出去的数据包中， 哪些是已经被对方收到的。 三次握手的过程即是通信双方相互告知序列号起始值， 并确认对方已经收到了序列号起始值的必经步骤。如果只是两次握手，...
简述 tcp 和 udp的区别？
TCP面向连接（如打电话要先拨号建立连接）;UDP是无连接的，即发送数据之前不需要建立连接。TCP提供可靠的服务。也就是说，通过TCP连接传送的数据，无差错，不丢失，不重复，且按序到达;UDP尽最大努力交付，即不保证可靠交付。Tcp通过校验...
forward 和 redirect 的区别？
Forward和Redirect代表了两种请求转发方式：直接转发和间接转发。直接转发方式（Forward），客户端和浏览器只发出一次请求，Servlet、HTML、JSP或其它信息资源，由第二个信息资源响应该请求，在请求对象request中...
http 响应码 301 和 302 代表的是什么？有什么区别？
答：301，302 都是HTTP状态的编码，都代表着某个URL发生了转移。区别： 301 redirect: 301 代表永久性转移(Permanently Moved)。302 redirect: 302 代表暂时性转移(Tem...
python解决：一个数如果恰好等于它的因子(因子：即能够整除的数)之和，这个数就称为“完数”。 例如 6=1＋2＋3 28=1+2+4+7+14 编程找出10000以内的所有完数。
python解决：一个数如果恰好等于它的因子(因子：即能够整除的数)之和，这个数就称为“完数”。 例如 6=1＋2＋3 28=1+2+4+7+14 编程找出10000以内的所有完数。一个数如果恰好等于它的因子(因子：即能够整除的数)之和，这...
python实现：猴子第一天摘下若干个桃子，当即吃了一半，还不瘾，又多吃了一个 第二天早上又将剩下的桃子吃掉一半，又多吃了一个。以后每天早上都吃了前一天剩下 的一半零一个。到第10天早上想再吃时，见只
python实现：猴子第一天摘下若干个桃子，当即吃了一半，还不瘾，又多吃了一个 第二天早上又将剩下的桃子吃掉一半，又多吃了一个。以后每天早上都吃了前一天剩下 的一半零一个。到第10天早上想再吃时，见只剩下一个桃子了。求第一天共摘了多少。分析...
python定义一个学生类。 有下面的类属性：①姓名②年龄③成绩（语文，数学，英语)[每课成绩的类型为整数] 类方法： ①获取学生的姓名：get_name() 返回类型:str ②获取学生的年龄：ge
python实现：定义一个学生类。 有下面的类属性：①姓名②年龄③成绩（语文，数学，英语)[每课成绩的类型为整数] 类方法： ①获取学生的姓名：get_name() 返回类型:str ②获取学生的年龄：get_age() 返回类型:int...
用python实现九九乘法表
用python实现九九乘法表算法打开App登录主打Python关注python实现九九乘法表 原创2021-01-21 21:18:14 4点赞主打Python 码龄1年关注python实现九九乘法表...
python实现一球从100米高度自由落下，每次落地后反跳回原高度的一半；再落下，求它在第10次落地时，共经过多少米？第10次反弹多高？
python实现一球从100米高度自由落下，每次落地后反跳回原高度的一半；再落下，求它在第10次落地时，共经过多少米？第10次反弹多高？题目分析第一次下落的距离是100米，反跳回原高度的一半则为50米，然后在下落50米，再反跳25米，再下落...
python中使用递归来实现斐波那契数列
python中使用递归来实现斐波那契数列介绍先来了解一下斐波那契数列（Fibonacci sequence），又称黄金分割数列、因数学家莱昂纳多·斐波那契（Leonardoda Fibonacci）以兔子繁殖为例子而引入，故又称为“兔子数列...
如何用python编辑 题目： 有1、2、3、4个数字，能组成多少个互不相同且无重复数字的三位数？都是多少？
如何用python编辑 题目： 有1、2、3、4个数字，能组成多少个互不相同且无重复数字的三位数？都是多少？如何用python编辑 题目： 有1、2、3、4个数字，能组成多少个互不相同且无重复数字的三位数？都是多少？题目分析：四个数字组成三...
python 正则表达式的语法及使用方法
这篇文章给大家介绍了python 正则表达式的语法及使用方法。概念：按照程序员的指示，字符串里提取你要的数据。应用：爬虫清洗数据，匹配电话，匹配邮箱，匹配账号……最重要的就是（.*?）正则语法（元字符）1、？：前面的内容出现0-1次2、+...
express中使用session和cookie
由于cookie保存在客户端，不能存放敏感信息，而session保存于服务器端，可用于存放敏感信息。比如对用户登录状态的保存。但是http是无状态的，session如何保存用户登录状态呢，当用户登录成功之后，服务器端会将用户信息对应于一个s...
nodejs中使用ES6的import / export
nodeJs虽然可以实现99%的ES6的新特性,但是在NodeJs中使用ES6的import/export仍然有一定的困难.虽然不能直接使用,但是可以间接使用.使用转换器babel安装npm包-babel,使用babel将js文件编译成no...
Linux 挂载硬盘
开机启动脚本自动挂载到硬盘vi /etc/rc.localmount /dev/vdb1 /homewqhttps://blog.csdn.net/cai454692590/article/details/123358657...
Maven deploy本地jar后, Jenkins更新的时候无法下载jar
问题把system-entity的模块打包jar,然后通过maven进行deploy到内网的nexus里面,Jenkins再构建其他引入了system-entity.jar的项目的时候,提示无法下载system-entity.jar包htt...
Node. js中导入模块和导入 JavaScript文件在写法上有什么区别？
在 Node. js中要导入模块，直接使用名字导入即可，如下所示：var express = require（"express"）；要导入 JavaScript文件，需要使用文件的路径，如下所示：var demo = r...
Node. js的优缺点是什么？
优点如下：（1） Node. js是基于事件驱动和无阻塞的，非常适合处理并发请求，因此构建在 Node. js的代理服务器相比其他技术实现的服务器要好一点。（2）与 Node. js代理服务器交互的客户端代码由 JavaScript语言编写...
什么是 Node. js？
Node. js是一个 JavaScript的运行环境，是一个服务器端的“ JavaScript解释器”，用于方便高效地搭建一些响应速度快、易于扩展的网络应用。它采用事件驱动、异步编程方式，为网络服务而设计。...
Node.js是怎样支持 HTTPS、tls的？
主要通过以下几个步骤支持。（1）使用 openssl生成公钥、私钥。（2）服务器或客户端使用HTTPS替代HTTP。（3）服务器或客户端加载公钥、私钥证书。...
通过哪些常用方法可以防止程序崩溃？
通过以下方法可以防止程序崩溃。（1） try-catch-finally。（2） EventEmitter/Stream error事件处理。（3） domain统一控制。（4） jshint静态检查。（5） jasmine/mocha单元...
通过哪些方法可以进行异步流程的控制？
通过以下方法可以进行异步流程的控制。（1）多层嵌套回调。（2）为每一个回调写单独的函数，函数里边再回调。（3）用第三方框架，如 async、q、 promise等。...
Node. js中的异步和同步如何理解？
Node.js是单线程的，异步是通过一次次的循环事件队列来实现的。同步则是阻塞式的IO，这在高并发环境中会是一个很大的性能问题，所以同步一般只在基础框架启动时使用，用来加载配置文件、初始化程序等。...
Node. js中的事件循环是什么样的？
事件循环其实就是一个事件队列，先加入先执行，执行完一次队列，再次循环遍历看有没有新事件加入队列。执行中的事件叫IO事件， setlmmediate在当前队列中立即执行，setTimout/setInterval把执行定时到下一个队列， pr...
Node.js有哪些定时功能？
setTimeout/clearTimeout, setInterval/clearInterval、 setImmediate/clearImmediate、 process. nextTick。...
console有哪些常用方法？
console.log/console. info、console.error/console.warning、console.time/console.timeEnd 、console.trace、console .table。...
process有哪些常用方法？
process.stdin、 process.stdout、 process.stderr、process.on、 process.env、 process.argv、 process.arch、process.platform、 proc...
为什么要用 Node. js？
原因如下。（1）简单， Node. js用 JavaScript、JSON进行编码，简单好学。（2）功能强大，非阻塞式I/O，在较慢的网络环境中，可以分块传输数据，事件驱动，擅长高并发访问。（3）轻量级， Node. js本身既是代码又是服...
你了解 Node. js吗？
Node. js是一个基于 Chrome v8引擎的服务器端 JavaScript运行环境；Node. js是一个事件驱动、非阻塞式I/O的模型，轻量而又高效；Node. js的包管理器npm是全球最大的开源库生态系统。...