使用Vue制作切口盒子伟德1946手机版

今天看到@Chris Coyier刚发的一篇帖子,使用CSS怎么写一个切口盒子(Notched Boxes)?其实这个效果早在@Lea Verou的CSS Secrets一书中有一个专门的小节介绍CSS怎么实现这个斜切口的效果。所以说这不是什么新东西。不过接下来的内容和前面还是略有不同。

CSS Grid中的陷阱和绊脚石

2017年3月,CSS Grid在几个星期内就被发送到Chrome、Firefox和Safari的生产版本中。很高兴,大家可以使用它来解决实际问题。CSS Grid是一种不同的布局方式,在大家开始使用规范的时候,有很多常见的问题。这篇文章的目的是回答其中的一些问题,并且将会是Smashing Magazine中有关于CSS Grid一系列文章中的一篇。

快速构建一个圆形的进度条

在一些特别生的网站上,用户需要一个可视化的是示,以表明网站资源仍然在加载。从Spinner到Skeleton屏幕有不同的方法来解决这类的用户体验效果。如果我们使用的是开箱即用的解决方案,它为我们提供了当前的进度,比如Jam3所提供的预加载程序包,那么构建一个加载指示器就变得更容易了。为此,我们将制作一个带有动画的环形(圆形)的进度条,然后将其包装成一个伟德1946手机版,再提供给用户使用。

使用perspective和transform实现容器上的悬浮效果

我一直在做一个网站,这个网站主要用来向用户展示大型图片。我没有创建一个典型的Lightbox效果,而是尝试让一些交互效果更有意思。最后的效果是我在一个容器上添加了一个效果,当用户把鼠标悬浮在图片(用户鼠标移动图片上)时,它会倾斜(鼠标移动到不同的角度时,向不同的方向倾斜)。

CSS Houdini和CSS Paint API

很长时间以来,我都没有对浏览器新的技术感到兴奋。Houdini是一个强大的项目,它给开发者提供了比以往任何时候都还要更强大的CSS能力。这个项目的第一部分是CSS Paint API。这篇文章将解释为什么Houdini会如此令人兴奋,然后再告诉你如何开始使用CSS Paint API。

使用Vue创建自定义表单inputs

基于伟德1946手机版的库或者框架(例如Vue)让我们在开发可复用的伟德1946手机版带来了极大的方便。这些伟德1946手机版可以非常简单的在独立的应用程序中被使用,并且最终呈现的效果一致。

Vue 2.0学习笔记:不同场景下伟德1946手机版间的数据通讯

通过前面的学习,对于Vue中伟德1946手机版的数据交流有了一定的了解。实际上在Vue中不同场景之下伟德1946手机版之间的数据通讯是不一样的,在业务中常见的伟德1946手机版通讯的场景主要有父子伟德1946手机版之间的通讯、兄弟伟德1946手机版间的通讯和全局伟德1946手机版的通讯等三种。只不过全局伟德1946手机版的通讯不是我们这章要阐述的范围,他涉及到Vuex。接下来分别看看父子伟德1946手机版和兄弟伟德1946手机版之间的通讯方式和实现方法。

Vue 2.0学习笔记:实现伟德1946手机版数据的双向绑定

通过上一节的学习,我们了解到了在Vue的伟德1946手机版中数据传递:prop向下传递,事件向上传递。意思是父伟德1946手机版通过prop给子伟德1946手机版下发数据,子伟德1946手机版通过事件给父伟德1946手机版发送消息。但Vue中,props是单向数据绑定,虽然在Vue 1.0版本中,通过.sync能实现双向数据绑定。但.sync在几个版本中被移除,尽管在2.3版本重新引入.sync修饰符,可这次引入只是作为一个编译时的语法糖存在。如果直接使用.sync修饰符来做双向数据绑定,会报警告信息。那么我们如何在伟德1946手机版中实现双向数据绑定呢?这一节我们就来学习这方面的相关知识。

分享手淘过年项目中采用到的伟德19463331技术

当你陪着家人嗑着瓜子,和家人一起看着春晚,顺便拿着手淘参与春晚抽奖互动的时候,杭州还有两百多程序员还奋战在一线当中。现在年也过完了,奖也抽了,红包也拿了。也该好好回来工作的时候了。这次很荣幸,自己能参与手淘过年项目(红包开光和春晚互动项目)的项目中,虽然仅仅参与其中的部分工作,但事后感觉有些东西还是应该总结总结的,为之后的项目做准备。那么简单的来总结一下,我自己在参与项目中用到的一些伟德19463331技术。

CSS Tips:段落每行渐变色文本效果

今天是回来上班的第一天,在Codepen上看到一个CSS写的效果。一个段落的每行文本是渐变效果。对于单行文本或单个词实现渐变填充效果并不是什么奇怪的事情,不过对于一个段落的每一行实现一个文本渐变填充的效果。估计还是会令很多人感到好奇。如果你是其中好奇的一员,请继续往下阅读,一探其中之究竟!

页面

返回顶部