关注前端开发
关注用户体验

cc的文章

大前端管理员,一个正在成长的前端开发者。
CSS之文本两端对齐-大前端
HTML/CSS

CSS之文本两端对齐

cc阅读(668)赞(7)

说起text-align,大家一定都不觉得陌生,我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐,当然我们也使用justify来实现文本两端对齐。 如上图,两端对齐相对于左对齐,视觉上显得整齐有序。但j...

JS—-this指向(二)-大前端
JavaScript

JS—-this指向(二)

cc阅读(680)赞(403)

箭头函数中this对象就是定义时所在的作用域,也就是说箭头函数本身没有this,内部的this就是外层代码块作用域中的this。 1、独立函数 var a = 0 var test = ()=> { var a = 1 console...

JS----this指向(一)-大前端
JavaScript

JS—-this指向(一)

cc阅读(952)赞(57)

平时用this有些混乱,所以写个总结。 没有箭头函数之前,我们说this就是函数运行时所在的环境对象,但是在箭头函数中this就是定义时所在的对象,先说大家熟知的:函数运行时所在的环境对象。 1、作为函数调用,this指向全局对象 var ...

这样的广告请再来一打  ---  background-attachment-大前端
HTML/CSS

这样的广告请再来一打 — background-attachment

cc阅读(1361)赞(11)

大多数时候,我们看到的广告都是固定在页面的某个位置,如下图的首页,一看就知道是硬广啦。     看到标题是不是很疑惑,什么样的广告,想再来一打?不废话,先来看看效果吧。 See the Pen 视觉差 by cc (@g...

初识 CSS Shapes     -----   (二)-大前端
HTML/CSS

初识 CSS Shapes —– (二)

cc阅读(1785)赞(9)

上一篇主要介绍了通过函数方法创建矩形、圆等基本图形,今天主要了解盒模型、图片计算出来的形状。 1、盒模型(包括 border-radius 的弧度) See the Pen shape-outside by cc (@glccgl) on ...

初识 CSS Shapes-大前端
HTML/CSS

初识 CSS Shapes

cc阅读(1317)赞(15)

先来看以下效果:右侧文本环圆环排版。 在未了解css shapes之前,实现这样的排版还是挺费事的,比如为每行设置不同的padding值。但是有了css shapes之后,两行css就搞定啦,一起来看看吧。   See the P...

CSS3-- filter(滤镜)-大前端
HTML/CSS

CSS3– filter(滤镜)

cc阅读(1801)赞(12)

早前做页面时遇到为降低赞助商板块的注意力,将logo置灰显示的处理,虽觉得寡淡,但因为还有其他的工作要做也就没有想过其他的效果,最近看vue文档(汗,其实是之前没注意),发现首页赞助商logo初始置灰鼠标悬停时高亮效果挺赞的,点此查看效,所...

chrome  transition闪烁BUG-大前端
HTML/CSS

chrome transition闪烁BUG

cc阅读(11287)赞(236)

    前段时间写鼠标悬停元素上移效果时,当鼠标恰好放在元素边缘时,chrome出现一直上下移动的问题,其他浏览器表现正常。原因尚不知,可能是实现方式不对吧(PS:使用top实现),虽然不知道原因,但...

HTML5-语义化-大前端
HTML/CSS

HTML5-语义化

cc阅读(14091)赞(236)

    距HTML5标准规范制定完成并公开发布已经有好些年了,面试时也少不了要问对HTML5语义化得理解。但是在实际运用时,真正使用HTML5标签来开发的似乎不是很多(ps:查看了几个巨头公司网站推论),可能一部分原因是仍有部分用户使用在使...

Windows node版本管理器--nvm-大前端
前端开发

Windows node版本管理器–nvm

cc阅读(8322)赞(181)

    众所周知,node版本众多,但是由于项目需要或其他原因我们需要切换node版本,这个时候就需要node版本管理器啦。目前比较流行的两个是‘n’和‘nvm’(ps:试了‘n’,未安装成功,查了一下据说不支持window),所以改用nv...

themebetter 国内更好的WordPress主题服务商

立即前往