南宫玄色-CSDN博客

原创读取视频关键帧图片

用video播放视频到某一秒，之后用canvas把video画成一张图片，从而在客户端得到视频关键帧图片，实现还有一些细节处理

2023-08-04 17:55:11 1257

原创 css 四角边框移动效果

利用平移变化translate来时实现边框到达鼠标划到的块，坐标是鼠标滑到块的offsetLeft和offsetTop

2023-07-29 12:04:25 863

原创 js 对象数组去做重

js 对象数组去做重。对象数组去重的重点是判断两个对象是否相等判断两个对象是否相同，只要对象的所有属性值相同，则两个认为对象相同

2023-07-29 11:58:44 122

@param {*} key 触发修改的代理对象属性key。* @description: 在set触发，执行相关依赖。* @param {*} key 代理对象属性key。* @param {*} target 代理对象。* @param {*} target 代理对象。* @description: 记录副作用函数。* @param {*} fun 操作函数。修改了target的>获取了target的。

2023-07-26 19:00:00 128

原创前端JavaScript文件下载

前端文件下载常用的方法是，后端返回一个流文件，前端使用blob转化文件流，在通过一个a标签实现下载

2023-04-10 15:30:19 192

原创关于upload 组件action属性一点小tips

项目中做文件上传，肯定需要用到UI库的upload组件，其本质是原生input 的tyep为file时的封装，一般都会有一个action(此处以elementUI为例)属性表示上传地址，写过无数次了，有两点想要分享一下。

2023-04-10 15:20:27 1014

原创 CSS文本溢出省略号在Grid / Flex中不起作用

CSS文本溢出省略号在Grid / Flex中不起作用

2023-03-12 18:03:23 1110

原创使用http模块创建服务器和使用Node js中的express框架创建服务器之间有什么区别

express框架简单封装了node的http模块，因此，express支持node原生的写法。express的重要意义在于：支持使用中间件 + 路由来开发web服务器逻辑。

2023-02-16 17:43:03 316

原创 js 实现 new

我们经常会使用new关键字，那我们在使用new关键字的时候，new到底做了什么呢

2022-07-01 08:40:25 410

原创 js 冒泡排序实现

JS 冒泡排序算法

2022-06-30 10:24:50 76

原创 JS 通过递归实现对象深拷贝

JS中实现对象深拷贝递归

2022-06-29 10:21:14 137

转载微信小程序授权保存图片到相册

在微信小程序中，做分享朋友圈，保存图片视频到相册，需要授权，会经常遇到。有时用户误操作，第一次拒绝授权弹框后，微信会认为用户拒绝该授权意愿并且不会再次调起授权弹框，这是该怎么办呢？...

2022-06-27 17:59:05 1040

原创 gird 布局

gird布局 css

2022-06-09 23:07:21 107

原创代码规范之-理解ESLint、Prettier、EditorConfig

今天，我们就来分析一下跟编码风格、代码规范相关的.prettierignore.prettierrc.eslintrc.js借助于EditorConfig+Prettier+ESLint 的组合，项目中通过统一约定配置，可以在团队成员在代码开发过程中就检查、约束、美化代码，统一编码风格；且可以省去很多的沟通成本，提前暴露代码缺陷，减少后期二次修改代码的风险；EditorConfig: 跨编辑器和IDE编写代码，保持一致的简单编码风格；Prettier: 专注于代码格式化的工具，美化代码；ESLi

2022-06-09 09:37:40 125

原创 git生成密钥

小编用的windows系统所以是windows系统的方法 ssh-keygen -t rsa -C "你的邮箱" ssh-keygen命令生成公钥和私钥，其中-t表示类型是rsa类型（rsa指加密类型是非对称加密）。-C就是邮箱地址。在cmd里或者git bash 里执行这行指令就行，一路确定，有yes或no选择yes，小编这里已经有了，就问是否覆盖，生成之后的文件默认在C:\Users\admin.ssh 。其中admin是电脑用户名，每个人都不一样。如图id_rsa (私钥)，id_r

2022-05-30 17:33:37 1209

原创字符串 replace 用$n保留匹配的内容

String的 replace方法可以保留匹配的内容，用$n表示匹配的分组，$1就是匹配的分组1，$2就是匹配的分组2手机号中间四位隐藏let text ='12345678901'; let str = text.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2') console.log(str) // '123***8901'字段换位let text = 'Jack Tom' let str = text.replace(/(\w+)\s(\w+)/,'$

2022-05-30 16:33:56 212

原创 git 常用指令

查看git配置git config --listgit全局配置配置用户名 git config --global user.name “你设置的名字”配置邮箱 git config --global user.email “你设置的邮箱”git本地仓库指令仓库初始化 git init下载一个项目和它的整个代码历史 git clone [url]git分支指令查看所有本地分支 git branch查看所有远程分支 git branch -r查看所有本

2022-05-28 22:41:33 73

原创 css单行文本和多行文本的省略号

单行文本的溢出显示省略号用text-overflow:ellipsis属性来固定宽度overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行文本省略display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;...

2022-05-18 20:13:04 97

原创 .jpeg 格式图片URL在浏览器里默认是下载

原因是上传图片事Content-Type是image/jpeg，而jpeg格式在浏览器里是下载，img 标签也不能正常现实。解决办法上传是Content-Type是image/png。如果图片资源是上传阿里云oss的阿里云支持获取其他格式的图片列如 https://resource.enoch-car.com/tenant/TEST/Android/serviceVehicleImages/IMG_20220517095650372.jpeg?x-oss-process=image/format,pn

