- 博客(28)
- 收藏
- 关注
RSS订阅转载 2021-04-26
什么是类数组： 上一个例子： 输出结果： 类数组是指在写法上跟数组一样， 例如 arguments 和 length 写法上跟数组一样， 不具有数组所具有的方法 但类数组，只是一个普通的对象，他的原型是Object。 而真实的数组是Array类型。、 把对象变成数组的方法：  ...
2021-04-26 16:02:57
162
原创 路由复习
spa:single page application 单页面应用提供一个舞台。舞台当中呈现的是组件，具体呈现的组件由地址决定。react路由:根据路径决定要使用哪一个组件组件：路由组件：由路由控制普通组件：页面当中使用的组件1，下载路由模块cnpm install react-router-dom -S2，引入import {BrowserRouter as Router,//路由器Route//路由，必须被Router包裹NavLink,Link,Switch,Hash
2021-03-21 23:59:09
240
原创 vue组件间的通讯方式汇总
vue组件间的通讯方式1，组件间通信（父向子）：props子如何修改父的数据？转存一份在子组件中直接修改（各个子组件中数据独立）通过vue自定义事件 通知父组件已改（各个子组件中数据公用）2，组件间通信（子向父）：vue自定义事件3，组件间通信（非父子）：事件总线pubsub4，组件间通信：普通插槽，具名插槽，作用域插槽5，组件间通信：vuex6，如果有路由环境可以通过url进行组件数据传递7，localStroage seesionStroage8，event深入：如果event深入
2021-02-19 18:52:01
220
原创 Vue钩子生命周期函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> {{msg}} <br> <button @click="destroy">Destroy<
2021-01-18 20:43:06
98
原创 vue组件传值
父向子传值通过标签属性传值如果子组件的props接收了那这个标签属性就具有props特性如果子组件的props没有接收 那这个标签属性就是一个普通的自定义属性。父组件如何向子组件传值父组件通过标签属性的形式向子组件传值。子组件可以通过props属性正常接收到来自父组件的值。但值得注意的是子组件接收到父组件的值后不应该修改接收到的值，因为该值果然是一个对象，而且 被几个子组件共同引用着，很有可以会导致脏数据。非得要改怎么办？转存一份，再改。在vue中组件传值是要单项数据流的，子组件不能随
2021-01-18 20:41:19
81
原创 定时器setTimeout输出问题
setTimeout(function(){ console.log(1); },1000) console.log(2); 输出：2，1 var btn = document.querySelector("#btn"); btn.onclick=function(){ console.log("onclick") }; setTimeout(function(){ console.log(1); },1000) console.log(2);.
2021-01-13 20:53:38
436
原创 this函数的劫持
// 使用forEach的第二个参数来固定死this// 使用bind函数固定死this// 使用this劫持(鸡肋闭包)// 使用箭头函数来固定死this//箭头函数的this指向其上一层作用域挂靠的执行上下文中的this//建议所有的回调函数使用箭头函数var obj = { name:"达姆", wifes:["冬雨","a","b","c","d"], //当函数以另外一个函数作为参数;或者一个函数返回另外一个函数; // 那当前这个函数可以称为高阶函数
2021-01-13 20:38:24
252
原创 深度详解Promise
Promise之执行器本质上Promise就是一个构造函数。Promise的实例对象有三个状态pending: 初始状态，既不是成功，也不是失败状态。fulfilled: 意味着操作成功完成。(resolved)rejected: 意味着操作失败 Promise语法new Promise( function(resolve, reject) {…}); //第一个参数一般我们称为executor//实例var promise = new Promise(function(resolve
2021-01-13 20:36:09
186
原创 JS属性查找的规则
1、属性普通定义// var a = "a";// console.log(window.a)// console.log(a)//基本的属性定义形式 var key = "wife"; var key2 = "son"; var obj = { name:"damu", [key2]:"小达姆" }; obj.age = 18; obj[key]="冬雨"; console.log(Object.getOwn
2021-01-12 20:55:50
474
4
原创 JS变量查找的规则
1、变量查找的规范左查询(对等号左边的变量进行寻址)如果整条作用域链 都没有对应变量的声明;则会在全局自动声明一份 /* var a = 3; b = a;*/ console.log(b) //全局自动声明一份,3右查询(对等号非左边的变量进行寻址)如果整条作用域链 都没有对应变量的声明;则会报错console.log(c)2、作用域变量的查找!!!走作用域链!!!var x = 10;function fn() { console.log(x);}f
2021-01-12 20:09:57
739
原创 this指向问题
1，在回调函数中回调函数定义：自己定义的、自己没调用、最终执行了。2、api的学习方法 关注这个api是用来干嘛的 语法; 搞清楚这个api的每一个参数 搞清楚这个api的返回值setTimeout(function(a,b,c){ console.log(a,b,c)},1000,1,2,3)function setTimeout(fn,time) { fn()}2，隐式丢失怎么防止隐式丢失，bind()方法主要就是将函数绑定到某个对象，bi
2021-01-12 19:49:59
79
原创 元素或者鼠标在页面，视口，屏幕，元素中的位置 。元素和视口的宽度和高度，页面中内容向上滚动的距离。
DOM容易模糊的获取位置，宽度高度的属性 元素或者鼠标在页面，视口，屏幕，元素中的位置 。元素和视口的宽度和高度，页面中内容向上滚动的距离。DOM 操作 - 获取元素的尺寸offsetWidth / offsetHeight 内容+内边距+边框clientWidth / clientHeight 内容+内边距scrollWidth / scrollHeight 内容溢出，考虑溢出内容的宽度；如果内容不溢出同 client 系列一致。getBoundingClientRect() 返回对象，
2020-11-05 20:12:45
634
4
原创 JavaScript闭包面试题详解
说说它们的输出情况第一题var name = "The Window";var object = { name: "My Object", getNameFunc: function () { return function () { return this.name; }; }};console.log(object.getNameFunc()()); // The window// var f = obje
2020-11-05 18:12:47
467
3
原创 JS实现抽奖活动程序
本小程序涉及JS知识点定时器，回调函数，onclick点击事件绑定元素，选择器方式获取元素…<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&
2020-10-26 20:47:31
671
原创 JS对象，原型链，构造函数面试题
1，下面两次num输出的值是多少？ <script> var num = 50; function f1(num) { num = 60; // 修改形参 num = 60 console.log(num); // 60 } f1(num); console.log(num); // 50 </script>60,502，下面nu
2020-10-26 16:35:51
483
2
原创 JS实现倒计时
JS实现倒计时实现思路1，通过内置时间函数实例化日期对象获取当前时间now2，设置一个结束时间戳 end3，求时间差end-now的毫秒数，分别取出天，小时，分钟，秒。4，例如定时器和回调函数组合，动态更新时间，展示到页面。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid
2020-10-26 13:34:37
2987
原创 JS实现电子时钟
JS实现电子时钟本案例设及的JS知识点时间函数，定时器，内置构造函数实例化对象的创建，字符串拼接，流程控制以及三元运算符，回调函数。实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2020-10-26 13:24:00
1563
1
原创 JavaScript数据类型转换的规则
一、数据类型转换的规则1.1其它类型转为number1.string->number纯数字字符串->对应的数字空字符串，纯空格字符串->0其它->nan2.boolean-> numbertrue->1false->03.null->04.undefined->nan1.2其它类型转为string1.number->string数字会作为字符串内容2.boolearn->stringtrue->'true
2020-10-13 19:51:05
367
原创 前端必考经典，块级，行内块，行内元素在父元素中如何设置水平居中和水平垂直居中
一、如何让元素在父元素中水平垂直居中1.1行内块或者行内元素在父元素中居中：text-align:center;line-height:与高度一致;行内块元素还需在自身设置：vertical-align:middle;1.2块级元素1.2.1水平居中给元素本身设置：margin-left:auto;margin-left:auto;水平垂直都居中方案一：给块级元素本身设置：position:absolute;left:50%;top:50%;margin-left:
2020-09-27 20:46:13
1364
原创 盒子显示模式和可见性，CSS 属性的继承。
一，三大类选择器1.1基本选择器标签名选择器类名选择器ID选择器全局选择器 *1.2组合选择器① 后代选择器selector1 selector2② 子元素选择器selector1>selector2③ 并集选择器selector1,selector2④ 交集选择器selector1selector21.3伪类选择器:link 超链接未访问的状态:visited 超链接已访问的状态:hover 鼠标悬停在元素上:active 鼠标在元素上，按键按下去二、盒子显
2020-09-22 19:28:29
1549
原创 超级实用整理笔记，前端三种颜色的表示方式、盒子模型（块级、行内、行内块）、选择器、字体属性。
1.css基本语法1.1HTML和CSS的关系css是作用在html元素上的。1.2HTML之间的关系子元素，后代元素，父元素，祖先元素，兄弟元素1.3CSS在HTML的三种使用方式行内式<p style="css代码"></p>内嵌式style标签一般放在head标签里，原则上，style放在任何位置都可以生效 <style>css代码</style>外链式单独定义一个独立的css文件，css代码写在独立的css文件中<link
2020-09-18 20:13:07
769
原创 表格or表单
表格1.1table标签表格的整体包裹元素，有如下属性：width：指定表格宽度height：指定表格宽度border：指定表格边框的宽度，默认是0cellspacing:指定单元格和单元格之间的距离cellpading:指定单元格边框和内容之间的距离1.2表格标题使用caption标签，caption标签内还可以在嵌套h标签1.3表格的结构组成table thead 表头 tr 行 th 表头单元格 tbody 表格主体 tr 行 td 普
2020-09-14 20:10:44
173
1
原创 无序列表，有序列表，定义列表，列表标签总结。
1.1无序列表 <ul> <li>列表项</li> <li>列表项</li> <li>列表项</li> <li>列表项</li> </ul> <ul> <li> 江苏 <ul>
2020-09-14 19:00:27
765
原创 小白看完秒懂的html绝对路径，相对路径，超链接，锚点，图像映射。
小白看完秒懂的html绝对路径，相对路径，超链接，锚点，图像映射。1.绝对路径一个完整的网站http://www.gitee.comhttp://www.baiduhttps://xhpfmapi.zhongguowangshi.com/vh512/share/93949602.相对路径目标文件与当前文件同级目标文件./目标文件级别，指的值当前文件所在的文件夹目标文件在当前文件的下级目录与当前文件同级的文件夹/目标文件名./与当前文件同级的文件夹/目标文件名目标文
2020-09-12 21:23:14
909
2
原创 HTML 的基本语法
HTML 的基本语法软件结构B/S：浏览器/服务器客户端设备上有浏览器就可以；每一次需要现下载客户端代码，速度较c/s慢，更新更及时。C/S：客户端/服务器；需要在客户端设备上安装客户端软件；速度更快。1.标签语义不同的标签具有不同的语义，决定了标签的功能以及用在哪个位置。标签分为单标签和双标签<p>内容</p><hr>标签名不区分大小写（推荐小写）标签具有属性，通过属性可以设置标签的相关功能<font color="red" size="
2020-09-12 20:11:51
109
原创 Hive常用日期函数（必学会超有用）
Hive日期函数add_months, extract, from_unixtime, to_unix_timestamp, unix_timestamp, to_timestamp, to_date, tdh_todate, day, dayofmonth, dayofyear, quater, hour, minute, second, weekofyear, datediff, date_...
2020-01-10 14:24:54
6630
原创 Hive聚合函数详细说明及用法
聚合函数count, sum, avg, min, max, variance, var_pop, var_samp, stddev_pop, stddev_samp, covar_pop, covar_samp, corr, percentile, percentile_approx, histogram_numeric, collect_set函数名 返回类型 描述coun...
2020-01-10 11:37:23
1993
原创 Hive窗口函数语法详细说明及案列
Hive窗口函数语法详细说明及案列1.什么时候用开窗函数？开窗函数常结合聚合函数使用，一般来讲聚合后的行数要少于聚合前的行数，但是有时我们既想显示聚集前的数据,又要显示聚集后的数据,这时我们便引入了窗口函数.例如：+-------+-------------+-------+---------------+--+| name | orderdate | cost | sum_w...
2020-01-09 09:40:26
427
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人