- 博客(30)
- 收藏
- 关注
RSS订阅原创 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制作一个简单的幻灯片效果<html> div.ani <style> .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关注的人