- 博客(23)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 前端常用样式、方法、奇葩问题积累
记录自己常用的CSS样式只显示一行，其他省略号.text-ellipsis { overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}只显示两行，其他省略号.text-ellipsis-2{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-li
2020-08-14 20:36:24
285
原创 实时监听数字输入框
话不多说，直接上代码。实时监听数字输入框/*** ele: input 元素* fun: 输入回调**/ initNumberInput: function (ele, fun) { // 是否锁定当前的输入状态 let isLock = false; let oldVal = ''; // 输入即可触发【不区分中文和英文】 ele.get(0).addEventListener('keydown', function (e) { // 只有在非中文输
2020-11-18 08:02:08
228
原创 git 常用指令记录
git log --> git reset --hard …git diff --name-status mastergit push --set-up origin 【branch】git update-index --assume-unchanged FILE 在FILE处输入要忽略的文件。git update-index --no-assume-unchanged FILEgit config --global user.name “name”git config --global
2020-10-20 19:13:21
230
原创 JS原型、原型链
js原型、原型链是前端面试中经常遇到的问题，所以自己好好梳理了一下思路，怕自己掉链子。JS原型官话：Javascript规定，每一个函数都有一个prototype对象属性，指向另一个对象（原型链上面的）。prototype(对象属性)的所有属性和方法，都会被构造函数的实例继承。这意味着，我们可以把那些不变(公用)的属性和方法，直接定义在prototype对象属性上。人话：对照上图，可以看到new一个Object对象，我没有给obj初始化设置任何值，输出可以看到obj上包含的信息：prototy
2020-09-15 00:58:24
206
原创 三不应届生的悲哀之 vue-echarts 数据可视化
闲来无事，不想打游戏，不想睡觉，不想接单子，三不20应届生只能写博客在线水文。github:https://github.com/kk-cc-lh/vue-echarts演示地址：http://echarts.kuchao.xyz/背景图片等待资源来源于：pink老师 https://gitee.com/xiaoqiang001/eckarts_open_class.git注意事项：flexible.js 和 rem 搭配注意对父元素overflow： hidden // 不然就
2020-05-26 17:42:18
332
原创 vue2.x 三级弹窗
三级弹窗在实际中遇到了某种场景，需要使用三级弹窗，放大或缩小弹窗，所以自己封装了一个。大概就是这个样子，录屏转换gif有点模糊和卡。发布到npm上去了npm i kc-dialog然后main.js其实我也不想起这么长的名字，别人都快我好多步import KDialog from 'kc-dialog';import 'kc-dialog/dist/KDialog.css'Vue.use(KDialog)配置项属性参数说明类型可选值默认值visib
2020-05-22 11:16:15
802
原创 vue移出内联样式
在某种特殊的环境下，需要对第三方组件里面的某个dom节点添加内联样式，然后某种情况移出添加的内联样式，不能覆盖。这种SB的操作也找不出来几个人了，记录一下。可以把cssText 打印出来看看。this.$refs.xx.style.cssText = ''求高招，这样写太别扭了...
2020-03-24 17:40:50
533
原创 vue使用echarts-dataset
记录echarts使用，记忆力不行，总忘事。官网安装npm install echarts --save引用 import echarts from "echarts"使用dom:注意：可以用ref，一定一定要有宽高<div id="domHook" style="width: 900px; height: 400px;"> option： c...
2020-03-17 11:51:48
1070
1
原创 vue 使用 xlsx 导出excel
安装npm i xlsx引用 import XLSX from 'xlsx'导出传入table节点： let xlsxParam = { raw: true } let wb = XLSX.utils.table_to_book(document.querySelector('#id'), xlsxParam) let wbout...
2020-03-13 20:19:33
981
原创 js array、object、set常用方法
数组indexOf(item, start)返回数组中某个指定的元素位置。let a= ["a", "b", "c", "d"];a.indexOf("b");找到返回索引，从零开始，没找到返回-1。find()查找元素，返回第一个符合条件的元素let a= ["a", "b", "c", "d"];a.find(item => item === "a");...
2020-03-13 13:48:35
768
原创 vue使用krpano 全景图
准备工作环境：vue-cli：4.2.2krpano: 1.19安装vue-krapanonpm install vue-krpano --save引用import Vue from "vue";import Krpano from "vue-krpano";Vue.use(Krpano);引用krpano包index.html中 <script s...
2020-03-11 18:02:37
2284
原创 element-ui 树形表格 多选框选不全
element-ui版本：2.13.0在使用的树形表格配合多选框的时候：勾选父节点菜单，不能联动选择到父节点勾选全选的时候，不能选全（子节点没有选中）百度一圈都没有找到答案，谷歌又不能用。不过问题还是要解决的嘛，就去读了一圈源码，迷迷糊糊的，不过还是搞清楚了一些东西。template：<el-table ref="multipleTable" ...
2020-03-06 13:01:18
2595
原创 Spring boot接收axios.post传输的json格式参数
当我们前端传数据到后端的时候，经常会出现传一下复杂的组合对象。Spring boot1.封装一个接收体 （太懒了不愿意写）2.使用map接收pom.xml<dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</a...
2020-03-05 13:52:21
2820
原创 Parameter 'XXX' not found. Available parameters are [collection, list]] with root cause
在使用mybatis的时候，mapper只传了一个list集合参数，结果就报错：Parameter 'roleIds' not found. Available parameters are [collection, list]] with root cause就是说这个参数没有找到, 这个时候可以用@Param指定参数就行了。mapperimport org.apache.ibatis...
2020-03-05 10:59:50
1863
原创 elment-ui tree单选实现
elment-ui 里面的树形控件，默认是多选的，如果你仔细看过各个属性和方法就可以实现单选。check-strictly 关闭父子关联node-key 设置唯一标识show-checkbox 允许节点可选ref=“tree”添加方法 @check=“treeChange”<el-tree ref="tree" :dat...
2020-03-03 19:37:21
2641
原创 vue-router资源请求路径错误
废话不多说，直接上bug一看就是资源路径错误，请求路径中是相对路径。解决：在vue-config.js里面修改publicPath就行：module.exports = { publicPath: "/", // 基本路径 outputDir: "dist", // 输出文件目录 lintOnSave: false, // eslint-loader 是否在保存的时候检查 ...
2020-03-03 10:58:42
902
原创 vue自定义组件数据绑定
vue自定义组件数据绑定v-model指令v-model其实是一个语法糖，相当于v-bind和v-on的组合。例如：<input v-bind="val" v-on:input="val=$event.target.value" />其中val是一个变量，当输入数据的时候，会触发input上的事件去修改val的值。自定义组件实例<template>...
2020-01-03 18:10:58
830
原创 element-ui表格固定列错位
element-ui表格固定列错位版本：element-ui 2.13.0谷歌滚动条原因在使用vue进行前端开发时，使用element-ui框架，当表格过高时出现滚动条，导致底部行错位，其原因是因为表格固定列的时候，鼠标滚动是内部计算的（详细信息看源码），所有需要改源码。谷歌浏览器会发生这种情况，火狐不会发生这种情况。资源还在审核中。。。(链接后续补)动态改变表格的宽高当动态改...
2019-12-27 18:47:33
11570
2
原创 块元素、行元素、行内块元素
html标签块元素、行元素、行内块元素区分区分块元素（block）块元素简单来说就是独占一行，并且可以设置width和height，就像一个方块一样可以有自己的宽和高。如果没有设置width，那么块元素的width默认和父容器的width保持一致。如果没有设置height，那么块元素的height默认为0,块元素的高由内部元素支撑起来。常见的块元素有：div、p、h1–h6、hr、ul...
2019-12-04 17:30:45
501
原创 Jq动态添加元素绑定事件is not defined
问题原因当我们使用jq的时候，会遇到这种情况：我们加载完了页面后，需要通过Jq来动态添加一些元素并绑定事件。举个栗子：var newnode=document.createElement("div");newnode.innerHTML="<button onclick='ok()'>确定</button>"$("#xxx").appendChild(newnod...
2019-11-28 14:13:22
1111
原创 基于vue-cli3的vue权限框架搭建
环境搭建事先准备本文只注重前端的搭建，后端只提及部分本框架是基于vue-cli3搭建的，首先你需要安装vue-cli脚手架。查看你的版本vue -V创建你的项目（admin为项目称）vue create admin然后安装你的各种负载，这里不进行详细说明我的package.json可以进行参考 "dependencies": { "axios": "^0.1...
2019-11-27 16:50:56
603
原创 vue-cli svg-sprite-loader
在vue-cli中使用svg-sprite-loader新手上路，有什么不对的地方请不吝赐教svg-sprite-loader是干啥的？当你有很多的svg图片的时候，你可以使用svg-sprite-loader来把图片打包成雪碧图（不是心飞扬哪个雪碧），然后使用时每个svg对应一个name标识。svg-sprite-loader安装npm install svg-sprite-loade...
2019-11-22 16:31:44
968
原创 vuex模块化
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-11-22 09:43:45
343
element-ui.zip
2019-12-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人