- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue.js的this.$nextTick()使用场景
重点：vue的this.$nextTick()作用将回调延迟到下次 DOM 更新循环之后执行一般使用场景：1、在钩子函数created()里面想要获取dom的内容或者操作dom，但是这个时候只是虚拟dom，实际dom操作不了，所以在这里可以用this.$nextTick()，这样等dom更新完了再执行this.$nextTick()里面的回调，这样就可以操作或者获取dom的内容了例如：想要在created()里初始化echart的图表//template<div ref="cha
2020-07-24 17:18:55
637
原创 vue移除window窗口监听事件两种方法
例子：页面窗口变化时，echarts绘制的视图需要resize()，这时需要监听window，但是当组件消耗时也需要移除窗口监听事件。涉及到的data数据和methods//datadata(){ return{ timer:null, // 记录setTimeout chartForm:null, // echarts视图 }}//methodschartResize(){ //防抖 if(this.timer) clearTimeout(th
2020-07-22 17:34:12
11954
原创 实现水平垂直居中的几种方法
1、清楚宽高情况下假设盒子宽高都是400px方法一：absolute+负marginwidth:400px;height:400px;position: absolute;top:50%; //纵轴定位到50%left:50%; //横轴定位到50%margin-left:-200px; //向左移自身的一半margin-top:-200px; //向上移自身的一半优点：兼容性好缺点：脱离文档标准流方法二：absolute+margin:autowidth
2020-07-22 10:17:02
219
原创 利用箭头函数解决vue使用setTimeout的this问题和使用小技巧
注：箭头函数本身没有执行作用域，是继承其父的执行上下文，所以箭头函数的this指向绑定其父的作用域1、在vue里面使用setTimeout发现this失效原因是setTimeout的this指向的windows解决：setTimeout的第一个参数的function用箭头函数来代替，原因文章开头已解释了箭头函数的作用2、vue的方法想要同时传入事件对象和自定义参数解决方法：1、方法名（$event，定义参数）$event为自定义参数2、使用箭头函数(val)=>{方
2020-07-20 17:46:35
3077
原创 巧妙利用css选择器编写样式或者页面布局
1、::before或者::after::before选择器在被选元素的内容前面插入内容::after选择器在被选元素的内容后面插入内容以::before为例的两个小例子//css部分.result{ position: relative; padding-left:10px;}.result::before{ content:""; //必须得有centent，否则内容无法展示出来 position: absolute; top:0; left:0;
2020-07-20 16:14:25
359
原创 git常用命令
记录一下常用的git命令1、从远程仓库拉取项目git clone 项目地址例如：2、在gitLab新建分支之后，怎么拉取分支到本地，步骤如下：1、git fetch origin 分支名-----命令来把远程dev分支拉到本地2、git checkout -b分支名 origin/分支名-----在本地创建分支并切换到该分支3、git pull origin 分支名 ---- 就可以把远程新建好的分支上的内容都拉取到本地了3、git提交代码1、git ...
2020-07-14 18:11:34
96
原创 vue由于scoped应如何修改第三方样式
由于scoped属性的样式的隔离，导致无法修改第三方的样式的原因：scoped 属性会自动添加一个唯一的 属性(比如 data-v-21e5b78) 为组件内 CSS 指定作用域，编译的时候 .list-container:hover 会被编译成类似 .list-container[data-v-21e5b78]:hover，使得样式只在这个组件生效，不会导致污染全局样式。解决方法：1、如果是css 使用>>>外层>>> 需要修改的第三方，例如：.
2020-06-15 11:19:38
442
原创 高德地图只展示某个区域的人流量，遮盖其他区域
思路：用AMap.DistrictSearch搜索某个（省份、城市、县）返回它的边界坐标集合，使用这个结果，用AMap.Polygon绘制边界线和遮盖，最后使用AMap.Heatmap绘制热力图高德地图api参考链接：AMap.DistrictSearch：https://lbs.amap.com/api/javascript-api/reference/search#m_AMap.DistrictSearchAMap.Polygonhttps://lbs.amap.com/api/
2020-06-15 10:50:52
3713
原创 js把数字每隔三位加逗号分开
function formatNumber (value) { if (!value) { return 0.00 } var newVal = value.toString() var arr = newVal.split('.') var intpart = arr[0].replace(/(\d)(?=(?:\d{3})+$)/g, '...
2019-10-23 16:51:53
573
原创 CSS3 box-shadow详解
box-shadow:0px0px20px0px#ccc inset;第一个参数：阴影水平偏移量，必须值；正值阴影投向元素的右边，负值阴影投向元素的左边第二个参数：阴影垂直偏移量，必须值；正值阴影投向元素的下方，负值阴影投向元素的上方第三个参数：阴影模糊半径，可选；只允许正值，值越大阴影越模糊第四个参数：阴影扩散距离，可选；正值扩大阴影，负值缩小阴影第五个参数：阴影颜...
2019-10-23 11:25:41
225
原创 layui嵌入select表单元素选择并回显
因为项目基于layui库，并且需要在表格里面嵌入select表单元素，选择改变数据之后需要提交改变后的数据，所以记录一下实现的方法。以下是实现的一个小测试<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...
2019-10-17 16:58:32
1781
2
原创 CSS实现导航栏下划线跟随效果和下划线向两边展开效果
1、下划线跟随效果// css部分ul{ display: flex; flex-direction: row; margin:0; padding:0;}ul li{ list-style: none; color:#249DF7; padding:10px; /* 设置relative,作为伪类::after定位的参照和width的...
2019-09-03 17:03:22
1445
原创 $(window).scroll()无法触发
要求做一个页面置顶的功能：当页面滚动大于某个值时回到顶部的按钮出现，点击便回到顶部。但是发现$(window).scroll()无法触发，后来发现因为设置了body,html{height:100%;overflow:auto;}才无法触发$(window).scroll()解决方法：在没有影响原本样式布局等情况下，去掉body,html的overflow的设置或者是height:10...
2019-09-02 15:10:02
2185
原创 css 实现单行、多行文本溢出省略号显示
CSS实现：单行实现：// css部分overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:设置如何处理元素内的空白；值为nowrap：文本不会换行，文本会在同一行上继续，直到遇到<br>标签为止。效果如下：多行实现：// css部分display: -webk...
2019-08-19 17:13:27
120
原创 BFC的理解和margin重叠的理解
在理解BFC之前，先了解一个margin重叠（合并）margin重叠（合并）：块级元素的上外边距（margin-top）与下外边距（margin-bottom）有时会合并为单 个外边距，这样的现象称为“margin 合并”。发生重叠前提条件：1、普通文档流中的块级元素（不包括行内、浮动、绝对定位元素）2、只发生在垂直方向//css部分*{ margin:0; ...
2019-08-07 17:06:19
666
原创 纯css绘制三角形
有时候UI没有给到类似上面的三角形图，问他要又很麻烦，所以干脆自己利用css的border属性来实现，通过设置其中一个方向的border有颜色其他为透明色来实现，需要注意的是必须设置width和height为0// css 部分.up{ width:0; height:0; border-bottom:100px solid pink;...
2019-08-02 16:27:55
169
原创 js隐式类型转换
js隐式类型转换在js中当程序运行到不是明显类型转换的表达式时，编译器会做隐式的类型转换，而后再运算隐式类型转换规则1、转换成string类型:如果 "+" 运算符的一个操作符是字符串，它会将另一个操作符转换成字符串数值 + （string类型）、布尔型 + （string类型）、undifined + （string类型）、null + （string类型）会直接转换成st...
2019-08-01 15:52:03
403
原创 苹果手机点击input输入框页面变大
苹果手机当点击input输入框时页面变大解决：在头部的meta的content添加user-scalable=nouser-scalable=no ：禁止缩放<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">...
2019-07-23 16:30:02
3277
原创 记两道js题的理解—JS匿名自执行函数（IIFE）
今天看到两道js题，查了资料和自己的理解写下个人的见解var name = 'World!';(function () { if (typeof name === 'undefined') { var name = 'Jack'; console.log('Goodbye ' + name); } else { console.log(...
2019-07-18 17:01:24
237
1
原创 vue打包之后在谷歌浏览器请求正常但在ie浏览器却请求不了
在ie浏览器下打开并请求后台接口的时候报如下图的错原因：工程使用的axios 是一个基于 promise 的 HTTP 库，axios是使用promise来封装的，但是ie不兼容promise解决：1、在工程的命令行输入npm install es6-promise --save-dev2、在工程的src文件夹下main.js引入...
2019-07-17 11:59:18
2089
原创 vue2.0打包之后访问是空白页面
npm run build 之后访问index.html是空白页面，原因是打包文件路径配置不对。解决：1、找到工程的config文件夹下的index.js，将build的assetsPublicPath改为'./'assetsPublicPath是打包之后index.html里面引用别的资源的相对地址2、找到工程的build文件夹下的utils.js文件，将publicPa...
2019-07-17 11:12:31
1983
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人