前端开发者学堂 - fedev.cn
    发布于

    通过建立一个导航栏了解盒子模型

    在一个机构工作意味着我的工作大部分都是基于项目的。意味着每隔几个月(或更少，如果你明白我的意思)就会开始一个新的设计。有趣的是，一段时间后，我发现了每个设计师的风格和喜好。一个例子就是连续做过的三个项目中，导航UI的设计都有类似的风格。这种特殊的元素对我来说十分显眼，不仅因为我之前见过两次，而且我发现它涉及了盒子模型的各个方面。

    作者：静子
    阅读全文
    发布于

    JavaScript学习笔记：数组的push()、pop()、shift()和unshift()方法

    JavaScript是一种弱类型语言，不像其它程序语言需要严格定义数据类型。在JavaScript中数组可以任意修改变动，这样也就出现了一个问题，如果边遍历数组边操作数组（比如删除当前项，则所有之后的数组元素下标都将向前移动）是一件很危险的事情。JavaScript的数组是一个拥有堆栈和队列自身优点的global对象。也就是说JavaScript数组可以表现的像栈(LIFO)和队列(FIFO)一样操作。这也是JavaScript数组强大的可操作性的体现。

    作者：大漠
    阅读全文
    发布于

    JavaScript学习笔记：检测数组方法

    很多时候我们需要对JavaScript中数据类型(Function、String、Number、Undefined、Boolean和Object)做判断。在JavaScript中提供了**typeof**操作符可以对这些常用的数据类型做判断。但要使用typeof来判断数据是不是一个数组，就不起作用了。那在实际生产中要如何来检测数据是不是一个数组呢？

    作者：大漠
    阅读全文
    发布于

    pattern--HTML5的表单验证属性

    在本教程中我们将探索 HTML 的pattern属性，用来帮助我们制定自定义表单验证的方式。表单验证对一个网站的安全性，以及可用性至关重要。验证过程就是在表单提交之前判断输入值是否匹配了正确的格式。例如，如果我们要在一个输入框内输入电子邮件地址，该值一定要是一个有效的电子邮件地址；应该以一个字母或数字开头，然后是@符号，最后以一个域名结束。HTML5规范对于一些新的input类型，如email、url、tel,也做出了一些更为简易的验证，并且也被打包成了预定义的验证。当给定的值不符合预期的格式时，这些输入类型就会抛出一条错误的消息从而阻止提交。

    作者：静子
    阅读全文
    发布于

    如何使用 HTML5 的picture元素处理响应式图片

    图片在响应式网页设计中是出了名的最具挑战性的方面之一。今天我们就来看看如何使用<picture>元素来处理响应式图片.固定宽度，像素完美的网站设计已经离我们远去了。在宽屏显示器，互联网电视，多尺寸的平板电脑和智能手机的今天，我们的设计必须应付一切可能，将宽由320px向7680px转变。伴随这种多分辨率风景而至的，是需要拉伸或收缩图像，以适应这些不同的要求。这可以被理解为如下问题，矢量图形出现异常时，绝大多数具有特定像素的图像宽度并不改变。所以，我们应该怎么做呢?

    作者：静子
    阅读全文
    发布于

    详解feColorMatrix

    你见过去年年底Spotify分享的一个主题吗？他们通过图像颜色处理，达到一个令人折服的视觉审美效果。图像处理是一种非常强大的处理机制，在项目中添加一点小技巧，Web浏览器通过Web的过滤器可以动态处理图像色彩，这样将使你的项目能脱颖而出。

    作者：大漠
    阅读全文
    发布于

    【转载】Web Animation API 从入门到上座

    W3C提出Web Animation API（简称WAAPI）正缘于此，它致力于集合CSS3动画的性能、JavaScript的灵活、动画库的丰富等各家所长，将尽可能多的动画控制由原生浏览器实现，并添加许多CSS不具备的变量、控制以及或调的选项。看起来一切都很棒，是不是以后我们在动画技术选型上可以一招鲜吃遍天了呢？接下来请跟我一起敲开Web Animation API的奇妙之门。

    作者：大漠
    阅读全文
上一页

93/182

下一页