- 博客(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
724
原创 vue移除window窗口监听事件两种方法
例子：页面窗口变化时，echarts绘制的视图需要resize()，这时需要监听window，但是当组件消耗时也需要移除窗口监听事件。 涉及到的data数据和methods //data data(){ return{ timer:null, // 记录setTimeout chartForm:null, // echarts视图 } } //methods chartResize(){ //防抖 if(this.timer) clearTimeout(th
2020-07-22 17:34:12
12788
原创 实现水平垂直居中的几种方法
1、清楚宽高情况下 假设盒子宽高都是400px 方法一：absolute+负margin width:400px; height:400px; position: absolute; top:50%; //纵轴定位到50% left:50%; //横轴定位到50% margin-left:-200px; //向左移自身的一半 margin-top:-200px; //向上移自身的一半 优点：兼容性好 缺点：脱离文档标准流 方法二：absolute+margin:auto width
2020-07-22 10:17:02
290
原创 利用箭头函数解决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
3260
原创 巧妙利用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
453
原创 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
145
原创 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
548
原创 高德地图只展示某个区域的人流量，遮盖其他区域
思路： 用AMap.DistrictSearch搜索某个（省份、城市、县）返回它的边界坐标集合，使用这个结果，用AMap.Polygon绘制边界线和遮盖，最后使用AMap.Heatmap绘制热力图 高德地图api参考链接： AMap.DistrictSearch： https://lbs.amap.com/api/javascript-api/reference/search#m_AMap.DistrictSearch AMap.Polygon https://lbs.amap.com/api/
2020-06-15 10:50:52
4072
原创 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
670
原创 CSS3 box-shadow详解
box-shadow:0px0px20px0px#ccc inset; 第一个参数：阴影水平偏移量，必须值；正值阴影投向元素的右边，负值阴影投向元素的左边 第二个参数：阴影垂直偏移量，必须值；正值阴影投向元素的下方，负值阴影投向元素的上方 第三个参数：阴影模糊半径，可选；只允许正值，值越大阴影越模糊 第四个参数：阴影扩散距离，可选；正值扩大阴影，负值缩小阴影 第五个参数：阴影颜...
2019-10-23 11:25:41
292
原创 layui嵌入select表单元素选择并回显
因为项目基于layui库，并且需要在表格里面嵌入select表单元素，选择改变数据之后需要提交改变后的数据，所以记录一下实现的方法。 以下是实现的一个小测试 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport...
2019-10-17 16:58:32
1982
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
1625
原创 $(window).scroll()无法触发
要求做一个页面置顶的功能：当页面滚动大于某个值时回到顶部的按钮出现，点击便回到顶部。但是发现$(window).scroll()无法触发，后来发现因为设置了body,html{height:100%;overflow:auto;}才无法触发$(window).scroll() 解决方法： 在没有影响原本样式布局等情况下，去掉body,html的overflow的设置或者是height:10...
2019-09-02 15:10:02
2277
原创 css 实现单行、多行文本溢出省略号显示
CSS实现： 单行实现： // css部分 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; white-space:设置如何处理元素内的空白；值为nowrap：文本不会换行，文本会在同一行上继续，直到遇到<br>标签为止。 效果如下： 多行实现： // css部分 display: -webk...
2019-08-19 17:13:27
184
原创 BFC的理解和margin重叠的理解
在理解BFC之前，先了解一个margin重叠（合并） margin重叠（合并）： 块级元素的上外边距（margin-top）与下外边距（margin-bottom）有时会合并为单 个外边距，这样的现象称为“margin 合并”。 发生重叠前提条件： 1、普通文档流中的块级元素（不包括行内、浮动、绝对定位元素） 2、只发生在垂直方向 //css部分 *{ margin:0; ...
2019-08-07 17:06:19
790
原创 纯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
233
原创 js隐式类型转换
js隐式类型转换 在js中当程序运行到不是明显类型转换的表达式时，编译器会做隐式的类型转换，而后再运算 隐式类型转换规则 1、转换成string类型:如果 "+" 运算符的一个操作符是字符串，它会将另一个操作符转换成字符串 数值 + （string类型）、布尔型 + （string类型）、undifined + （string类型）、null + （string类型）会直接转换成st...
2019-08-01 15:52:03
531
原创 苹果手机点击input输入框页面变大
苹果手机当点击input输入框时页面变大 解决： 在头部的meta的content添加user-scalable=no user-scalable=no ：禁止缩放 <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"> ...
2019-07-23 16:30:02
3396
原创 记两道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
344
1
原创 vue打包之后在谷歌浏览器请求正常但在ie浏览器却请求不了
在ie浏览器下打开并请求后台接口的时候报如下图的错 原因：工程使用的axios 是一个基于 promise 的 HTTP 库，axios是使用promise来封装的，但是ie不兼容promise 解决： 1、在工程的命令行输入npm install es6-promise --save-dev 2、在工程的src文件夹下main.js引入 ...
2019-07-17 11:59:18
2193
原创 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
2132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人