自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 H5跳转小程序 短信跳转小程序

H5 短信跳转小程序

2024-06-28 14:43:45 617

原创 关于element请求的Loading的z-index全局设置

关于element请求的Loading效果,会被其他的drawer或者dialog盖住element的Loading效果的z-index会自己计算的,但是有时我们项目中会出现loadng不会该剧全局解决方法:通过css是无法修改loading中的style的z-index的效果即使添加!important可以通过此代码是配置element 的loadingfunction startLoading() {// 如果BOX在此处获取设置style会报错,此时的style为nullloadingI

2021-08-26 14:54:33 3816 2

原创 elementUI中通过源码修改样式更换自定义图片

1.需求原效果图现效果图步骤:须知:改变element的源码并且实现效果三步骤1.首先去github或者码云上下载element源码git clone https://gitee.com/mirrors/element-ui.git (最好在码云下载)2.修改下载的源码中相应的文件,大多数你想要改的文件都在packages文件中修改完之后需要npm run dist 重新打包之后要把lib文件夹拷贝一下,替换你自己的项目中element下的lib文件夹,了解清楚之后,继续:1.首先我们

2021-02-22 15:18:57 635

原创 3d-force-graph力导向树(DAG模式)的使用

首先3d-force-graph在码云或者github直接搜索,它的文档确实有点少。这个插件用了3次,每一次都有不同的痛苦,也有粗心大意所导致的。好的,我们现在讲解一下这个插件中的导向树DAG模式我的案例都会基于Vue开发,创建项目等等我们进不说了,进入正题。步骤:1.安装:npm i 3d-force-graph (我安装的是"3d-force-graph": “^1.67.5”,)2.导入 import ForceGraph from ‘3d-force-graph’;首先注意点:1.不

2021-01-21 14:57:02 1874 2

原创 关于循环带来打印重复

关于循环带来的bug代码:<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>&l

2021-01-20 18:09:31 316

原创 ckeditor5富文本数学化学方程式

我们使用ckeditor5的时候会用到化学数学方程式的业务,如何构成呢?官方文档:https://ckeditor.com/docs/ckeditor5/latest/features/math-equations.html其实官方文档我看了看配置这种数学和化学方程需要自定义配置编辑器,能力有限没看懂。但是找到了一个快捷的方法:https://ckeditor.com/ckeditor-5/online-builder/,这是CKEditor 5在线生成器进入步骤了:1.打开https://cke

2021-01-09 10:01:02 2417 5

翻译 2020-11-18

/* 方法1: */在main入口// 1.导入axios包(首先安装完成该axio)import axios from 'axios'// 2.为了方便也要给axios设置一个根路径axios.defaults.baseURL='根路径'按需配置请求拦截器axios.interceptors.request.use({})按需配置响应拦截器axios.interceptors.response.use({})// 3.把axios挂载到vue的prototype的原型对象上Vu

2020-11-18 14:52:19 71

原创 2020-11-06

关于vue中watch侦听器 包括handler的理解首先如果如果对handler不理解,想把它想象一个中介(桥梁),为什么这么说,请看代码分析1.平常我们在使用watch监听的时候基础的用法也是简单的用法// 第一种watch:{ num(){ console.log('简单的监听') // 记住你监听的数据要和()前的数据保持一致,比如我要侦听guker数据, // guker(){comsole.log('监听的数据是guker')}}}// 第二种watch:

2020-11-06 21:53:46 169

翻译 2020-10-29

bind call apply 的区分和各自的特点一.apply的作用及用法.调用函数的方法就不展示了作用:1.可以调用函数2.改变函数内部的this指向3.apply的主要一个应用是:可以借用Math内置对象4.apply的第二个参数必须是数组// 例如求数组中的最大值或者最小值...//以往的做法用循环遍历 很啰嗦//现在做法:const arr=[96,5,21,79,3]const max=Math.max.apply(Math,arr)console.log(max) /

2020-10-29 22:24:00 61

翻译 2020-10-27

Vue自定义指令的基本使用// 引进vue.js// 创建自定义指令// Vue.directive('focus',{})这个focus是自定义的,最好语义化Vue.directive('focus',{ inserted:function(el){ // el:表示指令所绑定的元素 el.focus()//这个focus是固定的API}});//指令的调用:在html响应的标签直接加v-focusvar vm=new Vue({el:"#app",})...

2020-10-27 20:17:21 44

原创 2020-10-27

关于Vue的路由导航守卫的基本用法:条件:1.在登录页面提交后后台会返回token值,我们需要在axios的请求拦截器中利用window.sessionStorage.getItem(‘token’)存储token值(sessionStorage的存活周期只在网页打开时有效,网页关闭自动取消存储)2.这个例子是依据token来判断路由守卫代码: //在router下的index.js中 //导入vue和vue-router import Vue from 'vue' import Router

2020-10-27 16:05:52 63

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除