自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(112)
  • 资源 (2)
  • 收藏
  • 关注

原创 vue中使用minio上传文件

上传组件中使用 打开上传就会拿到key。创建一个 文件getOssClient。

2023-12-20 14:04:09 256

原创 flex布局一行n个

主要用了 flex-basis flex-grow flex-shrink flex的三个属性 有兴趣的可以看看。

2023-12-12 10:49:51 93

原创 js 在数组对象 过滤掉无用的数据

下面的数组中有null, undefind, NaN, ’ ',过滤掉这些数据。经过两边的过滤就将为false的值过滤掉。

2023-11-01 14:27:19 295

原创 vue elementui v-for 循环el-table-column 第一列数据变到最后一个

这个动态渲染table表格时发现el-table-column 第一列数据变到最后一个。

2023-08-11 15:48:52 2059

原创 可以调用的接口

英文中文。

2023-07-28 11:24:13 100

原创 Object.prototype.toString

【代码】Object.prototype.toString。

2023-07-03 17:25:19 510

原创 runjs在vue2项目中的使用

安装run.js插件。

2023-06-19 16:08:22 711

原创 vue中动态使用vh calc设置高度

【代码】vue中动态使用vh calc设置高度。

2023-05-12 14:54:11 261 1

原创 判断数组对象的每个对象里面的值不重复,并且不能为空或者null或undefind

判断数组对象的每个对象里面的值不重复,并且不能为空或者null或undefind。

2023-04-13 10:42:40 222

原创 vue本地history 刷新后页面空白问题

项目是调了不同得服务器 所以 做了代理。修改hash为history。

2023-03-27 16:53:17 412 1

原创 vue 重新部署后刷新页面

思路 在打包时更新版号 判断版号不存在或者不相同时刷新下并且进行存储 在路由跳转时 对比存储的版号。2. 在路由守卫判断当前需不需要刷新 不同的刷新 相同的就不刷新。在路由守卫 路由跳转的时候进行判断。在public中放入js文件。1.首先设计一个版本号。

2023-02-03 14:46:04 456

原创 js学习网站分享

js学习网站分享

2023-01-13 10:38:44 89

原创 element ui 上传按delete建可删除

出来这个后比较烦自定义样式important;

2023-01-09 18:58:31 465

原创 vue table表格中使用input框动态添加数据

【代码】vue table表格中使用input框动态添加数据。

2022-10-20 16:02:36 1621

原创 判断数组对象的值是否为空或者null

判断数组对象的值是否为空或者null

2022-10-20 15:50:26 893

原创 vscode settings

prohibitAutoAdd”: [ “json”, “md” ] // 禁止.json .md文件,自动添加头部注释。“source.fixAll”: false,// && true, // 所有项目使用 自动修复。“source.fixAll.eslint”: true // eslint 项目使用自动修复。

2022-09-15 17:19:40 193

原创 form表单的常用校验

【代码】form表单的常用校验。

2022-08-30 11:21:46 156

原创 table组件的使用

代码】table组件的使用。

2022-08-19 10:40:15 93

原创 页面中间显示提示信息,当滚动时消失

