自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 GoJS基础

可拖放、复制粘贴、就地文本编辑、工具提示、上下文菜单、自动布局、模板、数据绑定和模型、事务状态和撤销管理、调板、概述、事件处理程序、命令,以及用于自定义操作的可扩展工具系统。GoJS 提供了多种方式来绑定和处理这些事件,包括在 Diagram、Node、Link 等对象上绑定事件监听器。这些类共同构成了 GoJS 的基本架构,通过组合和配置这些类,你可以创建各种复杂的交互式图表应用。简介: Shape 用于绘制基本图形,如矩形、圆形、线条等。简介: Part 是所有图表部件的基类,包括节点、链接和组。

2024-07-05 13:58:39 1015

原创 react-native 搭建windows开发环境及报错解决办法

选择需要下载的SDK Platforms / SDK Tools,先勾选右下角Show Package Details。找到android\build.gradle文件,在 repositories添加一下两段代码即可。低于 0.67 版本的 React Native 需要 JDK 1.8 版本(官方也称 8 版本)。找到android\build.gradle文件,在 repositories添加以下代码即可。SDK Tools 栏勾选 Android SDK Build-Tools 34。

2023-10-17 14:32:41 1550

原创 Node bcrypt加密

在上面的示例中,bcrypt.hash()函数接受三个参数:要加密的明文密码、加密的强度(通常是一个数字,值越大加密强度越高,但也消耗更多的时间和计算资源)、以及一个回调函数。上面的示例中,bcrypt.compare()函数接受两个参数:用户输入的密码和存储的哈希值。Node.js的bcrypt库是用于密码哈希和加密的常用工具之一。通过调用bcrypt.hash()函数,你会得到一个经过哈希处理的密码。使用bcrypt进行密码加密的常见方法是使用bcrypt.hash()函数。

2023-09-21 10:22:51 290

原创 react-redux 详解 redux-promise

在 Redux 应用中引入 redux-promise 中间件,并将其添加到 Redux Store 的中间件链中。在 Redux 应用中引入 redux-thunk 中间件,并将其添加到 Redux Store 的中间件链中。② 在 src/index.js 中引入 src/store/index.js。允许你在 Redux 中处理异步操作,并且简化了异步操作的状态管理过程。(1)定义:用于存储整个应用的 state 数据的唯一容器。在 Reducer 中处理异步操作的 Action。

2023-09-19 17:34:50 332

原创 react语法

记录下react的基本语法及遇到的问题,分享给大家。让分享成为创作的动力!react脚手架安装,组件定义,组件传值方式学习文档链接。

2023-09-07 14:51:01 232

原创 js打印及问题处理(CLodop/jquery.print.js)

整理下知道的前端打印功能,涉及到二维码打印及遇到的问题和解决方法,分享给大家。解决打印模糊,打印机没反应,扫码打印的二维码太久等问题

2023-07-28 11:52:36 1248 1

原创 阅读小记录

为了解决上面出现的扁平化依赖算法耗时长问题,npm 引入 package-lock.json 机制,package-lock.json 的作用是锁定项目的依赖结构,保证依赖的稳定性,实现并发网络请求,最大化网络资源利用率,其次还有利用缓存机制,实现了离线模式。js 设计模式分类:创建(单例、原型、工厂、抽象、建造),结构(桥接、外观、适配器、代理、组合、装饰器),行为(观察者、迭代器、策略、模板方法、状态、命令、访问者、中介者、备忘录、解释器、职责链)。v3 版本作了较大的更新,开始采取扁平化的依赖结构。

2023-07-19 09:09:00 55

原创 vue 源码解析

watch:watcher解析表达式,收集依赖,在依赖(表达式值)改变时触发回调(handler);调用所有watcher的update更新。数据双向绑定:用Object.defineProperty方法重写data中每个数据的get,set方法,在get中执行依赖收集(执行 Dep.depend 方法)和set中派发更新通知(执行 Dep.notify 方法)。computed。

2023-07-14 15:57:37 2830 1

原创 vue 引入jest 单元测试

为什么要搞单元测试,好处有什么。

2023-06-01 16:11:18 1214

原创 XSS攻击分类及解决办法

DOM型XSS:攻击者将恶意脚本代码注入到网页的DOM节点中,当用户打开含有恶意脚本代码的网页时,恶意脚本代码会被浏览器执行,攻击者可以通过该脚本进行攻击。存储型XSS:攻击者将恶意脚本代码注入到网站的数据库中,当用户访问含有恶意脚本代码的页面时,被注入的恶意脚本代码会被执行,从而达到攻击者的目的。反射型XSS:攻击者将恶意脚本代码注入到URL或者表单中,当用户访问该URL或提交表单时,恶意脚本代码被执行,利用浏览器漏洞进行攻击。

