前端
vue 引入api重命名。import from引入重命名
一般的引入
import { useUserStore } from '@/store/modules/user'
可以使用as重命名
import { getLi...
echarts自定义图表提示框。echarts tooltip
官方文档：https://echarts.apache.org/zh/option.html#tooltip
使用的是tooltip，如果只是要显示出来，直接设...
vue tag菜单样式选中。vue tag菜单只有一种选中样式的样式选中。vue tag 类型选择，分类选择
html
<div v-for="(item,index) in data">
<span :class="active==item.type?...
element ui icon颜色。图标换颜色
直接写style样式就可以了
<i class="el-icon-star-on" style="color:#ff7777" />
...
js，es6在集合中排除某些数据。js判断集合中是否存在某个值
js判断集合中是否存在某个值利用indexOf就可以了，在集合中可以使用indexOf找某个值，如果找不到就返回-1
const...
vue 获取当前页面的路由
完整的url可以用：window.location.href路由路径可以用：this.$route.path路由路径参数：this.$route.params
js获取子元素。js获取元素的指定子元素对象。js获取子节点的方法。js获取第一个子节点,js获取最后一个子节点
1、通过获取DOM方式直接获取子节点其中price为父标签id的值，div为标签的名字。getElementsByTagName是一个方法...
echats设置x坐标从0开始，设置x坐标从原点开始。echart文档中的搜索
在x坐标设置boundaryGap: false即可.
官方文档：https://echarts.apache.org/zh/option.html#xAxis.boundaryGap...
echats 边距。echart设置图表边距
echart设置边距是使用grid
//设置图标边距
grid: {
top: '10%',
left: '3%',
...
flex子元素靠右。flex让某个子元素靠右或靠左显示
以下以块元素的Flex布局为示例：只需要两句代码，轻松搞定！
代码1：在父元素里面加入以下代码：（父盒子加了di...
npm安装依赖，加速，配置淘宝镜像
npm配置淘宝镜像这样执行就行
npm install --force --registry=https://registry.npm.taobao.org
npm加速可以...
vue组件间传参。vue组件间传递参数。vue组件参数类型
一、父组件向子组件传值即父组件通过属性的方式向子组件传值，子组件通过 props 来接收。在父组件的子组件标签中...
js获取当前地址栏的地址与端口。js获取当前导航栏ip和端口。js获取地址栏参数
js获取当前地址栏的地址与端口。js获取当前导航栏ip和端口
let API_HOST = window.location.protocol+"//&...
vue报错Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'appendChild')"
这种问题通常是因为dom还没有生成就去操作节点了。比如我们使用vue生成二维码，需要放到要给动态生成dom后的节点...
jquery easy ui mobile
参考http://www.jeasyui.com/demo-mobile/main/index.php
在下载的里边也有demo:jquery-easyui-1.10.6\demo-m...
jquery ajax设置authorization: Bearer。ajax设置Content-Type，设置token。AJAX提交表单上传文件
jquery ajax设置authorization: Bearer 这样就行了
headers: {
"Authorization":"Beare...
css实现左边div固定宽度，右边div自适应撑满剩下的宽度。左边定宽，左边固定，右边自适应
这是一道面试题，你有多少种办法呢？这里我们假设左边名为 left，宽度为 200 px，右边名为 right。即默认
.left...
flex布局多行自适应间隔
//父盒子，设置为：
.templateItem {
width: 100%;
text-align: center;
display: flex;
align-c...
jQuery实现图片预览功能
/**
* 图片预览
*/
function priview(imgShow) {
/*
jquery中的live()方法在jquery1.9及以上...
vue element 三种信息提示框。错误提示，警告提示，消息提示
代码如下：
ElMessage({
type: 'warning',
message: '暂不支持该类...
elementui 页面跳转
很多情况下，我们在执行点击按钮跳转页面之前还会执行一系列方法，这时可以使用 this.$router.push(location) 来...
npm run build:prod 文件名、目录名或卷标语法不正确。vscode 开发的vue项目打包出错
基本环境：
node.js版本：v16.15.1npm版本：8.11.0问题描述：
出现文件名、目录名或卷标语法不正确这个报错是...
vue elementui隐藏表格列。vue element-ui表格添加自增序号列
vue elementui隐藏表格列v-if就搞定了，如果不是动态的显示与隐藏直接设置成false就行
<el-table-column la...
vue3 ref的使用,多个ref的使用
多个ref获取的方法可以使用一样的,通过变量名来区分就行了
const vabUploadRef = ref()
const multipleTableRe...
element-ui loading效果，菊花效果
代码如下：
//打开Loading
const fullscreenLoading = ElLoading.service({
lock: true,
text: '数...
vue触发a标签的点击事件
直接操作dom节点的方式比较简单
<button @click="handleBtnClick">点击按钮</button>
&...
vue3 Element ui Plus 表格 分页，vue3 el-pagination分页
其实就是el-pagination控件的使用而已
<template>
<div>
<el-table :data="tableD...
vue3最基础的数据加载，表格,table
vue3表格加载一点静态数据
<template>
<el-table :data="tableData" style="width:...
layui 确认框，layui comfirm
代码如下：
layer.confirm("数据已经发生改变是否确认修改？", {
btn: ["确定", &quo...
vue刷新子组件数据。Vue在父组件点击条件筛选的时候刷新子组件数据。vue如何让子组件重新渲染
Vue在父组件点击条件筛选的时候刷新子组件数据比如像点击这块班级条件的时候下面的图表数据，就是不同平台的完成...
Windows10右键添加“在此处打开命令窗口”
今天跑代码时用到了Powershell，有一个环境变量死活都找不到，无奈只好重新回到cmd命令行测试，结果立马就跑通了...
高德地址js加载多个插件
<script type="text/javascript"
src="https://webapi.amap.com/maps?v=1.4.15&...
高德地图获取鼠标点击的经纬度
官网demo:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
...
高德地图js api出现INVALID_USER_SCODE
自2021年12月02日升级，升级之后所申请的 key 必须配备安全密钥 jscode 一起使用。
是因为没有设置安全密钥才会...
高德地图web自定义样式信息窗体
代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">...
jstree 实现搜索功能
注意需要在初始化的时候plugins加上search
"plugins" : [
"contextmenu", "dnd&...
html使用定位实现同心圆
方法1：div有层级关系
<!DOCTYPE html>
<html lang="en">
<head>
<me...
markdown编辑器editormd获取光标位置，获取行号位置，获取总行号
//获取光标位置，获取行号位置let markdownCursorLine = markdownEditor.getCursor().line + 1;
//获取总行号le...
解决ul标签默认有距离上边与左边的距离
是因为默认有自带样式，设置一下覆盖一下即可：
margin-top: 0px;
padding-inline-start:0px;
uin小程序滚动浮窗案例
perfToX(){//悬浮按钮向右滑动
this.animation=uni.createAnimation({duration:300,timingFunction:'ease&#...
scroll-view封裝刷新加载组件
<template>
<viewclass="container">
<scroll-viewscroll-with-animationclass=&...
技术分类
最近天气
好句分享
在情感关系里沟通是最重要的，喜欢开心要告诉对方，讨厌生气也要让对方明白，这样双方才能把握好分寸让彼此都能轻松自在，所以爱绝不是只为满足自己的需求任性妄为，爱的基础是尊重，没有这个就只是打着爱的幌子相互伤害。
人气博主
-
剑轩
平时爱打羽毛球~2018-10-01
-
雨雨雨雨辰
超超帅的博主2018-11-16
-
尘叶心繁
O(*￣︶￣*)O2018-10-09
-
小可爱
愿你善其身，愿你遇良人2018-12
-
瑾语
努力、勇敢、充满希望2019-12
-
是伍尚金哇_v
(｡･ω･｡)2018-11-23
-
风清月
Amazing everday2015-10-23
热门博主
-
无情老表
脚踏实地，一步一个脚印2020-12
-
忘掉过去式
忘掉过去式2019-11-26
-
叼着奶瓶逛酒吧
大概你身上总有我喜..2019-03-09
-
陪你听风
O(∩_∩)O2018-11-26
-
除暖
没有个性，不需要签名2020-09
-
清欢渡
(๑• . •๑)(｡･ω･｡)2018-12-08
-
饰心
Decorating heart2019-2-07
-
YOU
幼儿园抢饭第一名2019-05-20
精品推荐
技术分类
备案信息
- ICP备案：渝ICP备18016597号-1
- 技术交流：群号677373950
- 联系我们：contact@tnblog.net
- 2018-2023TNBLOG.NET版权所有
技术交流
