- 博客(171)
- 收藏
- 关注
RSS订阅原创 关于开启弹性盒子之后当只有文本内容的和单独存在时内容无法撑起宽度从而对齐的解决方案
突然想起来这种情况，这种情况就是开启弹性盒子后如果一个盒子里只有纯文本内容，你的盒子是撑不起来的，这时给宽度也会无效（除非取消弹性盒子）以最大的内容的宽度为盒子的宽度。宽度固定，内容会自适应高度。意思是盒子宽度由内容撑起。
2023-11-03 09:27:51
247
原创 关于根据动态数量的对象的某属性的数组数量呈乘机式增长的数据处理
adta是原始数组,currentIndex默认是零,currentObject初始对象,result处理生成的结果。
2023-10-28 09:05:57
329
原创 vue3中开启了keepAlive但是页面仍然会刷新走生命周期的解决方案
vue3中开启了keepAlive但是页面仍然会刷新走生命周期的解决方案
2023-10-10 08:56:03
1427
原创 vue2中使用vuex全面解析
初入前端写的是vue2，近些年一直在做vue3的项目，久未接触过vue2的代码了，今日突然维护了一个v2项目记忆已不似当年，今日对我以往所有接触的vuex使用做个总结。
2023-09-01 15:58:55
605
原创 使用provide和inject时初始化有效但监不听到provide导出的值的变化
但vue3里的响应式绑定要自己用shallowReactive和reactive进行手动绑定。vue2里肯定不会遇到我这种问题，因为他对data数据源全部进行了响应式绑定。导致我们有时候会传shallowReactive和reactive内部的值。此时provide和inject是监听不到你的值的（太悲惨了）这个问题是我自身的沙雕问题，仅供参考。
2023-05-25 11:23:21
376
原创 Navicat连不上MySQL数据库
8.0版本之前的mysql加密规则是mysql_native_pssword，8.0版本之后是caching_sha2_password【强加密规则】，但是现在navicat还不支持最新的加密规则。查了一下说是因为MySQL8.0和之前版本的密码加密方式不一样。我们使用navicat连接mysql数据库时会报密码错误。当用户名密码都正确sql上能进去数据库。
2023-05-25 11:04:03
276
原创 文件上传web端和uinapp之间的相互转化
我们知道，uniapp和vue很像，像但又不完全像，再uniapp里官方提供的有单独上传文件的api，uni.uploadFile用来上传uniapp的各种文件，不过也能使用axios，想使用axios的话需要基于uni.request再进行封装。web端文件上传最原始的方法，就是创建FormData对象，在创建的对象里添加属性以及要上传的文件，可以直接使用axios进行上传，上传到后端的minio集群里（个例）。
2023-01-11 10:34:05
295
原创 js中在onload回调事件需要用return的返回值
说明onload要等待x资源都加再完成了才能执行。按照平常理论上这样写一点问题也没问题。但是返回的是undefined。改进 利用promise的回调。后续所有操作都在这回调里面执行。
2022-12-13 09:46:15
972
原创 站点部署之Nginx篇
为什么要引入Nginx，服务器都有公网ip，通过ip我们能访问到我们服务器上的页面和数据。但是把ip暴露出来是非常的不安全的，有可能遭受到黑客等会攻击服务器，这时我们可以给公网ip穿一层衣服，ip有了，域名有了，怎么把衣服穿到对的人身上呢？这Nginx不就来了。
2022-12-12 00:19:46
148
原创 站点部署之Halo篇
站点部署操作其实很简单，现在有很多镜像可以使用，像wordpress，Halo，Hexo等等去官网都有部署教程，我这里只对Halo进行分析。
2022-12-08 21:12:15
888
原创 站点部署之Docker篇
部署站点的插件有很多，之前我用过wordpress，使用宝塔面板一键部署。但是PHP语言维护过于艰辛（虽然我基本不动代码）我决定使用Docker来部署自己的站点，部署站点的意义不是为了部署站点而部署站点，要去学习其流程思想，要有宏观思想，要去学习一个项目从出生到上线再到展现到用户面前的整套流程，这样才有大局观，更能打开我们编程的思维。什么是Docker？Docker 是一个开源的应用容器引擎，基于 Go 语言 并遵从 Apache2.0 协议开源。我们编程硬件需要一台电脑，软件需要操作系统，跑程序需要代
2022-12-06 20:07:31
699
原创 什么是vue？
MVVM的出现正是缓和了这一现象，ViewModel层分担了之前Controller层的众多负担（这也是大方向，因为前后端分离后大前端时代到来，对前端的要求更高）这样后期维护就会简单很多，但是MVVM相比于MVC在代码量上是没有减少的反而增加了，会让人感觉有些吃力不讨好的感觉，不不不你错了，思路往往比解题要重要，当优点大于缺点的时候，那些原本不重要的缺点就不再是缺点了（狗头）。数据驱动视图，视图又能影响数据，提到这又要引申出来两个名词，MVC框架以及MVVM框架。Model：数据存储。
2022-11-08 11:25:12
621
原创 vue中video绑定的值发生了改变页面video标签并未刷新的解决方案
vue中video绑定的值发生了改变页面video标签并未刷新的解决方案
2022-11-07 16:30:09
1255
原创 vue中关于cookie的获取设置和修改
新增名为name的cookie和有效时间。获取名为name的cookie的值。删除为name的cookie。
2022-11-07 11:11:26
1419
原创 关于在vue中使用eventBus接收监听被多次触发的解决办法
首先事件总线是全局的 也就是说 当你每次emit触发一次这条线就已经创建存在了 当整个程序在运行时他就会一直存在 每当你触发一次就会新建一条事件总线 也是为什么会触发多次函数的问题所在。既然能创建肯定就能销毁，每次使用后把他销毁不久完了 就像计时器每次使用完都会有其相应的clear。它会一直累加进行请求 除非你再次刷新界面 它才会从新从1开始再累加 这肯定不行的。这里我把传值直接放在了列表更新函数里面进行触发了。当我点击切换组件的时候 离谱的来了。当刷新完界面第一次点击tabs。为什么会有这个问题呢？
2022-09-23 09:52:41
1899
原创 关于在使用elementui的tabs组件进行切换组件时会闪屏的解决方案
在使用elementui的tabs组件进行切换组件时内容会抖动闪屏。加v-if 如何加 代码如下。
2022-09-01 16:53:23
3034
原创 Object.assign()方法不能合并深层次对象
我们只知道Object.assign()方法能合并对象，已存在键的会对其进行更新，不存在的会新增并合并生成一个新对象。而不是我们想要的这样的 { a: { x: 1,z:3, y: 2 }，d：3 }输出结果会是{ a: { b: 1, c: 2 } ，d：3}但是 Object.assign()方法合并只适用于单层对象。我们可以找个替代品来实现对象的深层合并（看别的大佬写的代码）就是Object.assign()方法是单层深拷贝。而这个方法是在a的值的基础上进行更改。...
2022-09-01 14:31:27
1001
原创 三目运算符的多层嵌套
嵌套语法： 条件1?值1或操作1: //如果满足条件1，就返回值1或执行操作1条件2?值2或操作2: //否则，如果满足条件2，就返回值2或执行操作2以此类推进行多条件嵌套。这样做有个弊端，就是当你拿本对象直接当做入参时，对象里会多出来两个入参（可能会影响响应结果，当然也可能不影响）三目运算符的基础用法是二选一，当我们想多选一时就可以利用三目运算符的多层嵌套来完成（可以替代if多层判断）其实我们可以在渲染数据时利用三木云算符进行判断。根据不同的条件，执行不同的操作/返回不同的值。当时进行先处理数据后渲染。.
2022-09-01 10:55:07
2597
1
原创 关于elementui样式修改后无点击效果的解决方案
使用栅格布局后下拉和checkbox都无反应。解决办法：在最外层套个盒子 给个overflow: hidden属性。
2022-08-29 09:50:43
601
原创 请求本地的json文件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .root{ width: 800px; margin: 30px auto; border: 2px solid
2022-04-10 17:08:36
2289
原创 json解析
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>json解析</title> <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/> </head> <body> <table class="layui-table" s
2022-04-10 17:07:14
1087
原创 利用JQ写一个百度导航条
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>百度导航栏</title> <style type="text/css"> *{ margin: 0; padding: 0; } .root{ width: 100%; height: 40px; background-color:
2022-04-10 17:04:34
328
原创 利用JQ写一个购物清单效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .list{ width: 450px; height: 200px; line-height: 200px;
2022-04-10 17:03:08
278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人