好程序员web前端分享值得参考的css理论:OOCSS、SMACSS与BEM
好程序员web前端分享值得参考的css理论:OOCSS、SMACSS与BEM最近在The Sass Way里看到了Modular CSS typography一文,发现文章在开头部分就提到了OOCSS、 SMACSS、 BEM、这3个词。“如果还不知道这些是什么,请先不要继续看下去”,联想到作者这样友好(gāo lěng)的提醒,作为围观群众,自然要有所回应。所以,本文在这里分别介绍它们。
好程序员分享循环内的回调函数
好程序员分享循环内的回调函数,问题出现在循环体内的回调函数,用一个很简单的例子举例: for x in xrange(3):1. <p><font size="3"> print "requests begin:%s"%x</font></p>2. <p><font
好程序员web前端分享css常用属性缩写
好程序员web前端分享css常用属性缩写,使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:va
好程序员分享居中一个float元素
好程序员分享居中一个float元素,我们布局的时候,用margin来设置float元素的外边距来达到效果。对于,在文档流中的元素,我们很容易让它水平居中,只要给元素设置一个固定的宽度,用margin:0 auto;就行了,这种技巧甚至在IE6中兼容得很好。 那么如何让浮动的元素水平居中呢?浮动元素脱离了文档流,上面的方法肯定是不行的。特地去网上查了一下,做为学习笔记记录下来我们布局的时候,用
好程序员分享ApacheSpark常见的三大误解
好程序员分享ApacheSpark常见的三大误解误解一:Spark是一种内存技术 大家对Spark最大的误解就是其是一种内存技术(in-memorytechnology)。其实不是这样的!没有一个Spark开发者正式说明这个,这是对Spark计算过程的误解。 我们从头开始说明。什么样的技术才能称得上是内存技术?在我看来,就是允许你将数据持久化(persist)在RA
好程序员web前端分享主流CSS image比较
好程序员web前端分享主流CSS image比较在还原设计图的时候,难免会碰到一些样式图片的引用。如何来对这些图片做优化呢?本文简单的梳理了一下目前几种比较常用的使用方式。 注: 1. 有更好的方法的话,欢迎补充。 2. 下文未对性能问题做真实的测试,请保持一颗好奇的心,并告诉我们 CSS Sprite 这是目前使用比较多的方式。也是我个人认为相对最优的一种解决方式。当然,这里的最优
JavaScript代码组织结构良好的5个特点
JavaScript代码组织结构良好的5个特点,随着JavaScript项目的成长,如果你不小心处理的话,他们往往会变得难以管理。我们发现自己常常陷入的一些问题: 当在创建新的页面时发现,很难重用或测试之前写的代码。 当我们更深处地研究这些问题,我们发现根本原因是无效的依赖管理造成的。比如,脚本A依赖脚本B,并且脚本B又依赖脚本C,当C没有被正确引入时,整个依赖链就无法正常工作了。
好程序员分享javascript中数组化的一般见解
好程序员分享javascript中数组化的一般见解,数组化浏览器中存在许多类数组对象,往往对类数组操作比较麻烦,没有数组那些非常方便的方法,在这种情况下,就有了数组化方法。 数组化的一般方法 1.第一种也是我们最常见的的方法,[].slice.call方法 function toArray(obj){1. <p><font size="3"
好程序员web前端分享HTML表单和输入
好程序员web前端分享HTML表单用于搜集不同类型的用户输入。 表单 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。 表单使用表单标签( )定义。 ... input 元素 ... 输入 多数情况下被用到的表单标签是输入标签()。输入类型是由类
好程序员web前端分享css初始化代码
好程序员web前端分享css初始化代码,CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同, 所以开发时的第一件事可能就是如何把它们统一。 如果没对CSS初始化往往会出现浏览器之间的页面差异。 每次新开发网站或新网页时候通过初始化CSS样式的属性, 为我们将用到的CSS或html标签更加方便准确, 使得我们开发网页
好程序员web前端分享HTML5 video事件应用示例
好程序员web前端分享HTML5 video事件应用示例,使用 onloadedmetadata 事件获取视频的时间长度,使用 ontimeupdate 事件获取视频当前播放的进度,示例代码如下: 1、获取视频时间长度 当视频载入video后,使用 onloadedmetadata 事件获取视频的时间长度。 代码如下: video.onl
好程序员web前端分享7个步骤:让JavaScript变得更好
好程序员web前端分享7个步骤:让JavaScript变得更好,随着浏览器性能提高,伴随着新的HTML5的编程接口的稳步采用,网页上的JavaScript的音量在逐渐增加。然而,一个写得不好的程序编码却拥有着打破整个网站,让用户为之沮丧和驱赶潜在客户的潜力。 开发人员必须使用所有供他们任意使用的工具和技术来提升他们的代码的质量,并有信心确认每次的执行都是可以预见的。这是一个在我心
好程序员带你认识HTML5中的WebSocket
好程序员带你认识HTML5中的WebSocket,在HTML5 规范中,我最喜欢的Web技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看 HTML5 的 WebSocket API:它可用于客户端、服务器端。而且有一
好程序员分享JQuery.get提交页面不跳转的解决方法
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" In
好程序员web前端详解HTML5中download属性的应用
好程序员web前端详解HTML5中download属性的应用,在传统的html中,某个文件的下载,是这样的: XML/HTML Code复制内容到剪贴板 <a href="=/files/abc1234564545.pd
好程序员分享大势所趋 HTML5成Web开发者最关心的技术
好程序员分享大势所趋 HTML5成Web开发者最关心的技术,最近,在Stack Exchange上出现了一个比较热门的问题:Web开发者最头疼的问题是什么?结果并不是大家通常认为的兼容性问题,而是关于HTML5。 在所有与前端开发相关的技术中,如JavaScript、CSS3、HTML5等,Web开发者们私下最经常讨论的技术领域是哪一个呢?理解这个问题就可以更好地了解当前在Web技术领域,大
好程序员分享HTML5精品技术文章--前端岗位需求分析
好程序员分享HTML5精品技术文章--前端岗位需求分析,各位小伙伴大家好,根据多年丰富的面试经历和岗位分析,对前端面试的技术栈,各大公司面试特点,进行简要的分析 ,随着我的秀发越来越少可以说我们积累的经验越来越多,在此给大家进行一个简要的分享。 先说前端必备的技能, html , css , JavaScript , jQuery(源码部分) , nodejs , vue , react ,
好程序员教程分享关于ajax对象一些常见的问题总结
好程序员教程分享关于ajax对象一些常见的问题总结,最近比较空闲,于是抽个时间整理些关于ajax方法的东东。在项目中经常发现ajax板块好多问题都是属性,方法,事件大小写不区分问题,最终导致了程序运行出现麻烦。 下面是ajax对象的一些常用属性,事件和方法 1)标准的ajax对象的属性有readyState,status,responseText,res
好程序员web前端分享HTML元素强制不换行
好程序员web前端分享HTML元素强制不换行,HTML 中 nowrap是用来强制不换行的 在排版中 对包裹plain text的标签使用nowrap属性即刻实现强制不换行. 如: 强制不换行 强制不换行 在使用div的超文本中 把div,h1,section,nav,a,li等元素 强制变成行内元素
好程序员web前端分享JS检查浏览器类型和版本
好程序员web前端分享JS检查浏览器类型和版本