- 博客(63)
- 资源 (1)
- 收藏
- 关注
原创 Vue 项目关于在生产环境下调试
开发项目时,在本地调试没问题,但是部署到生产会遇到一些很奇怪的问题,本地又没法调,就需要在生产环境/域名下进行调试。在这里介绍一个插件Vue force dev ,浏览器扩展里下载即便是设置了Vue.config.devtools=false 只要安装并开启了Vue Force Dev 扩展程序,devtools在生产环境都是可以被轻松打开的。
2023-12-17 20:46:05
834
原创 Nuxt学习笔记
客户端发送 URL 请求到服务端,服务端读取对应的 URL 的模板信息,在服务端做出 HTML 和数据的渲染,渲染完成之后返回整个 HTML 结构给客户端。SSR 是处于 MPA 与 SPA 应用之间的一个折中的方案,仅是首屏时候在服务端做出了渲染,其他页面还是需要在客户端渲染的。在 Node.js 中渲染完整的应用程序,显然会比仅仅提供静态文件的 server 更加大量占用 CPU 资源,因此如果你预料在高流量环境 (high traffic) 下使用,请准备相应的服务器负载,并明智地采用缓存策略。
2023-05-12 15:47:23
759
1
原创 Vue-高德地图-立体多边形绘制
使用 @amap/amap-jsapi-loader 可以方便地在 Vue2 中使用高德地图,同时也可以根据自己的需求添加相应的插件。希望本篇文章能够帮助大家快速上手使用高德地图。
2023-04-27 15:27:43
2476
1
原创 V3基于element slider 滑块改造时间轴线组件
最近在做的一个实时监控功能,需要一个时间轴线组件,下面给大家分享下实现功能的源码。
2023-04-20 10:01:25
1163
1
原创 vue3中使用TcPlayer实现视频监控-代码
这里主要是监控画面的布局通过点击按钮使用grid布局进行切换,tcplayer.js的初始化就不展示了。在index.html头部引入引入播放器的cdn。
2023-04-14 15:55:39
1620
3
原创 vue3中使用TcPlayer实现视频监控-效果图
推流失败时有指定的错误提示【 根据不同的错误码设置不同的错误提示】,方便用户知晓直播状态;当直播失败时可以在播放界面显示视频封面,相对来说比较美观;
2023-04-14 15:26:01
468
原创 Vue前端自动化测试-Vue Test Utils
vue-test-utils是vue官方的单元测试框架,提供了一系列非常方便的工具,使我们更轻松地为vue构建的应用来编写单元测试。主流的JavaScript测试运行器有很多,但vue-test-utils都能支持。它是测试运行器无关的。
2023-03-23 09:57:23
2304
原创 微前端qiankun架构 (基于vue2实现)使用教程
在 utils 内创建 微应用文件夹 microApp,同时在该文件夹内创建微应用出口文件 index.js,路由文件 microAppRouter,配置函数文件 microAppSetting。在main.js文件内引入微应用出口文件 index.js。使用vue脚手架创建主应用main和子应用dev。在App.vue内配置微应用容器及跳转菜单。创建文件夹qiankun-test。微应用出口文件 index.js。配置Webpack、跨域与端口号。路由文件router.js。路由文件router.js。
2023-02-11 00:49:01
3859
4
原创 Git 使用https克隆代码
在管理Git项目上,很多时候都是直接使用https url克隆到本地,当然也有有些人使用SSH url克隆到本地。这两种方式的主要区别在于:使用https url克隆对初学者来说会比较方便,复制https url然后到git Bash里面直接用clone命令克隆到本地就好了,但是每次fetch和push代码都需要输入账号和密码,这也是https方式的麻烦之处,后面会有解决办法。
2022-12-20 14:52:58
3891
原创 TDesign-starter-React
随着 TDesign 的对外开源,TDesign Starter 已全面支持 Vue2、Vue3、React。TDesign React Starter 是基于 TDesign React 组件库的一套中后台模板,提供了丰富、完整的组件示例,在参考社区的最佳实践,并结合我们的业务模式的基础上,最终提炼出了一套开箱即用的解决方案,旨在帮助 React 技术栈的开发者提升研发效能。
2022-10-15 21:57:47
1274
4
原创 Js-console.log还有你不知道的
console 的功能主要在于控制台打印,它可以打印任何字符、对象、甚至 DOM 元素和系统信息,下面一一介绍。
2022-10-11 22:47:21
747
原创 算法基础数据结构
最后给出各数据结构 “访问、查询、插入、删除” 的平均、最差时间复杂度图:这个图来自,你也可以点开链接直接访问。学习了这些基础数据结构之后,希望你可以融会贯通,善于组合这些数据结构解决实际的问题,同时还要意识到没有任何一个数据结构是万能的,否则就不会有这么多数据结构需要学习了,只用一个万能的数据结构就行了。对于数据结构的组合,我举两个例子:第一个例子是如何以 O(1) 平均时间复杂度查询一个栈的最大或最小值。
2022-10-11 21:36:53
193
原创 vite+ts配置项目路径别名
webpack中可以通过resolve.alias定义项目路径别名,这样可以在引入文件时,不再需要使用相对路径,统一以根路径(/src/)作为起点。vite也可以定义路径别名。
2022-10-11 13:56:37
555
原创 mysql学习
sql 语句 结尾必须要有 分号启动:到安装的bin文件下 或者用可视化工具1: 登录:密码2: 查看有哪些数据库3: 切换数据库use 数据库名;没有表: 必须创建表 create table ceshi(id int,name varchar(20));5: 查看表字段明细desc 表名;6: 插入数据insert into 表名 (字段1,..) values (值1...)插入的是数据,表中字段;以及字段的类型;是在创建表示决定的7:更新操作。
2022-10-07 16:06:48
536
1
原创 初始化React电商+TS实战项目
2.根目录下创建 craco.config.js 配置按需导入和自定义主题。1.修改 package.json 里的 scripts 属性。3.根目录下package.json文件。
2022-09-30 21:40:38
1219
3
原创 React Router 6 基本使用
react-router: 路由的核心库,提供了很多的:组件、钩子。包含react-router所有内容,并添加一些专门用于 DOM 的组件,例如等。等。与React Router 5.x 版本相比,改变了什么?内置组件的变化:移除,新增等。变为等。useParams、、useMatch等。官方明确推荐函数式组件了!!!…
2022-09-29 11:28:59
177
原创 React路由旧版本的基本使用
HashRouter的路径包含#,例如:localhost:3000/#/demo/test。BrowserRouter使用的是H5的history API,不兼容IE9及以下版本。1.一般写在所有路由注册的最下方,当所有路由都无法匹配时,跳转到Redirect指定的路由。1.默认使用的是模糊匹配(简单记:【输入的路径】必须包含要【匹配的路径】,且顺序要一致)(2).HashRouter刷新后会导致路由state参数的丢失!1.public/index.html 中 引入样式时不写 ./ 写 / (常用)
2022-09-24 21:44:35
154
原创 create-react-app配置Antd自定义主题/按需导入
antd 的样式使用了 Less 作为开发语言,并定义了一系列全局/组件的样式变量,你可以根据需求进行相应调整。以下是一些最常用的通用变量,所有样式变量可以在 这里 找到。自定义主题按照 配置主题 的要求,自定义主题需要用到 less 变量覆盖功能。我们可以使用craco(一个对create-react-app进行自定义配置的社区解决方案)。修改 package.json 里的 scripts 属性。2、安装craco-less然后在项目根目录创建一个 craco.confi
2022-09-24 21:02:07
1449
1
原创 JS循环习题—50题
60万到100万之间时,高于60万元的部分,可提成1.5%,高于100万元时,超过100万元的部分按1%提成,从键盘输入当月利润I,求应发放奖金总数?1.程序分析:我们想办法把最小的数放到x上,先将x与y进行比较,如果x>y则将x与y的值进行交换,然后再用x与z进行比较,如果x>z则将x与z的值进行交换,这样能使x最小。题目:有五个学生,每个学生有3门课的成绩,从键盘输入以上数据(包括学生号,姓名,三门课成绩),计算出平均成绩,况原有的数据和计算出的平均分数存放在磁盘文件"stud"中。
2022-09-14 21:09:24
1406
1
原创 Promise详解与基础实现(Promise/A+规范)
Promise是异步编程的一种解决方案,可以替代传统的解决方案--回调函数和事件。ES6统一了用法,并原生提供了Promise对象。对象的状态不受外界影响。一旦状态改变了就不会在变,也就是说任何时候Promise都只有一种状态。Promise与callback相比可以避免多个异步嵌套,降低代码复杂性。Promise.all() 全成功我成功 失败一个我失败Promise.race() 谁第一个改变状态就是谁的,无论成功或失败Promise.any() 一个成功我成功,全部失败我失败。
2022-09-13 21:41:30
676
2
原创 使用第三方工具实现commit规范
如果不细心有可能会出错,有没有工具,可以帮助创建提交信. 2:有没有工具检查只有正确提交信息才能commit。body 描述为什么修改, 做了什么样的修改, 以及开发的思路等等。git commit -m '提交规范,这里的注释应该如何编写'package.json文件,会发现多出一部分配置信息。commitlint: commit 提交格式校验工具。1:多人合作开发,commit注释,随机编写。( 2 )填写 scope(选填)2:提交日志太多,无法查找(3:读不懂别人的提交日志。
2022-09-08 22:59:41
291
原创 js闭包深入理解(Closure)
这是因为for循环已经加载完毕,可以看到每个p标签都有点击事件,而onclick是点击之后才执行的,属于同步和异步问题。当我们点击的时候,for循环已经完成,所以i的值恒为3。产生这样的问题在于这个。解决方法——通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响。:用立即执行的匿名函数把它包装起来,这样子做的话,log(i)的值就取自闭包环境中的i。解决方法——使用完变量后,手动将它赋值为null。由于闭包涉及跨作用域的访问,所以会导致性能损失。
2022-09-08 22:46:24
467
原创 常用 Git 命令总结
Git 是我们日常工作中使用频率极高的工具,各种指令让人眼花缭乱,今天,我们就在这里总结一下它的一些基本指令,算是做一份操作笔记吧。
2022-09-07 21:11:59
172
原创 github搜索技巧
很多的小伙伴,经常会有这样的困惑,我看了很多技术的学习文档、书籍、甚至视频,我想动手实践,于是我打开了GitHub,想找个开源项目,进行学习,获取项目实战经验。这个时候很多小伙伴就会面临这样的问题:“我不会搜啊,我该怎么找呀?”,最终只能放弃。相信看完这篇文章,你就可以学会如何精准地在GitHub搜索项目。
2022-09-07 19:35:53
1270
2
原创 搭建 Github 上的 Hexo 博客
创建完后在上面创建的仓库里面点击Settings(不是头像下面那个Settings),向下拉到最后有个Pages,点击Choose a theme选择一个主题。进入 [C:\Users\用户名\.ssh] 目录(要勾选显示“隐藏的项目”),用记事本打开公钥 id_rsa.pub 文件并复制里面的内容。登陆 GitHub ,点击头像进入 Settings 页面,选择左边栏的 SSH and GPG keys,点击 New SSH key。Hexo 基于 Node.js,需要安装 Node.js 和 Git。
2022-08-18 13:54:25
220
3
原创 Android-Studio与Python环境配置
官方链接:Chaquopy – Python SDK for AndroidChaquopy的作用:使用Chaquopy在Android Studio添加Python环境我的环境:(Android Studio 4.0 & Python 3.9)确定设备上有Python环境;python下载Download Python | Python.org创建一个Android工程,在项目目录下的build.gradle文件中添加以下代码: 在app/build.gradle文件中添加以下代码:
2022-08-07 16:04:53
8274
17
原创 Nvm>Node高版本降级为低版本
使用nvm来管理node.js的版本,这样就可以根据自己的需要来回切换node.js版本。这一步用cmd右键管理员打开运行不然会报错。然后就是安装Node。将原来的Node卸载。
2022-08-01 13:32:27
2668
原创 JavaScript之Three.js
在VisualStudioCode打开。1.安装依赖包node_modules。three.js官网中文文档。Threejs中文网。然后右键打开集成终端。
2022-07-19 13:59:09
2632
原创 Nodejs之koa2 – koa-generator环境搭建
node版本在10.0以上npm版本在6.0以上打开cmd 输入以下命令测试安装是否成功安装完student文件里会多出一个node_modules文件夹打开浏览器输入localhost:3000" 访问koa2应用 出现这个就表示配置好了........................
2022-07-13 19:40:50
2596
原创 Windows笔记本网卡驱动坏了/wifi图标消失
按下【Win+R】组合键打开运行,输入:services.msc 点击确定打开服务;确保wired aotoconfig 和 Wlan Autoconfig 服务在启动状态为【已启动】 右键开始,点击设备管理器,找到网络适配器 将有感叹号的驱动右键卸载,然后重启。用U盘在另一台电脑上下载对应自己电脑版本的网卡驱动,然后安装重启。我的是Dell笔记本Dell驱动 方法一和方法二都不行的情况下。打开设备管理器,找到有感叹号的驱动,右键属性如果是无线网卡windows仍在设置此设备的类配置,代码56这个问题需要
2022-06-02 15:48:39
6041
4
原创 发布网站到码云giee/用网址打开网页
首先需要下载git软件Git (git-scm.com)giee没有账号的需要注册账号https://gitee.com/方法一:创建完这里会有教程设置开源在自己的文件根目录下右键Git Bash Here,!!!首页index.html要放在最外面如果是第一次使用的话要全局配置一下//初始化仓库git init//把本地文件放到暂存区git add .//把本地文件放到本地仓库里面git commit -...
2022-05-05 15:13:13
1780
原创 Android和OpenCV载入/保存图片
<!--对SD卡进行写入操作--> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <!--对SD卡进行读取操作--> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>如果图片保存不上就加上这个属性在<app...
2022-04-29 15:28:57
3483
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人