- 博客(63)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue 项目关于在生产环境下调试
开发项目时，在本地调试没问题，但是部署到生产会遇到一些很奇怪的问题，本地又没法调，就需要在生产环境/域名下进行调试。在这里介绍一个插件Vue force dev ,浏览器扩展里下载即便是设置了Vue.config.devtools=false 只要安装并开启了Vue Force Dev 扩展程序，devtools在生产环境都是可以被轻松打开的。
2023-12-17 20:46:05
699
原创 Nuxt学习笔记
客户端发送 URL 请求到服务端，服务端读取对应的 URL 的模板信息，在服务端做出 HTML 和数据的渲染，渲染完成之后返回整个 HTML 结构给客户端。SSR 是处于 MPA 与 SPA 应用之间的一个折中的方案，仅是首屏时候在服务端做出了渲染，其他页面还是需要在客户端渲染的。在 Node.js 中渲染完整的应用程序，显然会比仅仅提供静态文件的 server 更加大量占用 CPU 资源，因此如果你预料在高流量环境 (high traffic) 下使用，请准备相应的服务器负载，并明智地采用缓存策略。
2023-05-12 15:47:23
713
1
原创 Vue-高德地图-立体多边形绘制
使用 @amap/amap-jsapi-loader 可以方便地在 Vue2 中使用高德地图，同时也可以根据自己的需求添加相应的插件。希望本篇文章能够帮助大家快速上手使用高德地图。
2023-04-27 15:27:43
2265
1
原创 V3基于element slider 滑块改造时间轴线组件
最近在做的一个实时监控功能，需要一个时间轴线组件，下面给大家分享下实现功能的源码。
2023-04-20 10:01:25
992
1
原创 vue3中使用TcPlayer实现视频监控-代码
这里主要是监控画面的布局通过点击按钮使用grid布局进行切换，tcplayer.js的初始化就不展示了。在index.html头部引入引入播放器的cdn。
2023-04-14 15:55:39
1517
3
原创 vue3中使用TcPlayer实现视频监控-效果图
推流失败时有指定的错误提示【 根据不同的错误码设置不同的错误提示】，方便用户知晓直播状态；当直播失败时可以在播放界面显示视频封面，相对来说比较美观；
2023-04-14 15:26:01
415
原创 Vue前端自动化测试-Vue Test Utils
vue-test-utils是vue官方的单元测试框架，提供了一系列非常方便的工具，使我们更轻松地为vue构建的应用来编写单元测试。主流的JavaScript测试运行器有很多，但vue-test-utils都能支持。它是测试运行器无关的。
2023-03-23 09:57:23
2231
原创 微前端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
3727
4
原创 Git 使用https克隆代码
在管理Git项目上，很多时候都是直接使用https url克隆到本地，当然也有有些人使用SSH url克隆到本地。这两种方式的主要区别在于：使用https url克隆对初学者来说会比较方便，复制https url然后到git Bash里面直接用clone命令克隆到本地就好了，但是每次fetch和push代码都需要输入账号和密码，这也是https方式的麻烦之处，后面会有解决办法。
2022-12-20 14:52:58
3702
原创 TDesign-starter-React
随着 TDesign 的对外开源，TDesign Starter 已全面支持 Vue2、Vue3、React。TDesign React Starter 是基于 TDesign React 组件库的一套中后台模板，提供了丰富、完整的组件示例，在参考社区的最佳实践，并结合我们的业务模式的基础上，最终提炼出了一套开箱即用的解决方案，旨在帮助 React 技术栈的开发者提升研发效能。
2022-10-15 21:57:47
1207
4
原创 Js-console.log还有你不知道的
console 的功能主要在于控制台打印，它可以打印任何字符、对象、甚至 DOM 元素和系统信息，下面一一介绍。
2022-10-11 22:47:21
709
原创 算法基础数据结构
最后给出各数据结构 “访问、查询、插入、删除” 的平均、最差时间复杂度图：这个图来自，你也可以点开链接直接访问。学习了这些基础数据结构之后，希望你可以融会贯通，善于组合这些数据结构解决实际的问题，同时还要意识到没有任何一个数据结构是万能的，否则就不会有这么多数据结构需要学习了，只用一个万能的数据结构就行了。对于数据结构的组合，我举两个例子：第一个例子是如何以 O(1) 平均时间复杂度查询一个栈的最大或最小值。
2022-10-11 21:36:53
176
原创 vite+ts配置项目路径别名
webpack中可以通过resolve.alias定义项目路径别名，这样可以在引入文件时，不再需要使用相对路径，统一以根路径（/src/）作为起点。vite也可以定义路径别名。
2022-10-11 13:56:37
493
原创 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
509
1
原创 初始化React电商+TS实战项目
2.根目录下创建 craco.config.js 配置按需导入和自定义主题。1.修改 package.json 里的 scripts 属性。3.根目录下package.json文件。
2022-09-30 21:40:38
1176
3
原创 React Router 6 基本使用
react-router: 路由的核心库，提供了很多的：组件、钩子。包含react-router所有内容，并添加一些专门用于 DOM 的组件，例如等。等。与React Router 5.x 版本相比，改变了什么？内置组件的变化：移除，新增等。变为等。useParams、、useMatch等。官方明确推荐函数式组件了！！！…
2022-09-29 11:28:59
155
原创 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
139
原创 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
1428
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
1337
1
原创 Promise详解与基础实现（Promise/A+规范）
Promise是异步编程的一种解决方案，可以替代传统的解决方案--回调函数和事件。ES6统一了用法，并原生提供了Promise对象。对象的状态不受外界影响。一旦状态改变了就不会在变，也就是说任何时候Promise都只有一种状态。Promise与callback相比可以避免多个异步嵌套，降低代码复杂性。Promise.all() 全成功我成功 失败一个我失败Promise.race() 谁第一个改变状态就是谁的，无论成功或失败Promise.any() 一个成功我成功，全部失败我失败。
2022-09-13 21:41:30
644
2
原创 使用第三方工具实现commit规范
如果不细心有可能会出错，有没有工具，可以帮助创建提交信. 2:有没有工具检查只有正确提交信息才能commit。body 描述为什么修改, 做了什么样的修改, 以及开发的思路等等。git commit -m '提交规范，这里的注释应该如何编写'package.json文件，会发现多出一部分配置信息。commitlint: commit 提交格式校验工具。1：多人合作开发，commit注释，随机编写。（ 2 ）填写 scope（选填）2：提交日志太多，无法查找(3：读不懂别人的提交日志。
2022-09-08 22:59:41
281
原创 js闭包深入理解（Closure）
这是因为for循环已经加载完毕，可以看到每个p标签都有点击事件，而onclick是点击之后才执行的，属于同步和异步问题。当我们点击的时候，for循环已经完成，所以i的值恒为3。产生这样的问题在于这个。解决方法——通过把跨作用域变量存储在局部变量中，然后直接访问局部变量，来减轻对执行速度的影响。：用立即执行的匿名函数把它包装起来，这样子做的话，log(i)的值就取自闭包环境中的i。解决方法——使用完变量后，手动将它赋值为null。由于闭包涉及跨作用域的访问，所以会导致性能损失。
2022-09-08 22:46:24
444
原创 常用 Git 命令总结
Git 是我们日常工作中使用频率极高的工具，各种指令让人眼花缭乱，今天，我们就在这里总结一下它的一些基本指令，算是做一份操作笔记吧。
2022-09-07 21:11:59
144
原创 github搜索技巧
很多的小伙伴，经常会有这样的困惑，我看了很多技术的学习文档、书籍、甚至视频，我想动手实践，于是我打开了GitHub，想找个开源项目，进行学习，获取项目实战经验。这个时候很多小伙伴就会面临这样的问题：“我不会搜啊，我该怎么找呀？”，最终只能放弃。相信看完这篇文章，你就可以学会如何精准地在GitHub搜索项目。
2022-09-07 19:35:53
1164
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
211
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
7424
17
原创 Nvm＞Node高版本降级为低版本
使用nvm来管理node.js的版本，这样就可以根据自己的需要来回切换node.js版本。这一步用cmd右键管理员打开运行不然会报错。然后就是安装Node。将原来的Node卸载。
2022-08-01 13:32:27
2540
原创 JavaScript之Three.js
在VisualStudioCode打开。1.安装依赖包node_modules。three.js官网中文文档。Threejs中文网。然后右键打开集成终端。
2022-07-19 13:59:09
2560
原创 Nodejs之koa2 – koa-generator环境搭建
node版本在10.0以上npm版本在6.0以上打开cmd 输入以下命令测试安装是否成功安装完student文件里会多出一个node_modules文件夹打开浏览器输入localhost:3000" 访问koa2应用 出现这个就表示配置好了........................
2022-07-13 19:40:50
2571
原创 Windows笔记本网卡驱动坏了/wifi图标消失
按下【Win+R】组合键打开运行，输入：services.msc 点击确定打开服务；确保wired aotoconfig 和 Wlan Autoconfig 服务在启动状态为【已启动】 右键开始,点击设备管理器，找到网络适配器 将有感叹号的驱动右键卸载，然后重启。用U盘在另一台电脑上下载对应自己电脑版本的网卡驱动，然后安装重启。我的是Dell笔记本Dell驱动 方法一和方法二都不行的情况下。打开设备管理器，找到有感叹号的驱动，右键属性如果是无线网卡windows仍在设置此设备的类配置，代码56这个问题需要
2022-06-02 15:48:39
5681
1
原创 发布网站到码云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
1726
原创 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
3398
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人