IN~Trying-CSDN博客

创建一个vue的空白项目vue-cli： vue create 名称后续的手动安装或自动安装都可安装依赖 npm i express ，npm i mockjs项目里创建一个.js ，用于作为配置页引入依赖等配置const express = require("express"); // 引入expressconst Mock = require("mockjs"); // 引入mocklet app = express();// 解决跨域app.use(functio

2022-04-23 09:21:55 328

原创 element el-form 表单单个验证和整体验证

表单单个验证，整体验证

2022-01-15 17:09:22 2911

转载 vue-vli3

//主要是用于分析项目的大小占比的，不需要的话可以注释掉 // const WebpackBundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;module.exports = { // 部署应用时的基本 URL //部署应用时的根路径(默认'/'),也可用相对路径(存在使用限制)cli3.0以上使用publicPath替代baseUrl,解决build后找不到静态资源的问题

2021-11-17 10:38:13 147

原创 vue - VueRouter 动态路由的实现

VueRouter定义路由参数定义方法请求路由数据引入模块最最最主要的还是全局路由导航守卫beforeEach 全局前置守卫router 模块VueRoter 版本问题router.addRoutes 已废弃：使用 router.addRoute() 代替。router.addRoute 添加一条新路由规则。如果该路由规则有 name，并且已经存在一个与之相同的名字，则会新版的 router 与3.0版本的的matcher 多了一些方法所遇到的问题最近在写一个新项目，前端使用动态路由实现页面权限

2021-10-23 17:41:44 4684 8

原创 gitlab拉取不同版本的代码

第一步新建文件夹把项目克隆下来，第二步，到项目管理仓库复制项目版本历史编号（也可以进入项目，查看历史版本的，git log 获取版本历史编号）第三步，获取git的历史版本后 git checkout 历史版本编号...

2021-10-14 13:25:57 2344

原创根据需求，合并excle对应的列，动态合并

