![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
Boriska1996
这里介绍不了我。
展开
-
Javascript------Class类的理解
文章目录**基类**(BaseClass)父类子类**超类**(SuperClass)举个例子类中的this又是谁呢?类是一种抽象的概念。eg:人类属于哺乳类,即人类拥有哺乳类的相关特征。有着向下继承的关系。基类(BaseClass)越往高的类别,我们把这种类别叫做基类。父类可以理解为:人类的父类为灵长类。即人类以上的所有类别都可以叫做父类。(没有祖父类,曾祖父类)子类向下拓展的所有类别都为子类。超类(SuperClass)为了将真正的父类将其他的"父类"进行区分,于是有了超类。即某类原创 2021-10-18 21:23:58 · 269 阅读 · 0 评论 -
Vue不同分辨率大小下的屏幕适配
亲测可用安装npm i lib-flexiblenpm i postcss-px2rem-excludeutils文件夹下创建rem.js复制以下全部代码(function() { // flexible.css let cssText = '' + '@charset "utf-8";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size原创 2021-09-02 16:13:30 · 1010 阅读 · 0 评论 -
推荐好用的可做动画控制的js库Gsapjs
AnimatejsAnimayejs许多小伙伴会在项目中使用到Animaye.css动画库,但是终究是css样式库,同一个页面不同的模块进行操作会有一些坑(例:动画发生的时间难于掌控)。推荐一个好用的库Gsapjs在VUE官网中的状态过渡这节中有用到这个库的例子。gsap.to()常用的方法gsap.to()即可搞定大部分的动画效果问题举例:动态数字累加告别冗余的计时器figureSurge.vue<template> <div class="figureS原创 2021-09-02 16:00:12 · 2083 阅读 · 0 评论 -
Vue中使用lodash防抖(debounced)&节流(throttle)
Vue中使用lodash防抖(debounced)&节流(throttle)废话不多说,直接上代码。<template> <div class="label-container"> <div style="flex: 1 1 auto"> <Form ref="label-form" :model="formItem"> <div v-for="(label, index) in f原创 2021-06-21 14:25:09 · 1546 阅读 · 0 评论 -
vue利用a标签点击下载保存图片
vue利用a标签点击下载保存图片想不调用接口直接下载保存图片,翻csdn把手都翻出血了。亲测一行代码搞定:把图片地址设在download属性上,而不是放在href中:关键代码: <a href="" :download="item.src" class="download"></a><template> <div class="contain"> <el-dialog title="图片预览" :visible.sync="原创 2021-01-26 17:36:07 · 2231 阅读 · 4 评论 -
弹弹弹,多彩小球弹跳
JavaScript小球掉落弹起效果图:小球对象类:export default class Ball{ elem; speed=1; y=-50; constructor(){ this.elem=this.createElem(); } // 单例模式,确保只有一个元素 createElem(){ if(this.elem) return this.elem; let div=document原创 2021-01-18 14:41:43 · 232 阅读 · 2 评论 -
js对象深复制/深拷贝功能函数封装
js对象深复制封装(深拷贝)深复制,及源对象的属性如果有对象,该对象属性修改后,不会引起复制后的对象各属性的改变,源对象的任何属性及子属性与新对象的直接没有任何引用关系。一下例举几种浅复制常见方法: for(var prop in obj){ // 浅复制 } Object.assign();//浅复制 var obj1={...obj};//浅复制 如果原obj1就存在,还会改变原obj1的引用地址原创 2021-01-04 10:47:02 · 264 阅读 · 0 评论 -
javascript ES6鼠标划入产生水纹波动效果
ES6写了一个水纹效果。还有点计算的问题。直接上代码Copy一下吧。export default class Vertex { static BASE_Y = 150; static BASE_R = 10; static FRICTION = 0.1;//波形抖动后回复到正常状态的速率指数 static DECELERATION = 0.95; static SPEED_OF_BASE_WAVE = 3; theta = 0; goalY原创 2020-12-31 15:18:02 · 385 阅读 · 0 评论 -
javascript运算符
**1、**加法运算如果仅仅是数值运算,那么我们也不至于把加法运算单独提出来说。在这里我们要考虑到各种类型的变化所以加法运算就相对比较复杂了(1)** 纯数值的加法运算这个运算就是尊重我们的数学运算来完成就好了,但是仍然有几个地方需要注意。这里我们可以看到运算结果一定是1,但是绝对不是1.0,也就是说如果小数位是0,是不会被保留的。var a1=0.4;var b1=0.6;console.log(a1+b1);//1var a2=NaN;var b2=4;console.log(a2+b原创 2020-12-31 11:21:30 · 148 阅读 · 0 评论 -
js将多维数组格式化展开成树状结构
js将多维数组格式化转换成树状结构用js实现将二维数组格式化转换成树状结构。eg:待转数组:var array1 = [ ["a", "aa", "aaa", "aaaa"], ["b", "bb", "bbb"], ["a", "ab", "aba"], ["a", "aa", "aab"]]目标数组:[{ "name" : "a", "child" : [ { "name" : "aa",原创 2020-12-28 16:41:30 · 690 阅读 · 0 评论 -
vue实现文件下载功能
对于Vue中实现一般的下载功能很简单,一般为了方便,在项目文件的api.js配置文件中添加一个下载方法即可,这里以以下download方法为例。将download这部分方法添加到api.js文件中即可。api.js配置export default {// 下载关键代码 download(url, params) { return new Promise((resolve, reject) => { axios({ // 和后端协商好下载方法po原创 2020-12-24 14:40:48 · 11738 阅读 · 2 评论 -
Axios拦截器-请求拦截和响应拦截
Axios拦截器 (1)在发送之前和接收之前的一些判断 (2)参数为当前网络请求信息 (3)config.method为请求方法 (4)config.data为请求url 添加请求拦截器 Axios.interceptors.request.use(function (config) { 在发送请求之前做些什么 return config; }, function (error) { 对请求错误做些什么 retur...原创 2020-08-27 17:24:31 · 1217 阅读 · 0 评论 -
render-props模式的两种写法
render-props模式第一种写法:在mousemove案例中,我自己使用的方式是父子传值的方式进行数据的传递。有没有更简单的方式呢?首先通过render将子组件中的数据state返回出去子组件代码块:import React, { Component } from 'react'export default class index extends Component { constructor(){ super() this.state={原创 2020-08-27 15:58:25 · 612 阅读 · 0 评论 -
react context组件传值
react context组件传值这种传值方法一般适用于多层传递 父-------->子-------------->孙思路: 不管后代怎么嵌套,后代都是消费者Consumer ,父组件都是生产者 Provider。后代的值都是从父组件中获取的,个人认为父组件有点类似于Vue中的VueX。表面是嵌套关系 ,但是获取到的值都是父组件的。后代的组件需要放在标签内部,不然会报错(详情可见:子组件第12行代码)。关键点(很重要)父组件导出生产者:export const {Pr原创 2020-08-26 16:34:42 · 293 阅读 · 0 评论 -
Javascript继承
继承前言原型是’Javascript’中的继承的基础,JavaScript的继承就是基于原型的继承。ES6的继承 class Box{ constructor(){ } play(){ } } class Ball extends Box{ constructor(){ super();原创 2020-07-21 18:55:56 · 117 阅读 · 1 评论