咖喱盖饭真的香-CSDN博客

原创前端易错题--this、const

以下代码会输出什么？ const x = 1; const obj = { x: 3, fun: function () { const x = 5; return this.x; }, }; const fun = obj.fun; console.log(fun(), obj.fun());答案： undefined 3解析：（1）普通函数中的this是在调用的时候确定，谁调用 this就指向谁。普通函数中的定时器this指向window；ps：

2021-10-12 10:49:51 247

原创 js “==“与“===“的区别

1. == 与 === 的区别== 会先进行类型转换，再确定操作数是否相等。=== 只有在两操作数不转换的前提下相等才返回true。2. ==的使用（1）转换操作数时，遵循如下规则：若任一操作数是布尔值，则将其转换为数值再比较是否相等。false➡0，true➡1。若一个操作数是字符串，另一个操作数是数值，则尝试将字符串转换为数值，再比较是否相等。若一个操作数是对象，另一个操作数不是，则调用对象的valueOf()方法取得其原始值，再根据前面的规则比较。（2）进行比较时，遵循如下规则：

2021-09-25 11:27:34 157

原创前端面试问题合集

面试集锦CSS讲一下less，less中怎么定义变量css选择器有哪些类型，其优先级如何排列?多种选择器叠加怎么看优先级列举一下清除浮动的方法，为什么会造成浮动，什么时候需要清除浮动。css实现一个200*200的div在不同分辨率屏幕上下左右居中，推荐哪一种？描述一下flex布局左右两栏宽度固定中间自适应的三栏布局。描述一下css3动画用opacity和rgba设置不透明度有什么区别？盒子模型BFCJavaScript列举一下JavaScript有哪些基本数据类型请

2021-09-15 17:06:16 161

原创笔试题知识点整理

Html:HTML5 中的属性名对大小写敏感<!DOCTYPE>声明有助于浏览器中正确显示网页,网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。<!DOCTYPE html> 告诉浏览器当前页面使用h5版本解析符合规范的 HTML 代码：1、块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。2、有几个特殊的块级元素只能包含内联元素，不能包含块级元素。如h1,h2,h3,h4,h5,h

2021-09-12 16:29:15 240

原创 element-ui的简单使用--登录表单的创建

0.利用vue脚手架创建项目一.布局1.登录官网https://element.eleme.cn/#/zh-CN在[组件]中找到需要的组件https://element.eleme.cn/#/zh-CN/component/form表单的ui组件运用2.复制对应代码写入.vue文件中的< template >标签中<el-form>  <el-form-item> <el-input prefix-

2021-08-16 17:03:06 1091

原创 vue笔记--创建并渲染简单子组件

0.通过vue脚手架创建vue项目1.在components文件夹中创建.vue文件这个.vue文件是单文件组件，其中包含< template > < script > < style >标签，分别代表结构、行为、样式子组件Login.vue：<template> <div>登录组件</div></template><script>export default {}</script&g

2021-08-12 21:17:44 268

原创【vue】音乐播放器实现笔记

1.css部分（1）精灵图的使用.item i { display: inline-block; width: 23px; height: 17px; background: url("../images/table.png") -60px -48px; vertical-align: middle;}（2）实现可滚动列表并隐藏滚动条::-webkit-scrollbar { display: none}.left { flex: 1

2021-08-09 16:59:29 373

原创报错记录Joi.validate is not a function

问题：(node:3092) UnhandledPromiseRejectionWarning: TypeError: Joi.validate is not a function原因：新版本不支持解决方案：在命令行工具中：先卸载原版本的joi模块：npm uninstall joi再重新安装：npm install joi@14.3.1...

2021-06-09 16:22:18 98

原创 ajax学习笔记-同源政策

同源如果两个页面拥有相同的协议、域名和端口，那么这两个页面就属于同一个源，其中只要有一个不相同，就是不同源。示例如下：http://www.example.com/dir/page.htmlhttp://www.example.com/dir2/other.html：同源http://example.com/dir/other.html：不同源（域名不同）http://www.example.com:81/dir/other.html：不同源（端口不同）https://www.example.

2021-06-08 19:53:13 77

原创 Ajax学习笔记

Ajax它是浏览器提供的一套方法，可以实现页面无刷新更新数据（即实现在用户浏览网页的过程中，局部更新页面中的数据），提高用户浏览网站应用的体验。**注意：**ajax技术需要运行在网站环境中生效，要能以localhost域名的方式打开页面。Ajax应用场景1.页面上拉加载更多数据2.列表数据无刷新分页3.表单项离开焦点数据验证4.搜索框提示文字下拉列表Ajax运行原理Ajax 相当于浏览器发送请求与接收响应的代理人，由Ajax帮助浏览器发送请求、接收服务器端响应到客户端的数据，当它接收到响

2021-06-06 10:37:47 84

原创 npm install --global --production windows-build-tools卡在Successfully installed Python 2.7不动

执行npm命令：npm install --global --production windows-build-tools一直卡在Successfully installed Python 2.7不动。网上搜索后，找了一些解决方案：①下载python2.7，并配置环境变量②执行npm install --global --production --verbose windows-build-tools或npm install --global --dev --verbose windows-bu

2021-05-23 11:17:56 20442 27

原创 js学习笔记1

1.innerHTML和createElement()创建多个元素谁的效率更高？innerHTML如果采用拼接字符串的方法创建效率会低很多，如果用数组形式拼接（即join）效率比createElement()高，createElement()结构更清晰。document.write()会导致网页重绘，因此不建议使用。2.传统注册事件onclick和事件监听addEventListener的区别？前者只能添加一个，后者对一个事件可以添加多个不同的处理函数，但是有兼容性问题。...

2021-05-16 21:25:39 46

原创 gulp报错问题记录

运行代码：//使用gulp模块const gulp = require('gulp');//使用gulp模块//task(任务名称，任务回调函数)gulp.task('first', done => { console.log('第一个gulp任务执行'); //使用gulp.src获取要处理的文件，pipe()处理文件，dest()输出文件 gulp.src('./src/css/base.css').pipe(gulp.dest('dist/css'));...

2021-05-10 19:23:07 415

原创【css笔记】电商平台静态页面导航栏制作

要用浮动来做，保证ul的宽度能装下所有li，露出的边缘用overflow ：hidden，经常把li里面的a转换成块级元素，用i装小图标，然后给i定好高度大小（记得转换成行内元素），但是每个a块里面装的i块，用margin-top会有外边距塌陷的问题，所以需要在a里面写overflow：hidden焦点图：用ul>li>a>img来放多张图...

2021-03-17 20:26:26 838

weixin_48391379的博客