weixin_43392489的博客

原创 与歌谣一起通关前端面试题（建议收藏，持续更新）

歌谣最全前端面试题（建议收藏，欢迎讨论）【Vue】[vue] 从0到1自己构架一个vue项目，说说有哪些步骤、哪些重要插件、目录结构你会怎么组织

原创 “约见“面试官系列之各系列目录汇总（建议学习收藏）

原力计划

1.谢谢你那么酷还来关注我，微信公众号GY歌谣，私信可一起学习交流(前端学习ing) 唯一微信号GrievedGeYao 2.18届应届毕业生 本科 三年工作经验 96年 3.想去的地方很远 想买的东西很贵 想守护的东西很美好 所以选择努力。 4拼搏到无能为力，坚持到感动自己

原创 前端学习（2920）：v-html和v-text

原创 前端学习（2919）：v-bind属性绑定

原创 前端学习（2918）：v-on的补充

原创 前端学习（2916）：事件绑定

原创 前端学习（2915）：数据绑定

原创 前端学习（2914）：差值表达式的用法

原创 前端学习（2913）：vue的快速起步

原创 前端学习（2912）：MvvM的实现原理

原创 前端学习（2911）：cdn的加速策略

原创 前端学习（2910）：vue的介绍

原创 [html] html如何创建图片热区（img usemap）？

[html] html如何创建图片热区（img usemap）？ <img src="china.gif" usemap="#mymap"> <map name="mymap"> <area shape="rect" href="a.html" coords="0,0,50,50"> <area shape="circle" href="b.html" coords="120,80,50"> <area sha

原创 [html] 如何禁止input输入的历史记录

[html] 如何禁止input输入的历史记录 给form加上 autocomplete=off 可以禁止整个表单的历史记录 给单个input加上 autocomplete=off 可禁止这个input的历史记录个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

原创 [html] 什么是表单域？它有哪些运用场景？

[html] 什么是表单域？它有哪些运用场景？<form></form>标签中间的部分当点击这个表单域中的submit按钮，就会把表单中的数据提交到你action的属性指定的网页里面个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

原创 [html] 列举几种瀑布流布局的方法

