自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(50)
  • 问答 (1)
  • 收藏
  • 关注

原创 使用uniapp开发时自定义tabbar

【代码】使用uniapp开发时自定义tabbar。

2024-02-28 17:56:54 402

原创 腾讯云域名备案后,如何解析到华为云服务器Linux宝塔面板

二、申请ssl证书,这一步可以让我们的域名使用https进行域名访问,增加网站和应用的可信度。在腾讯云上可以免费申请。就申请一个,当然财大气粗可以忽略,用钱买,这里提醒一下,用钱买的正式证书更好,毕竟一分钱一分货。五、保存后重启浏览器,试试使用你的https://域名加端口,去访问你的宝塔面板,他不再提示链接不安全,说明已经成功了,至于你要直接不加端口访问你的网站80端口,需要你另外配置。四、最后一步,我们在腾讯云上下好的ssl证书压缩包,解压下来的文件使用记事本打开,根据提示复制粘贴到对应的框框内。

2023-11-02 23:51:20 513

原创 前端,关于一个骚气的页面阅读定位图(菜单)

之前在网上看到一个特别骚气的页面阅读定位菜单,今天给大家分享一下原理,先看效果图:这是我之前浏览联想官网上看到的一个效果图,觉得相当骚气。然后我把他的背景图扣下来,也做了一个,看看效果。

2023-09-07 16:31:53 185

原创 js+vue,前端关于页面滚动让头部菜单淡入淡出实现原理

js+vue,前端关于页面滚动让头部菜单淡入淡出实现原理

2023-09-04 23:29:53 787

原创 关于uniapp开发使用uni-ui组件表单校验一直不通过的原因及解决方案

今天使用uniapp开发东西的时候,发现我的表单校验一直通不过,后面才发现少东西了。我在uni-forms上少放了modelValue,但在官方文档上没有提示。所以要做验证必须加这个属性。因为直接像下面这样写也是可以双向绑定的,谁能想到,

2023-07-05 11:22:07 1973 1

原创 关于我是用element-plus+vue3页面自动刷新的趣事,element-plus+vue3方法自动执行

事情是这样的,在页面写了一段方法代码,并没有调用,但是每次进入都会自动调用。发现后还挺有趣的。原来是因为组件名称和方法名称一样,结果会自动调用,我也不知道为啥,哈哈哈。

2023-06-28 16:07:47 455

原创 微信小程序云开发报错“Cannot read property ‘envId‘ of undefined“原因及解决办法

"Cannot read property ‘envId‘ of undefined"原因及解决办法

2023-03-19 16:39:58 4300 2

原创 vue-router + el-menu动态渲染二级菜单

vue-router + el-menu动态渲染二级菜单

2022-10-31 10:58:20 1067

原创 使用vxe-table行合并后所合并到的行后面会多出一列空白出来,

使用vxe-table行合并后所合并到的行后面会多出一列空白出来,

2022-08-02 14:13:06 1624 4

原创 vue + elementUI学习小笔记,使用自定义事件监听引入组件弹窗的关闭和开启事件

需求:在引入组件弹框时想获取关闭事件,并对数据做出处理编写弹框组件:<template><!---@close是elementUI的关闭事件---> <el-dialog title="消息通知" :visible.sync="newsDialog" @close="newsClose"> <div slot="header" class="el-dialog__header">123456</div>

2022-05-06 17:36:08 1095 2

原创 vue使用<script src=“vue.js“></script>的模式下怎么给局部组件添加事件

