歌谣的博客

【HTML】[html] 你有使用过MediaRecorder吗？说说它的运用场景有哪些？[html] 进入编辑页面时，如何把光标聚焦到第一个input？[html] 如何给input的右上角加个清除的按钮[html] 举例说明只用html和css如何使得一个列表编号倒序？[html] H5页面在微信中如何禁止分享给好友和朋友圈？[html] http中的301、302、307、308有什么区别？[html] 说说你对短链接的理解，它有什么应用场景呢？[html] 网页中的友情链接有什么作用

[vue]vue渲染模板时怎么保留模板中的HTML注释呢？<template comments> ...</template>个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 说说你对影子(Shadow)DOM的了解web component的API，用来给组件创建子DOM树，就像楼上说的，不受外部style影响，外部通过选择器查询也不会查到里面来。它有两种模式 open和closed，open模式可以获取shadow root，可以做一些类似DOM操作，所以对shadow root查询就可以查到里面的元素了，然后做一些操作。用cloesd的目的就是隐藏实现，但其实只是表面功夫，实际上你还是可以通过一些手段来访问到~个人简介我是歌谣，欢迎和大家一起交流前后

[html] 你对标签语义化的理解是什么？标签语义化的初衷是让正确的标签做正确的事情，但对于人来说，标签的语义除了在 tag 上体现，还可以从 id, class 上体现出来。而每个人对于标签的理解都会存在不同，因此强制规定哪个标签怎么用就不是很好。我的理解标签语义化更多的是为 SEO 进行服务。让爬虫更方便地找到想要的信息。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[vue] vue2.0不再支持v-html中使用过滤器了怎么办？在method中定义方法htmlFilter(htmlString){return htmlString.replace(/+s/g,’’)}在vue中 v-html="htmlFilter(htmlString)"即可个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 说说你对标签的理解设置meta标签 设置页面长串数字不与跳转防止长串数字电话或以邮箱的形式外链出去## 设置meta标签 IE适配用于IE浏览器的适配设置meta标签 移动端IOS用于适配苹果手机，用于全屏显示设置meta标签 清除页面缓存Cache-Control头域Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-s

[html] 解释下你对GBK和UTF-8的理解？并说说页面上产生乱码的可能原因gbk和utf8的理解我们这里将以最简单最容易理解的方式来描述GBK和UTF8的区别，以及它们分别是什么。GBK编码：是指中国的中文字符，其它它包含了简体中文与繁体中文字符，另外还有一种字符“gb2312”，这种字符仅能存储简体中文字符。UTF-8编码：它是一种全国家通过的一种编码，如果你的网站涉及到多个国家的语言，那么建议你选择UTF-8编码。GBK和UTF8有什么区别？UTF8编码格式很强大，支持所有国

[html] web workers有用过吗？能帮我们解决哪些问题？提供协程能力，如果有一个比较密集的计算任务，可以放到另一个进程中处理，等处理好了再把结果传回主程，这样主要进程就不会阻塞，页面可以正常渲染和响应个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] js放在html的和有什么区别？在浏览器解析HTML中的时候，如果在head标签中遇到了script标签并且是同步执行的，那么就会影响文档的加载，如果引入的过多的同步脚本文件那么加载会变得非常怪异且卡顿；但是放在body中，根据script标签，从上到下的解析顺序，它不会对html进行阻塞；那么在一般业务中我们如何做呢？一般情况下是在网站中，同步在head加载的脚本通常是业务必须的，比如说我要注册一个window对象，或者用document.write写入一些内容，或者是业务需求，我

