前端技术
元强网络
联系q:3197862403
展开
-
vue-router + el-menu动态渲染二级菜单
vue-router + el-menu动态渲染二级菜单原创 2022-10-31 10:58:20 · 1141 阅读 · 0 评论 -
使用vxe-table行合并后所合并到的行后面会多出一列空白出来,
使用vxe-table行合并后所合并到的行后面会多出一列空白出来,原创 2022-08-02 14:13:06 · 1886 阅读 · 4 评论 -
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 · 1826 阅读 · 0 评论 -
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 · 12176 阅读 · 0 评论 -
初学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 · 1734 阅读 · 2 评论 -
AdminLTE 拖拽,AdminLTE卡片移动,AdminLTE 拖拽移动
今天使用AdminLTE做后台管理项目需要做个图表并且可以移动的,但是看到LTE实例上可以移动以为只需要引入主要js和css就可以尽情拉扯,但……好像没用:不过最终我通过筛选,终于找出了原因---其实移动功能是jQueryUI的,我们要引入jQueryUI,然后就是LTE的 dashboard.js文件刚开始看到这句话还以为这东西要不要无所谓,但后面筛查,里面好像是调用标签排序(jqueryui 的 sortable)讲这么多其实以上都不是重点, 所以最后建议我们一起去快乐学习jQu原创 2022-01-14 09:27:46 · 489 阅读 · 1 评论 -
mongodb中有数据但是在nodejs中查询得到的是[]的原因
遇到一个神奇的问题,今天用nodejs连接mongodb数据库时toArray却得到个空的,但是我的mongodb是有数据的,后面给它增加身份验证就好了,我也不知道咋回事。原创 2021-11-24 11:11:24 · 1118 阅读 · 0 评论 -
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 · 2549 阅读 · 0 评论 -
原生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 · 565 阅读 · 0 评论 -
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>原创 2021-02-05 10:13:05 · 3445 阅读 · 5 评论 -
vuejs如何在生命周期内调用methods内的方法,并实现页面数据渲染。
首先咱们先看一下代码结构:假设你想在页面进来的时候自动获取数据列表,并且这个方法在其他地方也有用到,但是我们并不想写重复代码你可能想到在生命周期created的时候调用getKeyTask方法,如下:这种逻辑其实是没问题的(而且也能运行),但有时候就很懵逼同样的代码,它会报getKeyTask is undefined 或者报propty的错误,因为官方的文档对created的解释是这样的:在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data obse原创 2021-01-29 12:05:25 · 2181 阅读 · 0 评论 -
vue对选中的checkbox和radio获取值
今天有个需求,使用Vue获取选择框对应的某条数据。如下图:看到上图,下面两个选择框是从后台获取的,我选中了一个之后,点击保存,会把这条数据整个获取。下面看代码:这里要注意一点:有v-model并且还要有:value它才能获取的到。...原创 2020-12-23 10:59:29 · 1672 阅读 · 0 评论 -
jQuery使用$jq.html()无效时,的原因
有时我们在外部文件js中使用jq.html()无效?原因:当我们使用$(#id).html()无效,根本没有把想要的dom选然进去,其实是因为你的页面没有加载完成,就已经执行了js代码,解决方法:我们在js文件中使用等待页面加载完成时执行代码就可以了。jq可以加:$(function(){//这里面写你的程序代码}),或者:onload = function(){//这里写逻辑代码}...原创 2020-12-07 16:02:04 · 4194 阅读 · 0 评论 -
如何用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 · 247 阅读 · 0 评论 -
如何解决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 · 442 阅读 · 0 评论 -
对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 · 12825 阅读 · 0 评论 -
前端input操作,修改光标颜色,去除背景色
修改光标颜色方法:input输入框的光标颜色修改有两种: 第一种设置光标颜色的同时修改光标颜色,使用:color:green; 第二种:只修改光标颜色,使用:create-color:green;更改input输入框背景色:从事前端工作半年以上的同志都知道,我们的input输入框是有默认背景色和边框的。但有时候我们有需求放自己的背景色或者没有背景色。 更改颜色很:这比较简单,就是平时我们用的background-color:red;就可以了。 去掉背景色:首先我们要明白的是背景色是标签自带原创 2020-07-24 09:31:00 · 7131 阅读 · 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 · 5831 阅读 · 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 · 582 阅读 · 0 评论 -
div兄弟节点中后面div给margin-top会被上一个兄弟节点遮挡住的原因以及解决方案
如图:按照正常思路我们我们是想让兄弟节点二显示在兄弟节点一上面。但是现在我们看到的效果是我们的兄弟节点被兄弟节点一给盖住了。而且一般来说我们的后面节点z-index:;值都会比前面的高,但是却会造成这种效果。造成原因:可能是你的节点一设置了position:relative;属性,但是你的第二个节点没有设置所以才会这样。解决方法:给第二个也加一个position:relativ...原创 2020-04-18 17:33:31 · 2303 阅读 · 2 评论 -
div与父级div的margin-top没有效果的原因
用谷歌浏览器检查代码时,下图是我们设置的子级div的外边距范围提示,但是我们吧鼠标移动到父级div时发现它的margin-top范围并没有生效其实这是因为margin-top有的浏览器判断为子级边框到父级边框的距离,解决方法:so我们给他的父级div 加一个border:就解决了颜色设置跟页面背景一样的就可以了,...原创 2020-04-11 14:47:53 · 446 阅读 · 0 评论 -
js判断鼠标点击并移动的方向。
解题思路: 首先移动有四个方向,为:上、右、下、左。 我们需要获取鼠标点下时,获取一次鼠标的位置,即鼠标的X轴和Y轴 可能遇到的问题: 我们在点击并移动鼠标时,无法保证我们是以直线移动,可能会出现向左移动时Y点可能会上下有所偏移。 问题解决办法: 我们可以将X轴移动的距离和Y轴的移动距离进行对比做一个模糊判断,当X轴的距离大于Y轴的移动距离时,我们判定 为X轴...原创 2019-11-23 11:09:31 · 2593 阅读 · 0 评论