- 博客(51)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 Vue3项目技术点记录
src下建立公共文件夹Utils下建立request.ts配置main.ts组件中使用3 ts封装使用Utils下写一个公用的ts使用4 scss有什么用混合（Mixins）：定义可复用的样式块。下面是简单的使用创建一个名为 styles.scss 的文件，定义变量、嵌套规则和带参数默认值的混合。在组件中使用 SCSS 文件5 组件全局自动导入vite.config.ts配置通过 dts 选项，插件会生成一个 TypeScript 类型声明文件（如 src/componen
2025-03-20 10:59:53
376
原创 JWT在.NET8 Webapi中的使用
身份验证(用户登录后，服务器生成一个 JWT 并返回给客户端。客户端在后续请求中携带该 JWT，服务器通过验证 JWT 来确认用户身份)
2025-03-10 15:44:09
468
原创 MemoryCache内存缓存数据
MemoryCache 是一种在内存中存储数据的缓存机制，通常用于提高应用程序的性能，减少对数据库或其他外部数据源的频繁访问。它通过将常用的数据存储在内存中，使得后续的访问可以更快地获取数据。
2025-02-24 11:31:01
178
原创 VUE3+Vite 环境变量配置
环境变量命名：.env.produciton .env.development。环境分类：开发环境(development)，生成环境(实际部署produciton)必须以VITE_API_*开头，外面才能访问到，不以这个开头的外面访问不到。环境变量：在不同的环境下使用不同的参数配置。
2024-09-10 09:09:28
230
原创 MQTT服务器/MQTT_C#客户端/Websoket连MQTT
找到上传中的 emqx-5.3.2-windows-amd64 打开bin如下：如果安装失败 在上传中找到 VC_redist.x64.exe 安装。正确后在浏览器输入 http://127.0.0.1:18083 会有如下mqtt服务端管理页面：进入客户端认证，创建一个服务端池。里面设置用户名密码。c# 中 mqtt 客户端端口用 ip :1883websoket 端口用 8083。
2024-06-19 14:49:52
2477
原创 C# WebSoket服务器
"Wts Soket连接失败！请检查config中wts地址WtsServerAdd配置！"您的浏览器不支持 WebSocket不能发送该命令，请尝试其他浏览器！"WebSocket已结连接！"WebSocket收到信息: ""hello Websoket!//连接WTS,WebSoket。// 将其他受影响的转换回原来。//Unicode 转 中文。// 对网址的链接进行处理。//异常进行重新连接。
2024-04-10 16:52:04
957
原创 ECMAscript6学习
ECMA是一个浏览器脚本标准制定的公司，Netscape 创造了 JavaScript 由于商标原因，后面ECMA公司取名ECMAscript 1 发布，JavaScript 也就是 ECMAscript.到现在最新的版本是6，简称es6.
2024-03-14 09:13:26
366
原创 Vue中的知识点
vue的实例对象vm拿到data中的数据后会放到_data中,这个_data中就使用Object.defineProperty封装了所有数据的getter与setter,不用key,获取用index当key都有可能出现问题。如果只是展示修改可以。但是建议还是使用唯一标识例如uuid,手机号，身份证，等等。，当数据发生变化时，vue会去根据【新数据】去生成【新的虚拟DOM】。在内存中会有一个虚拟的dom,他会与之前的虚拟进行比较。比较的依据就是key。，一执行外层的数据就修改，界面就会变化。
2024-03-13 14:56:01
485
原创 Vue3快速上手
vue经历从2.0到3.0更新之后，简⽽⾔之就是变得更轻，更快，使⽤起来更加⽅便，每⼀次的版本迭代都是对上⼀个版本的升级优化，不管 是对于我们开发者还是对于⽤户体验都是不断地在越来越⽅便。
2024-02-28 09:14:40
1096
原创 TypeScript学习
⾃定义类型，可以更灵活的限制类型// 性别的枚举Male,Female// ⾃定义⼀个年级类型（⾼⼀、⾼⼆、⾼三）// ⾃定义⼀个学⽣类型// 定义两个学⽣变量：s1、s2s1 = {name:'张三',age:18,gender:Gender.Male,grade:1}s2 = {name:'李四',age:18,gender:Gender.Female,grade:2}
2024-02-27 17:00:11
1290
原创 Vue3_基础使用_4_路由器Router
路由：是一个key-value的对应关系叫路由。：管理多个路由的集合或者叫设备称为路由器。由于现在组件替代了以前的mvc中的cshtml, 组件的菜单切换也不用我手动去写，vue给我们通过配置完成。1.安装路由，由于是vue3直接安装不像vue2加个3版本。2.src下建立router文件夹，在该文件夹下建立index.ts vue3是ts,vue2是js.index中写路由配置准备好跳转的组件。备注：router 文件夹是默认的名称也就是一般都写这个名代表这是管理路由的。
2024-02-22 09:05:32
715
原创 Vue3_基础使用_3_Hooks模块化
今天主要学习的是hooks, vue3的使用比vue2方便很多了，但是呢各个功能块的逻辑有时候还是会缠绕在一起，这个时候使用hooks进行模块化管理开发，说白了就是。1.建立一个hooks 文件夹下面创建每个功能块的ts将他们自己逻辑放到里面。要暴露出去匿名函数，export default。函数里面将外面需要的数据或方法都return出去。先引入，在接收返回值，HTML中直接使用。将说有一个业务相关的交给一个ts的方法去管理。，以后修改就找到这个ts 不用到处去翻。
2024-02-21 14:16:59
335
1
原创 Vue3_基础使用_2
onBeforeMount(()=>{...挂载代码});onMounted(()=>{...挂载完毕代码});onBeforeUnmount(()=>{...卸载代码});onUnmounted(()=>{...卸载完毕代码});onBeforeUpdate(()=>{...更新代码});onUpated(()=>{...更新完毕代码});vue3将销毁改为了卸载，创建只有一个方法，直接在setup中写即可，以上还不包括路由的钩子。定义了一个对象接口规范，后面定义这个对象都得按这个规范来（名称，类型）.
2024-02-02 14:05:06
469
原创 Vue3_基础使用_1
选项式：vue2中数据与方法计算属性等等，针对一个数据的处理在不同的配置中，当业务复杂时很难维护，修改起来也不好查找。ref：添加响应式的 简单变量 和 对象，使用需要加 .value 可以借助插件自动补全.value。watchEffect：引入更高级的监听，不需要告诉他监视什么，他自己根据你的代码去识别。vue3的组合式：将针对数据的方法计算属性等等放在一起管理，利于管理，方便查找。1.在其中定义：变量，数组，对象，方法 html中就能直接{{}}使用。watch：引入监听。
2024-02-01 16:05:00
406
原创 Vue2 Router 路由器的使用_1
vue的开发与mvc不同，它是单文件系统，就是整个系统只有一个index.html页面，而所有的业务都是通过组件去维护，这样的好处是页面不会跳动，也就不会有页面加载的过程，用户体验会更好。当vue项目有很多个业务组件，当我们设计系统菜单时就需要告诉menu点击哪个按钮显示哪个组件，这样不用我们自己去写，我们配置一下vue就帮我们处理好。6.在Main.js中引入自己写的路由器,并配置到vue中，所有组件都受路由的管理。to="/class"：这个特别重要，要与路由器中写的一致，就是告诉路由我要看这个组件。
2024-01-25 15:22:03
622
原创 Mysql的使用
2.安装数据库（网上找安装教程），这个只是数据库服务，并没有可视化工具 不像sqlserver,后面可视化工具使用Navicat Premium 16。全局使用（就是在哪都能直接使用mysql命令不用cd到mysql安装包下）使用大部分与sqlserver 命令差不多 可以网上查询使用；5.在Asp.net中访问mysql;b编写MySQLHelper。命令后面记得加；
2024-01-19 11:30:56
436
原创 Nginx实现负载均衡
负载均衡（Load Balance）其意思就是分摊到多个操作单元上进行执行，例如Web。负载均衡建立在现有网络结构之上，它提供了一种廉价有效透明的方法扩展。关键应用服务器和其它关键任务服务器等，从而共同完成工作任务。效果就是，每次请求后台，访问的不一定就是同一个服务器。、加强网络数据处理能力、提高网络的灵活性和可用性。2.我在Ubuntu下Nginx实现。
2024-01-19 09:58:00
366
原创 Vue在Nginx中发布_跨域
2.现在架构是：html 发布在nginx中，c#接口发布在iis , 现在需要让nginx 反向代理已经发布好的iis接口后台. html中可以Axios调用接口.题外话：ubuntu 中修改nginx的 nginx.conf 配置 可以在桌面修改好 在复制进去 ，获取用命令 复制进去etc/nginx中。1.本节主要解决Ubuntu，nginx中 html项目发布后访问c#接口跨域的问题。nginx 其实就是配置实现代理或web服务器。3.nginx.conf配置。
2024-01-18 11:46:24
381
原创 Vue在Nginx中发布
2.其实就是将 vue的dist文件夹放到nginx下的一个位置，然后etc/nginx/nginx.conf 去配置 访问的ip端口，发布包的位置就行。我是在 虚拟机VMware Workstation Pro 里面安装了ubuntu linux系统下发布的。5.到nginx根目录下新建一个文件夹，放发布包。6.配置nginx.conf 文件 ，这个是最主要的。这个时候输入ip端口应该可以看到页面，但是会存在跨域的问题。
2024-01-17 10:45:20
644
原创 Vue项目在IIS发布
IIS这个url代理重写的意思是：当你请求我发布的这个地址，我就会帮你重写到你配置的地址中去，api 是用来区分 去哪个接口地址请求数据。由于区分开发和生产环境，开发环境用vue自带的代理服务器，生产需要自己配置，那在开发和发布的请求代码就不一样。在VSCode的终端下运行代码命令，会在程序根目录得到一个dist的文件夹 ，iis中就发布这个文件夹。8.点击发布的vue项目右边会有一个【URL重写】双击进入后，右击[添加规则] 随便取个名称，：一般情况下Vue项目可以发布在。地址是iis发布的项目地址。
2024-01-17 10:43:01
1384
原创 VueX的使用
就是将公用的数据放入vuex中的state中，让后把处理方法也写在其中，在外面告诉他要执行那个方法告诉他帮你执行，最后把结果在界面呈现。主要是：const actions = {}，const mutations = {}，const state = {}一层一层的对话。Actions中--》用commit告诉Mutaions需要用你的什么方法；Mutaions中--》就会去做实际的事情，把值给到Store总的某个属性；逻辑为： 组件中用--》dispatch告诉Actions要调用你的什么方法；
2024-01-17 10:37:10
362
原创 Vue插槽
当数据在子组件中，但是父组件需要用他的数据呈现不同的效果时使用。子给父：：param='数据' 父接受：scope='par'，一个组件中有多个位置放置不同内容时使用，子：name='名字' 父：slot='名字'，有一个位置能放内容，适用于只有一个地方放父组件给的内容。作用域插槽：接受到子组件的数据后，怎么显示由父组件决定。插槽用来在组件的指定位置放入HTML或内容。
2024-01-17 10:33:20
359
原创 DIV盒子模型-Flex布局
当父元素宽度不够时， flex 默认是不会换行的，而是会等比例压缩，缩放比例 flex-shrink 属性或复合属性 flex 相关。参考：https://blog.youkuaiyun.com/qq_43894292/article/details/134306035。flex 弹性盒模型是最简便的方法，给父元素设置 display: flex;
2024-01-17 10:31:53
1121
原创 Vue2Vue3代理配置 安装 axios 和使用
3.设置代理服务器，可发送请求和解决跨域问题，跨域可通过（cors,jsonp,代理服务器）现在通过cli的代理服务器实现ajax请求。1最开始一直提示400错误，根据下面的测试可成功安装。一般使用多个后台实现方式。
2024-01-17 10:30:03
800
原创 Vue参数传递之全局事件总线-推荐
通俗解释就是 往一个公共的vm上绑定事件，谁都可以调用。vc的原型是vm 所以可以访问到。1.在Main.js中，定义事件总线 -------尚硅谷推荐这种。组件间的通讯还有 消息订阅与发布 但是 推荐使用 全局事件总线。
2024-01-17 10:22:18
412
原创 Vue参数传递之props属性
1.给组件传递参数之 数据 对方定义了一个叫todos的参数。子组件：接受到参数： //方法也是一样。2.父组件：将定义的数据传递过子组件。4.下面是传递方法 也是一样。
2024-01-17 10:20:52
380
原创 Vue属性关键字
标识，代表id用，this.$refs.div_1.innerHTML;Key属性Vue虚拟DOM自己用,提高效率一般用唯一值默认索引。This关键字不要用箭头函数会让this指向window。style里面加这个属性代表只能当前组件能用的样式。这样才会被vue继续代理响应式。
2024-01-17 10:13:44
392
原创 Vue基础
Main.js 为入口文件 --》APP组件，他为组件的老大哥，这里配置需要使用的子组件 ---》 子组件。Vue通过单文件组件的方式，将页面以功能进行拆分，单独编写成 .vue 的文件，后面又通过组装成一个系统。index.html 不用引入main.js 这是vue已经关联好的无需纠结，一般该文件只写一个根元素。2.全局事件总线 ----用于组件间的通信---推荐这种。Vue的开发模式与习惯于常规的编码有着根本的逻辑区别。3.消息订阅与发布 ---用于组件间的通讯。
2024-01-17 10:10:41
345
原创 Vue脚手架 和 Axios和Ajax的区别
可以自动安装vue所需要的插件，避免手动安装各种插件，以及寻找各种cdn并一个个引入的麻烦。axios实现了对ajax的封装，axios有的ajax都有，ajax有的axios不一定有.就像jquery对ajax的封装一样，ajax技术实现了局部数据的刷新，理论上，axios是通过Promise实现对ajax技术的一种封装，vue和webpack的项目模板；快速构建vue项目的工具。
2024-01-17 10:06:26
410
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人