Web 前端设计语言

如何在浏览器控制台(console)里输出彩色样式调试信息

最近我在研究Google+,因为发现它里面实现以一些非常奇特的效果。我打开谷歌浏览器的控制台,看到了下面的信息:警告!使用此控制台可能会让攻击者利用Self-XSS(自跨站脚本)攻击来冒充你,并窃取你的信息。请勿输入或粘贴你不明白的代码。在控制台(console)里看到这些信息内容我并不奇怪,让我感到奇怪的是,“警告”两个字是红色的,而且背景色是黄色的。而且字体也不其它文字要大一些。这格式化的样式现实效果是如何实现的?经过翻查它们的代码...
2年前 (2016-08-22) 阅读(541) 赞一个 (0) 评论() 链接直达
Web 前端设计语言

【JavaScript】console.time和console.timeEnd用法

console.time和console.timeEnd这两个方法可以用来让WEB开发人员测量一个javascript脚本程序执行消耗的时间。随着WEB应用越来越重要,JavaScript的执行性能也日益受到重视,WEB开发人员知道一些性能测试机器是必须的。今天要介绍的console.time和console.timeEnd就是其中之一。console.time方法是开始计算时间,console.timeEnd是停止计时,输出脚本执行的...
2年前 (2016-08-22) 阅读(336) 赞一个 (0) 评论() 链接直达
Web 前端设计语言

JavaScript使用async 和 defer 属性异步加载执行

HTML5让我兴奋的一个最大的原因是,它里面实现的新功能和新特征都是我们长久以来一直期待的。比如,我以前一直在使用placeholders,但以前必须要用JavaScript实现。而HTML5里给JavaScript标记提供的async属性,使JavaScript能异步加载执行。之前我需要各种的JavaScript插件来实现这种功能,但现在这个新属性能让我们轻松的实现异步加载。async – HTML代码真的非常简单,就像下面这样:&l...
2年前 (2016-08-22) 阅读(371) 赞一个 (0) 评论() 链接直达
Web 前端设计语言

【CSS3】详解CSS中:nth-child的用法

近段时间发现了css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是“:nth-child”。下面我将用几个典型的实例来给大家讲解:nth-child的实际用途:Tips:目前IE8以下包含IE8的浏览器还不能兼容!:nth-child(2)选取第几个标签,“2可以是你想要的数字”.demo01 li:nth-child(2){background:#090; color:#fff;...
2年前 (2016-08-22) 阅读(388) 赞一个 (0) 评论() 链接直达
Web 前端设计语言

【Unicode】特殊字符的html、js、css 写法unicode汇总

目录箭头类基本形状类货币类数学类音乐符号类对错号全都是星星星座类国际象棋类扑克牌类希腊字母十字法律符号标点和符号#unicode_table table td:nth-child(1){background-color:#f9f9f9;font-size:1.5em;}**⇠ 箭头类符号HTMLJSCSS⇠&#8672\u21E0\21E0⇢&#8674\u21E2\21E2⇡&#8673\u21E1\21E1⇣...
2年前 (2016-08-22) 阅读(1041) 赞一个 (0) 评论() 链接直达
Web 前端设计语言

【jQuery】十条jquery代码片段助力Web开发效率提升

目录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还有一个比较...
2年前 (2016-08-22) 阅读(412) 赞一个 (0) 评论() 链接直达
Web 前端设计语言

前端开发中的字符编码详解

前端开发过程中会接触各种各样的编码,比较常见的主要是UTF-8和HTML实体编码,但是web前端的世界却不止这两种编码,而且编码的选择也会造成一定的问题,如前后端开发过程中不同编码的兼容、多字节编码可能会造成的XSS漏洞等。因此,本文旨在更好的全面了解涉及前端开发领域的字符编码,避免可能出现的交互和开发中的忽视的漏洞。URL编码我曾经在URL编码解码和base64一文中讲述了URL编码中的三组函数,并对比了这三组函数与base64编码的...
2年前 (2016-08-22) 阅读(408) 赞一个 (0) 评论() 链接直达
Web 前端设计语言

12个非常实用的JavaScript小技巧

使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的值为:0、null、” “、undefined或者NaN都将返回的是false,反之返回的是true。比如下面的示例:function Account(cash) {  &...
2年前 (2016-08-22) 阅读(353) 赞一个 (0) 评论() 链接直达
ArcGIS

ArcGIS开发Questions小总结

(A)Gis的定义-什么是Gis:物质世界中的任何事物都被牢牢地打上了时空的烙印。人们的生产和生活中百分之八十以上的信息和地理空间位置有关。地理信息系统( Geographic Information System, 简称 GIS )作为获取、整理、分析和管理地理空间数据的重要工具、技术和学科,近年来得到了广泛关注和迅猛发展。由于信息技术的发展,数字时代的来临,理论上来说,GIS可以运用于现阶段任何行业。从技术和应用的角度, GIS 是...
2年前 (2016-08-22) 阅读(746) 赞一个 (4) 评论() 链接直达
ArcGIS

ArcGIS For JavaScript API dynamic Service —— 动态服务

描述:此示例演示如何添加一个地图绘制的服务器在用户每次缩放或平移。这样的地图不具有高速缓存的瓦片,被称为动态地图服务层。在ArcGISJavaScript API的动态地图服务为代表的ArcGISDynamicMapServiceLayer。下面的代码行创建的地图:var map =new esri.Map("map");注意:1、动态地图服务层的构造函数需要服务的REST端点的URL您可以使用服务指南地图服务找到的...
2年前 (2016-08-22) 阅读(881) 赞一个 (1) 评论() 链接直达
ArcGIS

ArcGIS For JavaScript API topographic map —— 地形图

描述:此示例显示了如何添加一个的地形底图层到您的应用程序。该示例使用一个缓存的地图服务从ArcGIS Online。您可以浏览ArcGIS.com额外的在线参考底图和地图服务的网站,或使用ArcGIS Server作为服务发布自己的地理数据。此示例设置初始范围的地图在旧金山的区域,使用下面的代码:var initExtent=new esri.geometry.Extent({"xmin":-13...
2年前 (2016-08-22) 阅读(677) 赞一个 (1) 评论() 链接直达
ArcGIS

ArcGIS For JavaScript API add topographic map with graphics —— 地形图与图形

此示例显示了如何添加自定义图形的底图上。该示例使用世界地形图作为底图服务。这是ArcGIS Online的缓存地图服务的ArcGIS.com网站,其中包括管理功能,地貌特征,公园,建筑物,土地覆盖阴影救济图像和更。您可以浏览更多的在线底图和参考地图服务的ArcGIS Online的网站,或使用ArcGIS Server作为服务发布自己的地理数据。添加自定义图形的底图之上的位置,一个流行的行驶路线在加利福尼亚州雷德兰兹,提示有关沿线信息(...
2年前 (2016-08-22) 阅读(813) 赞一个 (2) 评论() 链接直达

程序喵 www.ibloger.net

关于本站 站内留言 给我写信 文章订阅