前端
第一次在csdn发,总结一些自己的见解,如果有不对的地方欢迎讨论
星陈~
知道的越多 不知道的越多
展开
-
electron 无边框常用配置 实测 禁止缩放 设置大小 设置主副屏 关闭窗口 重启 主副进程联动 自动更新等
无边框常用配置 实测 禁止缩放 设置大小 设置主副屏 关闭窗口 重启 主副进程联动 自动更新等原创 2024-08-06 10:41:20 · 516 阅读 · 0 评论 -
JS reduce() 附使用详解
JS reduce()方法和使用详解原创 2024-02-29 11:34:04 · 1206 阅读 · 0 评论 -
小程序授权登录
微信小程序授权登陆原创 2023-07-19 11:54:34 · 278 阅读 · 0 评论 -
webpack打包单个js文件
webpack打包js文件原创 2023-03-02 16:40:57 · 1129 阅读 · 0 评论 -
Promise.all其中有失败获取其他值
promise.all遍历取值原创 2023-02-24 15:52:36 · 307 阅读 · 0 评论 -
vue在线预览word,pdf, xls,ppt 文档
vue在线预览原创 2023-01-31 10:34:39 · 1838 阅读 · 0 评论 -
vue多环境配置之 .env配置文件
vue多环境配置原创 2023-01-30 16:11:51 · 5483 阅读 · 0 评论 -
draggable 拖动组件内嵌元素被默认为拖动元素的问题(困住了一整天)
拖动组件内嵌元素被默认为拖动元素的问题原创 2022-11-24 09:15:47 · 263 阅读 · 0 评论 -
npm i把老项目升级到最新的一个奇葩问题
前端升级最新依赖包报错原创 2022-11-17 21:02:18 · 383 阅读 · 0 评论 -
find方法
js中find的解释原创 2022-11-17 11:51:49 · 417 阅读 · 0 评论 -
electron重启和关闭应用指令窗口 最小化窗口 最大化、恢复
electron操作指令原创 2022-09-26 14:24:17 · 4310 阅读 · 0 评论 -
element-ui日期组件限制多个范围
element-ui日期组件限制多个范围原创 2022-08-18 14:08:52 · 567 阅读 · 1 评论 -
nodejs微服务中跨域,请求,接口,参数拦截等功能
ndoejs处理跨域,headers定义,参数拦截等原创 2022-08-09 15:22:35 · 591 阅读 · 0 评论 -
vue前端开发ios系统:https发http请求 网络通讯之间的安全问题
https与http之间通讯的安全问题原创 2022-07-28 12:00:15 · 1837 阅读 · 0 评论 -
js操作数组常用方法
js数组原创 2022-07-15 11:48:19 · 189 阅读 · 0 评论 -
vue的watch使用 监听数据变化
vue中监听详解(watch详解)原创 2022-06-27 11:57:43 · 9959 阅读 · 5 评论 -
前端导出xlsx表
前端导出Excel表原创 2022-06-17 15:06:10 · 352 阅读 · 0 评论 -
QRCode.js生成二维码
用js写二维码原创 2022-06-07 15:57:17 · 634 阅读 · 2 评论 -
vue-touch上下滑动的问题
首先 是一个手势组件问题出在左右手势加好了以后,上下滑动的时候,window端是感觉不到的,超出部分正常滑动 但是移动端或者触摸大屏端不能拖拽滑动。只需要在组件上加class="v-touch"然后css.v-touch{ touch-action: pan-y!important;}就OOOOO了......原创 2022-03-02 17:40:43 · 1364 阅读 · 2 评论 -
vue使用crypto-js进行加密解密操作
CryptoJS加密npm install crypto-js --save-dev或cnpm install crypto-js --save-dev创一个js文件并引入(vue页面内require引入会有问题)const CryptoJS = require('crypto-js'); //引用AES源码jsconst key = CryptoJS.enc.Utf8.parse("xxxxxx"); //十六位十六进制数作为密钥const iv = CryptoJS.enc.Utf8.原创 2022-02-15 17:05:06 · 3635 阅读 · 0 评论 -
echarts各个配置项说明
1、图表标题title: { x: 'left', // 水平安放位置,默认为左对齐,可选为: // 'center' ¦ 'left' ¦ 'right' // ¦ {number}(x坐标,单位px) y: 'top', // 垂直安放位置,默认为全图顶端,可选为:原创 2022-02-11 16:44:38 · 836 阅读 · 1 评论 -
vue中常用注释模板
/** * 获取事件在列表中的位置 * @param context * @param callback * @private */_evIndex(event, context, callback) { let index = -1; for (let i = 0; i <= event.length; i++) { if (event[i].context === contex && event[i].callback === cal..原创 2022-01-27 16:30:44 · 854 阅读 · 0 评论 -
vue动态改变主题颜色
新建.scss后缀公用文件,放在assets或者其他地方都可以/*需要切换的颜色变量*/$color-primary1:#1776E1; /* 更换的颜色 */$color-primary2:#3588CB; /* 更换的颜色 */$color-primary3:#7D0000; /* 更换的颜色 */$color-primary4:#EB6100; /* 更换的颜色 *//*定义方法*/@mixin color_primary($color){ color:$color;原创 2022-01-13 17:17:12 · 2746 阅读 · 0 评论 -
vue触底加载便捷指令 v-infinite-scroll
引入npm install vue-infinite-scroll --savemain.jsimport infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll)<div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="10"> <div v-for="item原创 2022-01-05 15:42:03 · 1442 阅读 · 0 评论 -
vue拖动组件及使用
<template> <div> <div>{{drag?'拖拽中':'拖拽停止'}}</div> <!--使用draggable组件--> <draggable v-model="myArray" chosenClass="chosen" forceFallback="true" group="people" animation="1000" @start="onStart" @end="onEnd"> <原创 2022-01-04 17:28:02 · 657 阅读 · 0 评论 -
显示部分滚动vue-loop-scroll
<vue-loop-scroll direction="up" :speed="100" :index="index" :mouseStop="false" > <div class="contentbox"> <p>盒子</p> ...原创 2022-01-04 15:19:39 · 672 阅读 · 0 评论 -
js中匿名函数赋值给变量与直接命名函数异同
1. 两种写法最大的区别是:(1) var init = function() { }; 是函数表达式,函数在代码执行的到当前行的时候才被执行,init 才被赋值。(2) function init() {} 是函数的声明,和 var 一样,会被提前到代码最前面定义。下面的两个例子:2. ES5和ES6在函数作用域的区别ES5 规定,函数只能在顶级作用域和函数作用域中声明,否则是不合法的。例如:ES6 引入了块级作用域的概念,这种定义方法就被允许了。在块级作用域里面声明的函数,作用域类似于使原创 2021-12-24 17:04:54 · 535 阅读 · 0 评论 -
前端防抖节流(附一张有意思的动态图解)
如图所示,防抖节流应该就很明朗了防抖释义:函数防抖(debounce)当持续触发某事件时,一定时间间隔内没有再触发事件时,事件处理函数才会执行一次,如果设定的时间间隔到来之前,又一次触发了事件,就重新开始延时。案例:持续触发scroll事件时,并不立即执行handle函数,当1000毫秒内没有触发scroll事件时,才会延时触发一次handle函数。function debounce(fn, wait) { let timeout = null return function() { if.转载 2021-12-17 17:08:13 · 658 阅读 · 0 评论 -
Vue注册多个过滤器
vue过滤器原创 2021-12-16 18:03:41 · 349 阅读 · 1 评论 -
简单的方法
console.log(Array.from(new Set([1,2,10,15,25,25,10])))数组去重 console.log([1,2,10,15,25,[12,[1,1],25],10].flat(Infinity))数组扁平化 return arr.reduce(function (prev, next) { return prev.concat(Array.isArray(next) ? flatten(next) : next) }, [])数组..原创 2021-12-03 09:53:50 · 162 阅读 · 0 评论 -
关于开发electron+vue的针对node-window一个路径bug
有一个需求,在我的electron里,需要做到在不同电脑上绝对同步某些场景的功能本来以系统时间为基准调试,但是测试期间发现,虽然每次开机都会同步系统时间(联网状态),但是如果有毫秒级的差距的时候其实是不同步的,所以就造成了有毫秒级的误差。解决:然后统一用服务器时间来定义同步的时间点(借助node-window),但是遇到了一个问题,用node.js在本机调试正常,谷歌正常,但是打包后无效。无奈模拟打包调试,发现各种修改命令更改方法之后都不行,然后发现了一个大致方向。就是拿到node-window里原创 2021-11-04 12:04:23 · 409 阅读 · 1 评论 -
nodejs改变系统时间
找半天网上都是CV战士,没一个会用的const win = require('node-windows')win.elevate(`cmd /c time ${'11:01:12'}`,undefined, null);测试有效原创 2021-10-28 17:11:25 · 711 阅读 · 7 评论 -
js整点半点执行操作
timeToSeconds(t) { let hm = t.split(":").map(x => Number(x)); return hm[0] * 3600 + hm[1] * 60 + hm[2]; }, formatTimeRange(timeRange) { let t1 = timeRange.map(t => this.timeToSeconds(t)); return t1[0] .原创 2021-10-28 16:31:44 · 685 阅读 · 0 评论 -
electron内核版本引起的 笔记本And台式电脑的视图兼容性问题(不是浏览器兼容),全网首例!无厘头的问题
事故出在electron +vue 的一个桌面应用上。主视图是vue + video.js写的一个播放界面。其他功能就不多赘述了。有一个功能,是一个拉伸视频的宽高比例,左右上下的偏移的<div class="block"> video 宽(单位:百分比 100%~300% 默认100%):<el-slider v-model="" show-input :max="300"原创 2021-09-24 14:02:44 · 1597 阅读 · 4 评论 -
element-ui的table不适配问题
el-table传入的值是写死的,postcss也无法自适应其中的值所以例如el-table给了个类名a那么.a{ colgroup { col:nth-of-type(1) { width: 85px; } col:nth-of-type(2) { width: 110px; } col:nth-of-type(3) { width: 753px; } col:nth-of-type(4) {原创 2021-09-13 11:31:16 · 477 阅读 · 3 评论 -
前端内置 nodejs微服务的 的接口维护
目前有在做内置nodejs的软件,nodejs里也需要发很多接口和后端交互,然后后端环境很多的情况下!(简直灾难片)其实也不难,之前有学过的 let uploadUrls = xxx// let uploadUrls = xxx let xx=xx// let xx= 'xx// let xx= xx// let xx= xxx// let xx= xxx// let xx= xxx// let xx= xxx// let xx= xxxlet xxx= 'http原创 2021-09-07 17:24:05 · 154 阅读 · 0 评论 -
CSS深度选取
/deep/之前一直就是一般直接改样式,改不动的就去源码改,源码还改不动的就去js改。前几个月后无意间看到这个属性后就一直沿用下来了。element UI vivew 等待UI框架里很难改的样式。都可以通过 /deep/来改动有些害怕样式污染的地方,可以通过官方提供的自定义类名,然后通过自定义的类名在进行父子选择器来改到特定的UI组件里的样式真心不建议修改源码,会让你的项目很难迁移给其他人使用或者维护。因为别人从git上拉你代码的时候一般我们是没有依赖的,所以npm install 后 你改了原创 2021-09-07 17:12:13 · 121 阅读 · 2 评论 -
密码查看小眼睛
原理 js改变input的type值代码部分:HTMLINPUT :type="eyesStatus ? 'password' : 'text'"<div v-show="password.length" class="eyes_status" @click="changeEyes"> <img v-if="eyesStatus" src="../assets/img/close-eyes.png" alt="">原创 2021-09-07 16:55:16 · 433 阅读 · 0 评论 -
electron自动更新和deme地址
https://blog.csdn.net/qq_41614928/article/details/103289572转载 2021-08-19 17:57:34 · 173 阅读 · 0 评论 -
关于nodejs本地文件管理服务的突破
首先app.use(express.static(path.join(path.resolve('../'))));静态文件服务是可以在项目位置之外的任何位置!其次function urls(){ if(!fs.existsSync(path.resolve('../') + '/downlist')){ fs.mkdir(path.resolve('../') + '/downlist', function (err) { if (err) { return原创 2021-07-20 15:39:23 · 277 阅读 · 0 评论