[css] 如何解决html设置height：100%无效的问题？在外层包一个给定高度的 div个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[css] body{height:100%}和html,body{height:100%}有什么区别？为什么html要设置height:100%呢，html不就是整个窗口吗？html是body的父级，在缺少了父级的宽高之后，如果给body设置一个渐变色背景的话将不会正常显示。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 你有了解HTML5的地理定位吗？怎么使用？var x=document.getElementById("demo");function getLocation(){if (navigator.geolocation){navigator.geolocation.getCurrentPosition(showPosition);}else{x.innerHTML="该浏览器不支持获取地理位置。";}}function showPosition(position){

[css] 举例说明如何从html元素继承box-sizing？ html{ box-sizing:border-box; } *,*:before,*:after{ box-sizing:inherit; }个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] From表单提交时为什么会刷新页面？怎么预防刷新？因为早期网页交互模型只能是浏览器提交数据给服务器，服务器做出响应重新返回一个页面，浏览器加载这个页面进行显示。早期前端没有编程式发送网络请求的 API，更没有前端路由管理的概念，所以表单提交跳转页面是广泛接受的方案。不想刷新可以使用 JS 拦截 form 的 onsubmit 事件，阻止掉浏览器的默认行为，然后用 ajax/fetch 和后台交互。另一个偏方是使用 iframe 作为 form 的 target，不过 JS 处理方面不如

[html] 渐进式渲染是什么？渐进式渲染指在做浏览器兼容时，先兼容最低版本，保证基本功能，然后再在高级浏览器上做优化个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] html5中的form怎么关闭自动完成？设置form的autocomplete属性为off个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 如何实现标题栏闪烁、滚动的效果定时器+背景设置个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] HTML全局属性(global attribute)有哪些（包含H5）？ class id data type href style width height targe checked disabled requie ref alt title name mulitp...多选 value replaceholder src个

[html] Form表单是怎么上传文件的？你了解它的原理吗？简单来说就是把文件转化成字节流，然后使用http进行传输，后端接受后在把二进制转化成原先的文件格式。在HTML表单中，可以上传文件的唯一控件就是<input type="file">。当一个表单包含<input type="file">时，表单的enctype必须指定为multipart/form-data（表明表单需要上传二进制数据），method必须指定为post，浏览器才能正确编码并以multipart/f

[html] label都有哪些作用？并举相应的例子说明 label通常用来关联一个表单控件<label for="hobby">爱好</label><input id="hobby" type="checkbox" value="0">个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 第682天 你喜欢哪种布局风格？说说你的理由flex个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 怎样在页面上实现一个圆形的可点击区域？1、用canvas画布，弧线画圆，在canvas上监听点击事件2、用一个div,给div添加圆角属性50，在div上添加点击事件3、button 上添加圆角属性4、a标签添加圆角属性个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 写H5和小程序有什么相同及不同的地方吗？第一条是运行环境的不同。传统的HTML5的运行环境是浏览器，包括webview，而微信小程序的运行环境并非完整的浏览器，大家注意，我这里写的是“非完整的浏览器”，有以下几个原因小程序的开发过程中会用到HTML5相关的技术(并非全部)小程序最后的发布上线需要微信审核，微信在不更新自身软件的情况下可以将小程序更新到自身软件内，这就联想到了React Native框架,并且已经有开发者在微信小程序的开发工具源码中发现使用了React和NodeWe

[html] html的元素有哪些（包含H5）？块级元素： head - meat - 申明页面的诸多属性 title - 窗口标题 style - 样式 body - 文本内容 header - 头部块 section - 内容块 footer - 底部块 article - 文章标签 aside nav menu bir hr - 下划线 h1-h6 描述标题 div