通过数组映射方式，但需要提前计算好初始值/** * * 暂只适用于横向的数据合并，竖向合并还有待考虑！ * @param {表頭已有的固定顯示數據} heardArr * @param {不同天數的數據集合} total * @returns */export function MergeCell(heardArr, total) { let Base = 0; //用作設置原來已有的固定的表頭的長度，以改變動態的開始值 let arr = []; let indiviValu

2021-08-23 08:22:49 187

原创数组拷贝方法

const data = this.data.concat([]) //数组拷贝，这方法感觉更好用些

2021-08-21 08:57:14 81

原创 vue-core-video-player 非常不错的一个视频播放插件

安装 npm install @core-player/playcore-hls --save更多具体用法，可直接百度 vue-core-video-player代码示例<template> <div> <div class="player-container"> <vue-core-video-player ref="VideoPlayer" :src="get_VIDEO_URL"

2021-07-31 17:42:22 986

原创 vue 播放器开发获取音频数据流，CORS跨域限制的问题

记录一下在开发自己项目遇到的问题CORS跨域限制的问题MediaElementAudioSource outputs zeroes due to CORS access restrictions //在浏览器上报的错误找了半天终于在某论坛上看到了救星：在audio标签有src链接的同时设置上属性 rossOrigin=“anonymous”;在html不要直接写地址，让浏览器一开始加载就就直接跨域了，所以如果写了得设置audio标签这个属性（crossOrigin=‘anonymous’;

2021-07-22 14:54:27 4884 8

原创 vue生命周期的初始化页面数据问题

在页面上使用了 keep-alive 页面缓存导致了某个页面在重复进入无法调用第二次函数在尝试过组件路由守卫和常用的生命周期无效后，在咨询了大佬后得知 activated() ，即可实现效果。在此感谢那位大佬！！！以下，说明以下created和activated的区别：created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次；activated()：在vue对象存活的情况下，进入当

2021-07-21 09:55:16 1259

原创账号脱敏（加密吧）

一个小小小功能的记录<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {

2021-07-05 09:14:21 388

原创正则（验证至少3个字母和3个数字）

var rgx = /^(?=(.*?[A-Za-z]+){3,})(?=(.*?[0-9]+){3,})[a-zA-Z0-9]{6,15}$/ //rgx.test("dasa45645") //true console.log(rgx.test("66a666aa"))

2021-07-02 17:35:02 1789

原创解决Vue 在IE浏览器中打开空白的问题

解决vue-cli3配置babel-polyfill的问题首先安装babel-polyfillnpm install --save @babel/polyfillmain.js 引入import 'babel-polyfill'vue.config.js中配置module.exports = { // 在exports中添加，这里很关键，不配置不行 transpileDependencies: ['element-ui'], chainWebpack(config

2021-06-16 11:33:57 548

转载农历公历时间

// 生成时间农历公历时间function TimeGeneration() { } TimeGeneration.prototype = { constructor: TimeGeneration, WEEKDAY_NAME: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"], NUMBER_STRING: "一二三四五六七八九十", MONTH_STRING: "正二三四五六七八九十冬腊", MONTH_AD

2021-06-10 08:52:52 288 2

原创 IIS 發佈

一、在目录盘下新建存放打包后的文件二、安装发布的程序安装顺序自上而下：WebPlatformInstaller 、requestRouter 、rewrite（使用的版本根据服务器来进行选择）软件如图：三、修改规则1、新增规则2、选择空白规则3、打开编辑入站规则的界面后，我们输入自己定义的名称，选择匹配URL的方式和使用的规则，规则可以选择正则表达式、通配符和完全匹配，这里使用的是正则作为示例。最后在匹配URL模式输入.*（正则表达式，表示匹配所有的路径，这里就是文档中的rul

2021-06-01 11:04:26 634

原创条件注释语法

条件注释语法 <style type="text/css"> </style> gte 大于等于gt 大于lte 小于等于lt 小于

2021-05-27 08:12:57 105

转载 call apply bind使用原理及JS手写

文章目录前言一、使用上的异同1. 相似之处：2. 不同之处二、call详细用法1. 通俗解释2. 代码案例3. Js手写callapply详细用法1. 代码案例2. Js手写applybind详细用法1. 代码案例2. Js手写bind综合Demo前言call apply bind，这三者都是用来改变函数的this对象的指向的。通俗来讲就是，东风之礼，借来可用一、使用上的异同1. 相似之处：都是用来改变函数的this对象的指向的。第一个参数都是this要指向的对象。都可以利用后续参数传参。

2021-05-22 17:16:47 440

转载 JS - 数组的循环

文章目录数组的循环一、forEach（）二、map（）三、filter（）四、reduce（）与 reduceRight()五、every（）六、some（）七、find（）与findIndex（）八、 for in九、 for of十、 for数组的循环一、forEach（）对数组进行遍历循环，对数组中的每一项运行给定函数。这个方法没有返回值。参数都是function类型，默认有传参，参数分别为：遍历的数组内容；第对应的数组索引，数组本身。 var arr = [1, 2, 3, 4, 5];

2021-05-19 15:04:29 625

原创 Export2Excel.js 导出多维数组的复杂表格并设置表格样式

Export2Excel.js excel導出插件導出多維數組的數據需要先把原數組進行拆分，重新組成一個一維數組（插件所需的是一維數組）多維數組中的數據項中的鍵名存在相同，故不能直接把他们都放在一个json数据中， &nb

2021-05-11 17:08:15 5950 20

原创 Uncaught TypeError: Cannot read property ‘getters‘ of undefined

记录一下写登录时，出现的这个问题因为store下 modules 下的 js文件已建好（但未写入代码（state,mutations,actions））而是建好后，先把 store 下index.js 文件的代码先行写了：如下但是，还是没有解决后面实在没办法，把这些新建的文件和代码一一给去掉或者注释掉，用回新建vuex 时的路由时，发现页面能进入了然后慢慢排除，发现在获取modulesName及modulesPath 时，是有的。但是，再往下 value 值是为空对象，到了这我就想（这

2021-05-04 15:27:50 7377

转载 css的优先级和权重

css的优先级和权重1. 权重概念：权重，是一个相对的概念，是针对某一指标而言。某一指标的权重是指该指标在整体评价中的相对重要程度。权重系数，是表示某一指标项在指标项系统中的重要程度，它表示在其它指标项不变的情况下，这一指标项的变化，对结果的影响。2. css权重的理解： &nbsp

2021-04-30 08:25:20 1212

原创 H5 -移动端翻页效果

完整代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl

2021-04-27 15:51:51 969

转载 defineProperty 详解

defineproperty 简单的用defineProperty实现了双向绑定//defineproperty 有个定义object属性的功能，应该没几个人用，因为相对于obj.a = 1这种方式简直不能再难用。//通常我们定义obj属性let obj = { a:1}obj.b = 2obj['c'] = 3console.log(obj)//{a: 1, b: 2,c: 3} Object.defineProperty(obj,'d',{ value:

2021-04-13 14:25:41 917

原创 NProgress.JS 小进度条插件

简介及使用教程这是一个类似youtube、Medium等网站上的小进度条插件。纳米级的进度条，涓涓细流动画告诉你的用户，一些事情正在发生！非常适合Turbolinks、PJax或其他Ajax密集型应用程序。Vue中的路由跳转也是不错的一个加载效果安装NPMnpm install --save nprogressYarnyarn add nprogress直接引入js、css或者通过cdn引入。使用直接调用 start()或者done()来控制进度条。NProgress.s.

2021-04-13 13:55:46 270

转载 CSS3三角形不断放大特效

本文链接：https://blog.csdn.net/qq_52916408/article/details/115566999<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3三角形不断放大特效</title> <style> html { height:

2021-04-12 16:38:22 119

原创 Js获取当天是周几（星期几）

学到了学到了~~一行完成var str = "今天是星期" + "日一二三四五六".charAt(new Date().getDay());console.log(str);精簡版var l = ["日","一","二","三","四","五","六"];var d = new Date().getDay();var str = "今天是星期" + l[d];console.log(str);基礎用的獲取今天是星期幾var str = "今天是星期";var d = new D

2021-03-29 14:26:10 971

原创 vue中使用element-ui时单元格内换行的问题

这是在做项目时遇到且实现的：表格表头單個單元格內实现換行结合样式label的双引号中需要加上单引号，这样才能解析，在需要换行的地方写上\n

2021-03-27 13:18:19 790

原创 Vue + Element-ui 实现table表格数据相同项合并

Vue + Element-ui通过给table传入span-method方法可以实现合并行或列，方法的参数是一个对象 :span-method="SpanMethod" //Element-ui table表格的屬性实现合并相同项， objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0 || columnIndex === 1) { const _

2021-03-27 11:30:37 2464

原创 javaScript封裝為aJax HTTP請求

javaScript封裝為aJax HTTP請求 function Myajax() {} Myajax.prototype.ajax = function (option) { this.url = option.url; this.type = option.type || "GET"; this.data = option.data || {}; this.async = option

2021-03-11 13:19:47 65

转载 Git操作指令

Git操作指令系统配置基本命令获取/删除Git仓库更新记录撤销操作远程仓库的使用分支系统系统配置git config 为系统自带的配置指令，它可以控制GIT的行为和外观配置用户信息git config --global user.name “John Doe”git config --global user.email [email protected]–global选项表示全局，只需要运行一次，如果没有特别配置，那么都将使用上述配置信息如果需要为某个项目单独设置用户名和邮箱

2021-03-06 10:50:17 129

原创 vue + element-UI + table2excel 導出複雜表格

handleExport() { $('#tableCenter').table2excel({ name: "xxx表格", filename: "xxx表格",//文件名称 exclude_img: true, //导出图片 exclude_links: true,//导出超链接 exclude_inputs: true //导出输入框内容 }); },去下載 table2exce.

2021-02-24 14:31:04 324