一善流年-CSDN博客

原创移动端vant的日历组件弹框会带出手机自带的键盘

依赖vant-ui框架做个日期弹框，用到DatetimePicker插件，DatetimePicker插件没有自带弹框效果，所以也得嵌套在van-popup组件里进行弹出。

2022-09-07 14:28:22 1299

可以用组件的方式实现！ <van-popup v-model="showss" get-container="body" position="bottom" :style="{ height: '60%' }" @open="openeName('showss',showss)" @close="closePop('showss')"> <signCanvas@setshow="setshow"@signImg="signImg"></sig.

2022-03-25 15:14:27 785

原创数组去重的五种方法

数组去重的方法一、利用ES6 Set去重（ES6中最常用）var arr = [1,1,8,8,12,12,15,15,16,16];function unique (arr) { return Array.from(new Set(arr))}console.log(unique(arr)) //[1,8,12,15,16]不考虑兼容性，这种去重的方法代码最少。这种方法还无法去掉“{}”空对象，后面的高阶方法会添加去掉重复“{}”的方法。二、利用for嵌套for，然后s

2021-10-28 21:10:16 7124

原创 vue中的diff算法

什么是Diff算法？diff算法就是用于比较新旧两vue中的虚拟dom目前虚拟dom的类库有多种，常见的有snabbdom和virtual-dom， vue以前用的是virtual-dom，从2.x版本后都是使用的snabbdom。(snabbdom源码下载) 今天，我们就通过snabbdom源码来解析vue的虚拟domdiff 比较规则1、diff 比较两个虚拟dom只会在同层级之间进行比较，不会跨层级进行比较。而用来判断是否是同层级的标准就是是否在同一层是否有相同的父级下

2021-10-28 21:02:35 585

原创 vue中Slot插槽的使用

1.solt插槽插槽分为：具名插槽，匿名插槽，作用域插槽插槽指允许将自定义的组件像普通标签一样插入内容import Vue from 'vue'// 定义组件componentOne const compoentOne = { template: ` <div :style="style1"> <slot></slot> // 定义插槽 </div> `, da

2021-10-28 20:51:42 172

原创 TypeScript的类

类的概念虽然 JavaScript 中有类的概念，但是可能大多数 JavaScript 程序员并不是非常熟悉类，这里对类相关的概念做一个简单的介绍。类（Class）：定义了一件事物的抽象特点，包含它的属性和方法对象（Object）：类的实例，通过new生成面向对象（OOP）的三大特性：封装、继承、多态封装（Encapsulation）：将对数据的操作细节隐藏起来，只暴露对外的接口。外界调用端不需要（也不可能）知道细节，就能通过对外提供的接口来访问该对象，同时也保证了外界无法任意更改对..

2021-10-11 20:08:19 138

原创 JS 的继承

前言继承在js中占有非常重要的地位，那么在js中有很多中继承的方式，不过每一种继承方式都有优缺点。下面就列举几种继承的方式。实现继承首先需要一个父类，在js中实际上是没有类的概念，在es6中class虽然很像类，但实际上只是es5上语法糖而已一.ES5继承1.原型链继承父类的实例作为子类的原型特点：优点：子类的实例也是父类的实例可以方便的继承父类型的原型中的方法，但是属性的继承无意义缺点：只执行一次，无法给属性传值无法实现多继承 2.构造函数继承复

2021-09-23 19:29:01 50

原创 HTML&CSS的面试题

1.盒模型1.什么是盒子模型？在我们HTML页面中，每一个元素都可以被看作一个盒子，而这个盒子由：内容区（content）、填充区（padding）、边框区（border）、外边界区（margin）四部分组成。2.盒子模型有哪两种标准模式下: 一个块的总宽度(页面中占的宽度)= width + margin(左右) + padding(左右) + border(左右)怪异模式下：一个块的总宽度= width + margin(左右)（即width已经包含了padding和borde

2021-09-08 19:38:50 109

原创 Vue的路由传参

Vue传参的几种方式方式一：使用query方式传参1.在url后面用?的方式传入参数<router-link to='/login?id=10&name=alan'>登录</router-link>2.调用时直接在组件模板中{{$route.query.id}}template:'<h3>登录组件---{{$route.query.id}}---{{$route.query.name}}</h3>'方式二：使用..

2021-09-02 10:52:47 1074

原创 vuex的基本使用

Vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。Vuex背后的基本思想，就是前面所说的单向数据流。下图就是Vuex实现单向数据流的示意图。Vuex状态管理跟使用传统全局变量的不同之处1.Vuex的状态存储是响应式的：就是当你的组件使用到了这个Vuex的状态，一旦它改变了，所有关联的组件都会自动更新相对应的数据，这样开发者省事很多。2.不能直接修改Vuex的状态：如果是个全局对象变量，要修改很容易，但是在Vuex中不能这样做，想修改就得使用Vuex提供的唯

2021-09-01 20:19:56 124

原创配置多环境变量和rem,vm的配置方案

1.配置多环境变量1.1 基础1.package.json里的scripts（启动解本）配置的三种在启动 1.开发（serve) 2.测试（test）3. 生产(build)，通过--mode xxx来执行不同环境。"scripts": { //开发的配置 "serve": "vue-cli-service serve --open", //测试的配置 "test": "vue-cli-service build --mode testing", ...

2021-08-30 16:22:45 215

原创封装axios

1.安装axios的命令cnpm install axios; //命令行安装axios2.首先，新建一个js文件用于引入axios。比如说，新建一个http.js文件，在文件中引入步骤如下所示：import axios from 'axios'import {baseUrl} from '@/config'import {Toast} from 'vant'let service = axios.create({ baseURL: baseUrl, // url = base

2021-08-30 11:55:33 83

原创 git的基本操作流程

前言在日常工作中git少不了，所以编写本篇文章教大家如何使用git，便于日后工作与学习。同时本篇文章也积累了很多博主在工作开发中包括自己日常开发中都用到的一些git技巧，在本文的最后整理了一份关于git的常用命令表。git命令很多，但是常用的只有十多个。1.git是什么？ Git是一个分布式版本的管理控制系统（缩写VCS），它可以在任何时间点，将文档的状态作为更新的记录保存起来，也可以在任何时间点，将更新的记录回复回来。1.1 Git的下载http...

2021-08-29 15:15:42 127

m0_61163745的博客