- 博客(30)
- 收藏
- 关注
RSS订阅原创 clear,clearfix,清除浮动
清除浮动和闭合浮动清除浮动：清除对应的单词是 clear，对应CSS中的属性是 clear：left | right | both | none；闭合浮动：使浮动元素闭合，从而减少浮动带来的影响。WHY清除浮动CSS中的定位机制：普通流，浮动，绝对定位 （其中"position:fixed" 是 "position:absolute" 的一个子类）。普通流：很多人或者...
2015-09-07 16:03:05
240
原创 android手机屏幕分辨率 及 sp dip（dp） px 区别
android手机屏幕分辨率 以及sp、dip(dp)、px区别分辨率，是指单位长度内包含的像素点的数量，它的单位通常为像素/英寸（ppi）。以分辨率为1024×768的屏幕来说，即每一条水平线上包含有1024个像素点，共有768条线，即扫描列数为1024列，行数为768行。分辨率不仅与显示尺寸有关，还受显像管点距、视频带宽等因素的影响。 主流分辨率： 代号分辨率...
2015-08-05 17:36:05
191
原创 cookie设置
cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。有关cookie的例子： 名字 cookie当访问者首次访问页面时，他或她也许会填写他/她们的名字。名字会存储于 cookie 中。当访问者再次访问网站时，他们会收到类似 "Welcome John...
2015-06-30 08:55:19
112
原创 JQuery淡入淡出小Demo
在做WEB前端设计的过程中图片的效果处理必不可少，下面我们看一个例子。大家在使用demo的时候，要记得引入JQuery文件，在相应的文件路劲下添加俩张图片，图片大一点效果更佳。jQuery fadeTo()可以设定一个透明度的值，一直淡出到这个值。<!DOCTYPE html><html><head> <script type=...
2015-06-29 23:31:00
136
原创 user agent stylesheet
常用浏览器默认样式Firefox (Gecko):http://mxr.mozilla.org/mozilla-central/source/layout/style/html.css. 或者在firefox地址栏输入 resource://gre-resources/ -> html.css.Chrome/Safari (WebKit):html.css in trunk...
2015-05-13 17:05:48
267
原创 程序员的自我修养
原文如下： 这篇文章是我好久以来的想法，有一些感悟，有一些激烈的言辞，我很自豪我就是一名程序员，我希望给程序员或者前程序员们带来一点启发。也许你认可我的言辞，也许你不屑我的观点，无论如何，欢迎谈谈你的看法。 让程序员做更多种类的事 为什么有人说小公司锻炼人？在小公司，条件并不那么齐备，很多事情都需要程序员自己做，自己去澄清需求、自己做设计、自己搭建环境、自己测试，甚至自己上线、自己维护（这件事情在...
2015-05-11 22:42:08
95
原创 写HTML注意事项
1. 文档声明：<!Doctype>首先要明确的是：<!DOCTYPE> 是一个关于文档的声明，指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。她不是一个html标签，必须是 HTML 文档的第一行，位于 <html> 标签之前。其实这跟 WCAG 根本上连不上什么直接关系，但为了一个兼容性更好，特别是向后兼容的页面，我...
2015-05-11 21:19:12
167
原创 jQuery ajax中使用serialize() 方法提交表单数据
jQuery ajax中数据以键值对（Key/Value）的形式发送到服务器，使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对（key1=value1&key2=value2…）后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例：$.aja...
2015-04-20 20:21:11
121
原创 ajax
Ajax基础1.1认识Ajax Ajax(Asynchronous JavaScript And Xml),Ajax不是一种全新的技术，而是整合了几种现有的技术JavaScript、XML和CSS。是一种创建交互式网页应用的网页开发技术。 异步：JavaScript脚本发送请求后并不是一直等着服务器响应，而是发送请求后继续做别的事，请求响应的处理是异步...
2015-04-19 21:03:30
105
原创 ajax监听
JQuery监听的使用方式：<script type="text/javascript"> /*……省略AJAX方法……*/ $(document).ajaxSend( function(event,request,settings){ alert(settings.url); //输出请求地址 alert(s...
2015-04-13 22:33:06
120
原创 localStorage
最近看别人的代码，发现他们在从localStorage里面的时候喜欢用dot来操作，而不是get setItem，记得以前说过这个事。下面再说一次吧。用dot方式来操作（ 每次以'hello'=>'world','zhangsan'=>'lisi'来做为例子）设值 localStorage.hello = 'world'; localStorage.zhangs...
2015-04-12 19:29:28
232
原创 linux系统备份
当我们心爱的ubuntu操作系统用了很长时间后，一般会形成很有个性化的配置，包括一些常用的软件以及相应的配置，桌面主题的美化，快捷键操作习惯的设定等等，如果在重装系统后再重新恢复的话，有时候是一件非常痛苦的事！幸好ubuntu足够强大，提供了相关的命令来备份上面讲到的所有的配置，下面就来看看到底是怎么做的？一 简单两步，轻松备份系统：1、备份已安装软件包列表：sudo dpkg ...
2015-04-06 15:30:12
102
原创 JS读取xml文件
引用http://www.cnblogs.com/huashanlin/archive/2008/03/27/1125674.html 示例xml文件<?xml version="1.0" encoding="gb2312"?><root> <item> <txt>桦山涧自强不息</txt>
2015-04-06 15:25:40
71
原创 Ruby
Ruby ruby是一种面向对象、命令式、函数式、动态式的编程语言，在20世纪90年代中期由日本人松本行弘（Matz）设计并开发。 ruby语言特点：1.开源，跨平台2.脚本语言，无需编译直接运行3.自然简洁的语法4.一切皆是对象5.灵活的语言设计（使用者可以随意改变原始设计）6.强大的block和closures7.继承和mixin...
2015-04-01 13:13:00
110
原创 Jquery中each和push Ajax简单实类
1，js中push（）的用法：2，jquery中each()遍历方法3，结合使用实例 一，push（）定义和用法push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。语法arrayObject.push(newelement1,newelement2,....,newelementX) 参数 描述newelement1 必需。要添加到数组...
2015-03-30 20:28:43
143
原创 JavaScript事件分析
JavaScript是一门脚本语言，也是一门基于面向对象的编程语言，虽然没有专业面向对象语言编程那样规范的类的继承、封装等，但有面向对象的编程必须要有事件的驱动，才能执行程序。 JavaScript的一些主要事件onClick //鼠标点击事件onChange //文本框内容改变事件onSelect //文本框内容被选中事件onFocus //光标聚焦o...
2015-03-30 20:02:05
163
原创 Bootstrap框架
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScrip 的，它简洁灵活，使得 Web 开发更加快捷。 我们利用Bootstrap模板可以做出相当美观的菜单，导航，图标，按钮等各种各样的布局组件，它可以帮助我们节省大量的时间 首先要进行Bootstrap的环境安装 我们可以从 http://get...
2015-03-24 11:48:24
119
原创 GitHub的使用
gitbub 提交文件 流程 首先找到自己的文件位置 遇到问题是:error: 无法推送一些引用到 'https://github.com/fangminglu/posjquery.git'提示：更新被拒绝，因为远程版本库包含您本地尚不存在的提交。这通常是因为另外提示：一个版本库已向该引用进行了推送。再次推送前，您可能需要先整合远程变更提示：（如 'git pull .....
2015-03-24 11:43:23
72
原创 lodash几个实用例子
1.用find方法去除for循环嵌套if判断语句看下面一段代码：for (var n = 0; n < activities.length; n++) { if (activities[n].name == bidList[0].activityName) { //（中间代码省略）中间假设是对循环找到的活动的对象中的一...
2015-03-17 08:06:08
500
原创 高质量的css代码-如何组织css
应用css的能力分为俩部分: 1.css的API,重点是如何应用应用css控制页面内的元素的样式; 2.css框架,重点是如何对css进行组织; 对于第一点,只有对错没有好坏之分,对于第二点是只有好坏之分没有对错. css框架按功能分可以:控制字体的可以放在font.css文件里,控制颜色的可以放在color.css文件里. 推荐一种个人认为比较好的css...
2015-03-16 22:50:26
167
原创 面向对象编程 俩个例题
js面向对象编程是一个难点，希望大家不要想着一口吃成一个胖子，慢慢在学习的过程中不断体会，就可以加深对面向对象的理解，熟练应用。下面给大家带来俩个例题。大家将js文件引入到html里就可以看到相关的效果。(function(){ var n = "ok"; function Father(argument){ this._argument = ar...
2015-03-09 21:34:33
109
原创 Js中this的用法
1,我们先看看this是个什么东西 那么，我们就直接：alert(this);看看这个this指的是什么东西<script type="text/javascript"> alert(this);//object window,window 是js老大 //window.alert(this); </script> ...
2015-03-09 21:15:42
88
原创 Web前端开发--JavaScript的分层page层
pag层 page层是mvc中的c，和页面的具体功能需求直接相关。base层和common层都是属于框架级的，page层是属于应用级的，如果页面需求简单，页面可以没有base层和common层但是必须有page层。 如果没有base层和common层，直接用原生JavaScript写程序，就像开着小汽车行驶在不平坦的路上，一路上有凸起的石块，也有凹陷的沼泽，引入base层，就...
2015-03-03 22:59:21
577
原创 Web前端开发--JavaScript的分层common层
common层 common层本身依赖base层提供的接口，所以在使用common层组件时，必须先加载base层的代码，如代码清单。<script type="text/JavaScript" src="base.js"></script><script type="text/JavaScript" src="common.js"&am
2015-03-03 22:15:08
752
原创 Web前端开发--JavaScript的分层
JavaScript分层1 . base层 位于三层的最底端，这一层有俩个职责，职责一是分装不同的浏览器下JavaScript的差异，提供一个统一的接口，可以通过他来完成跨浏览器兼容的工作。职责二是扩展JavaScript语言底层提供的接口，让它提供更多的更为易用的接口。base层的功能是给common层和page层提供接口的。2 . common层 ...
2015-02-08 21:25:07
649
原创 Web前端开发--JavaScript文件位置的选择
下面是一段有JavaScript和CSS的网页 <script type="text/JavaScript">window.onload=function(){ //非常多的代码 .......}</script><div id="test">xxxxx</div><!-很多的代
2015-02-08 17:57:36
200
原创 Web前端开发-给程序一个统一入口--window.onload和DOMReady
JavaScript是一种脚本语言，浏览器下载到哪就会执行到哪，这种特性会为编程带来方便，但也容易让程序过于零散，为此我们从功能上将程序进行职能划分，我们把划分出来的应用部分组织起来，给他们一个统一的‘入口’，方便修改、添加功能的时候直接找到他。<div> xxxxx</div><script type='text/JavaSc...
2015-02-02 21:54:13
321
原创 Web前端开发-团队合作中避免Js冲突
无论是多人直接团队合作，还是个人间接团队合作，程序都需要良好的好维护性。为了使程序具备更好的可维护性，让Js不产生冲突，需要避免全局变量的泛滥、合理使用命名空间、添加必要的注释。 1.工程师甲为了实现功能A写了一段代码，定义了全局变量a、b。工程师乙为了实现功能B写了一段代码，并在不知情的情况下也定义了同名变量a,他们都是直接定义在Window作用域下...
2015-02-01 14:25:53
800
原创 javaScript对象解疑
对象是javaScript的基本数据类型。是一个名称与值配对的集合，这种名称与值的配对被称为属性，属性名是字符串，因此我们可以把对象看做是从字符串到值的映射，这种基本数据结构有很多种叫法“散列”（hash）、“散列表“（hashtable）、“字典”（dictionary）、"并联数组"（associativearray），然而对象不仅仅是字符串到值的映射，除了可以保持自由的属性...
2015-01-27 01:45:55
73
原创 For循环基础及进阶
首先，我们来了解一下for循环的结构，相信大家一定不陌生。 for(1初始循环表达式；2条件表达式；3更新表达式){4循环体函数} 1.初始化总是一个赋值语句用来给循环控制变量赋初值。2.条件表达式是一个关系表达式决定什么时候推出循环。3.新表达式控制循环控制变量没循环一次后按什么方式变化。4.表达式可以省略，分号不可以省略。5.每次循环执行...
2015-01-26 23:18:46
390
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人