前端

layer弹窗 常用方法

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

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

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

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

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

elementui 页面跳转

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

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

JS 金额转大写

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

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

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

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

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

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

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

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

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

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

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

element-ui loading效果,菊花效果

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

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

vue触发a标签的点击事件

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

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

js 异步 async和await使用

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

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

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

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

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

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

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

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

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

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

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

layui 确认框,layui comfirm

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

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

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

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

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

使用自定义导航栏

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

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

高德地图实现搜索

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

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

高德地址js加载多个插件

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

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

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

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

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

高德地图js api出现INVALID_USER_SCODE

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

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

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

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

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

jstree 实现搜索功能

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

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

html使用定位实现同心圆

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

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

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

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

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

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

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

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

uin小程序滚动浮窗案例

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

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

uin框架搭建

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

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

scroll-view封裝刷新加载组件

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

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

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

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

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

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

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

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

设置uni-easyinput中textarea类型的高度

在组件内容去修改uni-easyinput__content-textarea样式中的高度即可 默认是80修改成你想要的即可 .uni-easyinp...

前端 2022-02-27 浏览(2947 作者( 只若初见 )

uniapp确认提示框

代码如下: uni.showModal({ title: '提示', content: '这是一个模态弹窗', su...

前端 2022-02-27 浏览(3383 作者( 只若初见 )

uniapp uni.navigateBack无法返回

注意测试的时候,不要直接打开当前页进行测试。要从其他页面点进去在返回测试。不然你获取上一页是没有的,就会...

前端 2022-02-26 浏览(1813 作者( 只若初见 )

uniapp返回上一级页面刷新页面

当前页面: //uniapp返回上一级页面刷新页面 let pages = getCurrentPages(); // 当前页面 let b...

前端 2022-02-26 浏览(4066 作者( 只若初见 )

uni.navigateBack返回上一层并且改变参数

A页面: data() { return { code: "xx"//定义了给B页返携带参数赋值 } }, meth...

前端 2022-02-26 浏览(1225 作者( 只若初见 )

uni-app自定义导航栏文档,自定义导航栏按钮文档

自定义导航栏相关https://uniapp.dcloud.io/collocation/pages?id=app-titlnview 导航栏就是在pages里边页面配...

前端 2022-02-25 浏览(1224 作者( 小可爱 )

vscode,开发html快捷键

生成ul,liul>li*10,这样会生成10个liul*3>li*5:这样也可以,生成3组通过lorem进行内容随机生成lorem还可...

前端 2022-02-22 浏览(1221 作者( 忆点点 )

html table,表格合并单元格colspan,rowspan

代码如下: <table border="1" style="width: 500px;"> <tr> &...

前端 2022-02-22 浏览(1108 作者( 忆点点 )

html5上标与下标

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

前端 2022-02-21 浏览(1022 作者( 忆点点 )

js判断int数组是否存在某个值

indexof即可找到就返回具体的值,找不到就是-1letarr=['something','anything','nothing&#3...

前端 2022-02-11 浏览(875 作者( 忆点点 )

Layui 复选框点击事件,checkbox点击事件

form.on('checkbox(filter)', function (data) { console.log(data.elem); //得到checkbox原始DOM...

前端 2022-02-11 浏览(2870 作者( 小可爱 )

Layui动态选中复选框,动态选中checkbox,Layui给表单赋值

Layui给表单赋值://给表单赋值 form.val("formTest",{//formTest即class="layui-form"所...

前端 2022-02-11 浏览(1959 作者( TeachingNote )

Layui 复选框选择事件,checkbox选择事件

复选框点击勾选时触发,回调函数返回一个object参数,携带两个成员:form.on('checkbox(filter)',functi...

前端 2022-02-11 浏览(2644 作者( TeachingNote )

layui 树形(tree)组件对应的按钮事件

官方文档其实示例非常清楚了,代码写得非常清楚了官方文档中这几个按钮就是对应获取的树形内容的html代码如下:...

前端 2022-02-09 浏览(2220 作者( 忆点点 )

markdown编辑器editormd 关闭行号

很简单,有个属性可以设置的就是:lineNumbers: false完整一点的:testEditor=editormd("article-editormd-...

前端 2022-02-03 浏览(1060 作者( 小可爱 )

markdown编辑器editor.md预览配置与自己控制关闭与开启预览

预览配置watch: falsefalse默认关闭预览 自己控制关闭与开启预览按钮 <div class="btns"> ...

前端 2022-02-03 浏览(1174 作者( 小可爱 )

vue.js过滤器,过滤器传递多个参数,传递三个参数

多个参数往后面写即可全局写一个过滤器:Vue.filter("filter_link_front_behind",function(front,star...

前端 2022-01-29 浏览(1304 作者( 风清月 )

圣诞树

index.html<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <...

前端 2022-01-27 浏览(1832 作者( 清欢渡 )

uni-app左侧菜单,左右联动

效果如下:代码:<template> <view> <scroll-viewscroll-yscroll-with-animationclass=&quot...

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

es6块级作用域

为什么需要块级作用域?ES5 只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景。第一种场景...

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

最近天气

好句分享

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

技术交流