weixin_43663775的博客

原创 js右键双击事件

鼠标右键双击事件，手写实现

原创 canvas使用addEventListener监听鼠标事件后，再使用removeEventListener解绑事件无效

canvas无法解绑事件，有知道的大佬还望指教。

原创 异步调用，async await基本示例及项目中运用

实例：async function asyncCall(){ let a = await interfaceFn(); console.log('这里是同步');}function interfaceFn(){ return new Promise((resolve, reject) => { setTimeout(() => { console.log('这里是异步') resolve()

原创 elementui完美的下拉选择框+树结构

<el-form-item label="所在区县：" prop="areaName"> <el-select ref="selectRef" v-model="ruleForm.areaName" placeholder="请选择所在区县"> <el-option label="请选择" value="0" style="display: none"></el-option> <el-tree :data="tr...

原创 webgl坐标系和canvas2d坐标系转换，简单易懂版

webgl坐标系：中心点为(0, 0)canvas 2d坐标系：左上角顶点为(0, 0)当我们需要用到鼠标点击的时候，只能获取到2d的坐标值，通过下面的代码就可以转换，看了好多人转换的代码，写了好多，不知道啥意思，感觉还是我的这个简单明了，有用收藏点赞了~canvas.addEventListener('click', ({clientX, clientY}) => { let w = canvas.offsetWidth / 2, h .

原创 webgl怎么画一个三角形

<canvas id="canvas"></canvas><script id="vertexShader" type="x-shader/x-vertex">attribute vec4 v_position;void main(){ gl_Position = v_position; gl_PointSize = 30.0;}</script><script id="fragmentShader" type="x-s.

原创 webgl--attribute相关使用

<script id="vertexShader" type="x-shader/x-vertex">attribute vec4 a_position;void main() { gl_PointSize = 20.0; gl_Position = a_position;}</script>- attribute 是存储限定符，是专门用于向外部导出与点位相关的对象的，这类似于es6模板语法中export 。- vec4 是变量类型，vec4是4维矢.

原创 canvas在浏览器缩放后模糊怎么办？

<canvas id="app" width="1000" height="500"></canvas>let canvas = document.getElementById("app"), ctx = canvas.getContext("2d"), scale = window.devicePixelRatio, canvas.style.width = canvas.width / scale + 'px'; canvas.sty.

原创 vue中的h函数是干什么的

官方例子：渲染函数 & JSX — Vue.jshttps://cn.vuejs.org/v2/guide/render-function.htmlh函数简单来说是生成虚拟DOM的，VNode。一、什么是虚拟DOM？我们要先了解浏览器的工作原理，以下面这段HTML为例：<div> <h1>My title</h1> Some text content <!-- TODO: Add tagline --> &lt

原创 JS获取字符串中某字符出现n次的下标，递归解决

// 需求举例：中国/江苏省/南京市/浦口区弘阳广场*** 获取第三个'/'后面的内容let str = "中国/江苏省/南京市/浦口区弘阳广场***";function interceptStr(str, ele, index) { let num = str.indexOf(ele) + 1; if(index <= 1) { str = str.substring(num); return str }; str = st.

原创 js高阶函数，map和filter，双重过滤

假设给一个数组对象，需求：过滤结果为age大于81的项且key为"name"的值的数组let arr = [ { name: 'Tom', age: 82 }, { name: 'Jerry', age: 81 }];let arrResult = arr.filter(res => { return res.age > 81}).map(ret => { retur

原创 java自学回顾

1、方法重载：同一个类中，功能相似，方法名相同，参数不同（个数不同，类型不同，顺序不同）方便后期维护，方便记忆2、构造函数格式：public 函数名(){}不能写返回类型以及void函数名和类名相同3、...

原创 JavaScript二十年原著，中文在线，JavaScript: The First 20 Years

JS祖师 - - 史书原著地址中文在线有用点赞收藏呀~

原创 element饿了么按需引入npm i babel-plugin-component -D

npm i babel-plugin-component -D.babelrc{ "presets": [["@babel/preset-env", { "modules": false }]], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ]}babel

原创 node-sass报错问题

设置淘宝镜像源：npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/再npm install node-sassnpm install -D babel-loader @babel/core @babel/preset-env webpackError: Rule can only have one resource source (provided resource and test + include

原创 请关闭该文件夹或文件,然后重试 怎么处理？

一：打开任务管理器：性能 => 打开资源监视器选择CPU => 搜索句柄中填入文件夹名称，右击结束进程，就能进行操作了~

原创 前端input，type=“file“，转base64

照片上传一：直接传base64let reader = new FileReader() reader.readAsDataURL(file) // reader.onload = () => { let str = reader.result, // this.iconBase64 = reader.result bs = str.substr(str.indexOf(',')+1); console.log('f

原创 jquery获取所有子元素宽度之和

var w=0;KaTeX parse error: Expected '}', got 'EOF' at end of input: … w += parseInt((this).width());//获取宽度。并累加})

原创 rust薪资及招聘数量变化

2021，五月份1 rust 24293 24000 7000 45000 1022 0.23%

原创 iframe操作

原创 node环境变量配置

原创 改vscode中tab缩进

setting中，editor tab.size修改即可

原创 vscode插件（安装路径），压缩js文件解压，方便查看

首先下载Prettier-Code- formatter插件：下载后右击format selection with，再选择Prettier -code formatter，等一两秒就可以了~~有用点赞收藏哦

原创 vscode中如何编译scss/sass，html中写scss

商店中下载live sass compiler下载后下面有watch my sass写完scss后，保存，就会生称css文件另一个主动压缩工具：JS&CSS Minififier(Minify)下载后对需要压缩的js、css文件????minify，即可实现压缩有用点赞收藏哦~...

原创 please ensure that VS 2013, VS 2015, VS 2017 or VS 2019 was installed with the Visual C++ option

first:rustup toolchain install stable-x86_64-pc-windows-gnuthen:rustup default stable-x86_64-pc-windows-gnuend:cargo buildCompiling hello v0.1.0 (C:\Users\leke\dev\rust\hello)Finished dev [unoptimized + debuginfo] target(s) in 1.66sok~~更多解决方案：htt

原创 css字体渐变色

font-weight:600;font-size:25px;background-image:-webkit-linear-gradient(bottom,#676867,#EFEFEF);/* background-image:-webkit-linear-gradient(bottom,red,#ff5f60,#f0c41b); */-webkit-text-fill-color:transparent;-webkit-background-clip:text;

原创 第一天mysq踩坑--ERROR 1820 (HY000): You must reset your password using ALTER USER statement before execut

alter user user() identified by “你的密码”;结尾要加分号;或者\g

原创 css样式实现：超出一行省略号，超出多行省略号

一行：overflow: hidden;white-space: nowrap;text-overflow: ellipsis;多行：text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; // 想要几行这里写相应数字即可-webkit-box-orient: vertical;有用点赞，收藏哦~~

原创 font属性简写顺序

font: font-style | font-variant | font-weight | font-size | line-height | font-family;font-style（字体样式）: normal（正常）、italic（斜体）或oblique（倾斜）;font-variant (字体变化): normal（正常）或small-caps（小体大写字母）;font-weight (字体浓淡): 是normal（正常）或bold（加粗）。有些浏览器甚至支持采用100到900之间的数字

原创 http入门笔记（一）简单易懂

先开个标题

转载 git拉取代码， OpenSSL SSL_read: SSL_ERROR_SYSCALL, errno 10054

继续输入命令git config http.sslVerify “false”那么，再次输入命令：git config --global http.sslVerify “false”转自这里

原创 git--submit coding

git initgit add README.mdgit commit -m “first commit”git branch -M maingit remote add origin https://github.com/DongTom/record.gitgit push -u origin main

原创 rpx记录使用

rpx 是相对于基准宽度的单位，可以根据屏幕宽度进行自适应。uni-app 规定屏幕基准宽度 750rpx。开发者可以通过设计稿基准宽度计算页面元素 rpx 值，设计稿 1px 与框架样式 1rpx 转换公式如下：设计稿 1px / 设计稿基准宽度 = 框架样式 1rpx / 750rpx换言之，页面元素宽度在 uni-app 中的宽度计算公式：750 * 元素在设计稿中的宽度 / 设计稿基准宽度...

原创 为什么overflow:hidden可以解决样式坍塌

<div class="fa"> <div class="son"></div></div>.fa{ width: 300px; height: 300px; background: red;}.son{ width: 100px; height: 100px; background: blue; margin-top: 50px;}想要的是这样的，事实上是这样的解决的方法有

原创 axios传参，post方式，参数后面多了冒号

增加headers: { 'Content-Type': 'application/json'}即可

原创 记一次工作中使用promise.all

前段时间，一个页面上的数据，需要将调两个接口得到的部分数据，进行相加展示，所以要两个接口都请求完才能处理。准备条件：第一个接口名字：apiOne；第二个接口名字：apiTwo。开始： const D1 = new Promise((resolve, reject) => { apiOne({ id: '0001' }).then(res => { resolve(res.data); // res.data是返回的数据 }) }) const D2

原创 用户自定义菜单排序，前端js解决

用户改变序号后，模块名称按照序号重新排列。假设修改第5行序号5为3后，效果应该为思路：序号input失焦事件①当序号小于原数组长度时，剪切改项。插入到要改变的项处，再for循环一次，把索引加一赋给新的序号。②当序号大于等于原数组长度时，剪切该项，直接添加到末尾。if(item.sort < this.labelList.length) { this.labelList.splice(index, 1); this.labelList.splice(Number(item.sort).

原创 vue项目throw er； // Unhandled ‘error‘ event

也不知道怎么回事，突然项目就跑不起来了，试过好多种方式，先是删除依赖，重新下载，也尝试更新node版本。最后百度发现有个人说可能是端口号问题，随便改了一下，还真的可以了…

原创 git切换分支

查看所有分支git branch -a切换命令：git checkout -b branchname origin/branchname切换成功

原创 git 更换 提交地址

git remote rm origingit remote add origin http://xxx.xxx.xx.xx:…git push --set-upstream origin branchname