自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

一个前端小白的博客

自学者最后的尊严!

  • 博客(53)
  • 收藏
  • 关注

原创 uni-app 与webView 互相传值

1.webView 要找到正确的children!如果页面中只有一个webView标签则直接可以 currentWebview.children()[0]在uni-app 传值有多种实现方式,主要推荐evalJS ,次要webSorcket。2.H5页面中的监听 function 必须写在全局,不要写在任何load事件中!首先需要下载官方的web-view.js。

2025-03-21 14:17:33 672 1

原创 webWorker使用总结

Web Worker 是一种在浏览器后台运行脚本的技术,它允许你在不影响页面性能和响应速度的情况下执行复杂的计算任务。通过 Web Worker,你可以创建一个或多个后台线程来处理耗时的操作,如数据处理、图像操作、网络请求等,而不会阻塞主执行线程(即负责渲染页面和响应用户交互的线程)。

2025-02-27 10:51:07 535

原创 DeepSheek 本地部署

安装完成后会打开一个命令行,执行命令ollama run deepseek-r1:7b 就可下载安装,选择7b 的模型就行,本地万元电脑以下也就能带动这个。DeepSheek 是个啥我也不说了,最近好多卖课程教部署DeepSheek,感觉是个智商税,现在教大家本地简单部署下DeepSheek,很简单就两步。如果报错以下端口被占用,则关闭本地自动启动的ollama 程序,再执行 ollama serve。在终端cmd 中执行ollama serve。,点击下载安装,默认安在C盘。再次打开ollama。

2025-02-23 17:07:35 571

原创 uni-app集成sqlite

SQLite 是一种轻量级的关系型数据库管理系统(RDBMS),广泛应用于各种应用程序中,特别是那些需要嵌入式数据库解决方案的场景。它不需要单独的服务器进程或系统配置,所有数据都存储在一个单一的普通磁盘文件中,这使得它非常适合用于开发小型到中型的应用程序。修改表设计需要自己传入sql语法,initSqlite时传入sql语句即可自定义表设计。默认支持数据批量插入,表字段只有 id 和 content。index.js 该文件参考网上来源。我将代码都放到了一个文件夹里。一般用于app离线缓存。

2025-02-23 16:34:45 630 1

原创 ml5.js框架实现AI图片识别

ml5.js 提供了简单的接口来加载和使用机器学习模型,如图像分类、文本生成、姿态估计等,不需要深入理解底层的数学原理或复杂的编程技巧。ml5.js 构建在 TensorFlow.js 之上,提供了一系列预训练模型和简易的 API 接口。先进行一个简单的图片识别demo (这里我使用的是汽车图片)创建index.html。创建sketch.js。

2025-02-12 14:27:15 291

原创 uni-app 访问公司内网接口跨域解决

最近用uni-app 开发app软件遇到接口请求跨域和第三方地图资源跨域的问题,这里就简单说一下解决方案。

2024-12-12 17:32:05 740

原创 在线图片,视屏转base64格式

最近需要开发设计器布局好的视频图片转成图片展示解决思路: html2canvas 插件(问题:在线图片绘制有问题)

2024-11-21 11:23:05 441

原创 布局设计器

最近遇到一个设计器的需求,要求拖拽布局,图层管理,自定义组件预览,分辨率等等功能。说白了就是先用设计器布局然后在屏幕上播放你布局好的内容所以不多说了直接上代码代码地址。

2024-11-19 17:42:59 176

原创 vue3+vite 前端打包不缓存配置

最近遇到前端部署后浏览器得清缓存才能出现最新页面效果得问题所以…按以下方式配置完打包就没啥问题了,原理很简单就是加个时间戳。

2024-11-08 10:23:21 859

原创 vue3+vite 部署npm 包

使用element-plus,pinia 开发的vue3组件部署到npm

2024-10-26 21:43:27 1007 1

原创 vue3集成sql语句编辑器

使用的是codemirror。

2024-09-03 14:44:47 1324

原创 简单上传组件的封装

只有一部分,另一部分是在基础表单组件里只是个展示和上传没关系就不写了。

2024-07-22 15:22:44 273

原创 Java学习Lambda表达式

有且只有一个未实现的方法叫做Lambda表达式,可以实现函数式编程。