2022-05-18 20:08:01 1301

原创 css flex布局自动换行

js display: flex; flex-flow: wrap display:flex 是弹性盒布局，flex-flow是盒子属性flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性，设置子元素排列方式flex-flow 属性设置子元素是否拆行或拆列。flex-direction 属性设置子元素的方向。!要是父元素即盒子没有设置display:flex,flex-flow属性是不能生效的flex-flow 可设置的值有nowrap，wrap，wr

2022-05-18 19:35:01 9791

原创 vue 样式文件引入方法

script标签样式文件引入import '@/style/reset.css'style标签样式文件引入@import '@/assets/iconfont/iconfont.css';![在这里插入图片描述](https://img-blog.csdnimg.cn/13b983758eba4e1fae53f2c4f4cb2494.png@import引入样式文件，就算加scoped，其它没有引入的模块还是可以访问到你的样式，如果某个组件的类名一致，则就会被污染到。解决办法：用styl

2022-04-28 09:49:56 1397

原创简易图片浏览组件

根据业务做了一个简易图片浏览组件，分享一下<template> <div class="content-box"> <p class="switch-button switch-pre" @click="pre"><i class="el-icon-arrow-left"></i></p> <p class="switch-button switch-next" @click="next"><i

2021-05-13 10:14:18 144

原创关于 wx.getLocation 调用失败的问题

最近公众号项目了需要拿到微信用户的位置信息，查看查阅了微信官方文档，发现需要调wx.getLocation API，但是还是出了一些问题，首先你要在jsApiList 把getLocation加进去，之后才能调用getLocation ，但是之后总是出现页面里总是第一次获取定位信息失败的问题，后再直接把getLocation 方法放到wx.ready 里执行就好了，第一次就能成功。...

2021-04-21 13:57:57 2836

原创 js + css 实现红包雨

不多说了，直接贴代码const rain = (tagId) => { const wid = 40; function addtag() { var div = document.createElement("div"); div.className = "red-packet-rain"; let left = Math.random() * window.innerWidth; if (left > 80) left = left - wid;

2021-04-21 09:36:00 416

原创 el-uolaod 上传组件on-error 回调拿到后端消息体

今天遇到测试提的bug报错，一个导入文件出错，后端有错误信息，前段为什么没有弹出，因为项目里所有报错都是架构里做的，所有请求都是用的axios，在请求拦截里做了错误消息提示。查找之后发现原因所在，用的el-uoload组件，他用action提交的，没有走请求拦截，所以要在uplaod的on-error回调里做一个错误信息提示，原因和解决思路都明确了，但是on-error这里拿到后端返回的消息却遇到了问题，这才是这篇博客要说的，费了一番功夫，圆满解决。上图是打断点得到的on-error函数返回的err信息

2021-03-31 10:33:25 758

原创 js数组sort（）方法按指定顺序排序

js数组排序，sort（）方法按指定顺序排序

2021-03-16 16:43:41 7283

原创行内元素和块级元素，block，inline，inline-block

常见的块级元素div、p、h1~h6、ul、li、ol、dl、dd、dt、table、hr、blockquote、address、pre、menuh5新增 header、footer、aside、section块级元素 display：block;特点：独占一行，可设置宽度和高度，可设置padding和margin常见的行内元素span、a、label、sup、sub、abbr、s、i、em、u、strong、small行内元素 display：inline;特点：不能独占一行

2020-12-04 12:45:46 934 2

原创关于input框，ui 组件input框自动触发一次input事件的过程

关于input框，ui 组件input框自动触发一次input事件的过程过程：而小编出现的情况是在渲染的时候，并没有改变数据的操作，却触发了数据的改变，最终排查之后发现是给input绑值时自动触发了input事件，触发input事件的原因是因为数值类型数据通过v-model 双向绑定了，input会里的值默认是字符串，用的vue框架，加上.number 修饰符就解决了附上截图在这里插入图片描：点击下图的追加报价按钮弹出这个弹窗页面，修改数据，但是出现的情况是我只弹出这个页面，不做其他操作，关闭这

2020-11-25 14:26:44 799

原创 elementUI tabale表格中 table-column v-show失效

产品要求表格中有的列可以控制出现和隐藏，想到了用v-if 或者用 v-show 控制table-column，但实际是v-if有效，v-show无效，主要是elementUI 的table 中的table-column 里面用了display：table-cell，而v-show用的是display：none控制显示，display：table-cell的优先级高于display：none，所以v-show失效了...

2020-08-21 09:32:26 2526 9

原创用css3的calc()函数做自适应

pc端做自适应以前知道有百分比，媒体查询，flex布局，今天发现一个好用的自适应布局的方法，css3的calc（）函数，参数是一个表达式，他的作用是自动计算元素数据，pc端可以做宽度自适应，移动端可以做高度自适应，例子如下width:calc(100% - 20px);height:calc(100% - 20px);使用“+”、“-”、“” 和 “/”四则运算，可以使用百分比、px、em、rem等单位，而且可以混用多种单位计算注意的点 calc（）里面的表达式 0 做除数会报错，使用“+”，“-

2020-07-16 17:24:20 298

weixin_44076775的博客