代码编织梦想

20240229笔记-爱代码爱编程

浏览器预加载器 手动:prefetch preload <link rel="prefetch" href="next.html"> <link rel="preload" as="style" hr

three 模型对象、材质-爱代码爱编程

三维向量Vector3与模型位置 点模型Points、线模型Line、网格网格模型Mesh等模型对象的父类都是Object3D ,如果想对这些模型进行旋转、缩放、平移等操作,如何实现,可以查询Threejs文档Object3D 对相关属性和方法的介绍。 三维向量Vector3  三维向量Vector3有xyz三个分量,threejs中会用三维向量

three.js 点乘判断是否在扇形内-爱代码爱编程

效果: 点乘判断是否在扇形内 代码: <template> <div> <el-container> <el-main> <div class="box-card-left"> <div id="threejs

uniapp,前后端实名人脸认证全过程_uniapp人脸登录-爱代码爱编程

全局工程化导入注册公共组件 iconfont使用 自定义导航 slot插槽 uni.request请求封装 一:登录页面 1.1.template: <template> <view class="body" :style="{height:height+'px'}"> <view cla

cloudflare开源了替代nginx的pingora-爱代码爱编程

Cloudflare刚开源其用Rust 语言编写的HTTP 服务器:Pingora,用于构建快速、可靠和可编程的Web系统。 Pingora 经过了实际考验,多年来它每秒处理超过 4000 万个互联网请求。 功能亮点

(0基础)鸿蒙harmonyos-爱代码爱编程

(0基础)鸿蒙HarmonyOS-NEXT开发入门—3 大家好,这里是浩淼轩,如果我的文章对你有帮助,欢迎点赞收藏+关注支持。 目录 (0基础)鸿蒙HarmonyOS-NEXT开发入门—3 一、函数—function 1,函数:是可以被重复使用的代码块 案例引入: 2,作用:函数可以把具有相同或相似逻辑的代码“包裹”起来,有利于代码

小程序固定头部实现:van-爱代码爱编程

用的是Vant的NavBar插件: https://youzan.github.io/vant-weapp/#/nav-bar#wai-bu-yang-shi-lei 效果图 页面使用,放开注释的地方就可以显示左边按钮 <van-nav-bar title="精益成本核算" fixed="true" placeholder="true

weapp-爱代码爱编程

一个开发工具插件,可以理解为 tailwindcss 的小程序版本。 weapp-tailwindcss 是一系列专门为小程序开发而生的插件,主要解决在小程序中使用 tailwindcss 的问题,提升开发效率的全方面

每日一题——leetcode1556.千位分隔符-爱代码爱编程

方法一 个人方法: 把n转为字符串,逆序遍历n,把n的每个元素加入res,每三次加入'.',最后将res翻转再转为字符串即为符合题目要求的结果 var thousandSeparator = function(n) { n+='' let res=[],len=n.length-1 for(let i=len;i>

vue+springboot打造海南旅游景点推荐系统-爱代码爱编程

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 用户端2.2 管理员端 三、系统展示四、核心代码4.1 随机景点推荐4.2 景点评价4.3 协同推荐算法4.4 网站登录4

vue实现商品评分效果(通过插件实现)-爱代码爱编程

Vue.js 实现了一个简单的商品评分功能。用户可以通过点击星星来修改商品的评分,并且评分显示了相应的星星数。 废话不多说,直接上代码 方法一: <template> <div> <avue-form :model="formData"> <avue-form-item label="

vue 入门及应用 ( api )-爱代码爱编程

4.API 4.1. 全局API 通过 Vue 调用 的 就是全局 api, 如前面的 Vue.component() 4.1.1.Vue.directive 自定义指令 Vue.js 中的 Vue.directiv

【知识分享】echarts饼状图封装成组件-爱代码爱编程

封装 Echarts 的饼状图组件也可以让你在 Vue 项目中更方便地使用饼状图。以下是封装 Echarts 饼状图组件的思路和示例代码: (1)继续沿用之前安装的 Echarts 和 Vue-Echarts 插件。 (2)创建一个 PieChart.vue 组件用于封装饼状图: <template>   <div ref="cha

uniapp实现-爱代码爱编程

一、实现思路         需要要定义一个变量, 记录当前激活的步骤。通过数组的长度来循环数据,如果有就采用3元一次进行选择。         把循环里面的变量【name、status、time】, 全部替换为取出的那一项的值。然后继续下一次循环。         虚拟的数据都是请求来的, 组装为好渲染的格式。 二、实现步骤        

使用fabric创建的canvas画布背景图片,自适应画布宽高-爱代码爱编程

之前的文章写过vue2使用fabric实现简单画图demo,完成批阅功能;但是功能不完善,对于很大的图片就只能显示一部分出来,不符合我们的需求。这就需要改进,对我们设置的背景图进行自适应。 有问题的canvas画布背景 修改后的画布背景就可以自适应了    创建的具体代码请看之前的文章,这里只提供解决办法 js部分,重写了设置背景的方法。

vue 入门及应用 ( axios )-爱代码爱编程

7.axios 异步通信 官网 : http://www.axios-js.com/zh-cn Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特性 从浏览器中创建

vue 截图转base64转文件file 异步获取-爱代码爱编程

import html2canvas from "html2canvas"; export function base64ImgtoFile(dataurl, filename = 'file') { let arr = dataurl.split(',') let mime = arr[0].match(/:(.*?);/)[1]

微前端(乾坤)使用记录-爱代码爱编程

当在Vue中使用乾坤微前端框架时,需要进行主应用和子应用的配置和传参。下面是一个完整的示例: 1. 主应用配置: 在主应用的入口文件(如main.js)中,需要进行乾坤的初始化和配置。 import { cre

vue2 + axios + mock.js封装过程,包含mock.js获取数据时报404状态的解决记录,带图文,超详细!!!-爱代码爱编程

vue + axios + mock.js 以下是封装的过程,记录一下 1、首先先了解什么是mock.js的用途及特点        官网地址:Mock.js (mockjs.com)        作用:生成随机数据,拦截 Ajax 请求        优势: 2、了解axios的原理及使用         官网地址:Axios中文文档 |

发布6-爱代码爱编程

截止这之前,JRT已经拥有Web、打印、导出Excel、监听程序、Linux命令、连设备这些功能,还缺摄像头调用功能。本次补全摄像头调用支持,同时支持把摄像头内嵌到浏览器来供业务做功能。 演示视频 内嵌效果 弹出效果