Web 前端设计语言
总计 24 页，当前第 22 页
注意：只有使用最新版的谷歌浏览器、火狐浏览器，才能正确的显示本文中的演示。Photoshop里最没有用处的一种功能——但也有人说是使其超出竞争对手的一种功能——就是混合模式(blend mode)。混合模式是指两个像素点叠落到一起，用不同的方法混合它们的颜色。比如，darken颜色混合模式，就是选择两个像素中颜色更深的一个输出。当将混合模式运用到整张图片上时，会产生让人惊讶的效果。虽然并不是Adobe的Photoshop发明了混合模式，...
8年前 (2016-08-22)
阅读(3819)
赞一个 (0)
链接直达
浏览器引擎前缀(Vendor Prefix)是什么？Vendor prefix—浏览器引擎前缀，是一些放在CSS属性前的小字符串，用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。谷歌浏览器和Safari浏览器使用的是WebKit渲染引擎，火狐浏览器使用的是Gecko引擎，Internet Explorer使用的是Trident引擎，Opera以前使用Presto引擎，后改为WebKit引擎。一种浏览器引擎里一般不实现其它引擎前...
8年前 (2016-08-22)
阅读(2222)
赞一个 (0)
链接直达
最近我在研究Google+，因为发现它里面实现以一些非常奇特的效果。我打开谷歌浏览器的控制台，看到了下面的信息：警告!使用此控制台可能会让攻击者利用Self-XSS（自跨站脚本）攻击来冒充你，并窃取你的信息。请勿输入或粘贴你不明白的代码。在控制台(console)里看到这些信息内容我并不奇怪，让我感到奇怪的是，“警告”两个字是红色的，而且背景色是黄色的。而且字体也不其它文字要大一些。这格式化的样式现实效果是如何实现的？经过翻查它们的代码...
8年前 (2016-08-22)
阅读(3003)
赞一个 (0)
链接直达
console.time和console.timeEnd这两个方法可以用来让WEB开发人员测量一个javascript脚本程序执行消耗的时间。随着WEB应用越来越重要，JavaScript的执行性能也日益受到重视，WEB开发人员知道一些性能测试机器是必须的。今天要介绍的console.time和console.timeEnd就是其中之一。console.time方法是开始计算时间，console.timeEnd是停止计时，输出脚本执行的...
8年前 (2016-08-22)
阅读(2434)
赞一个 (0)
链接直达
HTML5让我兴奋的一个最大的原因是，它里面实现的新功能和新特征都是我们长久以来一直期待的。比如，我以前一直在使用placeholders，但以前必须要用JavaScript实现。而HTML5里给JavaScript标记提供的async属性，使JavaScript能异步加载执行。之前我需要各种的JavaScript插件来实现这种功能，但现在这个新属性能让我们轻松的实现异步加载。async – HTML代码真的非常简单，就像下面这样：&l...
8年前 (2016-08-22)
阅读(2376)
赞一个 (0)
链接直达
近段时间发现了css中一个神奇的玩意，可以轻松选取你想要的标签并给与修改添加样式，是不是很给力，它就是“:nth-child”。下面我将用几个典型的实例来给大家讲解:nth-child的实际用途：Tips：目前IE8以下包含IE8的浏览器还不能兼容！:nth-child(2)选取第几个标签，“2可以是你想要的数字”.demo01 li:nth-child(2){background:#090; color:#fff;...
8年前 (2016-08-22)
阅读(2305)
赞一个 (0)
链接直达
目录箭头类基本形状类货币类数学类音乐符号类对错号全都是星星星座类国际象棋类扑克牌类希腊字母十字法律符号标点和符号#unicode_table table td:nth-child(1){background-color:#f9f9f9;font-size:1.5em;}**⇠ 箭头类符号HTMLJSCSS⇠⇠\u21E0\21E0⇢⇢\u21E2\21E2⇡⇡\u21E1\21E1⇣...
8年前 (2016-08-22)
阅读(3834)
赞一个 (0)
链接直达
目录JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较...
8年前 (2016-08-22)
阅读(2405)
赞一个 (0)
链接直达
前端开发过程中会接触各种各样的编码，比较常见的主要是UTF－8和HTML实体编码，但是web前端的世界却不止这两种编码，而且编码的选择也会造成一定的问题，如前后端开发过程中不同编码的兼容、多字节编码可能会造成的XSS漏洞等。因此，本文旨在更好的全面了解涉及前端开发领域的字符编码，避免可能出现的交互和开发中的忽视的漏洞。URL编码我曾经在URL编码解码和base64一文中讲述了URL编码中的三组函数，并对比了这三组函数与base64编码的...
8年前 (2016-08-22)
阅读(4100)
赞一个 (0)
链接直达
使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值，如果存在就返回true值。为了做这样的验证，我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测，只要变量的值为:0、null、” “、undefined或者NaN都将返回的是false，反之返回的是true。比如下面的示例：function Account(cash) {
&...
8年前 (2016-08-22)
阅读(2257)
赞一个 (0)
链接直达
JavaScript诞生已经有20多年了，我们一直使用的用来循环一个数组的方法是这样的：for (var index = 0; index < myArray.length; index++) {
console.log(myArray[index]);
}自从JavaScript5起，我们开始可以使用内置的for...
8年前 (2016-08-19)
阅读(2287)
赞一个 (0)
链接直达
效果图<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test.html</title>
<meta&n...
8年前 (2016-08-18)
阅读(2748)
赞一个 (0)
链接直达
程序喵