Web 前端设计语言

总计 24 页,当前第 16 页
Web 前端设计语言

使用CSS完成元素居中的七种方法

在网页上使 HTML 元素居中看似一件很简单的事情. 至少在某些情况下是这样的,但是复杂的布局往往使一些解决方案不能很好的发挥作用。 在网页布局中元素水平居中比元素垂直居中要简单不少,同时实现水平居中和垂直居中往往是最难的。现在是响应式设计的时代,我们很难确切的知道元素的准确高度和宽度,所以一些方案不大适用。据我所知,在CSS中至少有六种实现居中的方法。我将使用下面的HTML结构从简单到复杂开始讲解:...
8年前 (2016-10-07) 阅读(1924) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

Echo.js – 纯JavaScript图片懒加载延迟加载插件教程

Echo.js 是一个独立的延迟加载图片的 JavaScript 插件。Echo.js 不依赖第三方库,压缩后不到1KB大小。 延迟加载是提高网页首屏显示速度的一种很有效的方法,当图片元素进入窗口可视区域的时候,它就会改变图像的 src 属性,从服务端加载所需的图片,这也是一个异步的过程。使用Echo.js使用Echo.js非常的简单,只需要准备一张Loading加载占位图,替换Src属性的值,然后在dat...
8年前 (2016-09-28) 阅读(2245) 赞一个 (1) 评论(0) 链接直达
Web 前端设计语言

jQuery轻量级画廊插件lightGallery

大多数网页喜欢采用 lightbox 形式来展示相册图像,特别是电子商务购物网站最为常见,灯箱插件很多,若你还没找到一款称心的图像展示插件,可以看看今天设计达人网为大家分享的 lightGallery jQuery相册插件。jQuery lightGallery 是个轻量级的 jQuery 画廊,用来展示图像和视频gallery。主要特性:全响应式布局兼容,支持触摸屏移动设备可以转换 CSS支持 Youtube Vi...
8年前 (2016-09-23) 阅读(2084) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

温故而知新 - AngularJS 1.x

AngularJS是什么我们知道HTML是一种创建网页的静态标记语言,它很基础,但不失灵活,然而它自身并不提供对灵活性的具体实现,所以我们要创建具有可用性及赏心悦目的Web应用就需要使用其他语言与之结合去操控它的DOM、标签、标签属性、标签层级结构实现样式变换、动态数据变换、动态元素变换等,比如结合CSS和JavaScript语言。但是越多的结合就意味着功能实现越复杂,我们需要写大量的代码去实现类似数据绑定、动态展现、远程服务请求等功能...
8年前 (2016-09-20) 阅读(2011) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

这才是Angular2的灵魂!

背景介绍:Angular1.x与Angular2 近年来,Web 开发技术的发展日新月异,各种框架层出不穷。在这样的大背景之下,2010年10月,Google 首次发布了自己的 Web 开发框架,名为 AngularJS,也叫 Angular,或者简称为 ng。Angular 刚一发布就引起了强烈的关注,它首次提出的“双向数据绑定”的概念受到了众多开发者的喜爱。当然,也有很多人对此持有保留意见。但是无论如何,Angular 所...
8年前 (2016-09-20) 阅读(2133) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

前端开发框架对比

本文选取了 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) 阅读(1947) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

手机网页用Bootstrap还是jQuery Mobile

很多新手纠结这个问题?两个框架都能够支持做手机网页,那么它们的区别是什么呢,适用场景是什么呢?下面我们从这几个方面比较这两个框架:解决问题、功能、适用场景。解决问题Bootstrap是一个css框架,针对解决的问题有:跨设备的网页响应式布局问题。随着手机、平板、各分辨率屏幕的出现,如何能够一套前端在所有设备上自由适应?多人合作的前端布局和样式的规范问题常用前端css组件,如按钮、连接、表单、表格、分页组件、下拉菜单、导航栏、ICON等等...
8年前 (2016-09-20) 阅读(2247) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

jQuery动画效果操作总结

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) 阅读(2154) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

rel='external',rel='nofollow',rel='external nofollow'三种写法的区别?

大家应该都知道rel='nofllow'的作用,它是告诉搜索引擎,不要将该链接计入权重。因此多数情况下,我们可以将一些不想传递权重的链接进行nofllow处理;例如一些非本站的链接,不想传递权重,但是又需要加在页面中的像 统计代码、备案号链接、供用户查询的链接等等。除了rel='nofollow'还有两种链接属性形式,一种是rel='external',另一种是rel='exter...
8年前 (2016-09-18) 阅读(1873) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

使用prismjs为文章添加代码高亮功能

prismjs 是一款轻量、可扩展的代码语法高亮库,使用现代化的 Web 标准构建,使用 Prismjs 可以快速为网站添加代码高亮功能,支持超过113中编程语言,还支持多种插件,是简洁、高效的代码高亮解决方案。科技爱好者博客就是使用了Prism.js 实现漂亮的代码语法高亮功能,本文教你如何在wordpress上快速使用Prismjs实现代码高亮。一、下载JS和CSS文件并上传到网站根目录。在Prismjs网站下载页面下载需...
8年前 (2016-09-16) 阅读(2585) 赞一个 (2) 评论(0) 链接直达

程序喵 www.ibloger.net

文章归档 站内留言 给我写信 文章订阅