自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 vscode设置vue属性多了格式化不换行

☆最近在写vue的组件,需要用到一些icon,于是我就按照以往的引用方法,从iconfont的官网上找到了我需要的icon,下载icon的ttf等文件,放到项目中,并且写了iconfont.css来引用,但是别人说这种方法很容易限使用组件的项目的冲突,需要将字体转换为svg使用,因此我下载了每个icon的svg文件,通过img的方式引入了,本以为大功告成,但是引入到另外的项目中后,发现svg文件找不到,查看源码,发现是因为相对路径的问题,于是就更换一种方法,将相对路径改成绝对路径,还是找不到文件,折腾了许久

2021-08-11 20:18:58 851

原创 JS判断数组对象中所有属性是否为空

一、向数组添加元素的方法Array.push();在数组的末尾处添加;会改变原有数组,返回值是添加数据后数组的新长度。Array.unshift();在数组的开头处添加,返回值是添加数组后数组的新长度;会改变原有数组splice(index,0,value1,value2,...)向数组的指定index处插入;返回的是被删除的元素;会改变原有数组二、向数组删除元素的方法1.pop()从尾部删除一个元素;返回被删除的元素;会改变原有数组2、shift(

2021-08-09 14:29:30 1680

原创 对象与数组之间的数据转换

将数组转化为对象,代码如下: let arr = ["2019", "2014", "2020", "2018"]; let imgArr = []; arr.forEach((item, index) => { imgArr.push({ time: item }) })将数组中每一个对象中的特定属性的值拿到合为一个新数组:let arr = [{ time: 2019, name: "张三" }, { time: 2014, name: "

2021-08-07 17:48:05 179

原创 vscode设置vue属性多了格式化不换行

概述:总是忘这个怎么写,记录下,方便下次查看jsonstr就是json字符串var jsonarray = eval('('+jsonstr+')');

2021-08-05 17:25:16 288

原创 什么是Vue全家桶,Vue全家桶包含哪些东西

vue全家桶介绍:vue全家桶是基于vue开发必备的也是必学的东西,概括起来就是:、1.项目构建工具、2.路由、3.状态管理、4.http请求工具。最常见常用的vue全家桶简单的介绍一下,希望可以帮助你了解认识学会vue全家桶!1.vue-cli:vue-cli就是快速创建搭建一个vue项目的脚手架工具,安装vue-cli,直接在cmd命令执行:npm install -g vue-cli(安装的cnmp直接把npm改一下就可以),之后需要填写一些项目信息,不会的可以去网上搜一下。2

2021-08-05 08:30:05 2757

原创 Java Script 数组和字符串互转

一、数组转字符串(用join)a = new Array(a,b,c,d,e); b = a.join('-'); //a-b-c-d-e 使用-拼接数组元素c = a.join(''); //abcde二、字符串转数组:splitvar str = 'ab+c+de';var a = str.split('+'); // [ab, c, de]var b = str.split(''); //[a, b, +, c, +, d, e]...

2021-08-04 20:58:42 137

原创 Vant 轻量 可靠的移动端数据组件库

Vant官网地址:https://vant-contrib.gitee.io/vant/#/zh-CN/themeee.io/vant/#/zh-CN/theme

2021-07-16 09:30:07 302

原创 webpack入门和实战(一)--webpack配置及技巧

一、全面理解webpack1、什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理,它能有Grunt或Gulp所有基本功能。webpack的官网是 https://webpack.github.io/ ,文档地址是https://webpack.github.io/docs,官网对webpack的定义是MODULE BUNDLER,他的目的就是把有依赖关...

2021-07-06 20:06:23 319

原创 java script 防抖和节流

文章目录概念 防抖:就是一定时间内,只会执行最后一次任务。 节流:就是一定时间内,只执行一次。防抖 防抖函数的封装使用节流 节流函数的封装使用防抖<button id="debounce">点我防抖!</button>$('#debounce').on('click', debounce());function debounce() { let timer; ...

2021-07-01 18:06:22 138

原创 普通函数与箭头函数的区别

内容如下:1.箭头函数是匿名函数,不能作为构造函数,不能使用new//箭头函数let fun=()=>{ console.log('我是箭头函数');}//普通函数function fun(){ console.log('我是普通函数');}箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式:一种只包含一个表达式,连{...}和return都能省略掉。还有一种包含多条语句,这时候就不能省略{...}和return不能作为构造函数,不能使用new。/.

2021-06-29 16:29:41 121

原创 java script 基础类型转换

java script基础类型转换类型如下一、显示转换:编写程序时过度依靠系统内部的隐式转换是不严禁的,因为隐式转换规律并不清晰,大多是靠经验总结的规律。为了避免因隐式转换带来的问题,通常根逻辑需要对数据进行显示转换。概念:自己写代码告诉系统该转成什么类型转换方法:Number(数据)转成数值类型如果字符串内容里有非数字,转换失败时结果为NaN(NotaNumber)即不是一个数字NaN也是number类型的数据,代表非数字Boolean(数...

2021-06-27 17:06:39 175

原创 moment.js时间插件设置中文语言环境

moment.js设置中文语言环境以下操作代码如下// moment是一个专门处理时间日期的模块 // 使用模块之前,必须加载const moment = require('moment'); // 设置语言环境moment.locale('zh-cn', { months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'), monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_1..

2021-06-27 17:02:22 642

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除