一:注册你的组件(我这里是一个弹框)components:{ 'err-confirm':{ props:{ isShow:{ type:Boolean, default:false }, 'errmsg':String, calback:function(){ this.$emit('calback') } }, template:`<div class="dialog"> <div class="dia

2022-04-18 17:53:07 1734

原创 axios在做请求时如何添加请求标头headers

今天遇到一个需求,前后端数据交互时需要添加请求标头(headers)*(直接上代码了)我的解决方案:post方法:axios.post(this.baseUrl+'/vat/fpxx',{ "params":value},{ headers:{ 'authorization':Token }}).then((res)=>{})注意:post的headers不能写在请求体里面,在参数对象之前或之后都可以,再添加一个对象,然后声明headers;get方法:axi

2022-04-14 17:10:31 11384

原创 运行npm install 时,卡在sill idealTree buildDeps没有反应:解决方案

这个东西有点奇怪看了好多博文都说再继续 npm install 就可以了,但我这死活不行还报错:是不是就挺蛋疼的。我的解决方案(步骤):能执行到这里我想各位应该多是安装了nodejs了的,淘宝镜像cnpm也不需要我过多介绍了,就不废话了,(百度搜索多的是)1、重新执行 vue init webpack "project_name",(这里的project_name你们自己随意)2、一路回车到使用安装插件的时候我们先别急着回车使用上下方向键选择一下:(这里如果你安装了yarn他会有选择

2022-04-14 16:58:32 23117

原创 初学node Express使用req.body无法获取到前端form表单传过来的数据解决方案,

今天闲来无事学习了一下node.js,在使用express创建了项目之后想测试req.post来测试获取前端数据的时候遇到了一些问题,记录一下解决过程,这里是想直接send数据到页面上的,但获取到的确实空对象{}var express = require('express');var router = express.Router();router.post('/index', function(req, res, next) { res.send(req.body);});

2022-04-07 23:18:05 1580 2

原创 AdminLTE 拖拽,AdminLTE卡片移动,AdminLTE 拖拽移动

今天使用AdminLTE做后台管理项目需要做个图表并且可以移动的,但是看到LTE实例上可以移动以为只需要引入主要js和css就可以尽情拉扯,但……好像没用:不过最终我通过筛选,终于找出了原因---其实移动功能是jQueryUI的,我们要引入jQueryUI,然后就是LTE的 dashboard.js文件刚开始看到这句话还以为这东西要不要无所谓,但后面筛查,里面好像是调用标签排序(jqueryui 的 sortable)讲这么多其实以上都不是重点, 所以最后建议我们一起去快乐学习jQu

2022-01-14 09:27:46 443 1

原创 js json数据去重。json数据如何将相邻的一条数据的重复数据删掉,通过key判断值相等的

数据:table:[{code:1,value:"哈哈哈",name:"姓名一",age:"23",article:"10001"},{code:1,value:"哈哈哈",name:"姓名三",age:"23",article:"10005"},{code:3,value:"哈2",name:"姓名一",age:"25",article:"10003"},{code:1,value:"哈2",name:"姓名一",age:"25",article:"10006"},{code:2,valu

2021-12-08 11:16:43 560

原创 js循环表格,在开始循环行列之前数据已经指定数据在单元格的位置:(第几行,第几列),该如何循环?

正常思维是:我们先循环行然后再循环列,然后依次将数据填到td里面就可以了。如下:var TableObj = document.getElementById('table');var table = [{value:123,code:0},{value:223,code:0}];var tableStr = '';for(var i =0;i<table.length;i++){ tableStr += '<tr>'; tableStr += '<td

2021-12-02 10:39:26 2072

原创 mongodb中有数据但是在nodejs中查询得到的是[]的原因

遇到一个神奇的问题,今天用nodejs连接mongodb数据库时toArray却得到个空的,但是我的mongodb是有数据的,后面给它增加身份验证就好了,我也不知道咋回事。

2021-11-24 11:11:24 1104

原创 js时间段选择,js时间戳、加减天、时分秒、加减

如上图需求:当我选"一周内"时我要截取当前时间的七天之内的时间(今天天减去七天就是开始时间,结束时间就是今天)“一月内”减30天以此类推,如何实现呢?看代码://时间对象var DateStr = new Date();//==== 一天算法:/***这里算法解析:1秒=1000毫秒1分钟=60秒1小时=60分钟1天=24小时***/var TimeDays = (1000 * 60) * 60 * 24;//当前时间戳var nowTime = DateStr.get...

2021-11-03 16:05:50 2395

原创 原生js获取childNodes无法设置样式解决方法

var block = ev.currentTarget.parentNode.childNodes;for(var i = 0;i<block.length;i++){ block[i].backgroundColor = "#000000";}上面这样写是木得效果滴。要加上.style解决方法:var block = ev.currentTarget.parentNode.childNodes;for(var i = 0;i<block.length;i++){ b.

2021-07-16 17:14:59 498

原创 vue.js无法使用length属性进行判断,以及解决方法

今天刚使用vue.js,在页面上使用v-if条件进行判断是否显示时,对数组进行长度判断(arr.length)时,报错:Error in render: "TypeError: Cannot read property 'length' of undefined"Cannot read property 'length' of undefined<h1 class="btn_change" v-if="List.tasks.length<1">暂无数据……</h1&gt

2021-02-05 10:13:05 3132 5

原创 vuejs如何在生命周期内调用methods内的方法,并实现页面数据渲染。

首先咱们先看一下代码结构:假设你想在页面进来的时候自动获取数据列表,并且这个方法在其他地方也有用到,但是我们并不想写重复代码你可能想到在生命周期created的时候调用getKeyTask方法,如下:这种逻辑其实是没问题的(而且也能运行),但有时候就很懵逼同样的代码,它会报getKeyTask is undefined 或者报propty的错误,因为官方的文档对created的解释是这样的:在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data obse

2021-01-29 12:05:25 2043

原创 vue对选中的checkbox和radio获取值

今天有个需求,使用Vue获取选择框对应的某条数据。如下图:看到上图,下面两个选择框是从后台获取的,我选中了一个之后,点击保存,会把这条数据整个获取。下面看代码:这里要注意一点:有v-model并且还要有:value它才能获取的到。...

2020-12-23 10:59:29 1612

原创 jQuery使用$jq.html()无效时,的原因

有时我们在外部文件js中使用jq.html()无效?原因:当我们使用$(#id).html()无效,根本没有把想要的dom选然进去,其实是因为你的页面没有加载完成,就已经执行了js代码,解决方法:我们在js文件中使用等待页面加载完成时执行代码就可以了。jq可以加:$(function(){//这里面写你的程序代码}),或者:onload = function(){//这里写逻辑代码}...

2020-12-07 16:02:04 3974

原创 如何用js实现点击复制文本功能兼容版

今天遇到个功能,当我点击某按钮或者相应操作时,就复制相应文本。下面先看看页面视图:如上图所见,当我点击复制时,复制前面的文本。下面看代码实现:(我想各位要看的是功能,所以样式我就不给了哈。)HTML:<div class="underline_input" id="date01">啊啊啊啊啊啊</div><a href="javascript:" class="copy-btn" onclick="copay($(this))" copay_text=.

2020-11-30 15:18:32 222

原创 如何解决checkbox设置全选然后你手动去改其中一个的选中状态,js就对其状态无法控制

先来说一下今天遇到的需求,首先有多个多选框,需要实现全选功能,我是按钮的方式控制是否全选,如下图所示:当我点击全选时,下面的checkbox会全选上,下面是我的页面层级结构:<label class="cont_list_item"> <div class="cont_list_checkbox"> <input class="item_check" type="checkbox" /> <i class="item_check_icon"&

2020-11-06 10:44:07 404

原创 对input使用伪类(::after,::before)不显示的解决方法

有时候我们想弄一个多选框或者单选框,但是又不想使用input自带的样式,如下:首先我想到的是给input添加伪类元素(::before).cont_list_item .item_check::before{ content:" "; display:block; border:1px #449FDB solid; border-radius:50%; position:absolute;top:0;left:0; width:15px;he

2020-11-04 10:14:19 12227

原创 前端input操作,修改光标颜色,去除背景色

修改光标颜色方法:input输入框的光标颜色修改有两种: 第一种设置光标颜色的同时修改光标颜色,使用:color:green; 第二种:只修改光标颜色,使用:create-color:green;更改input输入框背景色:从事前端工作半年以上的同志都知道,我们的input输入框是有默认背景色和边框的。但有时候我们有需求放自己的背景色或者没有背景色。 更改颜色很:这比较简单,就是平时我们用的background-color:red;就可以了。 去掉背景色:首先我们要明白的是背景色是标签自带

2020-07-24 09:31:00 6735 1

原创 css中before和last-child一起使用或者after和first-child一起使用

今天遇到一个需求!!!!往我下面看……(想啥呢?看图!!!)没错!!就是你看到的这三个有点黑黑的点……(不要在意细节!)我是用ul无序列表写的。在li里面设置before和after弄成中线的线条(无缝连接呀);好吧回归正题。我的想法是:第一个点的上面和最后一个点下面没有连接线。所以我刚开始想到的是:disc-item::before:first-child{condent:" ";display:none;}然而这是没啥用的-。。。!哈哈!!!!好吧,知道你急了,死鬼别.

2020-07-23 15:53:53 5535 1

原创 ajax如何在不改变异步请求的情况下在外面拿到return数据

之前一直想不明白ajax要return数据必须是同步状态才可以。$.ajax({ url:Url, type:GetType, async:true, data:Data, dataType:DataType, success:function(res){ return res; }, error:function(res){ } });但是这样我设置async:false就毫无意义了,毕竟有时候有这个需求嘛,要异步的又可以拿到返回的数据,我们可

2020-06-18 10:45:11 566

原创 div兄弟节点中后面div给margin-top会被上一个兄弟节点遮挡住的原因以及解决方案

如图:按照正常思路我们我们是想让兄弟节点二显示在兄弟节点一上面。但是现在我们看到的效果是我们的兄弟节点被兄弟节点一给盖住了。而且一般来说我们的后面节点z-index:;值都会比前面的高,但是却会造成这种效果。造成原因:可能是你的节点一设置了position:relative;属性,但是你的第二个节点没有设置所以才会这样。解决方法:给第二个也加一个position:relativ...

2020-04-18 17:33:31 2151 2

原创 div与父级div的margin-top没有效果的原因

用谷歌浏览器检查代码时,下图是我们设置的子级div的外边距范围提示,但是我们吧鼠标移动到父级div时发现它的margin-top范围并没有生效其实这是因为margin-top有的浏览器判断为子级边框到父级边框的距离,解决方法:so我们给他的父级div 加一个border:就解决了颜色设置跟页面背景一样的就可以了,...

2020-04-11 14:47:53 417

原创 js判断鼠标点击并移动的方向。

解题思路: 首先移动有四个方向,为:上、右、下、左。 我们需要获取鼠标点下时,获取一次鼠标的位置,即鼠标的X轴和Y轴 可能遇到的问题: 我们在点击并移动鼠标时,无法保证我们是以直线移动,可能会出现向左移动时Y点可能会上下有所偏移。 问题解决办法: 我们可以将X轴移动的距离和Y轴的移动距离进行对比做一个模糊判断,当X轴的距离大于Y轴的移动距离时,我们判定 为X轴...

2019-11-23 11:09:31 2427

原创 有时我们编写banner轮播时,不想用float就改变他的性状为inline-block,但这样他的操作点使用绝对定位时会脱离容器。该怎么解决?

首先我们来看一下图:因为我们的轮播为了不让图片失真是让他宽度100%,高度自适应的。父级容器也是自适应图片的高度。但是可以看到下面的定位超出一节。这个东西使用css无法解决,所以我们用两句js代码改变一下banner容器的高度让其等于图片的高度就可以了.banner-list{ white-space:nowrap; font-size:0; height:1...

2019-09-27 12:50:08 122

原创 inline-block标签间隙去除

有时候我们放图片让他一行显示的时候他的上面或者中间可能会多出一点距离,今天怎么解决这个问题?看以下操作1,在父元素标签添加css样式font-size:0;div{white-space:nowrap;font-size:0;}2,子元素的性状必须是inlien-bock的,给定样式vertical-align:top;div img{vertical-align:top;}v...

2019-09-26 22:35:44 100

原创 计算机到时间自动关机

1:选中桌面计算机,右键--管理2:选中任务计划程序3:在右侧操作栏中选中,创建基本任务4:给你的任务程序--取名并描述,完成之后点击下一步4:选择触发频率如果是每天,则每天触发一次。5:选择开始执行的日期,6:执行的程序中的一点击预览找到下图路径下的shutdown程序7:添加参数中填下图的参数:-s表示关机 -t 表示时间 0表示时间参数...

2019-09-26 21:26:22 333

原创 超链接链接当前页面不同位置方法,

第一种:使用设置锚点:<a href="#box_name1">链接到第一个锚点</a><a href="#box_name2">连接到第二个锚点</a><a name="box_name1">点击第一个锚点到这里</a><a name="box_name2">点击第二个连接到这里</a&...

2019-05-10 20:59:58 824

原创 超链接链接当前页面不同位置的方法,

第一种:使用设置锚点:<a href="#box_name1">链接到当前页面 name 值为box_name1的锚点</a><a href="#box_name2">链接到当前页面 name 值为box_name1的锚点</a><a name="box_name1">锚点 name 值为 box_name1 的内容&lt...

2019-04-12 09:01:35 1363

翻译 sublime text3设置浏览器

今天安装一个sublime要设置打开浏览器时,我那个气呀,看了好多博客都解决不了,后来又到简书上面看了好多,还是没用,后来反思了看过的文章总结了出来,才发现他们解决的其实是自己的一小部分。最终结合他们的经验终于解决了。梳理了一下流程前来分享一下。首先是看到了简书里面的一篇文章:https://www.jianshu.com/p/aa514acc690b他跟我的问题很像。首先我们来...

2019-04-01 22:13:37 1424

原创 如何去掉标签之间的间隙和表单文本域里面的空白

一、首先我们来说说标签之间的间隙,有时候我们写代码的时候没有设置margin甚至把margin设置成0但是两个标签之间还是会有留一点空隙,达不到我们想要的效果。问题分析:造成标签空隙是因为:空格、换行、html空格符“nbsp”、html换行符“<br />”……解决方法:1、既然是因为空格或换行造成的,那我们把代码写成一行就可以了:注意:因为有时候我们为了...

2019-04-01 20:58:44 1114

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除