- 博客(113)
- 资源 (2)
- 收藏
- 关注
原创 js 在数组对象 过滤掉无用的数据
下面的数组中有null, undefind, NaN, ’ ',过滤掉这些数据。经过两边的过滤就将为false的值过滤掉。
2023-11-01 14:27:19 376
原创 vue elementui v-for 循环el-table-column 第一列数据变到最后一个
这个动态渲染table表格时发现el-table-column 第一列数据变到最后一个。
2023-08-11 15:48:52 2388
原创 判断数组对象的每个对象里面的值不重复,并且不能为空或者null或undefind
判断数组对象的每个对象里面的值不重复,并且不能为空或者null或undefind。
2023-04-13 10:42:40 242
原创 vue 重新部署后刷新页面
思路 在打包时更新版号 判断版号不存在或者不相同时刷新下并且进行存储 在路由跳转时 对比存储的版号。2. 在路由守卫判断当前需不需要刷新 不同的刷新 相同的就不刷新。在路由守卫 路由跳转的时候进行判断。在public中放入js文件。1.首先设计一个版本号。
2023-02-03 14:46:04 491
原创 vscode settings
prohibitAutoAdd”: [ “json”, “md” ] // 禁止.json .md文件,自动添加头部注释。“source.fixAll”: false,// && true, // 所有项目使用 自动修复。“source.fixAll.eslint”: true // eslint 项目使用自动修复。
2022-09-15 17:19:40 204
原创 页面中间显示提示信息,当滚动时消失
在h5页面需要做一个提示信息,当滚动页面时消失,从另一个页面调回来是显示出来v-if控制显示隐藏 接下来就是事件的控制 在vue项目中mounted() {// 监听页面滚动window.addEventListener(‘scroll’, scroll = () => {// 通过是否滚动来判断显示和隐藏,不然从别的页面过来不显示,会执行一次这个事件let scrollTop = window.pageYOffset || document.documentElement.scrollTo
2022-06-26 10:48:55 288
原创 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 387
原创 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 2237
原创 修改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 1549
原创 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 689
原创 react 组件的生命周期
**常用的组件的生命周期**:组件从北从简到挂载到页面中运行,再到组件不用时卸载的过程钩子函数:生命周期的每个阶段使用的一些方法的调用,这些方法被叫做钩子函数,类组件才有生命周期2.更新时1.setState() 2.forceUpdate() 3.组件接受到新的props说明 以上三者任意一种变化,组件就会更新渲染执行顺序 render() componentDidUpdate()注意 componentDidUpdate()方法中不能直接使用setSate()更新状态,会
2021-12-20 14:10:29 112
原创 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 240
原创 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 1467
原创 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 1480 2
原创 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 866 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 711 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 532
原创 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 2119
原创 关于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">
2021-03-31 22:14:07 381
原创 公用的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 168
原创 左侧侧边栏导航
<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 402
原创 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 86
原创 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 184
WEB无插件开发包_20200616.rar
2020-09-23
白帽子讲Web带你走进Web安全的世界,让你了解Web安全的方方面面
2019-01-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人