2023-05-11 17:41:42 596

原创 vue可视化拖拽组件

空闲时间研究了下可视化拖拽,写了个简单的demo,完成了基本的拖拽,配置功能。

2023-05-10 18:16:35 2544 1

原创 CSS3 实现卡片翻牌效果

昨天做了个大屏,里面有个数据统计展示的,如图根据推送过来的实时数据动态变化有动画效果,翻牌。

2023-05-08 17:54:44 805

原创 前端导出excel格式文件

前段时间做了个前端导出的功能,自定义导出文件名。把思路和代码分享下,希望对大家有所帮助。需求:导出页面列表展示的所有数据。

2023-05-05 16:11:25 621

原创 nvm node管理工具

开发中基于不同版本安装的gulp,需要切换npm。第三包依耐的node环境不一致,需要切换node。推荐NVM。“NVM” 是 “Node Version Manager” 的缩写,用于管理 Node.js 版本的工具。它可以让你在同一台机器上同时安装多个 Node.js 版本,并且可以轻松地在这些版本之间切换。NVM 在开发 Node.js 应用程序时非常有用,因为不同的应用程序可能需要使用不同的 Node.js 版本。NVM 可以让你方便地切换版本,而不需要手动安装和卸载它们。

2023-04-26 13:37:38 47

原创 nginx 解决前端跨域问题

vue项目本地开发接口调试时,使用proxy配置反向代理即可,如果线上到不同的服务器会有跨域问题,也可以让后端添加白名单,现在研究下nginx 的配置项下面分享基本的配置及使用代理访问。

2023-04-26 11:18:09 666

原创 vue化学方程式

录入化学式的时候按化学式的格式; css模拟鼠标光标效果; vue3.0 + ts v-model 组件传值;vue3.0 自定义指令。

2023-04-21 10:44:25 465

原创 vue3.0 + ts 引入详细步骤及语法校验报错解决办法

前端时间学习了ts,于是用脚手架搭了个vue3.0+ts+tsx的项目,各种语法校验问题,整理下遇到的问题以及解决办法,分享给大家。共勉!!!

2023-04-18 13:59:00 14121

原创 vue3.0 + ts H5拍照详细代码

pc端调用摄像头,本地实现H5拍照功能;解决拍照模糊问题;解决角度问题;

2023-04-17 17:18:06 441

原创 vue3.0 + ts echart可视化地图展示

做了很多有关echart地图展示的需求,写点基础的用法和常规的展示样式配置方式,希望有所帮助。使用echart展示全国,地市,镇街地图;自定义每个区域颜色;添加区域标注点;地图阴影,tooltip自定义样式,labe阴影。

2023-04-15 11:16:16 908

原创 MySQL 5.7 版本的安装及简单使用(小白级)

注:(1)sql语句要以分号结尾;(2)初次登录不用输入密码直接回车(3)修改密码成功后删除 my.ini 中skip-grant-tables。点击【环境变量】,再点击 path,再点击拍【新增】,在输入框中输入解压包安装路径;注:(1)不要包含中文路径;(2)路径到 /bin 目录。输入安装路径后,按弹窗顺序依次点击【确定】,即配置成功;鼠标双击点击【最佳匹配】中的查看高级系统配置;点击电脑屏幕左下角windows图标;网盘下载获取,直接从网盘下载解压包。在输入框中输入高级;

2023-04-12 15:55:53 501

原创 vue3.0 + 百度地图绘制海量数据

渲染20万条线耗时1s,程序运行1.1ms。注: 使用百度地图画线api(Polyline),多次调用页面卡顿。使用canvas绘制对应的点,核心使用pointToPixel api把地图坐标点转换成页面像素点。

2023-04-11 20:13:58 371 1

原创 vue3.0 + canvas 离线地图

百度地图离线部署,可下载全国各地瓦片图。其他api可查看百度api官网。

2023-04-07 11:38:06 503 2

原创 vue3.0 + ts H5拍照组件

添加了旋转功能, 添加拍照图标修改插槽;添加照片清晰度分辨率设置;实现了简单的拍照功能,拍照成功返回文件对象;

2023-03-31 17:43:09 519

原创 PC端调用mediaDevices 对象,获取摄像头权限,实现H5拍照

mediaDevices 对象是 JavaScript navigator 对象的一个属性,提供了对媒体输入设备(如摄像头和麦克风)的访问。它是 WebRTC(Web 实时通信)API 的一部分,允许在 Web 浏览器之间进行实时通信。mediaDevices 对象提供了访问设备媒体流、控制设备和处理错误的方法。它可以用于创建视频和音频会议应用程序,以及其他实时通信应用程序。

2023-03-31 17:06:23 626

空空如也

空空如也

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

TA关注的人

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