自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小柠檬爱编程

南来北往,不辜负生活,不迷失方向

  • 博客(161)
  • 资源 (3)
  • 论坛 (5)
  • 收藏
  • 关注

原创 一个北漂女程序员的心中梦想

我是一个在北京漂泊的程序员,身高173cm,别人看见我都会对我说你好高呀,还这么瘦,嘻嘻,听了太多这些话,也不知道为什么长得这么高,可能小时候方便面吃的比较多????我可能跟大多数人一样,我大学不是学的本专业,后期学的,对于零基础的小白到底怎么才能把这门技术学到出类拔萃,曾经的我很迷茫,工作几个月就想辞职,工资低的让自己都觉得在这家公司一直呆下去不值得,我猜想,现在刚毕业的大学生,或是正在工作的上班族,也跟我之前的想法一样吧,不甘于平庸,但却没有自己的一技之长,后来选择的IT之路,我就没有给自己留退路,就

2020-07-13 17:26:35 7285 54

原创 程序员面试宝典(印象加分大法)

1、请你自我介绍一下你自己?回答提示:1)先向面试官问好,比如:您好/上午好/下午好,两人以上说各位面试官大家好,我叫XX。2)回答思路:一般人回答这个问题过于平常,只说姓名、年龄、爱好、工作经验,这些在简历上都有,简单介绍即可。 企业最希望知道的是求职者能否胜任公司工作,包括:最强的技能、最深入研究的知识领域、个性中最积极的部分、做过的最成功的事,主要的成就等,这些都可以和学习无关,也可以和学习有关,但要突出积极的个性和做事的能力,说得合情合理企业才会相信。3)企业很重视一个人的礼貌,求职者要

2020-06-08 11:18:05 1271 2

原创 ECharts:Y轴数据变化小,折线图看起来不明显,试试这个方法

