自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

树上骑个猴的博客

web前端、vue、elementui

  • 博客(12)
  • 资源 (3)
  • 收藏
  • 关注

转载 JS中函数参数值传递和引用传递

也许大家对于函数的参数都不会太在意,简单来说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。深入研究,你会发现其实没那么简单,这个传参是要分俩种情况(其实这是个错误的说法,ECMAScript中所有函数的参数都是按值传递的——《高程3》原话,之所以这里说俩种,是因为结合引用传参更容易理解)—— 值传参和引用传参。值传参针对基本类型,引用传参针对引用类型,传参可以理解为复制变量值。基本类型复制后俩个变量完全独立,之后任何一方改变都不会影响另一方;引用类型复制的是引用(即指针),

2021-03-31 14:36:47 495 2

转载 说说em/px/rem/vh/vw的区别

一、介绍传统的项目开发中,我们只会用到px、%、em这几个单位,它可以适用于大部分的项目开发,且拥有比较良好的兼容性从CSS3开始,浏览器对计量单位的支持又提升到了另外一个境界,新增了rem、vh、vw、vm等一些新的计量单位利用这些新的单位开发出比较良好的响应式页面,适应多种不同分辨率的终端,包括移动设备等二、单位在css单位中,可以分为长度单位、绝对单位,如下表所指示CSS单位 相对长度单位 em、ex、ch、rem、vw、vh、vmin、vmax、%绝对长度单位 cm、mm、in、px

2021-03-31 09:35:38 2644 2

转载 前端Vue CLI 环境变量 — env

一定要先看官方文档,不要上来就开整,很多配置内部是有约定的,所以别乱来。文档说的很清楚,三种模式 development、 test、 production,分别代表开发、测试、生产。可以在命令行这样设置:"scripts": { "serve": "vue-cli-service serve", "build:beta": "vue-cli-service build --mode development", "build:release": "vue-cli-service build

2021-03-29 13:53:37 601

转载 前端性能监控指标的选取

对于前端来说,最重要是的体验,而在前端体验中,最为核心的就是性能。秒开率、流畅程度等一系列指标都直接影响用户体验。因此,建立一个准确、及时、有效的前端性能监控系统,不仅可以量化当前页面的性能水平,还可以为优化方案的效果提供数据支持,此外,还可以在页面性能下滑时提供报警服务,提醒开发人员改善页面性能。在参考前人的实践成果后,我们对性能监控的一系列指标的计算成本,适用性和实用价值进行了评估,认为以下指标和信息是最具实用性和性价比的:首先是fcp(first contentful paint,如下图所示.

2021-03-29 10:29:48 827

转载 vue(css)实现三个字和四个字等宽、或者3个字和2个字等宽

实现效果:在做前台界面的时候,比如一些文字的列表或者一些表单的标题,经常是2个字,3个字,4个字的类型。一般对齐就是在中间打空格或者用 来空开,但是效果并不好,兼容性有问题,造成不美观。letter-spacing 属性增加或减少字符间的空白(字符间距)。该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。代码:<div slot="label" style="font-size: 14px;letter-spa

2021-03-26 11:28:45 5212 1

原创 vue 按需加载组件和路由组件

1.vue 按需加载组件异步组件import函数按需加载,异步加载大组件<!-- 异步组件 --><FormDemo v-if="showFormDemo"/><button @click="showFormDemo = true">show form demo</button>components: { FormDemo: () => import('../Common/FormDemo'),},data() { r

2021-03-26 10:25:44 218

原创 Eslint跳过对某行、某段代码的检查

1.跳过对下一行代码的检测// eslint-disable-next-linedebugger2.跳过对某段代码的检测/* eslint-disable */debugger/* eslint-enable */

2021-03-22 10:01:37 4717

原创 Vue命名规范

一、组件命名Vue给出的官方的命名规范:当注册组件 (或者 prop) 时,可以使用 kebab-case (短横线分隔命名)、camelCase (驼峰式命名) 或 PascalCase (单词首字母大写命名)。PascalCase 是最通用的声明约定而 kebab-case 是最通用的使用约定。命名可遵循以下规则:1、有意义的名词、简短、具有可读性2、以小写开头,采用短横线分割命名3、基础组件名以Base、App 或 V开头4、文件夹命名主要以功能模块代表命名二、Vue组件中的方

2021-03-21 22:33:06 2989

原创 vue 报错error in render: “TypeError: Cannot read property ‘0‘ of undefined“

比如使用了 this.data[0]如果data不存在,就会报这个错

2021-03-18 15:39:36 208

原创 vue echarts不显示图表

如果echarts图表封装成了一个子组件,则从父组件传参给子组件的时候,尽量不要让子组件去加工要显示的数据。而应该是父组件加工完数据传给子组件直接显示。同时配合v-if。如:

2021-03-05 15:23:39 536

原创 js字符串数组小技巧(获取字符串中圆括号中的内容)

数组转字符串,用特殊字符“,”连接。let a = [‘a’,‘b’,‘c’]let b = a.join(",") // a,b,c

2021-03-03 17:29:41 2483 1

原创 vue Eslint语法报错导致无法npm run build执行命令

有时候一些外部js文件通过直接在index.html引入来让全局使用,在其他文件调用时语法无法通过,但又必须这么调用。这会导致语法报错无法执行npm run build命令。此时需要对相关代码块关闭eslint语法检查。关闭段落校验/* eslint-disable */ 代码块/* eslint-enable */关闭当前行校验一行代码 // eslint-disable-line关闭下一行校验// eslint-disable-next-line下一行的代码.

2021-03-02 09:02:15 2164

腾讯地图sig签名生成

腾讯地图sig签名生成

2022-02-14

vue版corn表达式生成器

目前该插件有2个参数,isShow用于控制是否初始化插件,initialData用于回显数据到插件上。

2021-10-20

echarts+vue实现多条统计柱状图表(渐变色柱状图,x、y坐标系修改颜色)项目源码.rar

echarts+vue实现多条统计柱状图表(渐变色柱状图,x、y坐标系修改颜色)项目源码

2019-08-28

空空如也

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

TA关注的人

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