自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 资源 (1)
  • 收藏
  • 关注

原创 element-ui使用心得之三:怎么看element官方文档

直接先说最常用的一、使用组件 以el-input为例1. Attributes: attributes属性直接在组件上引用,前面的checkbox表示引用的标签,比如:<template> <el-input type="number"></el-input> // type为字符串的话可以直接写 <el-input :type="inputType"></el-input> <el-input v-bind:type

2020-10-31 12:54:48 2094 1

原创 git workflow使用记录

finish之后会自动帮你将代码合到develop和master,并打tag。自己输入message信息;i开始编辑,编辑完esc,:wq完成编辑。2.完成后发布分支:git flow release finish v1.0.0。1.新建分支:git flow release start v1.0.0。3.这时分支和tag都没推到远端,自己git push推到远端。这里的v1.0.0和最后打的tag名一致。

2023-09-07 14:25:37 54

原创 vue3全家桶开荒记录

vue3

2022-06-25 11:14:40 340 1

原创 js中Number和parseInt的区别

参数 Number parseInt ‘a' NaN NaN '2a' NaN 2 'a2' NaN NaN true 1 NaN null 0 NaN {} NaN NaN [] 0 NaN undefined NaN NaN 结论:parseInt对以数字开头的字符串兼容性...

2021-11-09 13:55:18 730

原创 小白也能看懂的前端知识之八:最新Vue代码规范

标签中的属性多余2个建议换行,并且右>也建议换行代码块之间建议加空行,比如两个自定义组件之间,header和body和footer之间,两个函数之间,created和methods之间双大括号、大括号之间两边建议加空格vue中钩子函数及其他属性书写顺序为:name,components, props, data, computed, created, mounted, methods, watch。这样可以清楚的看到引入的组件以及props,props,data,computed.

2020-11-20 18:27:27 276

原创 小白也能看懂的前端知识之七:为什么说eval和with会影响性能

前置知识:js引擎在执行一段代码之前,会有一个语法分析的阶段,也就是预解析。这个阶段会做语法检查,比较低级的语法错误会在这个阶段被检测到并抛出错误。其次会确定每个变量的作用域,制定出作用域链,并绘制“抽象语法树”,也就是AST。以后的执行以及性能优化都是基于ASt来进行的eval:function foo (str, a) { eval(str) console.log(a, b)}var b = 2foo('var b = 3', 1) // 1, 3这段代码其实就相当于var b

2020-10-31 13:32:57 1055

原创 element-ui使用心得之二:el-upload上传文件自定义上传参数

HTML<el-upload class="upload-demo" action="https://www.baidu.com" // url :headers="headers" // 请求头,一般填token、orgid等身份校验信息 :with-credentials="true" // 自动获取cookie :data="uploadDataReq" // url中带的参数 :before-upload="checkFil

2020-08-29 15:29:44 4070

原创 小白也能看懂的前端知识之六:新手怎么用vue开发及易犯错误

一、拿到一个vue项目我们首先应该考虑什么:1. 考虑哪些部分可以封装成组件2. 考虑哪些样式是公共的,用同一个类名,写在公共样式里。减小组件体积3. 考虑哪些值要放在store里,哪些用组件传值(这个很重要,因为有时组件传值很麻烦,有时用store很麻烦)二、新手常犯的错误:1. 在html代码里写this,在js里忘记写this。导致报错2. 分不清用computed还是watch。watch是监听一个变量,常用于触发事件,或者直接修改一个变量的值。computed是有一个返回值,如果htm

2020-07-04 09:59:03 402

原创 element-ui使用心得之一:date-picker限制可选范围区间

el-date-picker中的picker-options属性用来控制不可选日期区域和今天、明天等快捷选择官方文档提供的demo中只有大于某个日期不可选我们发现disabledDate最后return了一个返回值,我们修改这个返回值来实现大于某个日期小于某个日期都不可选,也就是设定了可选范围直接上代码:HTML:<el-date-picker v-model="beginTime" :type="dateType" :picker-options="pickerOptio.

