Ideaing~-CSDN博客

情景：在一个表单中我需要在线填写一些格式的代码，希望在编辑代码的时候能有报错提示，提交之前需要对填写的代码进行校验，如果没通过是不允许提交的1 引入这个代码编辑器的话，就是像普通组件那种，新建个文件在需要的页面正常引入就行2 codeEditor/index 代码编辑器页面的简单配置<template> <div class="code-editor"> <textarea ref="textarea" /> </div></t

2022-07-04 09:32:39 3890 1

原创通过创建script标签来引入外部js

通过创建script 标签再引入外部的js 可以等到引入的js 结束之后再执行函数，但是直接通过import的方式引入js的话可能无法控制是否js引入完成后再执行的函数顺序了const script = document.createElement("script");script.type = "text/javascript";script.src = "https://xxxxx.js";// 这个写法是获取到页面的body标签，向节点的子节点列表的末尾添加scriptdocument.g

2022-04-25 09:45:46 5931

原创计算鼠标的按下、移动、抬起的位置 vue

情景：当我用鼠标选中一段文字后，会提示一个提示弹出框，那这个弹出框的位置就和选中的文字的位置有相应的关系。html:<div class="content" @mousedown.stop="getMouseDown" @mousemove.stop="moveFlag && getMouseMove($event)" @mouseup.stop="getMouseUp">内容</div><span v-i

2022-04-24 16:50:31 2264

原创获取今日以前或者以后任意天数的日期 vue

getDay(day) { var today = new Date() var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day today.setTime(targetday_milliseconds); //注意，这行是关键代码 var tYear = today.getFullYear() var tMonth = today.getMonth() var tDat

2022-04-01 14:15:31 862

原创节流和防抖的应用 vue

1 防抖：（1）定义：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型的案例就是输入搜索（连续输入时避免多次请求接口）：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。（2）实现原理：函数防抖的基本思想是设置一个定时器，在指定时间间隔内运行代码时清楚上一次的定时器，并设置另一个定时器，知道函数请求停止并超过时间间隔才会执行。export const debounce =(method,delay) => { let timer = null;

2022-02-28 11:38:54 406

原创 axios配置请求头content-type

axios 是Ajax的一个插件，axios虽然是一个插件，但是我们不需要通过Vue.use(axios)来使用，下载完成后，只需在项目中引入即可。(一般我们放在了请求接口的公共文件中引用)npm install axios -Saxios 发送post请求时默认是直接把 json 放到请求体中提交到后端的，axios默认的请求头content-type类型是’application/json;charset=utf-8’.content-type的三种常见数据格式：// 1 默认.

2022-02-17 16:24:32 44331 2

原创数组扁平化的方法 vue

// 假设arr是多维数组1 arr.flat() // 但是这种IE浏览器是不兼容的2 function setArr () { while(arr.some(item => Array.isArray(item))) { arr = [].concat(...arr) } return arr}

2022-02-17 11:27:02 452

原创 vue-element-admin框架根据登录人的角色动态切换路由控制展示目录

情景：项目是用vue-element-admin框架搭建的，因为登录人有角色，要求根据不同的角色要有不同的菜单目录结构，大致思路如下：1 因为一开始我安装的是基础版本的，但是这个动态路由需要用到集成版本中store/modules/permission.js 文件，用于状态管理。2 路由中会区分两种：一种是没有权限都可以访问的页面比如登录页面、404页面、默认访问页面等；还有一种就是需要根据角色访问的动态路由了例如：// 都可以访问的路由export const constantRoutes = [

2022-02-15 15:33:39 2463

空空如也

空空如也