- 博客(59)
- 收藏
- 关注
RSS订阅原创 uni如果本地存储中的值为对象，如何获得对象中的某个值
由于前端知识不牢固，以及第一次写uni。一般碰到uni本地存储的问题我一般都是网上查找。而查到的答案一般为：存储本地为：uni.setStorageSync('名字', 内容)获取本地存储则为：JSON.parse(uni.getStorageSync("名字"))但是这些都是基于格式为：字段：内容。即但这次遇到的是变量名：一大串的对象。于是这个办法就失效了。
2024-04-16 09:04:46
520
原创 vue 父组件怎么获取子组件里面的data数据
通过以上步骤，父组件可以通过`$refs`属性访问子组件的数据。在父组件中使用`this.$refs.childComponent`来获取子组件实例，然后通过`.`操作符访问子组件中的数据或方法。这样就可以实现父组件获取子组件里面的data。2. 在父组件引用子组件：** 在父组件中使用`ref`引用子组件，并通过`$refs`属性来访问子组件的数据。在Vue中，父组件可以通过`ref`引用子组件，并通过`$refs`属性来访问子组件的数据。
2024-04-02 16:05:36
1331
原创 vue2 父组件引入子组件
感觉自己基础知识不是很扎实，在项目中好好学习。记录一下。vue其中比较一个好用的就是一个页面中内容过多。为了更好的操作以及管理代码。可以将一个页面分成好几个部分，最后整合到一个一起。
2024-03-28 09:29:06
874
原创 uniapp 返回上一页再进入当前页mounted不执行
但是，首次进入的时候，函数没有被执行。我是因为需要用到onLoad去调用接口函数。所以就将我的自定义函数放到了，onLoad里面，解决了首次进入页面不执行的问题。再通过activated()解决再次进入当前页不执行的问题。最近做项目，使用的uniapp+vue2.碰到了一个问题。如a页面跳转到b页面。点击返回到A页面，再次进入到b页面。在mounted函数中的自定义函数不执行。其实是因为自己基础知识的不扎实，以及vue生命周期的了解不够。经过各种尝试以及网上各位大佬的经验。
2024-03-27 13:48:16
1211
原创 前端学习方法
想要全面的掌握javascript,关键在于弄清楚它的历史,局限性和本质-------Eslint的作者技术的的出现是为了解决问题,不是为了让大家学技术的W3C官网:w3.orgMDN官网:可以切换成中文。
2023-02-02 18:23:11
188
1
原创 写网页前的准备工作,以及写网页的流程
能够根据项目需求创建根目录1.图片文件夹:images2.样式文件夹:CSS文件夹一般命名为英文,因为将来要上传到服务器.服务器不支持中文,如果用中文可能会出问题布局思路:从外到内,从上到下,从左到右css:浮动/display/盒子模型;文字样式。
2023-02-01 15:16:49
899
原创 浮动怎么写?
就是平时见到的那样,比如div换行显示,行内元素没有宽高.常见标准流排版规则:1.块级元素:从上往下,垂直布局,独占一行2.行内元素或行内块元素,从左到右,水平布局,空间不够自动换行但是标准流的排列方式很多时候无法满足我们的需求.浮动的作用就是为了让块级标签完美的在一行显示.在学习浮动之前,我们想要让块级元素同一行显示可以将块级元素转成行内块元素.但是会有问题.一行显示后,浏览器解析行内块或行内标签的时候,如果标签换行书写会产生一个空格的距离三.浮动-作用以前是用来图文环绕现在是。
2023-02-01 13:37:19
264
原创 伪元素该怎么写?作用是什么?
css去写标签.一些不重要的装饰性的内容可以用伪元素.,有内容,就写内容.没内容就写content放引号。内容放到content里面,一定要有。元素指的是标签,伪指的是假的,那么。::before 在该内容的前面。::after 在该内容的后面。
2023-01-30 11:57:54
147
原创 外边距的折叠现象
垂直排列的盒子,如果同时加了margin,上下的margin会合并.最终两者的距离为margin的最大值解决办法:只给其中一个盒子设置margin即可二.塌陷现象互相嵌套的块级元素,子元素的margin-top会作用到父元素身上.导致父元素一起往下移动解决办法:1.给父元素设置borde-top或者padding-top(分隔父子元素的margin-top)2.给父元素设置(这个方法最好)3.转换成行内块元素4.设置浮动。
2023-01-30 10:30:25
221
原创 jq确认框确定按钮事件重新绑定
最近在做公司的总控项目,这个项目比较老,全是用html,css,js,jq完成的.陆陆续续也碰到不少问题,记录一下.
2023-01-29 11:11:06
431
原创 element-plus UI 中的el-date-picker组件在vue3项目中时间选择无反应解决方案
百度了以后发现原因是,element-plus版本太低了.我们是需要升级element-plus的版本就好了.这次的项目,是vue3+element-plus写的.今天突然发现,时间选择器里的时间点击没反应.可以到package-lock.json文件中查看element-plus版本号.1.先卸载版本低的element-plus。2.安装最新的element-plus。
2022-09-29 11:12:15
3053
1
转载 vscode无法获取切换git上最新的远程分支解决办法
最近在使用vscode开发前端，由于每两周为一个迭代周期，因此需要经常从git远程拉取新分支，但是在使用vscode的左下角点击分支准备拉取新分支时，根本无法看到代码托管平台的新分支，从而也无法切换，为了更清楚地展示这个现象，可以看如下截图：1）从代码托管平台上的分支截图可以看出有个feature/V1.0.0.0822_A的分支2）我在终端使用如下指令查看远程分支：复制代码git branch -r发现根本没有该分支，因此也无法切换。解决办法：1）在终端使用如..
2022-05-09 09:15:09
7225
转载 Python IDLE快捷键一览
teamworld原文PythonIDLE快捷键一览Ctrl + [ 、Ctrl + ] 缩进代码Alt+3 Alt+4 注释、取消注释代码行Alt+5 Alt+6 切换缩进方式 空格<=>TabAlt+/ 单词完成，只要文中出现过，就可以帮你自动补齐。多按几次可以循环选择Alt+M 打开模块代码，先选中模块，然后按下此快捷键，会帮你打开改模块的py源码供浏览Alt+C 打开类...
2022-05-05 06:08:06
3977
1
原创 jq实现表格内容超出页面需要滚动时,表头thead固定在顶部
目录前沿:实现思路:前沿:当我们一个表格的行数过长时,我们往下滑时,表头也就对应的往上滑了.可能就被盖住了,我们看不到了.但这样就会不方便,我们无法知道对应的列代表什么东西,所以这个时候我们就需要实现让表头不会消失一直能够在顶端显示.实现思路:我自己也是找过很多办法有一一尝试过,这个方法是我觉得相对来说最好的.首先单独写一个表头,让它处于隐藏.然后去判断页面滚动的距离,当表头消失时,让我们单独写的表头显示出来.这样就能实现这个效果了.这个距离需要自己去调试找到合适的.
2022-04-27 11:21:19
914
原创 jq实现把弹框填写的内容传给表格单元格中
前言:为了加载速度更快,不浪费资源,所以领导要求我每次添加内容以后,不更新页面去展示我添加的内容,这个时候,我参考了之前写好的其他页面.发现领导的解决思路是把填写的内容给需要更新显示的表格中.实现效果:可以看到弹框中有报销数量,我填写以后,需要在表格中展现我填写的内容.解决思路:难点:一个产品可能会在多个项目中出现,同时如何区别报销数量是哪个产品呢?解决思路:每条产品它都是有对应的项目代码以及商品编号的.所以如果只熬到该商品是在哪个项目下的,同时知道他的商品编号就好办了.
2022-04-27 11:02:27
436
原创 jq实现表格相同内容行合并
个人总结感想(解决办法下滑哦!)好久没有更新了,不代表没有好好工作哦!好久没有更新的原因是:之前的管理后台任务结束后,我被叫去了写公司内部的管理后台.但是项目较老,是用jq+Amaze UI前端框架写的.我比较少这方面的经验,很多东西也没有接触过,所以就比较慌乱.同时呢,自己内心也很纠结,因为和我一起写这个项目的后端是我们公司的领导,我很开心有他能够带我一起学习,因为他工作认真负责,也有很多我没有的经验,面对一些问题,他总能迅速的出来一个解决方案,总能从一些稀奇古怪的角度找到我想不到的解决办
2022-04-27 10:36:41
1265
1
原创 display:flex flex-grow
我的css学得真的好差,今天遇到一个样式搞了半天.## 问题:首先我需要将这两部分分为一个在右边一个在左边.这个比较简单可以通过 display: flex; justify-content: space-between;来实现.问题出在了,因为这是对半分的,所以左边和右边的width各占一半.这样会出现一个问题就是,我页面缩小的时候,我左边文字多的部分可能会被遮盖住.但是我右边还空了很多.如下图我肯定希望我左边的宽度大一点,右边的宽度小一点.那么怎么做呢?## 解决方法:...
2022-02-10 16:34:01
906
原创 文字从下往上滚动 各类插件及实现方法[vue]
今天接到任务要我实现下图的第三种文字效果实在没有思路,于是百度了好久.找到了几种实现方法,其中也有插件.第一种方法:参考文章对整个列表实现上移动画 将列表的第一个数据移动到最后一个因为vue是基于数据驱动的，所以，对我们开发者来说，直接操控数组，删除第一个数组数据，然后追加到数组后面就好了。template 部分 <!-- 无缝滚动效果 --> <div class="marquee-wrap"> <ul class="marque...
2022-02-10 10:45:39
1621
2
原创 element-ui编辑时出现编辑框在编辑且表格内容也在改变.编辑框内容未保存,表格内容出现未保存的编辑框内容,需要刷新才正确
问题:点击编辑,我在编辑框编辑手机号时,我删除手机号.表格中的手机号也在跟着我的操作而发生变化.我点击取消,不保存我编辑后的内容.编辑对话框关闭后.表格显示的还是为我刚刚编辑的手机号.解决办法:在点击编辑按钮的那个方法中,对表格内容进行深拷贝. // 打开编辑菜单弹窗 const onOpenEditDept = (row: object) => { // console.log("修改",row); state.edit_id = row.id; state.rul
2022-02-09 12:01:33
626
原创 时间戳处理：vue中请求接口 返回的数据 将时间戳转换成时间 并渲染到页面
问题:今天遇到一个问题是,请求接口,返回了很多的时间戳数据.将时间戳转换成时间.并渲染到页面上.之前有篇文章讲的是单个时间戳的转换.这次是多个数据.我有点不知所措了.分析:经过思考,我们可以这样分析.首先这次与上次不同的是数据有多个.所以其实方法是一样的.只需要将多个数据罗列出来处理.这个时候我们就可以想到forEach方法.state.tableData.data.forEach(item => { });罗列出来以后我们就可以对时间戳进行处理了.首先是将时间戳
2022-01-26 14:45:07
2757
原创 工作中的自我反思[实时更新]
本篇将一直记录自己工作中犯的错,需要注意的点:1.class,click等需要命名的地方,命名的名字一定要注意.例如,上传文件的点击事件,它的标签为你就不要取名为upload了.这样当你想要快速找到这个点击事件的时候你就会很费劲.如下,上传文件的点击事件只有一个,但因为取名为upload就会很难找取名不知道取什么,可以参考这个在线的取名网站https://unbug.github.io/codelf2.要学习如何看官方文档,知道它的东西怎么使用.这个我还需要自己多去琢磨3.即便不是自己写的代
2022-01-17 09:36:11
4608
原创 25.watch对比computed
首先再次回顾一下,watch和computedwatch监视属性还可分为深度监视,即加一个deep:truecomputed计算属性它具有缓存,第一次调用或者发生改变时会调用.如果有多个他只会调用第一次,后面的都是使用缓存里面的内容.当有比较复杂的运算的时候使用计算属性比较好....
2022-01-12 16:41:41
83
原创 条件渲染v-show与v-if
v-show就是将display设置为了none将元素隐藏掉了.v-show与v-if都能实现显示或隐藏,那么使用哪个呢?如果切换频繁的话建议使用v-show,因为v-show只是控制display:none但是v-if是在DOM节点里面添一个节点删一个节点.存在效率上的问题.如果多个判断的话也可以用v-if,v-else-if,v-else按住alt可以选中多行注意点如果我们多个h2标签都有相同的条件显示或隐藏<h2 v-if="true">你好</h2>
2022-01-12 09:42:06
264
原创 26.看前端视频的感悟,来自碎碎念记录
首先根据这两天的视频学习看来,我有以下几点感受.**1.视频知识点零散,建议针对知识点看完视频以后还要多找案例进行练习.**视频比较适合零基础的学习,可能比较浅显.零散的小知识点,因为没有在大项目中应用,都是一些小案例.所以学习的时候可能对他的理解比较表面,没有真正理解这个知识点他真正的作用.它究竟好用在哪里.所以比较建议多去找几个关于这个案例的练习.零基础没有接触过可能难以理解.但如果真正接触过项目,因为基础掌握的不好而看视频的,感可能就会比较深了.就像计算属性.可能视频案例只是姓和名的一个连接.但其实
2022-01-11 11:46:09
1351
原创 清除element-ui校验错误提示信息
今天工作中需要实现一个需求就是当我出现错误提示后,我再次打开这个对话框是希望错误提示信息消失的.我们可以去看一下element-ui官方文档,里面有一个方法是可以实现这个效果的. **this.$refs['form'].clearValidate();****这里的form是你form表单中ref的名字**但是后面又碰到一种情况,代码一样但是缺一直报错.我的form表单写在card卡片下的.不知道是不是这个原因造成的.进行断点以后发现this.$refs[“exchGoods
2022-01-07 14:19:15
2079
1
原创 element-ui日期时间选择器自定义选择范围
今天工作中遇到一个问题,需要限制elementi-ui里面的日期,灰色的为不可选.然后再这个里面还发现了自己缺的知识点,就是this的问题,这里this不能用,会报错.打印可以发现this是undefined,因为this的指向是实例对象.可以使用箭头函数,箭头函数可以解决这个问题.这个后面我需要研究一下.来源:https://blog.csdn.net/qq_36229632/article/details/109180069...
2022-01-04 11:07:53
825
1
原创 隐藏elemeent-ui中日期选择器的清空按钮,清空图标
问题:今天上班时需要解决一个,日期选择器里面的清空图标及清空按钮的隐藏(不可用)首先是图标如何隐藏呢?所以只需要在日期时间选择器标签里面写上这个属性为false就好了那么隐藏清空按钮怎么写呢?想法来自于https://blog.csdn.net/qq_41648113/article/details/109614918但是我写了没用,让我就重新写了一个style标签,和我一样没有效果的可以参考..el-picker-panel__footer .el-picker-panel__li
2021-12-23 16:12:05
6652
2
原创 关于element-ui input框赋值后,无法编辑的问题
问题:今天需要实现一个功能是:党委周期类型选择活动时间为一周期时,每周期总参与次数是不可编辑的且值为活动总名额的值,而当我周期类型选择非活动时间为周期.每周期总参与次数是可编辑的.但是我发现,当我选择非活动时间为一周期时,input框无法编辑,也不能删.查了很多的资料,才知道是vue有响应式问题,这是视图层和数据层的响应问题…解决办法:使用vue中this.$set,那么为什么使用它呢?怎么用呢?https://www.jianshu.com/p/6f28f5abee08代码如下:首先
2021-12-23 15:58:46
1349
原创 element-ui下拉框可选可输入
我们element-ui的下拉框如使它既能输入也能下拉选择呢?其实使用element-ui可以注意去看element-ui官方文档clearable 是否可以清空选项filterable 可输入搜索下拉内容
2021-12-16 16:36:53
1628
原创 后端渲染内容中一部分字改变颜色
如果我们的内容是由后端渲染得到,但我又希望统一的去改变一部分的字体颜色,比如正常状态为一个颜色,异常状态又为一个颜色如果需要改变的颜色过多怎么办呢?比如一部分绿色,一部分红色,蓝色…这个时候再用三元表达式就容易出错了.之前就强调过,超过三个就不要用三元表达式了这个可以看到用的是过滤器.我们这里准备现实的文字用的其实也是过滤器...
2021-12-16 09:32:41
405
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人