- 博客(18)
- 收藏
- 关注
RSS订阅原创 VUE2 自动注册全局组件
import Vue from 'vue'const componentsContext = require.context('./components', true, /index.vue$/)componentsContext.keys().forEach(component => { // 获取文件中的 default 模块 const componentConfig = componentsContext(component).default Vue.compon
2021-03-31 16:42:34
450
1
转载 学习笔记十二：前端兼容性问题总结
web前端兼容性问题总结HTML对象获取问题FireFox：document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”).解决办法：统一使用document.getElementById(“idName”);const问题说明:Firefox下,可以使用const关键字或var关键字来定义常量;IE下,只能使用var关键字来定义常量.解决方法：统一使用var关键字来定义常
2021-02-18 10:09:58
434
原创 学习笔记十一：标准的CSS盒子模型
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。链接：https://www.imooc.com/article/68238而W3C和IE盒子模型在宽度喝高度上有不同1.W3C版盒子模型根据 W3C 的规范，元素内容占据的空间是由 width 属性设置的，而内容周围的 padding 和 border 值是另外计算的；即在标准模式下的盒模型，盒子实际内容（content）的w
2021-01-08 23:09:27
202
原创 学习笔记十：px、em、rem、vh、vw、vmin、vmax实现页面布局
1、px：绝对单位，页面按精确像素展示2、em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。em是指字体高度 浏览器默认1em=16px，所以0.75em=12px；经常会在页面上看到根元素写的font-size:62.5%; 这样em就成了16px*62.5=10em；这时显示在页面的字体大小是10px; 这样12px=1.2em,10px=1em,也就是说只需要将你的原来的px数值除以10，然后换上e
2021-01-08 10:00:24
140
原创 学习笔记九：Http状态码含义
http各个状态码的含义：由三位数字组成，第一位定义了状态码的类型2开头：（请求成功）表示成功处理了请求的状态代码200：（成功）服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。201：（已创建）请求成功并且服务器创建了新的资源202：（已接受）服务器已接受请求，但尚未处理203：（非授权信息）服务器已成功处理了请求，但返回的信息可能来自另一资源。204：（无内容）服务器成功处理了请求，但没有返回任何内容205：（重置内容）服务器成功处理了请求，但没有返回任何内容206：（部分
2021-01-04 09:09:33
88
转载 学习笔记五：理解math.floor(math.random() * (max - min + 1)) + min的含义
在网上看了几篇相关的文章，可讲的不清不楚的，于是根据原文与自己理解，写下这篇首先是原文转载自（https://blog.csdn.net/qq_35119405/article/details/107180204）Math.random()给我们返回一个在0-1范围内的随机数。但我们不想要一个随机的小数；我们想要一个任意随机数。我们可以通过我们的Math.random()的结果乘以任意数值区间得到它。举个例子，如果我们想要一个在0-10之间的随机数，我们需要乘以10，然后结果中的0.4会变成4。如
2020-12-30 07:48:34
1658
2
原创 面试题之数组var fun = function(){for(var i = 0 ,arr = []； i＜3； i++){arr[i] = function(){ console.log(i) }
var fun = function(){ for(var i = 0 ,arr = []; i<3; i++){ arr[i] = function(){ console.log(i) } } return arr } var funs = fun(); funs[0](); //3 funs[1](); //3 funs[2](); //3解析：函数 fun 仅调用了1次，只创建了一个作用域，通过 for 循环分别创建了3个子函数保存在数组arr中，此时子函数并.
2020-12-29 23:00:22
2106
2
转载 学习笔记八：vue之事件绑定加不加括号
如果没有加括号, 默认传递参数为 MouseEvent,**如果加了括号,则需要在括号中使用$event, 才能获取到MouseEvent**
2020-12-27 17:46:43
180
转载 学习笔记七：link 标签中“rel=stylesheet”的作用
转载自：https://blog.csdn.net/a732894380/article/details/83107934最近在用link标签引入外部css文件的时候，忘记加上rel=stylesheet，结果css样式显示不出来，疑惑万分。加上这个css效果就出现了。那rel=stylesheet又是何方神圣呢？首先，我们要知道Link标签有两个作用：1. 定义文档与外部资源的关系；2. 是链接样式表。link标签是用于当前文档引用外部文档的，其次，这个标签的rel属性用于设置对象和链接目的间的关
2020-12-26 15:42:08
552
2
转载 学习笔记六：搞懂clientWidth,offsetWidth,scrollHeight
由于前端经常会遇到计算位置的问题，那么搞懂clientWidth,offsetWidth,scrollHeight等等这些就变得尤为重要。放上经典图，一张图让你搞懂clientWidth,offsetWidth,scrollHeight~~~一张图搞懂clientWidth,offsetWidth,scrollHeight除了这些还有clientX,pageX,screenX等等，再来看下下面的图下面介绍一下每个字段的含义clientLeft,clientTop表示内容区域的左上角相对于整
2020-12-22 14:13:15
186
原创 学习笔记四：前端解决跨域的三种方式
跨域未处理时，错误信息一、什么是跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域当前页面URL被请求的页面URL是否跨域原因http://www.test.com/http://www.test.com/index.html否同源（协议、域名、端口号相同）http://www.test.com/https://www.test.com/index.html是协议不同（http/https）http://www.test
2020-12-17 20:48:49
743
原创 学习笔记三：forEach、for...in、for...of三者区别
forEach对数组的每一个元素执行一次提供的函数（不能使用return、break等中断循环），不改变原数组，无返回值undefined。只能遍历索引数组，无法遍历字符串或类数组对象等；for循环几乎是万能的var arr=[1,2,4,5,,1]arr.forEach((a,index,arr)=>{ console.log(a,index,arr)})输出结果1 0 (6) [1, 2, 4, 5, empty, 1]2 1 (6) [1, 2, 4, 5, empty,
2020-12-17 11:29:53
191
原创 学习笔记二：数组去重
//生成一个有10000个随机数的数组var arr = [];for ( var i = 0；i < 10000; i++){ arr.push( parseInt( Math.random()*10000 ) )}方法一，传统，利用对象属性不重复，但速度慢function unique( arr ){ var obj = {}; for(var n of arr){ obj[n] = 1; } var newArr = []; for( var key in obj
2020-12-17 00:29:25
111
原创 学习笔记一：setTimeout
setTimeout 中的回调i函数会在主程序执行完后才执行而setTimeout中如果是调用函数，则会立即执行console.log(1);setTimeout(()=>{ test(1)},0);setTimeout( test(3),1000); //时间无意义，函数立即执行function test(a){ console.log(a)}执行结果 1，3，1...
2020-12-16 23:33:13
86
原创 GIT初级使用指南
GIT初级使用指南一、git使用前需在全局配置用户名及邮箱git config --global username "用户名"git config --global useremail "邮箱"配置后检查是否配置成功 git config i若配置成功则会显示用户名和邮箱二、暂存文件在新建文件目录下初始化一个新的本地仓库git init接下来可正常创建文件，并暂存目录下所有文件git add .此时vscode编辑器 该文件后方出现A 标识或者仅暂存某一个文件，该文
2020-12-16 21:33:03
179
转载 var和let遇到for循环
for循环内部是一个块级作用域原文链接：https://blog.csdn.net/yijun9588/article/details/89091723JS中的for循环体比较特殊，每次执行都是一个全新的独立的块作用域for (var i = 0; i < 3; i++) { setTimeout(function() { // 同步注册回调函数到 异步的 宏任务队列。 console.log(i); // 执行此代码时，同步代码for循环已经执行完成 },
2020-12-16 16:59:14
224
1
原创 一. 简单的CSS摩天轮
body代码<body> <div id="d1">1 <div>2</div> <div>3</div> <div>4</div> </div>css代码<style> #d1{ width: 400px ; height: 400px; border-radius: 200px; backg
2020-12-16 09:42:22
267
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人