[html] 制作一个多选的下拉框定义盒子a标签绑定事件个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 移动端如何让页面强制横屏显示？说个想法 不一定能实现web端的话 通过判断页面屏幕宽度（这个得开陀螺仪权限吧） 然后经行div旋转个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] Ajax与Flash的优缺点分别是什么？使用的场景不一样，只有知道了它们各自的优缺点，才会应用到不同的场景。当然flash目前已经少用了，但还是存在于不同的场景中的，比如说直播中有些就用到flash……各有优势和劣势的，看怎么看待了。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 写一个搜索框，聚焦时搜索框向左拉长并有动画效果为啥直接粘贴html发布以后就没有了呢个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 常见的浏览器内核都有哪些？并介绍下你对内核的理解WebkitBlinkGeckoTrident个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] HTML5的文件离线储存怎么使用，工作原理是什么？localstorge 利用浏览器的本地存储可以缓存信息 ，在创建数据的时候引入创建好的数据cookie 好像也可以个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 简述下html5的离线储存原理，同时说明如何使用？原理：HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。如何使用：①　页面头部像下面一样加入一个manifest的属性。<!DOCTYPE HTML><html manifest = "cache.manifest"&

[html] 为什么HTML5只需要写就可以？因为 HTML5 与 HTML4 基于的基准不同。HTML4 基于 SGML 因此需要除了 DOCTYPE 外还需要引入 DTD 来告诉浏览器用什么标准进行渲染。DTD 还分为标准模式、严格模式。如果什么都不写，就完全让浏览器自我发挥，会变成怪异模式。HTML5 不基于 SGML，因此后面就不要跟 DTD，但是需要 DOCTYPE 来规范浏览器的渲染行为。注：SGML 是通用标记语言的集合。其中有 HTML、XML，因此需要用 DTD 来指定使用那种

[html] 谈谈你对input元素中readonly和disabled属性的理解 相同点：都会使文本框变成只读，不可编辑。 不同点： 1.disabled属性在将input文本框变成只读不可编辑的同时，还会使文本框变灰，但是readonly不会。 2.disabled属性修饰后的文本框内容，在不可编辑的同时，通过js也是获取不到的。但是用readonly修饰后的文本框内容，是可以通过js获取到的，也就只是简单的不可编辑而已！ 3.disabled属性对input

[html] 页面导入样式时，使用link和@import有什么区别？区别：1.link是HTML标签，@import是css提供的。2.link引入的样式页面加载时同时加载，@import引入的样式需等页面加载完成后再加载。3.link没有兼容性问题，@import不兼容ie5以下。4.link可以通过js操作DOM动态引入样式表改变样式，而@import不可以。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试

[html] iframe框架都有哪些优缺点？优点 重载页面时不需要重载整个页面，只需要重载页面中的一个框架页 技术易于掌握，使用方便，可主要应用于不需搜索引擎来搜索的页面 方便制作导航栏缺点 会产生很多页面，不容易管理 *不容易打印 对浏览器搜索引擎不友好 多框架的页面会增加服务器的http请求个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 如果让你实现一个网页版的办公表格（类似excel），你觉得是否可行？如果可行应该怎么做？尝试过写，底层还是用table,td,tr. 难点在于范围性选择单元格，横纵单元格合并互相不影响，底子不行，写的很失败。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 说说你对html中的置换元素和非置换元素的理解 置换元素是指：浏览器根据元素的标签和属性，来决定元素的具体显示内容。例如：浏览器根据标签的src属性显示图片。根据标签的type属性决定显示输入框还是按钮。 非置换元素：浏览器中的大多数元素都是不可置换元素，即其内容直接展示给浏览器。例如标签， 标签里的内容会被浏览器直接显示给用户。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题

[html] viewport常见设置都有哪些？ width: width=device-width initial-scale maximum-scale user-scalable个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 简述超链接target属性的取值和作用_self: 在当前窗口打开页面_blank: 在新窗口打开页面_top: 在整个框架打开页面不是很理解个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

[html] 第15天 title与h1的区别、b与strong的区别、i与em的区别？title 是 网页标题标签h1 是文本标签 默认与word的h1相似为最大的标题显示b 为文本加粗标签 与word的加粗功能相似strong 为强调语气， 也是为文本加粗 与b标签是有不同i 标签为斜体 常用于阿里图标 和图片em 标签为 斜体 用于文本斜体较多个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家SB讨论主目录与歌谣一起通关前端面试题...