前端
前端
BUG创建者
挖过煤 扛过枪 我家门前站过岗
展开
-
vue 重新部署后刷新页面
思路 在打包时更新版号 判断版号不存在或者不相同时刷新下并且进行存储 在路由跳转时 对比存储的版号。2. 在路由守卫判断当前需不需要刷新 不同的刷新 相同的就不刷新。在路由守卫 路由跳转的时候进行判断。在public中放入js文件。1.首先设计一个版本号。原创 2023-02-03 14:46:04 · 514 阅读 · 0 评论 -
js学习网站分享
js学习网站分享原创 2023-01-13 10:38:44 · 104 阅读 · 0 评论 -
element ui 上传按delete建可删除
出来这个后比较烦自定义样式important;原创 2023-01-09 18:58:31 · 523 阅读 · 0 评论 -
vue table表格中使用input框动态添加数据
【代码】vue table表格中使用input框动态添加数据。原创 2022-10-20 16:02:36 · 1708 阅读 · 0 评论 -
判断数组对象的值是否为空或者null
判断数组对象的值是否为空或者null原创 2022-10-20 15:50:26 · 977 阅读 · 0 评论 -
vscode settings
prohibitAutoAdd”: [ “json”, “md” ] // 禁止.json .md文件,自动添加头部注释。“source.fixAll”: false,// && true, // 所有项目使用 自动修复。“source.fixAll.eslint”: true // eslint 项目使用自动修复。原创 2022-09-15 17:19:40 · 214 阅读 · 0 评论 -
form表单的常用校验
【代码】form表单的常用校验。原创 2022-08-30 11:21:46 · 194 阅读 · 0 评论 -
table组件的使用
代码】table组件的使用。原创 2022-08-19 10:40:15 · 124 阅读 · 0 评论 -
页面中间显示提示信息,当滚动时消失
在h5页面需要做一个提示信息,当滚动页面时消失,从另一个页面调回来是显示出来v-if控制显示隐藏 接下来就是事件的控制 在vue项目中mounted() {// 监听页面滚动window.addEventListener(‘scroll’, scroll = () => {// 通过是否滚动来判断显示和隐藏,不然从别的页面过来不显示,会执行一次这个事件let scrollTop = window.pageYOffset || document.documentElement.scrollTo原创 2022-06-26 10:48:55 · 302 阅读 · 0 评论 -
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 · 2302 阅读 · 0 评论 -
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 · 396 阅读 · 0 评论 -
修改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 · 1569 阅读 · 0 评论 -
react 组件的生命周期
**常用的组件的生命周期**:组件从北从简到挂载到页面中运行,再到组件不用时卸载的过程钩子函数:生命周期的每个阶段使用的一些方法的调用,这些方法被叫做钩子函数,类组件才有生命周期2.更新时1.setState() 2.forceUpdate() 3.组件接受到新的props说明 以上三者任意一种变化,组件就会更新渲染执行顺序 render() componentDidUpdate()注意 componentDidUpdate()方法中不能直接使用setSate()更新状态,会原创 2021-12-20 14:10:29 · 136 阅读 · 0 评论 -
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 · 771 阅读 · 0 评论 -
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 · 254 阅读 · 0 评论 -
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 · 1494 阅读 · 0 评论 -
webpack的详细描述
webpack的详细描述原创 2021-07-26 22:20:40 · 110 阅读 · 0 评论 -
vue 的属性
vue 的属性原创 2021-07-26 22:19:55 · 178 阅读 · 0 评论 -
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 · 1498 阅读 · 2 评论 -
vue 的自定义进度条的分数,百分数
1原创 2021-06-23 21:36:26 · 1653 阅读 · 0 评论 -
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 · 885 阅读 · 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 · 759 阅读 · 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 · 565 阅读 · 0 评论 -
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 · 2135 阅读 · 0 评论 -
关于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 · 394 阅读 · 0 评论 -
公用的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 · 174 阅读 · 0 评论 -
左侧侧边栏导航
<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 · 410 阅读 · 0 评论 -
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 · 99 阅读 · 0 评论 -
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 · 203 阅读 · 0 评论 -
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 · 572 阅读 · 0 评论 -
vue 组件传值
1.prop和emit父组件通过子组件暴露的prop的sonValue、dauValue向子组件传值子组件通过内部定义的props接收到父组件的值,每当父组件的值变化的时候,子组件内部的值就会发生变化,可以使用this.[props]来进行引用2.vm.emit 父组件通过子组件暴露的prop的sonValue、dauValue向子组件传值 子组件通过内部定义的props接收到父组件的值,每当父组件的值变化的时候, 子组件内部的值就会发生变化,可以使用this.[props]来进行引用原创 2020-12-03 15:48:33 · 356 阅读 · 0 评论 -
在项目中添加天气预报功能
查看当地的天气情况 调用七日的天气预报情况 天气预报注册账号获取appid和APPSecret使用 https://www.tianqiapi.com/api图标可以直接在网站上下载<!-- 天气模块 --><template> <div class="weather"> <div class="amap-page-container" style="display:inline-block;width:0;height:0;"原创 2020-11-13 11:51:09 · 1022 阅读 · 0 评论 -
利用LiveQing在 vue 页面播放直播视频
安装 npm install @liveqing/liveplayer安装 npm install copy-webpack-plugin@4.6.0在build文件的 webpack.dev.conf.js下插入const CopyWebpackPlugin = require('copy-webpack-plugin');...... // copy js lib and swf files to dist dir new CopyWebpackPlugin([原创 2020-11-13 10:05:42 · 1536 阅读 · 0 评论 -
element ui树上关于 选择子级父级也是勾选状态
有时候需要在树上选择子级取消后,父级不取消的业务 <el-tree class="ztreelist" :data="treeMenu" show-checkbox node-key="root_code" ref="treeMenu" highlight-current :default-checked-原创 2020-11-13 09:54:04 · 794 阅读 · 0 评论 -
element ui 文本域设置不可以拖拽
文本域自定义高 :rows=“2” :rows=“4” 文本域设置不可以拖拽 添加 resize=‘none’ 属性即可下面的样式原创 2020-10-29 11:13:21 · 5554 阅读 · 0 评论 -
promise的认识
promise 在js中是解决异步编程的新的解决方案 (旧的是纯回调提示)具体是什么:1.语法上 promise 是一个构造函数2.功能上 promise 对象用来封装一个异步操作并可以获取其结果Promise 的状态改变pengding 变为resolved 成功的pending 变为rejected 失败的说明 只有这两种 且一个promise 对象只能改变一次无论变为成功或者失败,都会一个结果数据成功的结果数据一般成为value 失败的结果数据一般原创 2020-10-28 18:13:01 · 266 阅读 · 0 评论 -
js 关于时间 毫秒 凌晨时间 几天前
今天凌晨=new Date(new Date().setHours(0, 0, 0, 0)) //在转换成年月日 就是今天的凌晨年,月,日,时,分,秒new Date().getFullYear() //年new Date().getMonth()+1 //月new Date().getDate() //日new Date().getHours() //时new Date().getMinutes() //分new Date().getSeconds() //秒几天前原创 2020-10-15 10:47:29 · 449 阅读 · 0 评论 -
vue 面试知识点的汇总
一句话就能回答的面试题1.css只在当前组件起作用答:在style标签中写入scoped即可 例如:2.assets和static的区别答:相同点:assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片,字体图标,样式文件等都可以放在这两个文件下,这是相同点不相同点:assets中存放的静态资源文件在项目打包时,也就是运行npm run build时会将assets中放置的静态资源文件进行打包上传,所谓打包简单点可以理解为压缩体积,代码格式化。而压缩后的静态资源文件最终也都原创 2020-10-09 16:57:29 · 336 阅读 · 0 评论 -
关于海康威视在chrome 浏览器的问题
最近公司接入了海康威视的摄像头 开始研究关于海康威视的东西,开始给的32,64 各种版本的插件包,发现在chrome高版本浏览器上无法展示,只能在ie上展示后面开发人员有给发了无插件的版本 看了一下是ngix代理服务器,加c++ 需求直接展示,在网上找关于H5Stream通过RTSP协议完成实时传输和显示摄像头画面的功能,海康威视的web控件对高版本Chrome不予支持然后找到摄像机上面视频流海康威视IP摄像头rtsp协议地址如下:rtsp://[username]:[passwd]@[ip原创 2020-09-18 17:07:58 · 18683 阅读 · 4 评论 -
vue 项目中使用video实现视频播放效果暂停播放
<video :src="video_url" controls="controls" style="width:100%;height:100%;" ref="vueMiniPlayer"></video>再给this.video_url='http://47.105.206.28/videos/wangkun.mp4'判断是否暂停状态返回true falsethis.$refs.vueMiniPlayer.paused //true falsethis..原创 2020-08-17 10:42:35 · 6523 阅读 · 0 评论