- 博客(22)
- 收藏
- 关注
RSS订阅原创 Element-UI的table合计不显示和计算有误问题
element-ui的table表格有合计功能，但是功能确不完善，会有不显示和计算出现错误的问题，所以自己动手找了资料，修复了这部分bug。
2021-02-04 19:01:00
2318
2
原创 js将对象数据根据属性归类分成多个数组
场景：一个数组内含有多个对象，需要根据对象的属性将同一值的对象归为一个数组。js代码：//数据归类方法funtion classify(arr, key) { let kind = []; //存放属性标识 let newArr = []; //返回的数据 arr.map((item) => { // 判断key是否存在，不存在则添加 if (!kind.includes(item[key])) { kind.push(item[key]); /
2021-01-14 22:25:20
4193
3
原创 Vuex修改state内的数据
将需要存储的数据写在state.js文件内：export default { testData:null //被修改的数据}在mutations.js内写修改该数据的函数：export default { setData(state, data) { /** *testData是state内需要被修改的数据 *data是传来的数据 */ state.testData = data }}在进行修改该数据的函数中：/***..
2021-01-06 16:20:36
4306
原创 js获取异步操作返回的数据（回调函数）
在项目中会遇到通过ajax、setTimeout等异步操作向后台获取数据，而js自身不会等待数据拿到后再进行下一步操作，所以会导致其他函数无法获取异步操作函数内的数据。例如：function back(x,y){ var ret; setTimeout(function(){ ret = x + y; },1000) return ret;};console.log(back(10,20)); //undefined或者：funct
2021-01-05 11:18:54
9200
原创 vue在多个按钮之间切换选中状态
写了一个简易的按钮切换选择需求，具体的样式都可以自由更改HTML：<span class="btn-time" @click="selectTime($event)">02:30~03:00</span><!--class可以更改，但是后面的方法内的className部分也要跟着修改-->data:beforeTarget:{} //记录上次点击的按钮methods:selectTime($event) { //给点击选中的按钮
2020-12-24 14:16:03
4903
3
原创 vue如何封装公共方法
在config文件夹中创建common.js文件：const commonFn = function(){ console.log("公共方法封装成功！")}//将方法暴露出来export default { commonFn}在main.js引入全局方法：//将公共方法挂载thisimport config from './config/common'Vue.prototype.$config = config全局使用方法：this.$config.comm
2020-12-24 10:21:25
1090
原创 JS实现页面跳转上下页
因为项目遇到的需要多页显示的内容，需要做出页面跳转的功能，考虑到以后会经常遇到，于是封装了一个demo可以直接使用。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid...
2020-04-26 16:39:43
3215
原创 实现手机端页面自动横屏显示
如题，在做手机端页面时会遇到需要固定横屏显示的页面，很多人的做法是直接给一个横屏提醒，我也不例外。不过大佬给了我一个新的思路，让页面不管是横着拿着还是竖着拿着都是横屏显示。思路：监听页面的orientation，也即方向变化。当为竖屏时，页面的高度为原来的宽度，宽度为原来的高度，并通过rotate使页面旋转，可参考css代码。由于旋转需要在中心位置，所以需要绝对定位将页面往下和右偏移50%，再...
2020-04-26 16:23:18
6338
4
原创 一个自用的弹窗demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">
2019-03-11 01:29:52
294
转载 JS实现将div生成高清图片并保存本地
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>htmltopic</title> <script type="text/javascript" src="js/jquery-3.3
2019-02-20 03:25:31
6430
原创 JS创建多行盒子
想做一个签到系统，所以必须按照教室布局生成盒子，所以做了一个输入几行几列就能动态生成盒子的demo。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>签到系统</title> &l
2019-02-04 02:09:23
1357
转载 为什么点击后console.log的对象是window
代码如下HTML：<input type="button" value="+" onclick="start()">JS：function start(){ console.log(this); //为什么输出window }如果不考虑bind、call、apply等特殊情况(毕竟这些场景比较容易)，那么判断一个...
2019-01-26 20:10:58
531
3
原创 JS动态移除div
在写这个函数时出现了很多问题，使用下面这种写法时发现只有第一次的移除是准确的，后面会移除第i-1个盒子。function remove(){ var yes = document.getElementsByClassName('yes'); var body = document.getElementById('body'); var num = body.children...
2019-01-23 15:18:45
8724
原创 JS：Cannot set property 'display' of undefined问题
先贴上js代码function judgeAll(){ var cancel = document.getElementById("cancel"); var judge = document.getElementsByClassName("judge"); cancel.onclick = function(){ if (judge.style.display==...
2019-01-22 22:36:16
13483
6
原创 JS点击获取盒子的次序及文本
这个程序主要是由于盒子为动态生成的，所有class和id都一致，无法使用类型名指定，且盒子内有多个盒子，需要获取盒子内某个盒子的innerHTML，因此需要将无关联的两个盒子进行绑定。实现想法如下：先获取所有同个class名的盒子，得到被点击的盒子的次序，获得该次序下另一个盒子的innerHTML。代码如下：HTML：<body> <div clas...
2019-01-16 00:44:01
837
原创 ajax使用post发送数据给后台
function sendData(){ var time = document.getElementById("time").value; var place = document.getElementById("place").value; var xmlhttp; xmlhttp = new XMLHttpRequest(); xmlhttp.onr...
2019-01-11 10:04:30
854
1
原创 当父元素没有width时，css如何使子元素水平居中
（1） text-align方法：在父元素中加入"text-align:center;"，所有子元素自然水平居中。也正是因为会使所有子元素水平居中，所以在只需要某个子元素水平居中的情况下并不适用。.eg{ text-align:center;}（2） 浮动方法：先让父元素左浮动50%，再让子元素右浮动50%，即可实现水平居中。.father{ clear:...
2018-12-21 20:42:59
1518
原创 JS如何获取其他函数的局部变量
要获取函数的局部变量，就要把嵌套的函数定义在变量的作用域链里，就是所谓的“闭包”。实例演示：function a(){ var check = true; function b(){ var check = false; alert(check); } return{check:check,func:b};}function test(){ var judge = ...
2018-12-20 15:05:21
4897
原创 JS判断多个下拉框值的大小
有10个下拉框，前5个下拉框和后5个下拉框分别是开始时间和结束时间的年、月、日、时、分，完成目标是结束时间一定要大于开始时间。算法：将下拉框的值赋予一个数组，用for循环判断值的大小，当开始时间的值大于或小于结束时间时，分别输出“judge=false”和“judge=true”，退出循环；当开始时间等于结束时间时，则继续循环判断下一个值，直至循环结束，然后输出“judge=false”。...
2018-12-09 13:04:54
486
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人