Web 前端设计语言
总计 24 页,当前第 16 页
在网页上使 HTML 元素居中看似一件很简单的事情. 至少在某些情况下是这样的,但是复杂的布局往往使一些解决方案不能很好的发挥作用。
在网页布局中元素水平居中比元素垂直居中要简单不少,同时实现水平居中和垂直居中往往是最难的。现在是响应式设计的时代,我们很难确切的知道元素的准确高度和宽度,所以一些方案不大适用。据我所知,在CSS中至少有六种实现居中的方法。我将使用下面的HTML结构从简单到复杂开始讲解:...
8年前 (2016-10-07)
阅读(2102)
赞一个 (0 )
链接直达
Echo.js 是一个独立的延迟加载图片的 JavaScript 插件。Echo.js 不依赖第三方库,压缩后不到1KB大小。 延迟加载是提高网页首屏显示速度的一种很有效的方法,当图片元素进入窗口可视区域的时候,它就会改变图像的 src 属性,从服务端加载所需的图片,这也是一个异步的过程。使用Echo.js使用Echo.js非常的简单,只需要准备一张Loading加载占位图,替换Src属性的值,然后在dat...
8年前 (2016-09-28)
阅读(2406)
赞一个 (1 )
链接直达
今天开发前端遇到客户需要用主页面判断访问的是否是电脑端和手机端进入不同的页面,根据不同客户端显示不同的页面。废话不说直接上代码。html代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x...
8年前 (2016-09-26)
阅读(3158)
赞一个 (0 )
链接直达
jquery.easypin是简单快速给图像标记插件,图像坐标提示,地图标记功能,任意位置增加图像标记,如我们常见地图标记功能,支持在线设计图标标记生成代码,能达到图像某处位置标记提醒作用.<script src="jquery.min.js"></script>
<script src="jquery.easing.min.js"><...
8年前 (2016-09-23)
阅读(3122)
赞一个 (0 )
链接直达
大多数网页喜欢采用 lightbox 形式来展示相册图像,特别是电子商务购物网站最为常见,灯箱插件很多,若你还没找到一款称心的图像展示插件,可以看看今天设计达人网为大家分享的 lightGallery jQuery相册插件。jQuery lightGallery 是个轻量级的 jQuery 画廊,用来展示图像和视频gallery。主要特性:全响应式布局兼容,支持触摸屏移动设备可以转换 CSS支持 Youtube Vi...
8年前 (2016-09-23)
阅读(2272)
赞一个 (0 )
链接直达
AngularJS是什么我们知道HTML是一种创建网页的静态标记语言,它很基础,但不失灵活,然而它自身并不提供对灵活性的具体实现,所以我们要创建具有可用性及赏心悦目的Web应用就需要使用其他语言与之结合去操控它的DOM、标签、标签属性、标签层级结构实现样式变换、动态数据变换、动态元素变换等,比如结合CSS和JavaScript语言。但是越多的结合就意味着功能实现越复杂,我们需要写大量的代码去实现类似数据绑定、动态展现、远程服务请求等功能...
8年前 (2016-09-20)
阅读(2190)
赞一个 (0 )
链接直达
背景介绍:Angular1.x与Angular2 近年来,Web 开发技术的发展日新月异,各种框架层出不穷。在这样的大背景之下,2010年10月,Google 首次发布了自己的 Web 开发框架,名为 AngularJS,也叫 Angular,或者简称为 ng。Angular 刚一发布就引起了强烈的关注,它首次提出的“双向数据绑定”的概念受到了众多开发者的喜爱。当然,也有很多人对此持有保留意见。但是无论如何,Angular 所...
8年前 (2016-09-20)
阅读(2320)
赞一个 (0 )
链接直达
本文选取了 Bootstrap、jQuery UI、jQuery Mobile、Sencha ExtJS、Sencha Touch、Sencha GXT、Dojo、Dojo Mobile、Mootools、Foundation、YUI、Kissy、QWrap 等 16 个国内外前端开发框架进行初步的横向比较,可以作为大家挑选前端开发框架的初步参考。
近几年随着 jQuery、...
8年前 (2016-09-20)
阅读(2085)
赞一个 (0 )
链接直达
很多新手纠结这个问题?两个框架都能够支持做手机网页,那么它们的区别是什么呢,适用场景是什么呢?下面我们从这几个方面比较这两个框架:解决问题、功能、适用场景。解决问题Bootstrap是一个css框架,针对解决的问题有:跨设备的网页响应式布局问题。随着手机、平板、各分辨率屏幕的出现,如何能够一套前端在所有设备上自由适应?多人合作的前端布局和样式的规范问题常用前端css组件,如按钮、连接、表单、表格、分页组件、下拉菜单、导航栏、ICON等等...
8年前 (2016-09-20)
阅读(2382)
赞一个 (0 )
链接直达
1、show() 显示效果语法:show(speed,callback) Number/String,Function speend为动画执行时间,单位为毫秒。也可以为slow","normal","fast" callback可选,为当动画完成时执行的函数。show(speed,[easing],callback) Number/String easing默认是swing,可选l...
8年前 (2016-09-19)
阅读(2359)
赞一个 (0 )
链接直达
大家应该都知道rel='nofllow'的作用,它是告诉搜索引擎,不要将该链接计入权重。因此多数情况下,我们可以将一些不想传递权重的链接进行nofllow处理;例如一些非本站的链接,不想传递权重,但是又需要加在页面中的像 统计代码、备案号链接、供用户查询的链接等等。除了rel='nofollow'还有两种链接属性形式,一种是rel='external',另一种是rel='exter...
8年前 (2016-09-18)
阅读(2026)
赞一个 (0 )
链接直达
prismjs 是一款轻量、可扩展的代码语法高亮库,使用现代化的 Web 标准构建,使用 Prismjs 可以快速为网站添加代码高亮功能,支持超过113中编程语言,还支持多种插件,是简洁、高效的代码高亮解决方案。科技爱好者博客就是使用了Prism.js 实现漂亮的代码语法高亮功能,本文教你如何在wordpress上快速使用Prismjs实现代码高亮。一、下载JS和CSS文件并上传到网站根目录。在Prismjs网站下载页面下载需...
8年前 (2016-09-16)
阅读(2771)
赞一个 (2 )
链接直达