2024-06-02 11:01:03 356

原创 nginx常用配置说明

前端访问地址是 http://10.128.51.43:8086。前端访问地址:10.123.54.43:(80端口可以不写)vhost/ry.conf 文件。

2024-05-15 15:38:13 190

原创 前端奇怪面试题总结

不修改下面的代码进行正常结构答案对象缺少迭代器,需要手动加上这行代码打印出什么?答案apply 调用方式就是 函数.apply(参数1,[3,15])所以转换后就是 (a => a).apply(3,15)15游离节点造成的内存泄漏问题总结浏览器对最后一个获取焦点的input框是不会执行内存回收的!这个是个浏览器bug。如果我们最后一个表单节点是个富文本怎么办?解决办法:就是动态创建一个获取焦点的input框惰性函数。

2024-05-05 00:16:21 354

原创 typescript常用方法整理

【代码】typescript常用方法整理。

2024-04-27 18:09:55 169

原创 Centos7下搭建Prometheus

在网页打开prometheus 浏览器输入 [你的ip地址]:9090 默认端口是9090。官方模版地址 https://grafana.com/grafana/dashboards/配置prometheus 程序 使用 systemctl 管理 Prometheus。配置promethenus 配置文件,我这里监听的是官方的模版。每次修改完配置文件后一定要检查prometheus文件。下载wget 用来下载Prometheus。设置prometheus 开机自启动。热更新prometheus。

2024-04-13 19:29:00 444

原创 node express 请求参数接收方式汇总

安装 express-generator 相当于vue的cli 用来快速生成express项目。express生成器生成的代码中会自动使用参数解析中间件!get请求 参数是 url?id=1 类型的参数在query中获取。express 是node.js 中写后端服务比较流行的框架。get请求 动态参数 url/1 参数是在params中获取。生成项目mynode -e是使用ejs模版。post请求 是用 req.body中获取。express接收参数的方法汇总。模拟post请求 查看请求打印。

2024-04-11 22:56:03 508

原创 微信小程序打开pdf文件流遇到的坑总结

搞了好久才确定是referrer的问题(这个是网关的坑,一般都是第三方的referrer拦截了)如果微信api下载失败有很大可能是第三方网关的Referer 做了安全限制!小程序拿到后 将base64 写入一个临时文件 然后打开就ok了。如果返回的是这样 (如下图)

2024-02-07 11:06:33 2079

原创 redis安装流程整理

linux 安装redis

2023-10-23 14:44:53 175

原创 kvm 不同存储池中卷的复制 virsh vol-create-from 的简单使用

主要用的就是这四个参数。

2023-10-19 11:08:10 253

原创 lvm删除分区、扩容分区

【代码】lvm删除分区、扩容分区。

2023-10-18 10:47:26 643

原创 gitLab安装

在浏览器中输入你的 GitLab 地址,例如 http://gitlab.example.com,即可访问 GitLab。添加 GitLab 的仓库并安装 GitLab。重新配置 GitLab 并启动服务。安装依赖包 (ssh、http)安装 Postfix(邮件)

2023-10-16 11:23:33 113

原创 基础网络知识纪录

通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器。

2023-07-13 11:02:53 768

原创 css多字体文件的引入和使用

font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中。如果是vue项目直接在main.js 中引入就可以。

2023-06-07 10:57:47 1094

原创 简单的上传图片文档预览下载栗子

js 简单的上传预览

2023-04-21 14:05:22 94

原创 echarts 增加x轴的缩放与滚动

data: powerDate.value, // x轴数据。show: false, // 是否显示下面的滑动组件。// 不要使用ref 包装echarts!show: false, // 隐藏x轴刻度。symbolSize: 6, // 拐点大小。show: false, // 隐藏x轴线。name: ‘右上角title’,data: [], // y轴数据。// echarts 图的位置。主要属性 dataZoom。text: ‘暂无数据’,name: ‘标记线’,

2023-03-17 17:12:53 940

原创 canvas 中的rotate原地旋转的简单实现方法

canvas 原地旋转的简单实现

2022-11-07 10:34:00 2465

原创 微信小程序简单签名实现

微信小程序简单签名实现

2022-08-30 14:39:31 672

