![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
付纵横
乾坤离坎付纵横
展开
-
js canvas绘制 一箭双心
js canvas绘制一箭双星,写祝福语原创 2022-02-15 13:55:10 · 419 阅读 · 1 评论 -
分享一个我做的记账系统(网站)
记账系统分享(web) 含源码原创 2022-02-12 19:54:29 · 1113 阅读 · 0 评论 -
vue显示图片
1.import // require // background :url("")使用图片相对于组件的路径参与编译后,可以替换源文件(无法重新配置名称,但可以替换asses里的对应文件)<img :src="">2.可直接使用图片相对于index.html的路径(给项目经理配置文件一般用这种。)也可以加require则同1中介绍不加“:”时使用相对路径...原创 2021-03-11 10:43:41 · 566 阅读 · 0 评论 -
js森林叶子节点非递归深度优先后序遍历
afterPreview(trees) { let nodeList = [].concat(trees); while (nodeList.length > 0) { let currentNode = nodeList.pop(); if (currentNode.hasOwnProperty("children")) { nodeList = nodeList.concat(currentNode.children); .原创 2021-03-11 10:35:15 · 223 阅读 · 0 评论 -
修改路由不刷新界面
window.history.replaceState({}, 0, `${window.location.href.split("?")[0]}?keyword=${key}`);备注:1.历史记录(浏览器前进后退)不会增加。2.第三个参数为更新后的网址,自行拼接原创 2021-03-11 10:26:06 · 163 阅读 · 0 评论 -
ztree加载时展开并勾选指定节点
let treeObj = $.fn.zTree.init($('#ztree'), _this.ztreeObj.setting, zNodes);let nodes = treeObj.getNodes();//遍历所有节点(functionloopAllNodes(allNodes) {if(allNodes && allNodes.length > 0) {for(let i = 0, l...原创 2020-11-29 15:45:03 · 837 阅读 · 0 评论 -
leaflet修改popup样式
import $ from "jquery";//以下代码放在popup open之后$(".leaflet-popup-tip").css("display", "none"); //关闭小三角形$(".leaflet-popup-content-wrapper").css("border-radius", "0px"); //就是这个类,举三个例子$(".leaflet-popup-content-wrapper").css("min-width", "230px"); //$(".l.原创 2020-11-29 15:40:50 · 2157 阅读 · 0 评论 -
一张图片实现选中效果
<div:class="{'focusImgBc':hoverService==service.quickSkip_title}"> <i :class="{'focusImg':hoverService==service.quickSkip_title}" :style="quickIcon...原创 2020-11-29 15:37:45 · 998 阅读 · 0 评论 -
教你如何创建并发布一个打包后的npm组件
从零开始创建npm组件说明初始化配置功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入说明文中 [] 是你要替换的参数,替换后需要去除[]本身初始化在空目录下执行:vue init webpack-simple [name]原创 2020-09-15 15:36:20 · 964 阅读 · 0 评论 -
vue区域选择组件
发布了一个组件,行政区选择器:https://www.npmjs.com/package/region-selection数据来源:https://datav.aliyun.com/tools/atlas/#&lat=31.769817845138945&lng=104.29901249999999&zoom=4(组件中包含的数据为Geojson格式,未参与编译,安装后可在文中require路径下找到)数据组织:本人npm iregion-selection界面.原创 2020-09-15 14:43:21 · 1044 阅读 · 0 评论 -
css实现页脚在页面最下方
本文实现如下效果:内容不足时,页脚位于底部内容超过一页时保持在底部实现方法:HTML: <div class="box"> <div class="main"> <div class="content"> <p v-for="i in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]">内容{{i}}</p>原创 2020-07-20 11:31:14 · 940 阅读 · 0 评论 -
vuex学习_为每个需要传递的参数创建store
store的使用前言为每个页面创建store前言之前在组件,页面间进行参数传递,都是通过emit,v-on,bus.emit等,最近发现了一个新的机制.官网:什么是vuex又从vue-element-admin中学到一种使用方式,分享一下为每个页面创建store新建项目之后,添加store文件夹,结构如上图所示.为需要传递参数的页面创建.js文件.同时在index.js:import Vue from 'vue'import Vuex from 'vuex'import getter原创 2020-07-17 21:24:31 · 507 阅读 · 0 评论 -
超简单的基于vue的轮播图实现
今天要做一个轮播图,网上找了一圈都不满意,自己写了个.效果如下:图片可自行配置,始终显示5张;核心代码:<ul v-on:mouseout="move()" v-on:mouseover="stopmove()"> <i @click="left()" class="el-icon-arrow-left"></i> <li :key="index" v-for="index in [0,1,2,3,4,5]">原创 2020-07-06 16:30:17 · 2606 阅读 · 2 评论 -
vue发送axios请求
环境配置在项目目录下执行npm instal axios在main.js中加入import axios from 'axios'import VueAxios from 'vue-axios'Vue.use(VueAxios, axios)调用 var that = this this.axios({ method: 'get',//请求方法 url: bdUrl+'/getMainInfo',//请求网址,自己的接口地址 //请求的query参数原创 2020-05-12 11:14:24 · 259 阅读 · 0 评论 -
Vue配合Express后台 Post请求 因option失败
main.js里加上axios.defaults.headers['Content-Type']= 'application/x-www-form-urlencoded;charset=UTF-8';axios.interceptors.request.use((config)=>{if(config.method==='post'){con...原创 2020-05-02 20:20:42 · 338 阅读 · 0 评论 -
Vue+Element-UI前端起步
文章环境1.安装node.jshttps://blog.csdn.net/antma/article/details/861040682.编译器:本文使用webstorm正文新建一个空项目在项目文件夹上右键,Open in Terminal执行>npm install --global vue-cli 安装 vue-cli(以后可以跳过这个步骤)执行>vue ini...原创 2019-10-15 12:59:22 · 385 阅读 · 0 评论