前端

vue tag菜单样式选中。vue tag菜单只有一种选中样式的样式选中。vue tag 类型选择,分类选择

html <div v-for="(item,index) in data"> <span :class="active==item.type?...

前端 2023-01-31 浏览(3 作者( 小可爱 )

element ui icon颜色。图标换颜色

直接写style样式就可以了 <i class="el-icon-star-on" style="color:#ff7777" /> ...

前端 2023-01-30 浏览(11 作者( 小可爱 )

js,es6在集合中排除某些数据。js判断集合中是否存在某个值

js判断集合中是否存在某个值利用indexOf就可以了,在集合中可以使用indexOf找某个值,如果找不到就返回-1 const...

前端 2022-12-29 浏览(167 作者( TeachingNote )

vue 获取当前页面的路由

完整的url可以用:window.location.href路由路径可以用:this.$route.path路由路径参数:this.$route.params

前端 2022-12-16 浏览(461 作者( TeachingNote )

js获取子元素。js获取元素的指定子元素对象。js获取子节点的方法。js获取第一个子节点,js获取最后一个子节点

1、通过获取DOM方式直接获取子节点其中price为父标签id的值,div为标签的名字。getElementsByTagName是一个方法...

前端 2022-12-14 浏览(472 作者( TeachingNote )

echats设置x坐标从0开始,设置x坐标从原点开始。echart文档中的搜索

在x坐标设置boundaryGap: false即可. 官方文档:https://echarts.apache.org/zh/option.html#xAxis.boundaryGap...

前端 2022-12-09 浏览(479 作者( TeachingNote )

echats 边距。echart设置图表边距

echart设置边距是使用grid //设置图标边距 grid: { top: '10%', left: '3%', ...

前端 2022-12-09 浏览(467 作者( TeachingNote )

flex子元素靠右。flex让某个子元素靠右或靠左显示

以下以块元素的Flex布局为示例:只需要两句代码,轻松搞定! 代码1:在父元素里面加入以下代码:(父盒子加了di...

前端 2022-12-08 浏览(564 作者( TeachingNote )

npm安装依赖,加速,配置淘宝镜像

npm配置淘宝镜像这样执行就行 npm install --force --registry=https://registry.npm.taobao.org npm加速可以...

前端 2022-10-20 浏览(835 作者( 忆点点 )

vue组件间传参。vue组件间传递参数。vue组件参数类型

一、父组件向子组件传值即父组件通过属性的方式向子组件传值,子组件通过 props 来接收。在父组件的子组件标签中...

前端 2022-10-13 浏览(2634 作者( 风清月 )

js获取当前地址栏的地址与端口。js获取当前导航栏ip和端口。js获取地址栏参数

js获取当前地址栏的地址与端口。js获取当前导航栏ip和端口 let API_HOST = window.location.protocol+"//&...

前端 2022-10-13 浏览(1542 作者( 风清月 )

vue报错Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'appendChild')"

这种问题通常是因为dom还没有生成就去操作节点了。比如我们使用vue生成二维码,需要放到要给动态生成dom后的节点...

前端 2022-10-12 浏览(7054 作者( 风清月 )

jquery easy ui mobile

参考http://www.jeasyui.com/demo-mobile/main/index.php 在下载的里边也有demo:jquery-easyui-1.10.6\demo-m...

前端 2022-10-09 浏览(890 作者( 小可爱 )

jquery ajax设置authorization: Bearer。ajax设置Content-Type,设置token。AJAX提交表单上传文件

jquery ajax设置authorization: Bearer 这样就行了 headers: { "Authorization":"Beare...

前端 2022-10-09 浏览(4831 作者( TeachingNote )

css实现左边div固定宽度,右边div自适应撑满剩下的宽度。左边定宽,左边固定,右边自适应

这是一道面试题,你有多少种办法呢?这里我们假设左边名为 left,宽度为 200 px,右边名为 right。即默认 .left...

前端 2022-10-08 浏览(983 作者( TeachingNote )

layer弹窗 常用方法

代码如下: layer.open({ //属性 type: 1, /...

前端 2022-10-03 浏览(1087 作者( 风清月 )

layui提示框,信息框,layer提示框,信息框

layer.msg("请输入用户名", { time: 1000 });

前端 2022-10-01 浏览(787 作者( 素衣清颜淡若尘 )

flex布局多行自适应间隔

//父盒子,设置为: .templateItem { width: 100%; text-align: center; display: flex; align-c...

前端 2022-09-30 浏览(2263 作者( 素衣清颜淡若尘 )

jQuery实现图片预览功能

/** * 图片预览 */ function priview(imgShow) { /* jquery中的live()方法在jquery1.9及以上...

前端 2022-09-30 浏览(1197 作者( 素衣清颜淡若尘 )

vue element 三种信息提示框。错误提示,警告提示,消息提示

代码如下: ElMessage({ type: 'warning', message: '暂不支持该类...

前端 2022-09-29 浏览(2816 作者( 风清月 )

elementui 页面跳转

很多情况下,我们在执行点击按钮跳转页面之前还会执行一系列方法,这时可以使用 this.$router.push(location) 来...

前端 2022-09-27 浏览(5638 作者( 小可爱 )

JS 金额转大写

前言直接上代码JSfunctionconvertCurrency(money){ //处理负数 money=money.toString(); varpreStr="&qu...

前端 2022-09-20 浏览(852 作者( Session )

npm run build:prod 文件名、目录名或卷标语法不正确。vscode 开发的vue项目打包出错

基本环境: node.js版本:v16.15.1npm版本:8.11.0问题描述: 出现文件名、目录名或卷标语法不正确这个报错是...

前端 2022-09-07 浏览(1133 作者( 剑轩 )

vue elementui隐藏表格列。vue element-ui表格添加自增序号列

vue elementui隐藏表格列v-if就搞定了,如果不是动态的显示与隐藏直接设置成false就行 <el-table-column la...

前端 2022-09-05 浏览(2088 作者( 只若初见 )

Element Plus 下拉列表select的使用。下拉列表无法选择值

下拉列表无法选择值要给一个v-model: 而且要给对,在下面对应的要有:

前端 2022-08-23 浏览(3396 作者( 小可爱 )

vue3 ref的使用,多个ref的使用

多个ref获取的方法可以使用一样的,通过变量名来区分就行了 const vabUploadRef = ref() const multipleTableRe...

前端 2022-08-23 浏览(3801 作者( 小可爱 )

element-ui loading效果,菊花效果

代码如下: //打开Loading const fullscreenLoading = ElLoading.service({ lock: true, text: '数...

前端 2022-08-19 浏览(2289 作者( 风清月 )

vue触发a标签的点击事件

直接操作dom节点的方式比较简单 <button @click="handleBtnClick">点击按钮</button> &...

前端 2022-08-15 浏览(6402 作者( 忆点点 )

js 异步 async和await使用

注意点就是使用await关键字要注意使用async关键字配合,不然会报错的。看下图的用法与注释

前端 2022-08-14 浏览(1625 作者( 小可爱 )

vue3 Element ui Plus 表格 分页,vue3 el-pagination分页

其实就是el-pagination控件的使用而已 <template> <div> <el-table :data="tableD...

前端 2022-07-21 浏览(4312 作者( 风清月 )

vue3最基础的数据加载,表格,table

vue3表格加载一点静态数据 <template> <el-table :data="tableData" style="width:...

前端 2022-06-29 浏览(4562 作者( 风清月 )

layui表头与内容对不齐。layui表头设置宽度无效

就是列申明中间多了逗号!仔细检查一下 比如这种左边有,右边也有就有问题了

前端 2022-06-19 浏览(3027 作者( 忆点点 )

layui 确认框,layui comfirm

代码如下: layer.confirm("数据已经发生改变是否确认修改?", { btn: ["确定", &quo...

前端 2022-06-19 浏览(3200 作者( 忆点点 )

vue刷新子组件数据。Vue在父组件点击条件筛选的时候刷新子组件数据。vue如何让子组件重新渲染

Vue在父组件点击条件筛选的时候刷新子组件数据比如像点击这块班级条件的时候下面的图表数据,就是不同平台的完成...

前端 2022-05-18 浏览(731 作者( 剑轩 )

Windows10右键添加“在此处打开命令窗口”

今天跑代码时用到了Powershell,有一个环境变量死活都找不到,无奈只好重新回到cmd命令行测试,结果立马就跑通了...

前端 2022-04-12 浏览(3290 作者( Q_ )

使用自定义导航栏

导航栏作为常用组件有做简单封装,当然你也可以直接复制代码结构自己修改,达到个性化目的。 `App.vue`获得系...

前端 2022-04-12 浏览(1008 作者( Q_ )

高德地图实现搜索

可能你的js后面还需要加载的插件:https://webapi.amap.com/maps?v=1.4.15&key=2xx&plugin=AMap.Distri...

前端 2022-04-12 浏览(2771 作者( TeachingNote )

高德地址js加载多个插件

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&amp...

前端 2022-04-12 浏览(1875 作者( TeachingNote )

高德地图获取鼠标点击的经纬度

官网demo: <!doctype html> <html> <head> <meta charset="utf-8"> ...

前端 2022-03-31 浏览(2148 作者( 忆点点 )

高德地图js api出现INVALID_USER_SCODE

自2021年12月02日升级,升级之后所申请的 key 必须配备安全密钥 jscode 一起使用。 是因为没有设置安全密钥才会...

前端 2022-03-31 浏览(9702 作者( 忆点点 )

高德地图web自定义样式信息窗体

代码如下: <!doctype html> <html> <head> <meta charset="utf-8">...

前端 2022-03-28 浏览(2836 作者( 忆点点 )

jstree 实现搜索功能

注意需要在初始化的时候plugins加上search "plugins" : [ "contextmenu", "dnd&...

前端 2022-03-26 浏览(3611 作者( 小可爱 )

html使用定位实现同心圆

方法1:div有层级关系 <!DOCTYPE html> <html lang="en"> <head> <me...

前端 2022-03-25 浏览(1316 作者( TeachingNote )

markdown编辑器editormd获取光标位置,获取行号位置,获取总行号

//获取光标位置,获取行号位置let markdownCursorLine = markdownEditor.getCursor().line + 1; //获取总行号le...

前端 2022-03-14 浏览(1541 作者( TeachingNote )

解决ul标签默认有距离上边与左边的距离

是因为默认有自带样式,设置一下覆盖一下即可: margin-top: 0px; padding-inline-start:0px;

前端 2022-03-10 浏览(1825 作者( TeachingNote )

uin小程序滚动浮窗案例

perfToX(){//悬浮按钮向右滑动 this.animation=uni.createAnimation({duration:300,timingFunction:'ease&#...

前端 2022-03-09 浏览(1439 作者( Q_ )

uin框架搭建

app.vue中创建.main_content{ position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden; displa...

前端 2022-03-09 浏览(1638 作者( Q_ )

scroll-view封裝刷新加载组件

<template> <viewclass="container"> <scroll-viewscroll-with-animationclass=&...

前端 2022-03-09 浏览(1765 作者( Q_ )

浮动与清除浮动与解决高度坍塌

方法1:最后增加一个元素,使用浮动清除,代码如下: <!DOCTYPE html> <html lang="en"&gt...

前端 2022-03-09 浏览(1233 作者( TeachingNote )

js,jquery判断滚动条是否到底部,判断某个板块滚动条释放到底部

代码如下: //获取某个板块的高度 let tagHeight = $(".CodeMirror-vscrollbar").height(); //获取...

前端 2022-02-28 浏览(1276 作者( 只若初见 )

最近天气

好句分享

在情感关系里沟通是最重要的,喜欢开心要告诉对方,讨厌生气也要让对方明白,这样双方才能把握好分寸让彼此都能轻松自在,所以爱绝不是只为满足自己的需求任性妄为,爱的基础是尊重,没有这个就只是打着爱的幌子相互伤害。

技术交流