- 博客(63)
- 收藏
- 关注
原创 项目性能优化最常见的操作
1.对图片和源码进行压缩。2.将图片能合并最好合并为精灵图,这样就可以减小服务器的访问次数。3.使用cdn,或者第三方的公开的网上地址。4.使用懒加载。一次只更新部分的内容。
2020-06-30 17:27:33
209
原创 数组扁平化
数组扁平化:将多维数组转化为一维数组 let deepFatter = arr => [].concat(...arr.map(v => Array.isArray(v) ? deepFatter(v) : v)); let result = deepFatter([1, [2, 3, [4], 5], 6, 7, [8], [[9], [10]]]); console.log(result);
2020-06-30 10:52:05
162
原创 把children里面的第一个对象里面的每一个值提出来,层级提高
原有:var data = {time: 2020,age: 16,name: “郭达”,children: [{province: “陕西省”,county: “蓝田县”,home: “汤臣一品”,street: “王家屯”,transport: “乒乓球”}]}期望:var data = {time: 2020,age: 16,name: “郭达”,province: “陕西省”,county: “蓝田县”,home: “汤臣一品”,street: “王家屯”,
2020-06-29 11:21:23
476
原创 对象的属性按照数组的顺序走,对象中没有和数组相同的该项删除,对象中比数组多的放后面,形成一个新的对象
let arr=[time,food,drink,name];let 0bj={drink:“矿泉水”,like:“打豆豆”,food:“米饭”,time:“十点”,transport:“走路”}我期望的:let 0bj={time:“十点”,food:“米饭”,drink:“矿泉水”,like:“打豆豆”,transport:“走路”}对象的属性按照数组里面的顺序排列,对象中要是没有数组的某一项,对象中就不放该项了,数组中没有的,但是对象中有的,放到后面。let list = ['time',
2020-06-28 16:52:40
136
原创 对象与数组之间的转换
将数组转化为对象: let arr = ["2019", "2014", "2020", "2018"]; let imgArr = []; arr.forEach((item, index) => { imgArr.push({ time: item }) })将数组中每一个对象中的特定属性的值拿到合为一个新数组:let arr = [{ time: 2019, name: "张三" }, { time: 2014, name: "李四" }, { t
2020-06-28 13:42:45
694
原创 一个数组里面均为对象,按照特定的要求进行排序
这里根据时间进行排序let arr = [{ time: 2019, name: "张三" }, { time: 2014, name: "李四" }, { time: 2020, name: "周五" }, { time: 2018, name: "吴六" }]; function sortNumber(a, b) { return a.time - b.time } arr.sort(sortNumber) console.log(arr);...
2020-06-28 10:41:39
244
原创 html+css实现钟表特效
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-06-28 09:43:46
545
原创 html+css实现简单的文字上色效果
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>文字上色效果</title></head><style type="text/css">body,p,dl,dd,ul,ol,li,div,h1,h2,h3,h4,h5,h6,form,input,table,tr,td,fieldset,figure{ margin
2020-06-28 09:42:16
830
原创 html+css实现简单的菜单栏
<!doctype html><html><head><meta charset="utf-8"><title>作业</title><style type="text/css">body,p,dl,dd,ul,ol,li,div,h1,h2,h3,h4,h5,h6,form,input,table,tr,td{ margin:0; padding:0;}.menu{ height:30px; widt
2020-06-28 09:40:38
861
1
原创 如何在手机上打断点
第一步:引入vconsole.js或者vconsole.min.js第二部:引入以下代码<script src="js/m/lib/vconsole.min.js" type="text/javascript" charset="utf-8"></script> <script > var vConsole=new VConsole(); console.log("hello world"); </script> ..
2020-06-23 16:54:57
540
原创 原生html+css+js写轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图效果</title></head><style> .wrap { width: 800
2020-06-19 10:59:31
379
原创 纯html+css固定表格一列或多列,其余进行横向滚动的方法
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>固定第一列</title> <style> *{ margin: 0; padding: 0; } body{ padding: 100px;
2020-06-17 10:34:42
1539
1
原创 将一个对象的部分属性按照一个数组的排列移到前面,生成一个新对象
let obj={“aaa”:121,“bbb”:234,“ccc”:435,“ddd”:4353,“eee”:888};let arr=[“bbb”,“eee”,“aaa”];我想要的结果是一个新对像,前三个键值对按照键为arr的顺序进行排列,obj里面多余的也得带上放到新对象的后面。let obj={"aaa":121,"bbb":234,"ccc":435,"ddd":4353,"eee":888};let arr=["bbb","eee","aaa"];/** * 返回给定的新对象
2020-06-16 12:31:42
393
原创 vue打包后背景图片加载不出来解决办法
vue打包后背景图片加载不出来,打开build / utils.js,找到 return ExtractTextPlugin.extract,在末尾添加publicPath: ‘…/…/’, //新添加的,之后重新打包就好了。
2020-06-02 11:12:51
954
转载 判断是pc还是mobile访问该页面
地址: https://blog.csdn.net/qq_43219422/article/details/89532259
2020-06-01 11:10:35
139
转载 offsetLeft,clientX,clientWidth了解
地址: https://blog.csdn.net/qq_43219422/article/details/89352290
2020-06-01 11:09:08
185
转载 多行文本省略,点击展开显示全部内容
地址: https://blog.csdn.net/qq_43219422/article/details/90641557
2020-06-01 10:51:32
1015
原创 一个数组中,元素均为对象,删除每一个对象中特定的一项
一个数组,里面的每一项都是对象,想删除每一个对象中特定的值:<script> let obj = [{ name: "张三", age: 13, title: 130 }, { name: "李四", age: 14, title: 140 }, { name: "王五", age: 15, title: 150 }]; let newArr = obj.map(item => ({ name:
2020-05-28 10:09:54
539
原创 多种样式的按钮写法
html<!DOCTYPE html><html lang="en" ><head> <meta charset="UTF-8"> <title>纯CSS开关切换按钮</title> <link rel="stylesheet" href="./style.css"></head><body><div id="app-cover"> <div class
2020-05-27 11:30:14
547
原创 移动端背景图全屏自适应
html<div class="code"> < img src="图片地址.jpg"/></div>css.code{ position:absolute; z-index:-1; width:100%; height:100%; top:0px; left:0px; } img{ width.
2020-05-27 09:50:44
1078
转载 前端各种单位的区别以及转化
前端各种单位的区别以及转化地址: https://blog.csdn.net/weixin_42192534/article/details/80289782
2020-05-20 15:48:34
353
原创 怎么加载网页背景图随浏览器等比例缩放(css)
怎么加载网页背景图随浏览器等比例缩放(css) width:100%; height:100%; background: url(../images/ground.png); background-size: 100% auto; background-repeat: no-repeat;
2020-05-19 16:59:39
1320
原创 移动端点击a链接出现蓝色背景的问题解决方法
移动端点击a链接出现蓝色背景的问题解决方法a:link,a:active,a:visited,a:hover { background: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
2020-05-14 14:24:19
447
原创 常见的接口报错及其意思
常见的接口报错及其意思case 400:error.message = ‘请求参数错误’;case 401:error.message = ‘未授权,请登录’;case 403:error.message = ‘跨域拒绝访问’;case 404:error.message = `请求地址出错:case 408:error.message = ‘请求超时’;case 500:error.message = ‘服务器内部错误’;case 501:error.message = ‘服务未实
2020-05-14 14:12:01
6822
原创 vue-cli 2.0环境变量配置
vue-cli 2.0环境变量配置地址:https://my.oschina.net/parchments/blog/3289586
2020-05-13 10:48:43
1404
原创 vue的package.json配置里面的scripts的各项都代表啥意思
vue的package.json配置里面的scripts的各项都代表啥意思
2020-05-12 16:08:34
5501
原创 vue项目打包报错
vue项目打包报错老项目拉下来后改了些样式,再次打包他会报错npm ERR! missing script: build npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2020-05-12T06_25_52_458Z-debug.log解决办法:找到package.json的,看有没有安装optimize
2020-05-12 15:50:20
1177
原创 elementui的table表格头错位解决办法
elementui的table表格头错位解决办法vue配合elementui写的表格突然表格头错位:就像这样。他的解决方法是在全局的css公共样式或者app.vue里面加入以下的css样式body .el-table th.gutter { display: table-cell !important; } body .el-table colgroup.gutter {...
2020-05-07 10:29:55
1310
1
转载 随机点名器
随机点名器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin:0;padding:0} .container...
2020-05-06 14:48:29
261
转载 dom元素自上而下滚动
dom元素自上而下滚动<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m...
2020-05-06 14:45:16
188
原创 setTimeout()和setInterval()方法
setTimeout()和setInterval()方法setInterval() 每隔一段时间执行一次,常用于定时器setTimeout() 在一段时间后执行。我在浅拷贝时用过
2020-05-06 14:42:37
80
转载 网页背景(点击出现文字)
网页背景(点击出现文字)<!DOCTYPE><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CanvasDemo...
2020-05-06 14:32:17
254
原创 判断指定月份天数
判断指定月份天数 //获取指定月份天数 function getDateByMon(year, month) { let d = new Date(year, month, 0); return d.getDate(); } console.log(getDateByMon(2013, 2));
2020-05-06 14:26:39
438
原创 深拷贝和浅拷贝
深拷贝和浅拷贝当我们想拷贝一个已有的数组或者对象时,我们首先想到的是这样:浅拷贝<script> var obj = { name: 1, height: 1 } var newObj = obj; setTimeout(() => { newObj.name = 2; newObj.height = 2; conso...
2020-05-06 14:16:58
84
原创 vue项目使用moment实现时间转化
vue项目使用moment实现时间转化第一步:下载moment(npm install moment --save )第二部:在main.js里面引入下面两行代码import moment from ‘moment’Vue.prototype.moment=moment;∗∗第三步:∗∗直接在需要使用的地方直接用this.moment = moment;**第三步:**直接在需要使...
2020-04-28 11:12:33
1296
原创 vuex的五个常用属性
vuex的五个常用属性vuex: 这个东西就相当于一个公共管理的仓库。在这里定义的东西可以在各个页面获取到。常用来解决同级组件之间的传值问题。1.state: 用来存储变量。在别的页面就可以使用this.$store.state.这里定义的变量,获取到这个变量的值。2.mutations和actions: 这两个地方的功能都差不多,是用来执行回调函数从而更改状态的地方。不同的是actions...
2020-04-24 10:19:36
1010
原创 vue的watch,computed和methods的区别
vue的watch,computed和methods的区别watch: 这个是用来监听data里面定义的一些变量,每监听到变量发生改变时,就会执行这里。computed: 这个是计算属性,他的值不会在data里面声明。使自己定义的。可以处理data里面的值来生成。在方法里面也是直接this.生命的值就可以获取到。methods: 这个是方法,就是添加一些自定义的事件,就可以在这里面写。...
2020-04-24 10:05:06
231
1
原创 vue的生命周期和钩子函数
vue的生命周期和钩子函数vue的生命周期是一个组件从创建到销毁的全过程。这个过程包括4个阶段,8个函数。也叫8个钩子函数。1.创建期beforeCreate,created。在created后面一般会调取接口来获取数据。但是由于在这个时候我们的页面挂载节点还没有生成。所以不能再页面显示。2.挂载期beforeMount mounted在mounted加载完成之后,会生成页面挂载结...
2020-04-24 09:54:10
105
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人