WEB开发
文章平均质量分 95
無形的畫筆
这个作者很懒,什么都没留下…
展开
-
2014年50个程序员最适用的免费JQue…
有用的jQuery库是设计师和开发者之间一个非常熟悉的短语。这是现在互联网中最流行的JavaScript函数库之一。每个设计师和开发人员都应该知道它的重要性,而且熟悉它的功能和特点。jQuery几乎可以解决一个网站所有的问题它可以从做一个有吸引力和创意的网站解决所有那些阻碍你的问题如果你想解决任何跨浏览器的问题,那就必须收藏使用JavaScript函数库知道了jQuery的原创 2014-08-05 11:13:14 · 566 阅读 · 0 评论 -
在 CSS 中使用 LESS 实现更多功能
简化现代 Web 页面的响应式设计样式的编写和维护了解如何使用 LESS 为现代网站编写可读、可维护的级联样式表 (CSS)。CSS 使过去的表和不可见图像的布局成为朦胧的记忆。但 CSS 仍然不够友好,我们采取了若干方法,尝试让开发人员控制。其中最好的方法之一就是 LESS,它使用变量、mixins、运算符和函数等动态行为扩展了 CSS。LESS 是一种类似 CSS 的语言,可在客户端或转载 2015-10-26 14:43:14 · 931 阅读 · 0 评论 -
利用 Bootstrap 进行快速 Web 开发
了解如何使用 Bootstrap 快速开发网站和 Web 应用程序(包括移动友好型应用程序)。Bootstrap 以 LESS 项目为基础,由 Twitter 的内部工程师开发,它为 Web 应用程序 UI 提供了一致的框架。浏览器开发人员最后将其支持全都聚集在标准上,比如 HTML5、级联样式表 2 级 (CSS2) 和 CSS3。这些标准减少了浏览器行为自 Web 全面启动开始以来困扰开发转载 2015-10-26 15:19:23 · 311 阅读 · 0 评论 -
前端必读:浏览器内部工作原理
一、介绍 浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工作原理,我们将看到,从你在地址栏输入google.com到你看到google主页过程中都发生了什么。 将讨论的浏览器 今天,有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。 本文将基于一些开源浏览器的例子——Firefox、Chrome及Safari,Safa转载 2016-01-20 17:40:29 · 453 阅读 · 0 评论 -
浏览器、apache的连接超时详解
前言要理解浏览器和apache之间的连接超时问题,需要先明白http的keep-alive属性。先简单介绍keep-alive,您可以从网上查找更加详细的介绍。浏览器和apache都是基于http协议的。而http协议中的keep-alive属性通俗的解释就是浏览器和apache第一次建立TCP连接,传输完数据不会立刻断开这个TCP连接,而是继续等待下一个请求。保持一段时间(kee转载 2016-01-27 10:40:11 · 5054 阅读 · 0 评论 -
透过浏览器看HTTP缓存
作为前端开发人员,对于我们的站点或应用的缓存机制我们能做的似乎不多,但这些却是与我们关注的性能息息相关的部分,站点没有做任何缓存机制,我们的页面可能会因为资源的下载和渲染变得很慢,但大家都知道去找前端去解决页面慢的问题而不会去找服务端的开发人员。因此,了解相关的缓存机制和充分的利用它似乎就变得必不可少。web端的缓存机制其实有多种,我在这里只是学习和整理了以浏览器为载体的HTT转载 2016-01-29 09:33:16 · 326 阅读 · 0 评论 -
CSS Modules 详解及 React 中实践
CSS 是前端领域中进化最慢的一块。由于 ES2015/2016 的快速普及和 Babel/Webpack 等工具的迅猛发展,CSS 被远远甩在了后面,逐渐成为大型项目工程化的痛点。也变成了前端走向彻底模块化前必须解决的难题。CSS 模块化的解决方案有很多,但主要有两类。一类是彻底抛弃 CSS,使用 JS 或 JSON 来写样式。Radium,jsxstyle,react-st转载 2016-02-03 14:04:21 · 761 阅读 · 0 评论 -
29个非常实用的HTML 5实例、教程和技巧
下面我们介绍了一份完整的列表——如果你是位Web开发者,绝对不想错过这30余个HTML5实例、教程和技巧。不妨先看一下几个HTML5实例1. 用HTML5创建移动设备上的离线Web应用程序IBM的技术库里面有一篇由IT架构师Dietmar Krueger撰写的内容翔实的文章。作者在该文中描述和介绍了为什么为操作系统和移动平台编写应用程序困难重重。作者选择了走开放的道转载 2016-03-17 14:49:30 · 1279 阅读 · 1 评论 -
2016 Web 开发资源工具大搜罗
原文链接: 100+ Awesome Web Development Tools and Resources Web的迅猛发展对于开发者来说既是一件好事也是一件坏事。不断紧跟潮流学习新的技术、编程语言、适应变化听起来就很令人兴奋又紧张。你需要面对的挑战可能包括使用已有的框架适应新的业务需求,测试网站的兼容性,优化你的网站前端和后端更好地协同。今天在这里介绍给大家的这个收集列表也许能够帮转载 2016-10-09 09:59:14 · 658 阅读 · 0 评论 -
PHP编程效率的20个要点
用单引号代替双引号来包含字符串,这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量,单引号则 不会,注意:只有echo能这么做,它是一种可以把多个字符串当作参数的“函数”用单引号代替双引号来包含字符串,这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量,单引号则 不会,注意:只有echo能这么做,它是一种可以把多个字符串当作参数的“函数”(译注:PHP手册中说ec转载 2015-10-26 11:10:59 · 328 阅读 · 0 评论 -
Meta http-equiv属性详解
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 引用meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equiv属性主要有以下几种转载 2015-11-10 13:55:44 · 254 阅读 · 0 评论 -
jQuery插件开发的两种方法及$.fn.extend的详解
jQuery插件开发分为两种:1 类级别、2 对象级别,下面为大家详细介绍下jQuery插件开发分为两种: 1 类级别 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法。 开发扩展其方法时使用$.extend方法,即jQuery.extend(object); 复制代码代码如下:$.extend({转载 2015-11-10 15:42:25 · 880 阅读 · 0 评论 -
[转]通过GitHub Pages建立个…
1 Git简介2 为什么使用GithubPages3 创建GithubPages3.1安装git工具.3.2两种pages模式3.3 创建步骤3.4 常用命令4使用Jekyll搭建博客4.1什么是jekyll4.2jekyll本地环境搭建4.3jekyll目录结构4.4Jekyll-Bootstrap创建博客4.5 Jekyll写原创 2014-08-05 11:13:26 · 480 阅读 · 0 评论 -
程序员Web面试之jQuery
又到了一年一度的毕业季了,青春散场,却等待下一场开幕。在求职大军中,IT行业的程序员、码农是工科类大学生的热门选择之一,尤其是近几年Web的如火如荼,更是吸引了成千上万的程序员投身其中追求自己的梦想,这篇文章以Web面试官的经历整理而成,希望能对你有所帮助。 jQuery是什么? jQuery是javascript编写一个可重用的JavaScript库。不使用原创 2014-08-05 11:13:18 · 435 阅读 · 0 评论 -
105+ 个免费的扁平UI工具包&n…
作为一名开发人员,需要时刻保持敏锐度,站在趋势的最新潮流上。如果你是一个热衷于设计的人,你必须要很好地了解扁平界面设计的新趋势,因为它现在已经无处不在了。扁平UI设计使用的颜色像黄色,绿色,红色,没有渐变或复杂的图形内容。在2014年的今天,这可能会成为WEB2.0的一个重要组成部分,因为这已经被大家使用和拥戴。目前已经有成千上万的网站都在使用扁平设计,下面这些高水准的色彩组合效果,将会令你原创 2014-08-05 11:13:23 · 480 阅读 · 0 评论 -
学习JavaScript的必备读物
常常有人要我推荐学习JS的书籍或者在线教程。看起来每个人都有很好的理由在JS领域有所行动。如果你对让人兴奋的工作机会很感兴趣的又想要玩一玩有意思的东西,那么JS一定是个很棒的语言。隨著JS的流行度增加,相关的书籍、博客和教程也随之大量增多,但是我不可能所有的资源都了解过,但是我看到了一些很不错的东西也想在这里分享给你。书籍请注意,在这里我只会推荐我已经看过的书籍,你肯定可以发现有无数的书和原创 2014-08-05 11:13:16 · 392 阅读 · 0 评论 -
15个基础的jQuery面试问题
1) 代码解释解释下面这行代码会做什么:$("div#first, div.first, ol#items > [name$='first']")答案:该代码执行了一个查询,查询出任何 id 为 first 的 div 元素,加上所有 class 为 first 的 div 元素,再加上所有 id 为 items 的 ol 元素的子元素,这些子元转载 2015-10-21 10:03:58 · 1439 阅读 · 0 评论 -
20款素质过硬的响应式CSS栅格系统
栅格系统这种东西和许多同类工具/素材一样,“系统”二字让它看起来无比高大上,而实际上大多数的栅格系统只是一系列纵横交错的细线构成。很简单?看起来确实如此。不过它之所以被冠以“系统”二字,主要还是因为这些线条所涉及的内容管理方式、梳理页面结构的功能。栅格系统的运用会促使你的网页内容逐步走向规则化,实现一致性的设计。下面的20款CSS栅格可以更好地运用到网页开发实践中去,赋予你的网站以调理性。转载 2015-10-21 09:58:28 · 798 阅读 · 0 评论 -
JavaScript客户端测试之旅
进行测试是很重要的。测试能让我们不费劲地扩展和重构我们的代码。许多开发者遵循测试驱动的开发流程。我相信写测试能让软件开发变得更有趣,并且通常会带来更好的代码。良好设计以及经过测试的系统更容易维护。在过去的几年里,开发者开始把许多的应用逻辑放到浏览器中,我们也开始写越来越多的JavaScript代码。因为这种语言非常流行,开发者们开始创建用于改善JavaScript开发体验的工具。在这篇转载 2015-10-21 10:00:55 · 514 阅读 · 0 评论 -
前端事件系统(一)
事件是前端之中,非常重要的一个部分。其作用在于对于用户的各种行为进行相应。近日打算对于事件系统进行更为深入的学习,同时,对于这一部分学习的内容进行一个总结。因为浏览器发展至今,事件系统本身已经尤为的复杂了,所以事件这一部分内容可能会将分为很多章来进行总结。本章将对于事件系统,根据个人的经验,以及其他地方学到的东西进行一个归纳,给出一些简单地处理方案,而在后面几章将会引入经典jquery的源码进行阅转载 2015-10-21 10:06:36 · 425 阅读 · 0 评论 -
前端工程师如何搞定设计
前端是一个承上启下的职位,正因为其位置的特殊性导致其必须了解设计和后台的一些基本知识。本文并非教大家如何取代设计的工作,而是讲解前端如何更快更便捷的实现一些简单的设计任务,在没有设计师的情况下如何利用工具解决UI呈现的问题,让工作事半功倍。Photoshop使用大多数前端工程师都有过切图的经历,也就是将设计师制作的PSD等格式的图片按照需求切成项目需要的大小并实现页面的呈现,那么作转载 2016-10-20 10:34:46 · 517 阅读 · 0 评论