自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 css 字体左上角倾斜,字体颜色有重叠色

实现效果:具体实现效果:<div class="item-badge">跟它!</div>//css样式.item-badge { position: absolute; color: rgb(255, 165, 79); text-shadow:1px 1px 1px #000; font-size: 17px; font-weight: bold; t

2020-08-17 16:12:14 1302

原创 Echart tooltip在ios上不显示

问题:移动端,使用echart折线图,需要显示tooltip,在安卓机上面可以正常显示,但是在ios系统上面就被遮挡住,看不到tooltip的内容解决方法:tooltip: { position: function (point, params, dom, rect, size) { dom.style.transform = 'translateZ(0)' //处理ios,不显示tooltip }}...

2020-08-10 15:14:14 1833

原创 element中el-table,type=‘expand‘展开行,通过@expand-change=‘ ‘事件渲染子table的数据,页面数据未同步

需求:一个table中嵌套另一个table,在点击外层table的‘>’时,获取嵌套table的数据,最终效果图:遇到的问题:table里面嵌套另一个table的方法,就是在行属性设置了type=‘expand’,也在table里面添加了@expand-change="showManageDetail"事件监听展开行事件,在监听事件里面动态获取数据赋值给里面展开的table,这里出现了,数据已经获取到,但是无法精准的同步到页面渲染,(第一次点击没有数据,第二次点击才会有数据)。产生问题的根本

2020-07-06 14:57:04 5685 2

原创 小程序--含有今天,明天,后天, 今天一10分钟为时间段显示当天剩余时间 的 时间组件

需求:实现一个包含有:今天,明天,后天,时间的显示是以10分钟为一个时间段的,而且今天的只显示剩余的时间。效果图:思路:1、因为只显示今天,明天和后天,不需要具体的日期,所以我就没有通过获取当前日期去推算,而是,直接将这三个值组为数组来使用;2、通过for循环,在(0,24)和(0,59)之间组成小时和分钟的数组,但是这边需要的是十分钟的时间段,所以我就把分钟的数组处理为以10为单位的数字了,最后通过双重for循环来组成一天中所有符合要求的数组;3、获取当前时间,通过判断当前的分钟所处的时间段

2020-06-19 15:58:15 1420

原创 js获取当前日的前三天,除去周末

1.获取当前日期 currentData(){//当前日期 let date = new Date(); let year = date.getFullYear(); let month = date.getMonth()+1; let time = date.getDate(); month < 10? `0${month}` : month time < 10? `0${time}` :time return `${year}-${m

2020-06-16 10:23:59 836

原创 css的权重计算

css权重指的是这些选择符的优先级,优先级高的CSS样式会覆盖优先级低的样式。css权重计算:内联样式(1000)>id选择器(100)> 类、伪类、属性选择器 (10)>标签、伪类选择器(1)当前元素的权重= 以上对应的值相加其他:无条件优先的属性只需要在属性后面使用!important。它会覆盖页面内任何位置定义的元素样式。(ie6支持上有些bug)。通配符,子选择器,相邻选择器等。如*,>,+, 权值为0000.继承的样式没有权值。CSS权重计算方式计算

2020-06-16 10:02:52 290

原创 wx.chooseLocation刚进入显示指定位置,而不是只能默认当前位置

需求:用户点击相应的按钮,进入地图选择模式,但是默认地址不是当前所在位置,而是一个特定的泛指的地方。方法:给wx.chooseLocation,给定latitude,longitude便可以,默认进去你指定的哪个位置,而不是你当前的所在位置了。wx.chooseLocation({ latitude: 22.27534, longitude: 114.16546, success: (res) => { console.log(res.add

2020-06-11 17:36:42 2630 1

原创 前端面试笔试题

记录20200526-20200530期间遇到的面试题:第一家:1.手写一个方法从地址栏中的URL获取参数;2.es6的特性;3.let,const和var的区别4.普通函数和箭头函数的区别5.vue数据双向绑定在什么时候监听不到变化6.scoped的原理,如何实现css不影响全局样式第二家:笔试题(部分遗忘了)1.if(!("a" in window)){var a = 10}2.function add(){ let a = 10; } console.log(a)3.con

2020-06-04 10:39:56 989

原创 布局解决方案 ---居中布局(水平居中)

水平居中div布局 <div class="parent"> <div class="child"> demo</div> </div>css样式1.inline-block + text-align优点:兼容性极佳(可兼容 IE6、IE 7) .parent { text-align:...

2020-06-01 11:22:01 1016

原创 vue-i18n报错Cannot read property “_t” of null

问题:使用i18n实现国际化功能,在切换语言状态时 ,js报错:TypeError: Cannot read property ‘_t’ of null at VueComponent.Vue.$t (vue-i18n.esm.js?a925:178)。解决方案:把this.t(′′)更改为this.t('')更改为this.t(′′)更改为this.root.$t(’’)...

2020-05-27 16:52:07 1698

原创 npm run serve 启动vue项目时 报错 throw er Unhandled “error” event

原由:npm run serve 启动vue项目时,报错 throw er; // Unhandled ‘error’ event;纳闷了昨天下午下班时都是没有问题的,除了问题就解决呗!解决方案:产生这一问题的原因有两个:1.本机端口和设置的ip地址不一致2.可能是端口被占用第一种情况的详细解决流程:我的情况是第一种,更换vue.config.js中的host的值,至此问题完美解决,项目可以重新启动了。第二种情况的详细解决流程:1) 通过cmd命令,用该命令netstat -ano|fi

2020-05-27 10:15:53 1016

原创 字体抗锯齿(-webkit-font-smoothing)

小提示: -webkit-font-smoothing(用来控制字体渲染时的平滑效果,使字体看起来更加清晰和舒服,在 Mac OS 和 ios 中表现比较明显,在 windows 中表现不明显),并非css的标准特性,可以根据自己的情况选择性的使用。-webkit-font-smoothing: antialiased; /*chrome、safari*/-moz-osx-font-smoo...

2020-04-27 21:34:35 5759

原创 npm install遇到ENOENT: no such file or directory, rename错误

问题:npm install遇到ENOENT: no such file or directory, rename错误解决方案:第一种:清npm缓存: npm cache clean -f;第二种: 以管理员的身份打开项目文件,便可以有权限安装;...

2020-04-25 19:48:39 7634

原创 flex布局下,文本溢出显示省略号...无效

问题:其他布局下,溢出文本显示省略号时,样式为这样的: overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;在flex布局下,显示省略号无效;解决方法:在当前标签元素的父标签增加overflow: hidden;这样,省略号便...

2020-04-25 19:39:29 1588

原创 server.address().address 会返回 : 的问题

本意获取用户列表访问地址:http://0.0.0.0:8081,但是启动服务后:访问地址: http://:::8081经查找文档后,发现服务默认为 IPV6 模式,目前知道的方式只有这种:显示声明地址为 “127.0.0.1” 或 localhost。const express = require('express');const app = express();const fs = ...

2020-03-20 18:00:10 2361

原创 git (master|REBASE 1/2)出现原因和解决方法

记一次git提交代码时出现git (master|REBASE 1/2),并寻找解决方案原由:用git推送数据到仓库的时候会出现推送失败:提示 ! [rejected] master -> master (fetch firsh)产生这个错误的原因是:远程仓库和本地仓库文件冲突;解决方法市:git pull --rebase origin master(拉取远程的文件把本地...

2020-02-10 22:33:59 12727 1

原创 vue项目性能优化

1.谷歌浏览器—Performance(检测性能)1).Performance使用https://segmentfault.com/a/11900000115160682.Vue性能 优化1).https://www.jianshu.com/p/4e15f4cd73212).https://mp.weixin.qq.com/s/qgOJmA1dxB2wor6_fk8yxg...

2020-01-19 16:20:41 267

原创 vue 前端本地存储搜索历史记录,删除某条记录,清空记录

vue 前端本地保存搜索历史,localStorage一、保存历史的数组是由元素组成: [ “000004 SZ”]在页面第一次加载的时候,从localStorage中获取历史记录created() { //获取localstorage let storage=window.localStorage; if(storage.getItem('searc...

2020-01-17 17:18:53 6112

原创 Vue项目 npm run dev报错解决方案

报错内容:npm ERR! code ELIFECYCLEnpm ERR! errno 134npm ERR! hemasaotwo@1.0.0 dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.jsnpm ERR! Exit status 134npm ERR!npm ERR! Fa...

2019-09-19 10:51:20 1590

转载 word-break、word-wrap、white-space

https://juejin.im/post/5b8905456fb9a01a105966b4

2019-09-11 10:12:45 190

原创 vue项目,本地运行和build打包后样式不同

起因:最近在打包项目上传到服务器时,总是会出现奇奇怪怪的样式,譬如: 我本地用el-menu做的二级菜单分类,在本地可以正常显示,打包上传至服务器出现异常,如下图:本地正常显示:打包后异常显示:解决方案:查看通过控制台查看本地渲染后的样式和服务器渲染后的样式,发现之前其他文件中的el-menu的样式是全局更改的,覆盖了我当前文件的样式,解决方法: 给造成全局污染的那个文件加sco...

2019-08-27 11:14:36 3966

原创 JavaScript -- this关键词

this关键词JavaScript this 关键词指的是它所属的对象。this 拥有不同的值,具体取决于它的使用位置:在方法中,this 指的是所有者对象。单独的情况下,this 指的是全局对象。在函数中,this 指的是全局对象。在函数中,严格模式下,this 是 undefined。在事件中,this 指的是接收事件的元素。1.方法中的this<p id="dem...

2019-07-18 16:28:31 254

原创 elementUI --- el-select 下拉框样式覆盖

前因:element UI 组件库中的 select 选择器 中下拉列表的样式,在页面渲染的时候,总是渲染为仅次于body级别的div ,这样子覆盖样子会影响全局其他的select选择器下拉框样式,试图通过给el-select加父标签来覆盖,然而并没有卵用。控制台看到的渲染结果:解决方法:通过 propper-class 来自定义一个类,这样子在控制台可以看到,自定义的类渲染到页面上的效...

2019-07-02 15:58:33 38890 22

原创 Vue封装echarts折线图组件

最近项目中数据展示,需要引入n个相同的echarts,为了减少代码冗余,故封装一个组件。1. 建两个.vue文件,关系为父子组件,如: analysis.vue(父组件),analysisChart.vue(子组件,也就是要封装的echart内容)2. 父组件中需要传递给子组件中需要的数据,我所用的需要这几个数据:id:子组件(图表)实例化需要一个唯一的id;time: x轴的显示数据, ...

2019-06-05 16:03:07 6105

原创 Vue-- 如何搭建项目(vue-cli3.x)

一. 安装node环境使用vue-cli 搭建项目的时候需要nodejs.下载地址: https://nodejs.org/en/下载安装后,检查时候安装成功: 如果输出版本号,则证明安装成功二.安装vue项目环境1.全局安装 vue-cli1). 3.x以前的版本2). 3.x若,已有3.x之前的版本,要安装3.x版本需先卸载再安装,若第一次安装,可以直接安装3.x...

2019-05-20 18:14:39 313

原创 javascript 防抖节流

Javascript防抖和节流的深入理解和实践:http://www.ptbird.cn/javascript-anti-shake-throttle.htmlhttps://www.cnblogs.com/momo798/p/9177767.html

2019-05-15 15:41:06 142

原创 常用git操作

一. 从远程仓库克隆现有项目现在本地新建一个文件夹,进入该文件夹,右击进入git操作页面:(1). 初始化本地仓库: git init;(2). 连接远程仓库,克隆项目: git clone 项目地址注意:如果项目所在的仓库不在master,而在某个分支上面,可以进行如下操作:1). 查看所有分支: git branch -a;2). 切换为某个分支: git checko...

2019-05-05 11:36:09 174

原创 git--相关指令

创建版本库初始化一个Git仓库,使用git init命令。添加文件到Git仓库,分两步:使用命令git add ,注意,可反复多次使用,添加多个文件;使用命令git commit -m ,完成。要随时掌握工作区的状态,使用git status命令。如果git status告诉你有文件被修改过,用git diff可以查看修改内容。## 版本回滚HEAD指向的版本就是当前版本,因此,G...

2018-12-05 09:45:41 186

原创 CSS3----使用 animation 动画实现一个简单的幻灯片效果。

纯css制作一个简单的幻灯片效果&lt;html&gt; div.ani &lt;style&gt; .ani{ width: 480px; height: 320px; margin: 50px auto; overflow: hidden; box-sh...

2018-11-28 20:53:29 1204

原创 Vue生命周期函数(钩子函数)

生命周期函数相关什么是周期函数 从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期! 生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类:创建期间的生命周期函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性created:实例已经在内存中创建OK,此时 da...

2018-11-27 22:15:12 610

空空如也

空空如也

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

TA关注的人

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