[html] 列举几种瀑布流布局的方法flex方法：.waterfall{ //从上到下display: flex;flex-direction: row;}.column { //从左到右display: flex;flex-direction: column;width: calc(100%/3);}个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

原创 [html] 列举几种多列等高布局的方法

[html] 列举几种多列等高布局的方法1, 使用table布局`.row {display: table;}.row > * {display: table-cell;}2, 使用flex布局.row {display: flex;flex-wrap: wrap;}.row > * {display: flex;flex-direction: column;}`个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论

原创 [html] HTML5的video怎样预加载（支持全量加载）？

[html] HTML5的video怎样预加载（支持全量加载）？preload="auto"个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

原创 [html] 移动端如何禁止用户手动缩放页面？

[html] 移动端如何禁止用户手动缩放页面？<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

原创 [html] 解释下什么是CDATA？

[html] 解释下什么是CDATA？CDATA 指的是不由 XML 解析器进行解析的文本数据。 XML 文档中的所有文本均会被解析器解析。 只有 CDATA 区段中的文本会被解析器忽略。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

原创 [html] img中的src加载失败时如何用默认图片来替换呢？

[html] img中的src加载失败时如何用默认图片来替换呢？img有onerror属性，加载失败时触发error事件但是这种解决方法在error里面替换的默认图片也加载失败的时候会导致问题，需要注意个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

原创 前端学习(2907):Vite的特点

原创 前端学习(2906):Vite 解决了 Webpack 哪些问题

随着项目的复杂度升级，代码规范和管理就必须要同步提升。于是，编程社区中提出了多种模块化规范，服务端选择了 CommonJS 规范，客户端选择 AMD 规范较多，但是，两种模块化规范也都存在一定的问题，都是 JS 编程，有两个不同的模块化规范，在 JS 语言层面还是不够的，终于在 ES6 中，ECMA 委员会推出了语言层面模块系统：ES Modules 规范模块化可以帮助我们更好地解决复杂应用开发过程中的代码组织问题，但是随着模块化思想的引入，我们的前端应用又会产生了一些新的问题，比如： 首先，

原创 前端学习(2905):用vite的2.0构建程序

原创 前端学习(2904):用vite构建工具

原创 工作409-修复npm ERR! cb()never called!的错误；This is an error with npm itself. Please report this error at:

解决方式：删除node modules和json.lock文件，重新install

原创 前端学习(2903):用vite开发环境

原创 工作408- Module build failed (from ./node_modules/sass-loader/dist/cjs.js)

发现版本不对，于是执行npm uninstall sass-loadernpm install sass-loader@7.1.0 --savenpm install style-loadernpm install node-sass安装对应的版本，搞定。

原创 工作407-启动vue项目出现Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: I

This dependency was not found: * !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-ef68022e","scoped":true,"hasInlineConfig":false}!sass-loader?{"sourceMap":true}!../../nod

原创 工作406- Error:Node Sass version 5.0.0 is incompatible with ^4.0.0 问题解决

Error:Node Sass version 5.0.0 is incompatible with ^4.x 问题解决此错误来自sass-loader.因为node-sass@latest为v5.0.0,而sass-loader期望值为^4.0.0目前解决方案如下：//卸载 node-sassnpm uninstall node-sass//然后安装最新版本（5.0之前）npm install node-sass@4.14.1...

原创 工作405-关于vue组件开发过程中一直报错：This relative module was not found:

问题描述在项目过程中，当我在路由映射表中添加url和对应组件时一直报This relative module was not found:这样的错误。检查了十几遍发现组件创建，导出，引入都没错，一时间心态崩了。最后问题的解决在看了二十几遍后才发现原来是组件导出时 name属性那里多了一个空格，才导致This relative module was not found，提示该组件找不到。好吧，检查时一个空格还真难看出来。特意写出这次教训，大家有类似的问题可以看看组件name那里是否多字母，缺字母，多空

原创 [html] 举例说明Shadow DOM的应用场景有哪些？

[html] 举例说明Shadow DOM的应用场景有哪些？可以将 shadow DOM 视为“DOM中的DOM”。它是自己独立的DOM树，具有自己的元素和样式，与原始DOM完全隔离。可以应用在组件中。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

原创 [html] input上传图片怎样触发默认拍照功能

[html] input上传图片怎样触发默认拍照功能使用 capture 属性，capture 的值可以是： camera 打开摄像头 user 打开前置摄像头 environment 打开后置摄像头 以上几个属性都不能保证设备会按照设置的一样打开前置或后置摄像头，如果设备不支持的话，它会使用默认的调用摄像头的行为。 camcorder 打开录像 microphone 打开录音机个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，

原创 [html] input上传文件可以同时选择多张吗？怎么设置？

[html] input上传文件可以同时选择多张吗？怎么设置？<input type="file" multiple />个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

原创 [html] 编写一个布局，让文字环绕在图片的周围

[html] 编写一个布局，让文字环绕在图片的周围让图片 float 就可以了，如果还想要实现文字圆形环绕图片的效果，可以使用 shape-outside: circle(); 属性个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

原创 [html] android手机的微信H5弹出的软键盘挡住了文本框，如何解决？

[html] android手机的微信H5弹出的软键盘挡住了文本框，如何解决？ window.addEventListener("resize", function () { if (document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA") { window.setTimeout(function () { do

原创 [html] 你知道什么是粘性布局吗？

[html] 你知道什么是粘性布局吗？中文大概意思：对象在常态时遵循常规流。它就像是relative和fixed的合体，当在屏幕中时按常规流排版，当卷动到屏幕外时则表现如fixed。该属性的表现是现实中你见到的吸附效果。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

原创 [html]HTML5如何隐藏video元素的控制栏、全屏按钮？

[html]HTML5如何隐藏video元素的控制栏、全屏按钮？将<video width="800px" height="400px" id="vid" src="a.mp4" controls="controls">中的controls="controls"删掉个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

原创 [html] 举例说明写一个button的按钮的方法有哪些？

[html] 举例说明写一个button的按钮的方法有哪些？ 使用 标签 其值直接写在标签内 使用input标签 type为 buttton 值需要通过用 value=""的形式写出来个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...

原创 [html] 怎样去除iOS和Android中的输入URL地址的控件条呢？

[html] 怎样去除iOS和Android中的输入URL地址的控件条呢？setTimeout(scrollTo,0,0,0);个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题...