- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 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
2103
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
55
原创 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
278
原创 小白也能看懂的前端知识之七：为什么说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
1056
原创 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
4073
原创 小白也能看懂的前端知识之六：新手怎么用vue开发及易犯错误
一、拿到一个vue项目我们首先应该考虑什么：1. 考虑哪些部分可以封装成组件2. 考虑哪些样式是公共的，用同一个类名，写在公共样式里。减小组件体积3. 考虑哪些值要放在store里，哪些用组件传值（这个很重要，因为有时组件传值很麻烦，有时用store很麻烦）二、新手常犯的错误：1. 在html代码里写this，在js里忘记写this。导致报错2. 分不清用computed还是watch。watch是监听一个变量，常用于触发事件，或者直接修改一个变量的值。computed是有一个返回值，如果htm
2020-07-04 09:59:03
403
原创 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
6047
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
890
原创 javascript数组去重的9种方法（思路）
1.新建空数组，遍历原数组和新数组，如果数组元素和新数组元素相等则不pushfunction 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
原创 小白也能看懂的前端知识之五：元素定位（相对定位、绝对定位、固定定位）
一、静态定位：staticposition：static；静态定位，如果没有手动设置position的话默认值就是这个。这个属性有什么用呢，一般不需要设置，但是当你给一个有定位的元素添加点击事件，想把它改成没有定位的话就用到了这个属性。比如：$('.header').on('click', function() { $(this).css('position', 'stat...
2019-11-09 11:15:27
346
原创 小白也能看懂的前端知识之四：最实用的元素居中教程
一、块元素中的文字、行内元素、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
1017
原创 小白也能看懂的前端知识之一：chrome浏览器插件安装、使用教程
本篇以livereload为例一、安装步骤：1.下载livereload插件，livereload百度云下载地址，提取码：h9ty2.打开chrome浏览器（默认您已经安装了chrome浏览器）3.点击右上角的“点点点”，选择“更多工具”，点击“扩展程序”4.将刚才下载的压缩包解压，点击“加载已解压的扩展程序”，您将看到浏览器工具栏右边多了一个这样的图标（liverel...
2019-10-28 18:51:36
619
原创 小白也能看懂的前端知识之二：用来做代码同步的livereload插件使用教程
一、目的：1. 有些人在做前端开发时会遇到这样的情况，在编辑器中修改完代码后需要手动刷新浏览器才能看到效果，尤其是用双屏。本篇教程就是为了解决此问题，使用此插件之后，在编辑器中修改完代码浏览器会自动刷新实时看到效果。2. 如果您的项目是用vue-cli脚手架开发的，或者您使用的编辑器是webstorm、hbuilderX，请忽略本篇（因为它们自带这个功能）。二、步骤：1. 下载li...
2019-10-27 20:49:26
634
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人