- 博客(162)
- 资源 (3)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 一个北漂女程序员的心中梦想
我是一个在北京漂泊的程序员,身高173cm,别人看见我都会对我说你好高呀,还这么瘦,嘻嘻,听了太多这些话,也不知道为什么长得这么高,可能小时候方便面吃的比较多????我可能跟大多数人一样,我大学不是学的本专业,后期学的,对于零基础的小白到底怎么才能把这门技术学到出类拔萃,曾经的我很迷茫,工作几个月就想辞职,工资低的让自己都觉得在这家公司一直呆下去不值得,我猜想,现在刚毕业的大学生,或是正在工作的上班族,也跟我之前的想法一样吧,不甘于平庸,但却没有自己的一技之长,后来选择的IT之路,我就没有给自己留退路,就
2020-07-13 17:26:35
8504
58
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 程序员面试宝典(印象加分大法)
1、请你自我介绍一下你自己?回答提示:1)先向面试官问好,比如:您好/上午好/下午好,两人以上说各位面试官大家好,我叫XX。2)回答思路:一般人回答这个问题过于平常,只说姓名、年龄、爱好、工作经验,这些在简历上都有,简单介绍即可。 企业最希望知道的是求职者能否胜任公司工作,包括:最强的技能、最深入研究的知识领域、个性中最积极的部分、做过的最成功的事,主要的成就等,这些都可以和学习无关,也可以和学习有关,但要突出积极的个性和做事的能力,说得合情合理企业才会相信。3)企业很重视一个人的礼貌,求职者要
2020-06-08 11:18:05
2972
2
原创 软件测试面试题(全)
http协议又叫做超文本传输协议,在做网络请求的时候,我们基本上是使用http协议。http协议包括请求和响应。请求中包括:请求地址,请求方式,请求方式包括get请求和post请求,get和post的区别是get请求是在地址栏后边跟随请求参数,但是请求参数大小是有限制,不同浏览器是不同的。一般是4KB。post请求主要用于向服务器提交请求参数。post请求的参数是放到请求实体内容中的,相对get请求较为安全一些。另外,请求中会有各种请求头信息,比如支持的数据类型,请求的来源位置,以及Cookie头等相关
2022-07-12 14:05:53
75518
5
原创 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
3947
3
原创 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
40344
4
原创 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
434
原创 封装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
551
原创 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
372
1
原创 Vuex详细介绍和使用方法
1.什么是vuex?官方的解释: Vuex是一个专为Vue.js应用程序开发的状态管理模式当项目比较庞大的时候,每个组件的状态比较多,为了方便管理,需要把组件中的状态抽取出来,放入Vuex中进行统一管理。常用的登录,购物车等一些数据的存储State:唯一的数据源,我们需要把任何一个组件中需要抽取出来的变量放入到state中去Getters:通过Getters可以派生出一些新的状态Mutations:更改Vuex的store中的状态的唯一方法Actions:Action提交的是mutation,
2021-09-13 16:20:17
447
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
2092
2
原创 vue单页面切换,返回到上个页面的时候要进行刷新
created():创建vue对象时,html渲染之前触发;也就是说created()只会触发一次。activated():在vue对象存活的状态下,进入这个页面就会触发activated()函数,可以用来初始化页面数据(刷新页面)deactivated():离开组件时执行;activated()和deactivated()只有在keepalive:true的情况下才会生效//调用这个函数可以实现刷新,(位置不要写错,与methods,mounted()是同级)activated () {
2021-09-10 15:33:33
1754
原创 使用overflow-y属性,实现可以滚动但滚动条隐藏
只需要加一个css样式即可.div { height: 300px overflow-x: hidden; overflow-y: auto;}.div::-webkit-scrollbar { display: none;}
2021-09-10 15:27:16
9843
2
原创 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
2829
原创 最简单的js去除首尾空格
function trimStr(str){ return str.replace(/(^\s*)|(\s*$)/g,"");}a = ' runoob 'console.log(trimStr(a));
2021-09-01 14:27:59
1811
原创 使用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
2055
2
原创 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
745
原创 VUE组件el-table表格动态添加一列数据,新增的数据通过v-model绑定不能实时更新解决方法
在写项目的时候,挂载数量本来没有这一项,是要给后端传的数据必须要有,所以是动态添加上去的看代码:因为数据是循环渲染的,这个数量v-model绑定的根本不能实时更新,所以用以下的方法可以解决这个问题:解决方法:使用 vm.$set 实例方法就可以实时更新v-model绑定的数据了,点击加减数量都是正常的,没使用此实例之前,数量只能加到2就不动了,查找了方法,可以解决,进行记录....
2021-08-20 11:10:21
2327
原创 el-input设置类型为number时,中文输入法光标上移问题
element的input框有个bug,就是当他设置类型时number的时候,你用中文输入法输入,点空格确定,他的光标会移动到上面去解决方法:/*** 解决el-input设置类型为number时,中文输入法光标上移问题**/.el-input__inner{ line-height: 1px!important;}...
2021-08-19 14:53:05
417
原创 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
1073
原创 前端—每天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
242
原创 前端—每天3道面试题(三)
每天进步一点点,前进不止一小点!一、v-for的时候为什么要使用key?Vue 使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素;因为vue组件高度复用,增加Key可以标识组件的唯一性,key的作用主要是为了高效的更新虚拟DOM;二、分别简述computed和watch的使用场景computed: 当一个属性受多个属性影响的时候就需要用到computed 例子: 购物车
2021-07-28 10:19:49
155
原创 前端—每天3道面试题(二)
每天进步一点点,波折烦恼都不见!一、前端优化性能的方法有哪些?1. 减少http请求数常用的减少http请求数有以下几种:合并图片。当图片较多时,可以合并为一张大图,从而减少http请求数。经常变化的图片可能不太合适,变化相对稳定的就可以考虑。合并大图除了能减少http 请求数外,还可以充分利用缓存来提升性能。合并压缩css样式表和js脚本,他们的共同目的都是为了减少http连接数。去掉不必要的请求。开发写代码或者系统升级之后残留的无效请求连接。充分利用缓存。这里说的缓存是客户端侧缓存或者说
2021-07-27 12:04:39
165
原创 前端—每天3道面试题(一)
每天进步一点点,成长足迹看得见!一、overflow 有哪些属性值?Visible:默认值,内容不会被修剪,会呈现在元素框之外。Hidden:内容会被修剪,并且其余内容是不可见的。Scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。Auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。Inherit:规定应该从父元素继承 overflow 属性的值。二、 rgba()和 opacity 的透明效果有什么不同?rgba()和 opacity 都能实现透明效果
2021-07-26 14:53:38
412
4
原创 前端输出当天的日期方法
输出今天的日期,以 YYYY-MM-DD 的方式,比如今天是 2021 年7 月 22 日,则输出2021-07-22 ?控制台演示:今天是2021年7月23日哦
2021-07-23 14:35:10
580
原创 父子组件传值的精简步骤
父组件代码html <selectEquipment @alreadySelectEquipment="alreadySelectEquipment" 子组件传过来的事件,进行注册 :compareList.sync="compareList" 传给子组件的值 ></selectEquipment>jsimport selectEquipment from "./components/select-equipment.vue";//引入子组件export def
2021-07-22 18:48:47
211
原创 循环删除数组的某一项
点击删除,将数组的对应的一项删除 // 点击删除 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
544
原创 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
98
原创 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
4218
原创 如何使用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
336
原创 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
2256
2
原创 注册页面提交验证-密保问题实现
实现页面需求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
896
3
原创 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
743
原创 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
339
原创 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
978
原创 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
3572
原创 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
2239
原创 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
3360
原创 element-ui中 table表格修改背景颜色
/deep/ .el-table, .el-table__expanded-cell { background-color: 你要设置的颜色; background-color: transparent;//这是设置透明背景色 }
2021-07-06 19:35:59
16214
12
原创 element-ui中 table表格改变鼠标悬停时的背景色
//样式穿透 深度作用可以实现 /deep/ .el-table tbody tr:hover>td { background-color: 你要改变的颜色 }
2021-07-06 19:33:50
1874
原创 数组遍历的几种方法及用法
一.for循环for(let i = 0;i<arr.length;i++){ console.log(arr[i]) }二.forEach方法forEach是最简单、最常用的数组遍历方法,它提供一个回调函数,可用于处理数组的每一个元素,默认没有返回值.不能使用return中止循环.使用break中止循环会报错以上是个简单的例子,计算出数组中大于等于3的元素的个数。回调函数的参数,第一个是处于当前循环的元素,第二个是该元素下标,第三个是数组本身。三个参数均可选。
2021-07-05 17:37:41
21281
2
微信小程序-基础.pdf
2020-07-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人