在很多工业领域中,很多工业设备工况时序数据变化都很微小,如何更直观的呈现关系到数据分析的效率问题。比如有这么一组数据:6.194, 6.199, 6.197, 6.191, 6.204, 6.194, 6.194, 6.202, 6.197, 6.194, 6.199, 6.194, 6.202, 6.197, 6.197, 6.199, 6.199使用echarts折线图呈现,默认情况下看就近似一个直线。想更好的呈现数据的变化趋势,使用下面这个属性轻松搞定。 yAxis: {

2021-09-23 16:15:26 68 2

原创 ECharts关于y轴刻度调整

修改y轴刻度之后是这样的直接上代码 yAxis: { min:0, //取0为最小刻度 max: 100, //取100为最大刻度 min:'dataMin', //取最小值为最小刻度 max: 'dataMax', //取最大值为最大刻度 min: function(value) {//取最小值向下取整为最小刻度 return Math.floor(value.min).

2021-09-23 12:23:03 407

原创 element-ui分页,列表显示全部序号,而不是按照页数排序

这一段代码就是控制序号的 <el-table-column show-overflow-tooltip :render-header="renderHeader" v-for="(item, index) in currentColumn" :key="index" :prop="item.prop" :type="item.type == 'ind.

2021-09-22 17:29:08 18

原创 封装el-table表格及组件内如何使用

1.封装el-table组件代码,可直接复制使用<template> <div class="table"> <el-table v-loading="loading" :data="dataSource" ref="mutipleTable" :header-cell-style="{'text-align':'center'}" border @se

2021-09-16 10:55:51 26

原创 Vue.js中 watch 监听的高级用法

1.假设有如下代码:<div id="root"> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: '#root', data: { firstName: 'Dawei', lastName: 'Lou'

2021-09-14 10:37:33 45 1

原创 Vuex详细介绍和使用方法

1.什么是vuex?官方的解释: Vuex是一个专为Vue.js应用程序开发的状态管理模式当项目比较庞大的时候,每个组件的状态比较多,为了方便管理,需要把组件中的状态抽取出来,放入Vuex中进行统一管理。常用的登录,购物车等一些数据的存储State:唯一的数据源,我们需要把任何一个组件中需要抽取出来的变量放入到state中去Getters:通过Getters可以派生出一些新的状态Mutations:更改Vuex的store中的状态的唯一方法Actions:Action提交的是mutation,

2021-09-13 16:20:17 15 1

原创 Vue实现上下左右无缝滚动,鼠标移入并暂停

需求:超过4条数据就开始无限循环滚动在线文档:https://chenxuan1993.gitee.io使用vue-seamless-scroll组件步骤:一:安装npm install vue-seamless-scroll --save二:在用到的页面引入和注册组件<script>import vueSeamlessScroll from "vue-seamless-scroll";export default { name: "test-abnormal-dynam.

2021-09-13 15:53:10 113 2

原创 vue单页面切换,返回到上个页面的时候要进行刷新

created():创建vue对象时,html渲染之前触发;也就是说created()只会触发一次。activated():在vue对象存活的状态下,进入这个页面就会触发activated()函数,可以用来初始化页面数据(刷新页面)deactivated():离开组件时执行;activated()和deactivated()只有在keepalive:true的情况下才会生效//调用这个函数可以实现刷新,(位置不要写错,与methods,mounted()是同级)activated () {

2021-09-10 15:33:33 30

原创 使用overflow-y属性,实现可以滚动但滚动条隐藏

只需要加一个css样式即可.div { height: 300px overflow-x: hidden; overflow-y: auto;}.div::-webkit-scrollbar { display: none;}

2021-09-10 15:27:16 31

原创 Vue路由参数更新但是页面不刷新问题

解决方法一、使用watch属性监听route对象watch: { $route(to, from) { if (this.$route.query.id && from.path == "/client/index") { this.getAllTypeList(); }, // 对路由变化作出响应... //可以使用$router.go(0)进行刷新,(补充,该方法在ios手机上无效) //可以改用wind

2021-09-06 18:50:23 30

原创 最简单的js去除首尾空格

function trimStr(str){ return str.replace(/(^\s*)|(\s*$)/g,"");}a = ' runoob 'console.log(trimStr(a));

2021-09-01 14:27:59 20

原创 使用el-calendar组件完成日历

效果图直接贴上这个功能,这个样式所有的代码,有需要可自行拿取,修改<template> <div class="life-record"> <!-- 头部搜索,及添加按钮 --> <div class="header"> <div class="date-picker"> <el-button icon="el-icon-arrow-left" t

2021-09-01 10:18:36 165

原创 el-table表格被选择过就禁用,不可在选择的方法

选择过得数据跟当前id一样的就禁用,不允许在选择 <el-table-column v-if="tableData.length > 0" type="selection" :selectable="(row) => {return !selectedTableData.find((v) => v.id == row.id);}" width="55" />...

2021-08-20 11:47:37 125

原创 VUE组件el-table表格动态添加一列数据,新增的数据通过v-model绑定不能实时更新解决方法

在写项目的时候,挂载数量本来没有这一项,是要给后端传的数据必须要有,所以是动态添加上去的看代码:因为数据是循环渲染的,这个数量v-model绑定的根本不能实时更新,所以用以下的方法可以解决这个问题:解决方法:使用 vm.$set 实例方法就可以实时更新v-model绑定的数据了,点击加减数量都是正常的,没使用此实例之前,数量只能加到2就不动了,查找了方法,可以解决,进行记录....

2021-08-20 11:10:21 351

原创 el-input设置类型为number时,中文输入法光标上移问题

element的input框有个bug,就是当他设置类型时number的时候,你用中文输入法输入,点空格确定,他的光标会移动到上面去解决方法:/*** 解决el-input设置类型为number时,中文输入法光标上移问题**/.el-input__inner{ line-height: 1px!important;}...

2021-08-19 14:53:05 58

原创 element UI 之table表格表头过长使用点点...显示,并添加鼠标移入悬浮显示

需求:鼠标移入表头:1、样式中添加.el-table .cell { word-break: keep-all !important; white-space: nowrap !important; }2、在需要悬浮显示的表头文字过长处添加:show-overflow-tooltip="true":render-header="renderHeader"3、methods中添加:renderHeader(h, data) { return h("sp

2021-08-12 15:04:14 94

原创 前端—每天3道面试题(四)

每天进步一点点,努力就会到终点!一、CSS3 新特性有哪些?1.颜色:新增 RGBA,HSLA 模式2. 文字阴影:(text-shadow)3.边框: 圆角(border-radius)边框阴影: box-shadow4. 盒子模型:box-sizing5.背景:background-size 设置背景图片的尺寸 background-origin 设置背景图片的原点background-clip 设置背景图片的裁切区域,以”,”分隔可以设置多背景,用于自适应布局6.渐变:linear-g

2021-07-29 09:39:12 37

原创 前端—每天3道面试题(三)

每天进步一点点,前进不止一小点!一、v-for的时候为什么要使用key?Vue 使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素;因为vue组件高度复用,增加Key可以标识组件的唯一性,key的作用主要是为了高效的更新虚拟DOM;二、分别简述computed和watch的使用场景computed:    当一个属性受多个属性影响的时候就需要用到computed    例子: 购物车

2021-07-28 10:19:49 25

原创 前端—每天3道面试题(二)

每天进步一点点,波折烦恼都不见!一、前端优化性能的方法有哪些?1. 减少http请求数常用的减少http请求数有以下几种:合并图片。当图片较多时,可以合并为一张大图,从而减少http请求数。经常变化的图片可能不太合适,变化相对稳定的就可以考虑。合并大图除了能减少http 请求数外,还可以充分利用缓存来提升性能。合并压缩css样式表和js脚本,他们的共同目的都是为了减少http连接数。去掉不必要的请求。开发写代码或者系统升级之后残留的无效请求连接。充分利用缓存。这里说的缓存是客户端侧缓存或者说

2021-07-27 12:04:39 38

原创 前端—每天3道面试题(一)

每天进步一点点,成长足迹看得见!一、overflow 有哪些属性值?Visible:默认值,内容不会被修剪,会呈现在元素框之外。Hidden:内容会被修剪,并且其余内容是不可见的。Scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。Auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。Inherit:规定应该从父元素继承 overflow 属性的值。二、 rgba()和 opacity 的透明效果有什么不同?rgba()和 opacity 都能实现透明效果

2021-07-26 14:53:38 80 4

原创 前端输出当天的日期方法

输出今天的日期,以 YYYY-MM-DD 的方式,比如今天是 2021 年7 月 22 日,则输出2021-07-22 ?控制台演示:今天是2021年7月23日哦

2021-07-23 14:35:10 39

原创 父子组件传值的精简步骤

父组件代码html <selectEquipment @alreadySelectEquipment="alreadySelectEquipment" 子组件传过来的事件,进行注册 :compareList.sync="compareList" 传给子组件的值 ></selectEquipment>jsimport selectEquipment from "./components/select-equipment.vue";//引入子组件export def

2021-07-22 18:48:47 31

原创 循环删除数组的某一项

点击删除,将数组的对应的一项删除 // 点击删除 deleteBtn(id) { //当前点击的id值 let len = this.alreadySelectEquipment;//data中保存的数组 for (let i = 0; i < len.length; i++) { if (len[i].id == id) { len.splice(i, 1); } } },.

2021-07-22 18:33:54 41

原创 Git开发中最常用的命令

git status 查看当前状态git add . 提交工作区文件到暂存区git commit -m"备注" 提交暂存区文件到仓库区git checkout - - <文件名> 从暂存区恢复某个文件到工作区git checkout . 恢复暂存区的所有文件到工作区git pull 拉取远程仓库代码(有冲突要解决冲突哦)解决好之后,再一次git add. git commit -m'' git pushgit push -u origin master 第一次提交需要这么写.

2021-07-21 14:47:45 30

原创 element-ui中隐藏滚动条el-scrollbar及修改滚动条颜色

<el-scrollbar></el-scrollbar>将会出现滚动的内容放到上述标签内就可以了。这里要简单的设置一下,将标签的height设为100%,查看效果的时候,会出现一个横向的滚动条,如果你不想要横向的滚动条,使用下面css属性设置就可以只显示竖向滚动条。/deep/.el-scrollbar__wrap { overflow-x: hidden;//将横向滚动条隐藏}/deep/.el-scrollbar__thumb { //可设置滚动条颜.

2021-07-20 14:18:15 168

原创 如何使用vue-table-with-tree-grid树形表格插件

1.安装插件npm install vue-table-with-tree-grid2.打开main.js,导入vue-table-with-tree-gridimport Vue from 'vue'import ZkTable from 'vue-table-with-tree-grid' Vue.use(ZkTable)3.全局注册//全局注册组件Vue.component('tree-table', TreeTable)4.使用组件展示分类数据:data(设置数据源.

2021-07-13 15:12:26 67

原创 element-ui中使用el-step步骤条实现忘记密码功能

效果图步骤条的使用比较简单,下面这是element官网的用法,我直接用代码展示如下:html:<template> <div class="page-container"> <div> <div class="title-img-wr"> <img src="../../assets/images/login/title.png" alt=""> </div>

2021-07-13 14:20:23 216

原创 注册页面提交验证-密保问题实现

实现页面需求HTML <div class="register-form"> <el-form ref="regForm" :model="form" :rules="rules" label-width="120px" class="demo-ruleForm" @submit.native.prevent> <el-form-item prop="account" label="用户名:"> <el-

2021-07-09 11:47:46 123 2

原创 VS Code 超级好用的插件

1.Chinese (Simplified) Language Pack for Visual Studio Code作用:中文翻译vscode2.Auto Close Tag作用:自动闭合html标签3.Auto Rename Tag作用:自动同步重命名标签4.Git History作用:查看Git历史记录5.javascript console utils作用:快速console.log和删除console.log使用:选择要打印的变量,然后使用快捷键Cmd + Shift

2021-07-08 18:58:34 155

原创 Cesium:入门教程(一)之 Hello World

下载与使用Cesium中文网提供最近版本的镜像下载地址:把包解压后如图所示:文件夹内含一个index.html,但双击并不能打开它,我们需要打开vscode编辑器下载依赖的npm模块,打开终端输入命令 npm install然后执行node server.js 或 npm start 就可以启动项目然后浏览器打开 http://localhost:8080/Apps/HelloWorld.html此时的页面上是没有地球的这时我们需要去官网 https://cesium.com/io

2021-07-08 12:26:12 24

原创 vue + elementUi中el-table表格高度自适应

首先html里设置table的高度<el-table ref="recordTable" :data="tableData" border :height="tableHeight"><el-table>data(){ return { tableHeight: 500 //默认初始值 }}根据浏览器高度设置初始高度,并监听浏览器高度变化,改变表格高度,70表示表格距离浏览器的高度mounted(){ this.$nextTick(() =>{

2021-07-07 16:14:11 436

原创 element-ui的分页,添加首页、尾页,跳转按钮

要实现这要一个分页的效果HTML分页代码 <div class="user-pagination"> <el-button type="button" @click="jumpFirstPage" class="my-btn">首页</el-button> <el-pagination ref="pagination" background prev-text="上一页" next-text="下一页" la

2021-07-07 14:58:06 404

原创 element-ui中 修改table表格隔行变色的样式

/deep/ .el-table--striped .el-table__body tr.el-table__row--striped.el-table__row--striped.el-table__row--striped td { background-color: #233347; /*隔行变色*/ }另一个色值设置在html上 <el-table :data="tableData" stripe ..

2021-07-06 19:48:54 237

原创 element-ui中 修改分页的样式

默认样式效果图修改未选中背景和字体 /deep/.el-pagination.is-background .el-pager li:not(.disabled) { background-color: #0e1423; // 进行修改未选中背景和字体 color: #8fb1d2; border: 1px solid #4581ae; border-radius: 5px; width: 40px; height: 40

2021-07-06 19:45:20 122

原创 element-ui中 table表格修改背景颜色

/deep/ .el-table, .el-table__expanded-cell { background-color: 你要设置的颜色; background-color: transparent;//这是设置透明背景色 }

2021-07-06 19:35:59 1791

原创 element-ui中 table表格改变鼠标悬停时的背景色

//样式穿透 深度作用可以实现 /deep/ .el-table tbody tr:hover>td { background-color: 你要改变的颜色 }

2021-07-06 19:33:50 306

原创 数组遍历的几种方法及用法

一.for循环for(let i = 0;i<arr.length;i++){ console.log(arr[i]) }二.forEach方法forEach是最简单、最常用的数组遍历方法,它提供一个回调函数,可用于处理数组的每一个元素,默认没有返回值.不能使用return中止循环.使用break中止循环会报错以上是个简单的例子,计算出数组中大于等于3的元素的个数。回调函数的参数,第一个是处于当前循环的元素,第二个是该元素下标,第三个是数组本身。三个参数均可选。

2021-07-05 17:37:41 68

原创 CSS实现文本一行垂直居中,两行垂直居中,超出两行文字显示省略号的方法

实现单行垂直居中,两行垂直居中,超过两行省略…显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> span{ display:-webkit-box; -webkit-line-clamp:2; .

2021-07-05 10:41:35 226

Postman使用教程.pdf

此资源是Postman使用教程,教程中图文并茂非常详细的介绍了Postman的使用方法,无论是前端还是后端,都会频繁使用Postman,值得收藏

2020-07-14

运营人必备修图技巧.pdf

运营的需要掌握的p图的重要几点,需要会这几点p图,运营的工作做起来轻而易举

2021-01-06

微信小程序-基础.pdf

此文档是微信小程序的基础内容,非常详细具体的总结了微信小程序的使用,如果你是初学者,那非常建议有必要看一看,会让你从无到有,从介绍什么是微信小程序,如何创建项目和配置等内容,建议收藏

2020-07-15

2019以完美结尾-2020以梦想起航

发表于 2020-01-19 最后回复 2020-08-05

<三十而已>教会了我正确的三观

发表于 2020-08-05 最后回复 2020-08-05

一个北漂女程序员的心路历程

发表于 2020-07-15 最后回复 2020-08-05

周末的你喜欢做什么呢?

发表于 2020-07-12 最后回复 2020-07-21

mpvue开发小程序引入vant组件改变不了其样式

发表于 2020-03-14 最后回复 2020-03-17

空空如也

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

TA关注的人 TA的粉丝

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