可视化学习：利用向量判断多边形边界-编程思维
引言 继续巩固我的可视化学习，向量运算是计算机图形学的基础，本例依旧是向量的一种应用，利用向量判断多边形边界，但是多边形的边界判断稍微有点复杂，所以除了应用向量之外，还需要借助三角剖分的相关工具。这个例子中可视化的展示采用Canvas2D来实现。 问题 假设Canvas画布上存在一个如下多边形： 我们移动鼠标的时候，想要实现一个效果，就是当鼠标移动到多边形内部的时候，将多边形内部的填充颜色更新
浏览器事件循环event loop-编程思维
引言： 事件循环不是浏览器独有的，从字面上看，“循环”可以简单地认为就是重复，比如for循环，就是重复地执行for循环体中的语句，所以事件循环，可以理解为重复地处理事件，那么下一个问题是，处理的是什么事件，事件的相关信息从哪里获取。 因为我没有用nodejs做过什么项目，所以这里我暂且只关注浏览器的事件循环，但我想就“事件循环”本身而言，原理应该是相同的，不过就具体的实现可能存在一些差异。 一道
vue + element-ui + vue-clipboard2 实现文字复制粘贴功能与提示-编程思维
1、在所在项目下安装插件 npm install vue-clipboard2 --save 2、在所在项目的index.js注入vue-clipboard2 import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard) 3、使用 <div> <el-
vue + element-ui + qrcodejs2 实现二维码生成-编程思维
1、在所在项目下安装插件 npm i qrcodejs2 2、在需要生成二维码的页面引入qrcodejs import QRCode from 'qrcodejs2' 3、使用 <el-button size="mini" type="primary" icon="el-icon-picture-outline" round @click
js 格式化时间字符串-编程思维
// 格式时间字符串 formatDateTimeStr(date, type) { if (date === '' || !date) { return '' } var dateObject = new Date(date) var y = dateObject.getFullYear() var m = dateObject.getM
js 计算两个时间戳相差年月日时分秒-编程思维
// JS 计算两个时间戳相差年月日时分秒 calculateDiffTime(startTime, endTime, type) { var runTime = parseInt(endTime - startTime) var year = Math.floor(runTime / 86400 / 365) runTime = runTime
el-input 限制只能输入正整数-编程思维
1、前端页面 <el-row :gutter="20"> <el-col :span="20"> <el-form-item label="数量" prop="quantity"> <el-input class="entity" placeholder="请输入数量"
前端计算数字精度丢失问题解决方法记录-编程思维
在日常一些需求中，总会遇到一些需要前端进行手动计算的场景，那么这里需要优先考虑的则是数字精度问题！具体请看下面截图 如图所示，在JavaScript进行浮点型数据计算当中，会出现计算结果“不正确”的现象。 我们知道浮点型数据类型主要有：单精度float、双精度double。 浮点型简单来说就是表示带有小数的数据，而恰恰小数点可以在相应的二进制的不同位置浮动，可能是因为这样就被定义成浮点型了。（
layui下拉框可手动输入-编程思维
先看效果 layui版本：[email protected] HTML代码： <div class="layui-form-item"> <label class="layui-form-label">关键词：</label> <div class="layui-input-block"> <!--lay-verify
【vue3响应式原理#02】proxy and reflect-编程思维
专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 背景 以下是柏成根据Vue3官方课程整理的响应式书面文档 - 第二节，课程链接在此：Proxy and Reflect - Vue 3 Reactivity | Vue Mastery 本篇文章将解决 上一篇文章 结尾遗留的问题：如何让代码自动实现响应
通过html和javascript实现随机抽取幸运员工-编程思维
需求描述: 公司经常会要求IT部门做一个随机抽取员工页面，今天我们通过HTML和JavaScript来实现 HTML 结构 首先，我们需要编写 HTML 代码来定义页面结构和元素。下面是 HTML 代码的结构： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">
使用脚本整合指定文件/文件夹，执行定制化 eslint 命令-编程思维
背景 最近面对一个庞大的项目，但是只需要修改某个模块，每次都手搓命令太麻烦了，于是就想着能不能写个脚本来辅助处理这些事情。 解决方案 定制化一键 ESLint，执行文件下载地址： https://github.com/mazeyqian/go-gin-gee/releases/tag/v1.4.0 基础使用 以下案例以 macOS 为例，其他系统自行替换对应的文件。 案例 1：指定文件 fil
spring boot-编程思维
安装 ffmpeg FFmpeg 下载地址：GitHub releases。请下载：ffmpeg-master-latest-win64-gpl-shared.zip 压缩包。 解压到你系统盘任意位置（前提是你以后找得到这玩意儿在哪）。 接下来就是配置其环境变量，所有的环境变量都是配置它的启动文件的路径到你系统的 Path，基本上都是（也有例外的？）。如 FFmpeg，就是复制其解压路径下的 b
ts/js-编程思维
工具函数 防抖函数和节流函数的区别，可以查看这篇文章，写得比较好：面试官：什么是防抖和节流？有什么区别？如何实现？ 防抖（debounce） 通过定时器实现。1 秒内触发了 10 次防抖，定时器是 500ms 执行一次，那么，这防抖函数里面的回调函数只会在 1.5s 之后执行，因为点击的这 10 次，都会清除定时器，导致里面的回调函数没办法执行。 file:[debounce.ts] expo
vue2 实现印章徽章组件-编程思维
Vue2 实现印章徽章组件 需要实现的组件效果： 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 <template> <div class="first-ring" v-bind="getBindValue" :class="getStampBadgeClass" :style="{ transform: `rotat
javascript 将对象转换为数组-编程思维
JavaScript 将对象转换为数组 在 JavaScript 中，你可以使用不同的方法将对象转换为数组，具体取决于对象的结构和你希望在数组中得到什么样的数据。以下是一些常见的方法： Object.keys() 方法： 这种方法将对象的键转换为数组。 const obj = { a: 1, b: 2, c: 3 }; const arr = Object.keys(obj); consol
how to use regular expression to match a special meta tag in html string using javascript all in one-编程思维
How to use regular expression to match a special meta tag in html string using javascript All In One meta tag error ❌ const html = ` <!DOCTYPE html> <html lang="en"> <head>
how to fix eventsource onmessage not working in javascript all in one-编程思维
How to fix EventSource onmessage not working in JavaScript All In One SSE: Server-Sent Events / 服务端推送 error ❌ window.addEventListener(`load`, (e) => { console.log(`page loaded ✅`); if (!!win
cloudflare workers部署pixiv图片反代-编程思维
CloudFlare Workers部署Pixiv图片反代 众所周知，pixiv的图片伺服器网域为i.pximg.net，因为有盗连保护，只要Referer是空值或不是来自pixiv的网域就会返回403。今天我就带大家解决这个问题。 通过CF创建服务代理。 CF的官网网址 https://www.cloudflare.com/zh-cn/ 然后邮箱注册一个账号，注册成功后，然后进