- 博客(26)
- 收藏
- 关注
RSS订阅原创 Vue大屏自适应终极解决方案
是一个大屏自适应组件，在实际业务中，我们常用图表来做数据统计，数据展示，数据可视化等比较直观的方式来达到一目了然的数据查看，但在大屏开发过程中，常会因为适配不同屏幕而感到困扰，下面我们使用。使用css属性transform实现缩放效果，进行等比例计算，达到等比例缩放的效果，同时我们也支持铺满全屏，宽度等比，高度等比，等自适应方案。可以看到，我们通过等比例缩放的方式，实现了自适应，同时我们也为此发布了。vue2中使用插件导入，vue3以组件导入。
2022-10-12 09:23:46
14628
17
原创 AJAX
文章目录AJAX老版本的XMLHttpRequest对象新版本的功能HTTP请求的实现FormData对象上传文件跨域请求（CORS）接受二进制数据（方法A：改写MIME Type）接受二进制数据（方法B：responseType属性）进度信息readyState和常见响应状态码常见响应状态码XMLHttpRequest.statusAJAX摘要一、老版本的XMLHttpRequest对象...
2020-01-09 11:13:36
227
原创 JavaScript防抖和节流
文章目录防抖和节流防抖（debounce）节流（throttle）防抖和节流在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。通常这种情况下我们会利用防抖和节流来解决。让我们先来看看在事件持续触发的过程中频繁执行函数是怎样的一种情况。html 文件中代码如下...
2020-01-09 10:40:24
174
原创 相关知识点——数据结构、排序算法和查找算法
文章目录相关知识点——数据结构、排序算法和查找算法数据结构列表栈队列链表字典散列图二叉树和二叉查找树排序算法基本排序算法冒泡排序选择排序插入排序高级排序算法希尔排序归并排序快速排序查找算法顺序查找二分查找相关知识点——数据结构、排序算法和查找算法相关讲解细分：数据结构：列表、栈、队列、链表、字典、散列、图和二叉查找树排序算法：冒泡排序、选择排序、插入排序、希尔排序、归并排序和快速排序查找...
2019-12-23 21:47:47
624
原创 CSS3中的transform
文章目录transformtransform-origin 基点rotate 旋转scale 缩放translate 移动skew 扭曲transitiontransition-propertytransition-durationtransition-timing-function贝塞尔曲线transition2D Transform Functions属性表3D Transform Funct...
2019-12-19 23:16:51
200
原创 CSS3中的animation属性
文章目录animationanimation@keyframesanimation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-directionanimation-play-stateanimationanimation比较类似于 flash ...
2019-12-19 20:02:41
273
原创 JavaScript原型和原型链（重点）
文章目录原型对象prototype构造器constructor原型链原型对象和原型链的作用原型对象prototype每一个函数对象都有一个prototype属性，但是普通对象是没有的普通对象都是通过函数创建的在 ECMAScript 核心所定义的全部属性中，最耐人寻味的就要数 prototype 属性了。对于 ECMAScript 中的引用类型而言，prototype 是保存着它们所...
2019-10-28 21:08:45
189
原创 JavaScript正则表达式
正则表达式正则表达式：也叫规则表达式,按照一定的规则组成的一个表达式,这个表达式的作用主要是匹配字符串的在大多数编程语言中都可以使用正则表达式的组成：是由元字符或者是限定符组成的一个式子元字符. 表示出了\n以外的任意一个字符 "fasgfag456_.-"[] 表示的是：范围, [0-9] 表示的是0到9之间的任意的一个数字[1-7] 表示1到7之间的任意一个数字[a-z...
2019-10-28 16:55:07
106
原创 实例对象和构造函数之间的关系
实例对象和构造函数之间的关系实例对象是通过构造函数来创建的—创建的过程叫实例化.如何判断对象是不是这个数据类型?1) 通过构造器的方式 实例对象.构造器==构造函数名字//自定义构造函数function Person(name,age) { this.name=name; this.age=age;}//实例化对象var per=new Person("小明",15);/...
2019-10-28 15:20:10
870
原创 JavaScript改变this指向apply、call和bind方法
文章目录apply方法call方法bind方法apply方法apply方法用于改变this的指向apply的使用语法：函数名字.apply(对象,[参数1,参数2,...]);方法名字.apply(对象,[参数1,参数2,...]);apply方法是以数组的方式传递参数// 获取按钮 var btn=document.querySelectorAll(".btn"); //...
2019-10-23 21:15:29
165
原创 为什么用Object.prototype.toString.call(obj)检测对象类型?
面试题最近做了做一些js面试25 Essential JavaScript Interview Questions*，其中第一道是：使用typeof bar === "object"检测”bar”是否为对象有什么缺点？如何避免？这是一个十分常见的问题，用 typeof 是否能准确判断一个对象变量，答案是否定的，null 的结果也是 object，数组的结果也是 object，有时候我们需要的是...
2019-10-23 20:25:46
238
原创 JavaScript函数的其他定义方式
函数的其他定义方式命名函数：函数如果有名字，就是命名函数匿名函数:函数如果没有名字，就是匿名函数函数的另一种定义方式函数表达式：把一个函数给一个变量，此时形成了函数表达式3var 变量=匿名函数如果是函数表达式，那么此时前面的变量中存储的就是一个函数而这个变量就相当于是一个函数，就可以直接加小括号调用了注意：函数表达式后面，赋值结束后，要加分号 //命名函数: fu...
2019-10-23 20:20:48
123
原创 JavaScript函数的返回值
函数的返回值函数的返回值：在函数内部有return关键字，并且在关键字后面有内容的时候，这个内容被返回了当函数在调用之后，需要这个返回值，那么就定义变量接受即可函数没有返回值，但是在调用的时候接收了，那么结果就是undefined变量声明了，如果没有赋值，结果也是undefined如果一个函数中有return，那么这个函数就有返回值 如果一个函数中没有return，那么这个函数就...
2019-10-23 19:26:50
552
原创 JavaScript函数定义
函数定义函数定义:在函数定义的时候，函数名字后面的小括号里的变量就是参数，目的是 函数在调用的时候，用户传进来的值操作此时函数定义的时候后面的小括号里的变量叫参数;写了两个变量,就有两个参数,在函数调用的时候,按照提示的方式,给变量赋值—>就叫传值,把这个值就传到了变量(参数)中 形参:函数在定义的时候小括号里的变量叫形参实参:函数在调用的时候小括号里传入的值叫实参,实...
2019-10-23 19:22:49
164
原创 JavaScript冒泡排序
冒泡排序冒泡排序:把所有的数据按照一定的顺序进行排列(从小到大,从大到小)var arr = [50, 10, 20, 30, 40, 80, 120]; for (var i = 0; i < arr.length - 1; i++) { //控制每一轮的比较次数 for (var j = 0; j < arr.length - 1 - i; j++) { ...
2019-10-23 19:20:22
186
原创 JavaScript关键字break、continue和return
文章目录break关键字continue关键字return关键字break关键字break:立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。由于它是用来退出循环或者switch语句，所以只有当它出现在这些语句时，这种形式的break语句才是合法的。如果一个循环的终止条件非常复杂，那么使...
2019-10-23 18:24:06
351
原创 JavaScript作用域
文章目录作用域全局变量和局部变量块级作用域词语法作用域作用域链作用域作用域：变量可以起作用的范围全局作用域：全局变量的使用范围局部作用域：局部变量的使用范围全局变量和局部变量全局变量在任何地方都可以访问到的变量就是全局变量，对应全局作用域局部变量只在固定的代码片段内可访问到的变量，最常见的例如函数内部。对应局部作用域(函数作用域)除了函数以外，其他的任何位置定义的变量都是...
2019-10-23 17:56:27
100
原创 JavaScript遍历对象
文章目录一、 for......in二、Object.keys（obj）和Object.values（obj）三、使用Object.getOwnPropertyNames(obj)一、 for…inconst obj = { id:1, name:'zhangsan', age:18} for(let key in...
2019-10-23 17:47:07
149
原创 JSON格式数据
JSON个数据JSON格式的数据:一般都是成对的,是键值对JSON也是一个对象,数据都是成对的,一般JSON格式的数据无论是键还是值都是用双引号括起来的 function Thisect(name,age,play){ this.name=name; this.age=age; this.play=play; } var ...
2019-10-23 17:34:53
128
原创 创建对象的三种方式
文章目录创建对象的方式有三种一、调用系统构造函数创建对象二、自定义构造函数创建对象2.1工厂模式创建对象三、字面量方式创建对象创建对象的方式有三种调用系统的构造函数创建对象var 变量名= new Object(); Object 是系统的构造函数自定义构造函数创建对象（结合第一种和需求通过工厂模式创建对象）字面量的方式创建对象一、调用系统构造函数创建对象//实例化对象v...
2019-10-23 17:17:42
522
原创 JavaScript分支语句笔记
文章目录分支结构if语句三元表达式switch语句if 与 switch 的比较分支结构总结分支结构if语句语法结构：if (/* 条件表达式 */) { // 执行语句}if (/* 条件表达式 */){ // 成立执行语句} else { // 否则执行语句}if (/* 条件1 */){ // 成立执行语句} else if (/* 条件2 */)...
2019-10-06 11:32:49
238
原创 JavaScript运算符
文章目录操作符算术运算符一元运算符逻辑运算符(布尔运算符)关系运算符(比较运算符)赋值运算符运算符的优先级操作符运算符 operator5 + 6表达式 组成 操作数和操作符，会有一个结果算术运算符+ - * / % 一元运算符一元运算符：只有一个操作数的运算符5 + 6 两个操作数的运算符 二元运算符++ 自身加1– 自身减1前置++var num1 =...
2019-10-06 11:07:27
667
原创 JavaScript数据类型
文章目录数据类型简单数据类型Number类型(数字类型)String类型（字符串类型）string类型常用方法Boolean类型Undefined和Null复杂数据类型获取变量的类型字面量数据类型转换转换成字符串类型转换成数字类型转换成布尔类型总结数据类型简单数据类型Number、String、Boolean、Undefined、NullNumber类型(数字类型)数值字面量：数...
2019-10-06 10:54:50
108
原创 原生js随机点餐
文章目录原生js写的随机点餐案例html代码css代码原生js写的随机点餐案例html代码<!-- 遮挡层 --> <div class="barrier"></div> <!-- 最大的div --> <div class="menu" id="j_menu"> <!-- 上菜的div遮挡层 -->...
2019-10-06 10:25:44
854
原创 原生js轮播图
文章目录纯原生js轮播图html代码CSS代码js代码纯原生js轮播图html代码<div class="box"> <!-- 左右焦点div --> <div id="focus" class="clearfix"> <span id="left"><</span> <spa...
2019-10-06 10:17:58
98
原创 JavaScript变量
关于 JavaScript 变量变量是什么变量是存储信息的容器，就像代数一样，例： x=2 y=3z=x+y，在代数中，使用字母（比如x）来保存值（比如2）。通过上面的表达式z=x+y，我们能够计算出z的值为5。在JavaScript中，这些字母被称为变量。JavaScript 变量与代数一样，JavaScript变量可用于存放值（比如x=2）和表达式（比如z=x+y）变量可以使...
2019-10-06 09:54:29
99
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人