- 博客(58)
- 收藏
- 关注
RSS订阅原创 前端3+1 - 50
50html题目：ajax和flash有何优缺点答案：1、ajax优点：页面不用整个刷新，可以异步请求数据，刷新部分页面数据，提升用户体验缺点：用户无法回退到前一个页面状态；会带来一些安全问题，跨站脚本攻击、sql注入攻击等；css题目：css优化、提高性能方法答案：加载性能：减小文件体积、提升页面加载速度。渲染性能：浏览器解析css代码的速度。1、尽量把样式写成单独的文件，并且用link引入而不是import》写成单独的样式文件，首先内容和样式分离，易于后续维护；其次减少了页面体积
2022-02-18 11:10:46
360
原创 前端3+1 - 49
49html题目：对target = blank有啥理解，有啥安全性问题，如何解决答案：=描述：可以在新的浏览器窗口打开点击的连接=问题：使用window的open方法创建新窗口时，可以获得创建窗口的句柄；使用target=blank创建的子窗口同样也能获得来源窗口的句柄，如果子窗口是个非法窗口，它操作这个句柄对来源窗口做了一些不好的事情，比如替换了来源窗口的url为钓鱼网站，那么用户返回时就会回到钓鱼网站，很危险。=解决：标签加上rel = noopener；火狐用rel = noreferr
2022-02-17 14:52:01
373
原创 前端3+1-47、48
47html题目：h5如何使用音频视频答案：视频 - video<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg">您的浏览器不支持Video标签。</video>音频 - audio<audio controls> &l
2022-02-16 16:10:15
222
原创 前端3+1-45、46
45html题目：xml和html区别答案：xml比html更严格。比如：1、xml标签必须小写2、xml标签必须闭合3、xml的标签属性必须显示的指定值…css题目：等高布局有几种，实现一下答案：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
2022-02-15 15:31:27
217
原创 前端3+1-43、44
43html题目：如何让元素固定底部 - 无滚动条时在页面底部，有滚动条时被内容撑开在底部答案：.content {display: flex;flex-direction: column;}.header {flex-grow: 0;}.content {flex-grow: 1;}.footer {flex-grow: 0;}css题目：span和span之间的空白间隙产生原因，如何解决答案：=原因：行内元素排版时，浏览器会把行内元素之间的空白符（比如空格 换行
2022-02-14 15:33:58
208
原创 前端3+1-41、42
41html题目：websocket如何做兼容处理答案：=描述：一个真正实现双向平等对话的服务器技术，即客户端可以向服务器发送请求，服务器也可以主动向客户端推送响应。=为啥有兼容问题：websocket是h5的新特性，有些旧版浏览器并不支持=如何解决兼容问题：1、SockJS；是一个js库，类似websock的对象。会优先使用websock，若不支持则使用streaming，再不支持使用轮询。2、Socket.IO；启用基于事件的双向通信。会优先使用websock，若不支持则使用如下替代方案
2022-02-11 15:07:38
751
原创 前端3+1-39
39html题目：title和h1、i和em、b和strong有何区别答案：title是放在head里面的，网页窗口标题，利于SEOh1是放在body里面的，会在网页上展示出来i和em都是斜体，后者有一种语义上的强调b和strong都是粗体，后者有一种语义上的强调css题目：水平、垂直居中方法答案：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <
2022-01-28 17:20:57
68
原创 前端3+1-37、38
37html题目：h5哪些标签可以优化SEO答案：title、meta、h1-h6、语义化标签（比如header、main、nav、aside、article、section、footer等）css题目：不使用border画出1px的线，在不同浏览器和怪异模式下都表现一致答案：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie
2022-01-27 14:01:36
1038
原创 前端3+1-34、35、36
34html题目：standards模式和quirks模式有何区别答案：1、standards模式；标准模式；width = content；box-sizing = content-box；一般浏览器默认这个2、quirks模式；怪异模式；width = content + padding + border；box-sizing = border-box；css题目：浏览器如何判断元素是否和某个css选择器匹配答案：首先，与最右边选择器匹配的元素生成一个初始集合，然后从右往左匹配，若该集合
2022-01-27 10:07:08
786
原创 前端3+1-31、32、33
31html题目：DOM和BOM区别答案：1、BOM - 浏览器对象模型window2、DOM - 文档对象模型document注意：只有js运行在浏览器才有这2个对象，运行在nodejs是没有的css题目：如何让网页字体并清晰，变细答案：1、font-weight: lighter2、font-family: 更细的字体3、-webkit-font-smoothing: antialiased（针对mac ios）js题目：实现0、1互转答案：32html题目：对htm
2022-01-25 15:03:48
336
原创 前端3+1-28、29、30
28html题目：对meta标签的理解答案：描述：元数据，用户不可见，但可以被浏览器、搜索引擎等使用常用场景：1、移动端设置视口宽度=设备宽度<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />2、移动端页面设置视口宽度=定宽（比如640px）（常见于微信浏览器）<meta n
2022-01-24 15:43:20
317
原创 前端3+1-26、27
26html题目：对GBK和UTF-8的理解，为啥有时候页面会产生乱码答案：1、gbk；面向中文编码，功能相对简单，所以加载起来比较快2、utf-8；面向所有语言，功能相对强大，所以加载起来相对慢3、为啥乱码：编辑器保存文件时的编码方式跟文件声明的编码方式不一致。或者，编码和解码不一致。css题目：对z-index的理解答案：元素重叠时的显示层级。js题目：对bind、call、apply的理解，手动实现bind答案：1、bind(指定作用域, arg1, arg2)；指定作用域
2022-01-21 16:16:51
482
原创 前端3+1-23、24、25
23html题目：说说form标签的enctype属性答案：设置表单在提交数据时的编码方式。有以下值1、默认值application/x-www-form-urlencode；对表单数据进行编码（空格转+号，特殊字符转ascii码），若请求方式是post则封装到body，若请求方式是get则拼接到url上2、multipart/form-data；表单中包含文件（比如图片）必须使用该值3、text/plain；编码方式为纯文本，即空格转+号，特殊字符不转ascii码css题目：css的优先级
2022-01-20 15:51:26
772
原创 前端3+1-20、21、22
19html题目：描述html显示元素优先级答案：帧元素（比如iframe）>表单元素>非表单元素有窗口元素（比如select、object）>无窗口元素（其它）对于同类元素，z-index可以重置优先级css题目：如果让谷歌支持显示字体大小小于12px答案：1、改用切图2、设置-webkit-text-size-adjust：none；（有版本兼容问题）3、设置transform：scale（0.5，0.5）；（注意transform对行内元素不生效，且它虽然缩小
2022-01-20 15:12:53
168
原创 前端3+1-19
html题目：对置换元素和非置换元素的理解答案：置换元素；根据属性值去渲染展示；一般行内元素设置宽高不会生效，但行内置换元素设置宽高是可以生效的；比如img、input、textarea、select、object等，大部分都是行内元素；非置换元素；根据元素内容去渲染展示；除了置换元素之外的都是非置换元素；css题目：content属性有什么作用，什么使用场景答案：与:before和:after...
2022-01-19 15:12:16
63
原创 nodejs+express+mongoDB之博客项目实战
新建项目1、安装express和express脚手架npm install express -gnpm install express-generator -g2、用express脚手架新建项目express -e xxx3、启动项目cd xxxnpm installnpm start在localhost:3000就可以访问到项目了4、安装nodemon简介：一个监听代码变化的工具，会自动完成node项目重启和数据库服务器重启安装：npm install nodemon -g（全
2021-11-26 17:22:26
1425
原创 nodejs+express+mongoDB之环境搭建和基础练习
nodejs+express1、安装nodejs2、安装expressnpm install express -gnpm install express-generator -g （由于报错express不是一个可识别命令，增加了这一步，安装命令工具）3、新建项目express -e xxxcd xxxnpm installnpm start访问localhost：3000ps：项目文件结构app.js；主文件bin；启动文件public；资源文件（前端）views；试图文件（
2021-11-23 17:12:57
1771
原创 前端3+1-18
html题目：怎样在页面上实现一个圆形的可点击区域答案：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
2021-10-15 17:27:42
67
原创 前端3+1-17
html题目：table的作用和优缺点答案：作用：写表格、布局（基本很少有人用了）优缺点（特指使用table来布局）：样式好控制，但不够灵活，维护麻烦css题目：sprites的原理和优缺点答案：原理：一种网页图片应用处理方式，即把多张图片整合成一张图片，用background-position来实现背景定位；解决图片载入缓慢问题优点：减少http请求缺点：可维护性差js题目：typeof(‘abc’)和typeof abc都能得出正确结果，那typeof时操作符还是函数答案：是操
2021-10-15 16:47:06
48
原创 前端3+1-16
html题目：元素的alt和title区别答案：alt；当图片展示不出来，在图片展示位置显示的提示文字title；定义元素的额外信息，当鼠标移上去时会有气泡提示这个信息；常见场景：为链接、图片等提供描述性提示信息css题目：margin边界叠加是啥意思；怎么解决答案：描述：在垂直方向上，兄弟元素、父元素和它的头尾元素，会出现margin重叠问题，即取重叠的margin值中的较大的一个生效原因：早期的margin主要用于排版文字图片，重叠的设计是符合预期的；但这在现在显然是个bug解决：
2021-10-15 15:56:19
64
原创 前端3+1-15
html题目：h1和title、i和em、b和strong的区别答案：title是浏览器tab栏的标题h1是网页中的一级大标题i和b是单纯的样式效果，斜体和加粗em和strong除了样式效果，还有语义上的强调作用css题目：style标签写在body前和body后有何区别答案：加载顺序不同；由于浏览器是自上而下解析；如果放在body前，在解析body中的dom树时，css的dom树已经解析完了，可以直接渲染上去如果放在body后，在解析body中的dom树时还没解析css，因此先解析
2021-10-15 14:49:59
51
原创 前端3+1-14
html题目：为啥html5只需要写<! DOCTYPE HTML>答案：html4和html5基于的基准不同；html4是基于SGML（SGML是通用标记语言集合，包含HTML、XHML），如果不用DTD来声明渲染方式，让浏览器自由发挥，就变成了怪异模式而html5不是基于SGML，就不需要DTD来声明渲染方式；但需要用DOCTYPE来声明渲染方式是标准模式而非怪异模式css题目：position：fixed在IOS下无效怎么办答案：原因：在IOS，当软键盘弹起时，fixed
2021-10-14 15:57:40
49
原创 前端3+1-13
html题目：html5的form如何关闭自动补全答案：自动补全：当input聚焦时，会用之前填写过的内容自动补全如何关闭：form标签加上：autocomplete=“off”css题目：对::before 和 ::after，单冒号和双冒号的区别是啥；这2个选择器有啥作用答案：1、区别：单引号：伪类；比如:hover :active这种双引号：伪元素；必须要有content属性；（实际上现在:before和::before都等同于伪元素，前者是为了兼容ie）2、作用在元素前后新增
2021-10-14 14:53:32
53
原创 前端3+1-12
html题目：常见的浏览器内核都有哪些？并介绍下你对内核的理解答案：内核一般分为渲染内核和JS内核渲染内核即解释网页语法，渲染页面JS内核即解释JS代码目前常说的浏览器内核即渲染内核主要内核有：Trident，ieGeKio，firefoxWebkit，chrome（小于28）safaripresto，opera（小于12）blink，chrome（大于28）opera（大于12）新版edge...
2021-10-13 14:41:01
70
原创 前端3+1-11
html题目：你对标签语义化的理解是什么？答案：1、语义化的标签，能让人一看就知道它的功能；比如header代表头部导航，rooter代表底部页脚等；2、便于SEO维护，便于浏览器爬虫识别css题目：css常用的布局方式有哪些答案：...
2021-07-19 20:15:58
49
原创 前端3+1-10
html题目：viewport常见设置都有哪些？答案：<meta name="viewport" content="width: device-width, ...">width；宽度；具体数值（比如600）or 设备宽度（device-width）height；高度；一般无用initial-scale；初始缩放比例；具体数值（比如1.0）maximum-scale；允许用户缩放的最大比例；具体数值（比如1.0）minimum-scale；允许用户缩放的最小比例；具体数值（比如
2021-07-13 17:28:49
58
原创 前端3+1-9
html题目：浏览器内多个标签页之间的通信方式有哪些？答案：1、缓存；比如cookie、sessionStorage、localStorage等；有同源限制2、使用window.postMessage；可跨源；语法：window.postMessage(data, target)data：要传递的数据，一般浏览器会自动的把这个数据序列化，所以什么数据都可传递；但有些浏览器不行，故最好还是用JSON.Stringify()处理一下再传递target：要传递的目标窗口字符串，主要是协议+主机
2021-07-12 20:28:12
50
原创 前端3+1-8
html同day4一样css题目：清除浮动的方式有哪些，原理是啥，有啥优缺点答案：ps：为啥要清除浮动：子元素浮动后，脱离文档流，不再被父元素包裹，故父元素高度坍塌，无法由子元素撑开1、手动给父元素要给高度；兼容性好，但自适应差；2、触发父元素BFC，让内层子元素不影响外层父元素样式给父元素：overflow: auto;可能会出现滚动条2、新增一个空元素清除浮动新增了冗余的元素<!DOCTYPE html><html lang="en"><hea
2021-07-12 19:58:18
40
原创 前端3+1-7
html题目：iframe框架有啥优缺点答案：1、优点：1-1、可以异步刷新，不用刷新整个页面，只刷新嵌入页面1-2、可以封装一些公用的页面，提高代码复用性，比如导航栏1-3、允许跨域，可以与页面不同源ps：有些插入的第三方广告就比较使用iframe2、缺点：2-1、一个iframe就有自己的一套css、js，就意味着需要更多的请求开销2-2、对浏览器搜索引擎不太友好，现在的搜索引擎爬虫还不能处理好iframe里面的内容，不利于seo优化2-3、用户体验感差，比如用iframe嵌套的页
2021-07-11 18:28:34
49
原创 前端3+1-6
html题目：label都有哪些作用？并举相应的例子说明答案：1、关联表单控件，比如：<!-- 点击性别-女，复选框就会被选中 --><label for="sex">性别-女：<input id="name" type="checkbox" value="0">2、利用label"模拟"button来解决不同浏览器原生button样式不同的问题（为啥不直接用div写个button？）<input type="button" id="btn">
2021-07-11 17:24:18
57
原创 前端3+1-5
html题目： 简述超链接target属性的取值和作用答案：_self；默认值，在当前窗口的自身所处框架打开目标文档_blank；在新窗口打开目标文档_parent；在父框架打开目标文档（比如页面a，有个iframe1，嵌套了一个iframe2；则iframe1里的链接就会在iframe1打开）_top；在当前窗口的最顶层框架打开目标文档（比如页面a，分别嵌套了页面a本身-iframe1-iframe2；则iframe2的链接会在页面a本身打开）css题目： CSS3新增伪类有哪些并简要描述
2021-07-11 16:45:41
38
原创 前端3+1-4
htmlhtml5的文件离线存储怎么用，原理是什么1、sessionStorage；存储在浏览器缓存中，浏览器一关闭就被清除2、localStorage；存储在浏览器缓存中，除非手动清除，否则不会被清除3、web sql；客户端数据库4、应用程序缓存；缓存网页相关资源，使得断网也能访问；需要使用manifest属性来开启缓存；只有缓存的配置文件更新了，应用缓存才会更新ps：各个缓存大小限制待补充cssCSS选择器有哪些？哪些属性可以继承标签选择器id选择器class选择器伪类选择器
2021-07-11 16:28:03
45
原创 前端3+1-3
htmlhtml全局属性有哪些html全局属性即，html标签都能用的属性classidstylecss隐藏元素的方式有哪些1、占位visibility： hiddenmargin-left：-100%opacity：0transform：scale（0）2、不占位display：nonewidth：0；height：0；overflow：hidden；3、对行内文本text-ident：-99999pxfont-size：0...
2021-07-01 22:56:23
41
原创 前端3+1-2
htmlhtml的元素有哪些？1、块级元素：htmlheadtitlemetastylescriptbodyph1-h6divhrul，liformtable，tr，th2、行内元素imglabelaspan‘tdinputtextareaselectbuttonbrbistrongemcsscss3有哪些新增特性1、边框border-radius-圆角box-shadow-阴影2、背景background-size-背景尺寸3、
2021-07-01 22:43:05
68
原创 前端3+1-1
html@import和link区别1、link是html标签；@import是css语法2、link在页面加载的同时加载；@import在页面加载之后加载3、link无兼容性问题；@import不兼容ie5以下4、link可以通过js动态引入；@import不行css圣杯布局和双飞翼布局是啥；有何区别；如何实现；理解：两边固定，中间对浏览器变化而变化的三栏布局区别：圣杯布局是父元素padding给左右让出位置；双飞翼布局是中间元素margin给左右让出位置实现：<!DOCTYP
2021-06-30 22:56:48
88
原创 前端3+1-1
[js] 用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值描述：这是一道大题目，把考点拆成了4个小项；需要侯选人用递归算法实现（限制15行代码以内实现；限制时间10分钟内完成）：a) 生成一个长度为5的空数组arr。b) 生成一个（2－32）之间的随机整数rand。c) 把随机数rand插入到数组arr内，如果数组arr内已存在与rand相同的数字，则重新生成随机数rand并插入到arr内[需要使用递归实现，不能使用for/while等循环]d) 最终输出一个长度为5，且内容不
2021-06-24 23:11:30
57
原创 cnpm install 报错 cnpm : 无法加载文件 D:\softs\node-v14.15.3-win-x64\node-global\cnpm.ps1，因为在此系统上禁止运行脚本
在vscode的终端运行：cnpm install -g @angular/cli报错：cnpm : 无法加载文件 D:\softs\node-v14.15.3-win-x64\node-global\cnpm.ps1，因为在此系统上禁止运行脚本解决方法：【链接】关于 set-ExecutionPolicy RemoteSigned 这句命令：【链接】...
2021-01-06 23:03:45
441
原创 前端开发环境搭建（angular）
vscode安装1、百度搜索vscode，进入官网【官网地址】，选择对应版本下载（速度较慢，zip可能相对较快？）nodejs安装1、百度nodejs，进入官网【官网地址】，选择对应版本下载（速度很慢，zip可能相对较快？），LTS表示稳定版...
2020-12-30 23:30:20
183
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人