在h5页面需要做一个提示信息,当滚动页面时消失,从另一个页面调回来是显示出来v-if控制显示隐藏 接下来就是事件的控制 在vue项目中mounted() {// 监听页面滚动window.addEventListener(‘scroll’, scroll = () => {// 通过是否滚动来判断显示和隐藏,不然从别的页面过来不显示,会执行一次这个事件let scrollTop = window.pageYOffset || document.documentElement.scrollTo

2022-06-26 10:48:55 272

原创 react使用创建项目以及使用less的方法

先切换 npm 的镜像源 ,安装快的可以直接执行下一步 npm config set registry https://registry.npm.taobao.org npm install -g create-react-app create-react-app 你的项目名字安装lessnpm install less less-loader安装好 执行npm run eject找到webpack.config.js文件加上// style files regexesco

2022-03-01 16:53:52 367

原创 react 项目中遇到内存不足Ineffective mark-compacts near heap limit Allocation failed-JavaScript heap out of me

原因:项目大,启动或打包会抛出内存溢出,需要扩展node服务器内存Ineffective mark-compacts near heap limit Allocation failed-JavaScript heap out of memory网上找到方法说是第一种删除npmrc文件(不是nodejs安装目录npm模块下的那个npmrc文件,而是C:\Users{账户}\下的.npmrc文件)第二种1、快捷键Win+R 打开运行窗口cmd,运行 npm install -g increase-m

2022-02-11 14:35:46 2119

原创 修改elementui时间 默认后面的时间 x年x月x日 00:00:00 - x年x月x日 23:59:59

接到客户需求,让在时间控件中默认时间的最后面的日期时间在第一次选择后是23:59:59分前面的是00:00:00添加change事件 添加:picker-options=“pickerOptions” <el-date-picker style="width: 100%" v-model="form.Timeorder" type="datetimerange"

2022-01-12 16:47:20 1510

原创 vue项目中下载后台给的文件zip格式的文件

引用axiosimport axios from 'axios'得到下载文件的地址 拼接参数contractUrl方法contractUrl(url data) { return url + (url.indexOf('?') < 0 ? '?' : '&') + this.splitData(data) } // 拆分数据 splitData(data) { let url = '' for (let k in data) { if

2022-01-12 16:34:05 598

原创 react 组件的生命周期

**常用的组件的生命周期**:组件从北从简到挂载到页面中运行,再到组件不用时卸载的过程钩子函数:生命周期的每个阶段使用的一些方法的调用,这些方法被叫做钩子函数,类组件才有生命周期2.更新时1.setState() 2.forceUpdate() 3.组件接受到新的props说明 以上三者任意一种变化,组件就会更新渲染执行顺序 render() componentDidUpdate()注意 componentDidUpdate()方法中不能直接使用setSate()更新状态,会

2021-12-20 14:10:29 104

原创 VUE的solt使用

<el-form-itemv-if="forms.fileType=== '长江大桥'"label="长江大桥"prop="bureauPoint":rules="{required:false, message:'请选择长江大桥',trigger: 'blur'}"<el-selectv-model="forms.bureauPoint"size="small"v-if="homeTf":disabled="demands ||ldemandsNew"filterable

2021-08-30 21:13:30 231

原创 js语音播报功能(1)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><button onclick="speak();">在线听故事</button><button onclick="zhanting();">暂停</button&

2021-08-30 20:05:57 1424

原创 webpack的详细描述

webpack的详细描述

2021-07-26 22:20:40 94

原创 vue 的属性

vue 的属性

2021-07-26 22:19:55 142

原创 vue的table表格中隐藏和显示某个单元格

<template> <div class="hello"> <el-progress :percentage="percentage" :color="customColorMethod"></el-progress><el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" ..

2021-06-23 22:21:38 1425 2

原创 vue 的自定义进度条的分数,百分数

1

2021-06-23 21:36:26 1573

原创 vue项目中导出word文档

最近项目需求要将table表格中的内容导出成word格式,在网上查资料找到2种方式1使用word模板的方式1.安装需要的包-- 安装 docxtemplatercnpm install docxtemplater pizzip --save -- 安装 jszip-utilscnpm install jszip-utils --save -- 安装 jszipcnpm install jszip --save -- 安装 FileSavercnpm install file-s

2021-06-23 21:15:50 802 1

原创 测试

1.(1342)给出一个非负整数(包括0),当数字为奇数时减1,数字为偶数时除以2,直至数字为0,请返回需要的步骤数;function t1(num){ for(var i=0;num>0;i++){ if(num%2===0){ num = num/2 }else{ num = num -1 } } return i } 2.老张和女儿一起玩芭比娃娃卡片游戏,老张希望女儿.

2021-05-17 23:10:39 645 1

原创 vue中的富文本quill

1、安装依赖npm install vue-quill-editor --saveQuill的富文本编辑器分为snow和bubble两种。snow是有工具栏的和bubble是只有文本域的2 使用a.在main.js引入import Vue from 'vue'import VueQuillEditor from 'vue-quill-editor'//一定要引入这三个css,不然文本编辑器会出现不规则黑白几何图形//这三个css可以在main.js中引入,也可以在具体使用的.vue文

2021-04-28 22:12:25 482

原创 vue 富文本编辑器

在vue项目中使用到 富文本编辑器npm i wangeditor --save创建一个组件wangeditor<template> <div id="wangeditor"> <div ref="editorElem" style="text-align:left;"></div> </div></template><script>import E from "wangeditor";exp

2021-04-28 21:57:39 2063

原创 关于element 时间组件封装的季度组件

关于element 时间组件封装的季度组件<template><div style="display: inline-block;" class="jidu"><mark style="position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0);z-index:999;" v-show="showSeason" @click.stop="showSeason=false"&gt

2021-03-31 22:14:07 369

原创 公用的js代码库

常用的js方法汇总/** * 存储localStorage */ export const setStore = (name, content) => { if (!name) return; if (typeof content !== 'string') { content = JSON.stringify(content); } window.localStorage.setItem(name, content);}/** * 获取localStorage */

2021-03-31 22:12:40 156

原创 左侧侧边栏导航

<template> <el-col :span="24" class="main"> <!--左侧导航--> <aside :class="{showSidebar:!collapsed}"> <!--展开折叠开关--> <div class="menu-toggle" @click.prevent="collapse"> <i class="iconfont icon

2021-02-27 12:06:37 396

原创 vue 配置文件2

公共css方法篇commonbody, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption { padding: 0; margin: 0; list-style: none; font-style:

2021-01-31 10:37:53 79

原创 vue 项目的配置文件1

Router配置import Vue from 'vue'import Router from 'vue-router'const routerPush = Router.prototype.pushRouter.prototype.push = function push(location) { return routerPush.call(this, location).catch(error=> error)}import login from '@/components

2021-01-31 10:32:51 179

原创 vue的生命周期 和 路由守卫

生命周期beforeCreate实例初始化之后this指向创建的实例数据观测(data observer)和event/watcher配置尚未完成不能访问到methods、data、computed、watch上的方法和数据Create实例创建完成,并已经完成以下配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调此时可以调用methods中定义的方法,修改data的数据,并且可触发响应式变化、computed值重新计算,watch到变更等be

2020-12-12 10:33:54 562

WEB无插件开发包_20200616.rar

海康威视的球型摄像头的无插件web端兼容chrome高版本,解压后根据步奏来,注意端口占用问题,注意端口占用,注意端口占用,亲测有效

2020-09-23

白帽子讲Web带你走进Web安全的世界,让你了解Web安全的方方面面

互联网时代的数据安全与个人隐私受到前所未有的挑战,各种新奇的攻击技术层出不穷。如何才能 更好地保护我们的数据?本书将带你走进Web安全的世界,让你了解Web安全的方方面面。

2019-01-31

空空如也

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

TA关注的人

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