原创 webpack笔记

代码】webpack笔记。

2022-08-10 16:10:35 93

原创 微信小程序worker的简单使用

app.json文件配置{ "workers": "worker"}worker文件创建用worker 实现计算···// pages目录下 index.jsPage({onLoad() {// worker目录 必须是绝对路径前面不能有’/’this.worker = wx.createWorker(‘worker/index.js’, {useExperimentalWorker: true,})},// 点击事件handleClick() {this.worke

2022-05-24 16:01:00 1809

原创 轮播图一维数组转二维数组

记得一点笔记 let list= [] city.forEach((item, index) => { // 下标从0开始 所以向下取整 let page = Math.floor(index / 10) if (!list[page]) { list[page] = [] } list[page].push(item) }); console.log(list)...

2021-10-26 11:30:02 151

原创 mock 笔记

Mock.mock()rurl: 表示需要拦截的 URL,可以是 URL 字符串或 URL 正则。例如 //domain/list.json/、’/domian/list.json’rtype: 表示需要拦截的 Ajax 请求类型。例如 GET、POST、PUT、DELETE 等template: 表示数据模板,可以是对象或字符串。例如 { ‘data|1-10’:[{}] }、’@EMAIL’。function: 表示用于生成响应数据的函数。Mock.mock( templat

2021-05-31 17:45:19 49 1

原创 vue3组件中的事件校验emits简单使用

直接上代码这里没使用脚手架 主要是懒HTML 页面<script src="https://unpkg.com/vue@next"></script> <div id="app"> <button-list @click-event="handleClick" /> </div>js 代码关键// 先创建一个Vue实例 const app = Vue.createApp({ data() { retur

2021-03-17 17:23:41 4144 1

原创 不用正则获取url链接参数

不用正则获取url链接参数getUrlParme (parme) { let url = window.location.href; //截取到参数,包含当前位置需加1,已&分割成数组。 let parameter = url.substring(url.indexOf("?") + 1, url.length).split("&"); //把参数放到对象里去 let [value,obj] = [,{}] for(let i = 0; valu

2021-01-29 10:24:02 188

原创 简单的搜索方法

1.顺序搜索顺序或线性搜索是最基本的搜索算法。它的机制是,将每一个数据结构中的元素和我们要找 的元素做比较。顺序搜索是最低效的一种搜索算法。 function search(arr,item) { for(var i =0; i < arr.length; i++){ if(arr[i] == item){ return i } } return -1 }2.二分搜索二分搜索算法的原理和猜数字游戏类似,就是那个有人说“我正想着一个1

2020-09-28 10:15:42 1922

原创 局部代码关闭eslint 校验

关闭单一文件校验要在文件头部加注释/* eslint-disable */关闭当前行校验let arr = null; // eslint-disable-line关闭下一行代码校验// eslint-disable-next-linelet arr = []关闭段落校验/* eslint-disable */ 代码块/* eslint-enable */关闭指定错误校验no-undef 是指定的错误eslint-disable-next-line no-u

2020-07-22 18:06:37 4759 1

原创 Mysql的简单使用笔记

增删改查增 : INSERT INTOINSERT into person(name,stu_no) VALUES ('张六',1000007),('赵四',1000001)删:DELETE FROMDELETE from person WHERE id = 24改:UPDATE TABLE SETUPDATE person set name = '张思思' WHE...

2020-04-13 15:35:37 315

原创 微信小程序获取节点实例的简单使用

获取页面的实例wx.createSelectorQuery() 返回一个SelectorQuery实例SelectorQuery :1.select() 返回一个NodesRef 实例2.selectAll() 返回所有匹配选择器的NodesRef 实例3.selectViewport() 选择显示区域。可用于获取显示区域的尺寸、滚动位置等信息。4.exec() 执行所有的请求...

2020-03-27 11:48:29 1885 4

原创 对象的一些基本方法和扩展运算符

1.深拷贝对象或者数组// 深拷贝对象let person = {name:'小王',age:19}let son = {...person} // {name:'小王',age:19}//深拷贝数组let arr = [1,2,3,4]let arr1 = [...arr] // 12342.合并对象或者数组let name = {name:'隔壁老王'}let age ...

2020-03-26 15:13:49 431 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除