2020-07-04 08:54:24 6037 2

原创 前端工具常用快捷键

chrome调试: 1.按h键: 隐藏/显示标签 2.ctr + shilft + delete: 清浏览器缓存 3.选择便签按F2可快速编辑标签 4.F10不进入函数体,F11进入函数体 5.F12打开、关闭开发者工具 6.Ctrl++:放大页面,ctrl+-:缩小页面,ctrl+0:页面大小还原到100% 7.鼠标滚轮点击链...

2020-06-01 16:28:12 887

原创 javascript数组去重的9种方法(思路)

1.新建空数组,遍历原数组和新数组,如果数组元素和新数组元素相等则不push​function fn1 (arr) { var newArr = []; for (var i = 0,len = arr.length; i < len; i ++) { if (newArr.length !== 0) { var canPush = tru...

2020-03-25 13:13:26 267

原创 Vue使用过程中遇到的bug及解决方法

1. 用event.target操作当前元素出现bug,改为用event.currentTarget。

2020-03-21 14:25:58 1434

原创 小白也能看懂的前端知识之五:元素定位(相对定位、绝对定位、固定定位)

一、静态定位:staticposition:static;静态定位,如果没有手动设置position的话默认值就是这个。这个属性有什么用呢,一般不需要设置,但是当你给一个有定位的元素添加点击事件,想把它改成没有定位的话就用到了这个属性。比如:$('.header').on('click', function() { $(this).css('position', 'stat...

2019-11-09 11:15:27 342

原创 小白也能看懂的前端知识之四:最实用的元素居中教程

一、块元素中的文字、行内元素、inline-block元素:1. 左右居中:text-align: center; 或者给子元素加 margin: 0 auto;2. 上下居中:line-height: 100px; (这里的line-height等于该块元素的height)<div style="width:100px; height:100px; text-align:...

2019-11-02 10:35:19 148

原创 小白也能看懂的前端知识之三:使用cmd命令行监听、实时编译sass文件

有些初学者可能会有这样的困惑,想使用sass或less之类的css预编译工具,但是苦于不会配置webpack、gulp、grunt等构建工具。本篇教程就是为了实现cmd一行命令动态监听、编译sass文件本篇默认您的电脑已经安装sass,并且有sass相关知识,如果没有,请点这里阮一峰老师的sass教程1.windows + R快捷键打开运行(或者点击 程序=>附件=>命令提示符...

2019-10-28 19:32:02 1016

原创 小白也能看懂的前端知识之一:chrome浏览器插件安装、使用教程

本篇以livereload为例一、安装步骤:1.下载livereload插件,livereload百度云下载地址,提取码:h9ty2.打开chrome浏览器(默认您已经安装了chrome浏览器)3.点击右上角的“点点点”,选择“更多工具”,点击“扩展程序”4.将刚才下载的压缩包解压,点击“加载已解压的扩展程序”,您将看到浏览器工具栏右边多了一个这样的图标(liverel...

2019-10-28 18:51:36 616

原创 小白也能看懂的前端知识之二:用来做代码同步的livereload插件使用教程

一、目的:1. 有些人在做前端开发时会遇到这样的情况,在编辑器中修改完代码后需要手动刷新浏览器才能看到效果,尤其是用双屏。本篇教程就是为了解决此问题,使用此插件之后,在编辑器中修改完代码浏览器会自动刷新实时看到效果。2. 如果您的项目是用vue-cli脚手架开发的,或者您使用的编辑器是webstorm、hbuilderX,请忽略本篇(因为它们自带这个功能)。二、步骤:1. 下载li...

2019-10-27 20:49:26 634

前端HTML、css、JavaScript实现俄罗斯方块

前端HTML、css、JavaScript实现俄罗斯方块,适合刚开始接触前端开发的新朋友 啊

2018-06-19

空空如也

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

TA关注的人

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