前端基础
mtgr
高下在心,川泽纳污,山薮藏疾,瑾瑜匿瑕。
展开
-
研究MouseEvent中的clientX、offsetX、pageX、screenX
很多时候需要在鼠标点击的时候获取点击的坐标来处理一些逻辑,有时候clientX、offsetX、pageX用的也不清楚,特此做了一个实验来记录。1.含义clientX 提供应用程序客户区域内发生事件的水平坐标(与页面内的坐标相对) offsetX 鼠标指针在该事件与目标节点的填充边缘之间的X坐标中的偏移量 pageX 相对于整个文档的左边缘单击鼠标的X(水...原创 2019-01-28 17:19:10 · 2656 阅读 · 1 评论 -
JS数组去重filter、reduce
今天看到一道面试题是用数组的filter、reduce方法来做去重,很有意思的题目。先来看一下filter方法,filter过滤简单说就是返回一个满足条件的对象集合,刚开始我在想怎么设置这个过滤条件呢?我们先看filter回调函数中的参数filter(callback(element[, index[, array]])[, thisArg]) element当前处理元素,...原创 2019-02-26 14:50:01 · 2540 阅读 · 0 评论 -
css颜色的渐变百分比 linear-gradient
在最近项目过程中,用到了css3的渐变,之前用过很多次渐变,对于使用方法上很简单,本篇文章只研究线性渐变。语法background: linear-gradient(direction,color-stop1,color-stop2, ...);对于第一个参数direction,渐变的方向也可以是角度,非必输项默认从上到下(0deg,可能有些浏览器采用标准不同会有差异...原创 2019-03-21 11:23:01 · 10796 阅读 · 1 评论 -
基于webpack4搭建Vue服务端渲染(SSR)
前言 了解服务端渲染是偶然间一位朋友问了我Nuxt.js的问题,孤陋寡闻的我竟然不知道服务端渲染是什么!赶紧利用空余时间充电,了解大概后觉得正好能解决我当前正遇到的问题,随着我项目的功能逐步扩展首屏加载白屏越来越明显,正好利用这个机会看能不能做些优化,当然服务端渲染能带来的好处不仅限于此,如果当你看到这篇博客的时候你还不了解服务端渲染,那我建议你可以先看看搜索引擎优化_百度百科,当然随着现...原创 2019-04-08 22:28:26 · 1781 阅读 · 0 评论