
web
文章平均质量分 76
freedom1993
Code is a part of my life.
展开
-
javascript内存回收机制
讲到了javascript变量,在前面几篇文章中我并没有提到关于原创 2014-11-10 09:52:25 · 706 阅读 · 0 评论 -
Zepto 使用中的一些注意点
前段时间完成了公司一个产品的 HTML5 触屏版,开发中使用了 Zepto 这个著名的 DOM 操作库。为什么不是 jQuery 呢?因为 jQuery 的目标是兼容所有主流浏览器,这就意味着它的大量代码对移动端的浏览器是无用或者低效的。而 Zepto 只针对移动端浏览器编写,因此体积更小、效率更高,更重要的是,它的 API 完全仿照 jQuery ,所以学习成本也很低。但是在开发转载 2015-05-19 18:03:53 · 449 阅读 · 0 评论 -
DIV_CSS布局问题:3个水平对齐布局的DIV,左右固定宽,中间宽度自动填充
作为一个前端小白,这是我面试前端职位的题目之一,没有实践经验,误打误撞,最后还是错了!今天难得有时间,认真思考了一下。答案不一定最佳的解决方案,但是能实现同等效果。问题描述:一个宽度不确定的DIV里面放三个水平对齐的DIV,左右两个DIV宽度固定为200px,中间那个DIV充满剩余的宽度。这个题目是我当时做的第一个题目,看完题目就把答案写出来了:不就是一个float:left;的事情吗原创 2015-08-04 16:49:04 · 5735 阅读 · 1 评论 -
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 的说明 (IE兼容性模式)
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循指令。对于多数网站来说,它是首选的兼容性模式。为了避免制作出的页面在IE8下面出现错误,建议直接将IE转载 2015-08-04 17:02:19 · 982 阅读 · 0 评论 -
Web W3C 在线验证工具
(W3C国际标准) 1、网页HTML在线验证:http://validator.w3.org2、网页CSS在线验证:http://jigsaw.w3.org/css-validator3、网页链接在线验证:http://validator.w3.org/checklink原创 2015-08-04 17:09:29 · 999 阅读 · 0 评论 -
不同浏览器上input与select宽度显示不同的本质原因
做表单开发时经常碰到一个问题,input和select是其中最常用的两个标签,但是有个问题很棘手。input和select是两种不同的和模型,如果只是简单的将两者的width设置成一样,将会出现下面的效果: *{margin:0;padding:0;} body{margin: 50px;} input{outline-style: none;}原创 2015-08-05 12:11:41 · 4499 阅读 · 0 评论 -
整理阅读:高性能JS
频繁地对于DOM进行操作的是很损耗性能,但在富网页应用中我们编写脚本无可避免地要访问或修改DOM,怎么优化这个性能瓶颈使我们经常碰到的难题之一,最近被公司一个大项目在性能方面折腾得够伤,所以针对遇到的问题做一些小总结和探讨。浏览器中DOM操作的性能优化大致从以下三种情况去考虑:1.访问和修改DOM元素2.为了页面的重绘和重新排版修改DOM样式 3.通过DOM事件处理程序来响应用户原创 2016-01-04 18:26:04 · 431 阅读 · 0 评论 -
gulp快速入门
简介/***********************************************/gulp是前端开发工作过程中对代码进行自动化构建项目的工具,不仅能对网站资源进行优化,还可以在开发过程中用适当的插件自动完成很多重复的任务,让开发者可以很愉快地写代码的同时还大大提高工作效率。同类工具:grunt,fis,fis3gulp是基于Nodejs的自动任务运行器, 能原创 2016-02-26 17:02:30 · 525 阅读 · 0 评论 -
gulp改造gulp-rev-append插件实现资源文件链接自动添加MD5版本号
gulp有很多插件可以实现URL添加MD5版本号,使用gulp-rev和gulp-rev-collector是比较方便的方法,结果如下:"/css/base.css" => "/dist/css/base-1d87bebe.css" "/js/mod.js" => "/dist/mod-61e0be79.js" "/images/bg.png" => "/images/bg-35c3af8134.png"但是由于公司发布系统限制,如果用上面方法实现,每次更新都会积压过多过期无用的文原创 2016-02-27 13:24:38 · 5728 阅读 · 3 评论 -
修复BUG:gulp自动添加版本号修复对CSS中background:url()的匹配问题
前天说要找到一个完美的解决方案,今天发动了各路大神,总算是搞定了.问题描述:修改gulp-rev-append插件实现自动修改文件中静态资源链接添加md5版本号。但是前天有一点点很遗憾,对CSS中background:url()的匹配还存在一点点不足,url()必须带单引号或者双引号才能被正确匹配的到,但是CSS的标准写法中,通常不会带单引号或者双引号。==============原创 2016-02-29 19:20:50 · 2008 阅读 · 3 评论 -
Getting started Play Framework
1.What is Play?The High Velocity Web Framework For Java and Scala.Play Framework makes it easy to build web applications with Java & Scala.Play 框架使用Java和Scale的Web Applications 变得非常容易构建。Pla原创 2016-04-15 17:30:54 · 1350 阅读 · 0 评论 -
npm publish 发布自己的模块(发布包)
1.编写模块exports.sayHello = function(){ return 'Hello World.';}保存为hello_freedom.js2.初始化包描述文件$ npm initpackage.json{ "name": "hello_freedom", "version": "0.0.1", "d原创 2016-05-05 14:24:30 · 10361 阅读 · 0 评论 -
前端规范之命名规则
最佳原则坚持制定好的代码规范。无论团队人数多少,代码应该同出一门。1.项目命名全部采用小写方式, 以下划线分隔。例:my_project_name2.目录命名参照项目命名规则;有复数结构时,要采用复数命名法。例:scripts, styles, images, data_models3.JS文件命名参照项目命名规则。例:acc原创 2016-05-06 10:15:51 · 2950 阅读 · 0 评论 -
浅谈display:flex
浅谈display:flexdisplay:flex 意思是弹性布局 首先flex的出现是为了解决哪些问题呢?一、页面行排列布局像此图左右两个div一排显示可以用浮动的布局方式html部分css部分这种布局有两个缺点1.需要一个空div来清除浮动,当然也可以选用其他清除浮动的方法,但此处需要清除浮动才能不影响下面的布局。2转载 2016-11-27 16:53:43 · 405 阅读 · 0 评论 -
var声明用来计数的循环变量泄漏为全局变量问题
问题描述:遍历a标签依次输出该标签的序号,结果3次都输出的是3,预期是0,1,2原创 2017-04-29 18:21:44 · 2514 阅读 · 0 评论 -
compass学习记1
sass & compass 学习笔记1.sass和compass的安装过程:2.第一个compass创建的myproject原创 2015-04-09 15:54:18 · 534 阅读 · 0 评论 -
Sass&Compass安装和使用
Sass的安装:1.安装:SASS是Ruby语言写的,但是两者的语法没有关系。不懂Ruby,照样使用。只是必须先安装Ruby,然后再安装SASS。假定你已经安装好了Ruby,接着在命令行输入下面的命令:gem install sass然后,就可以使用了。2:使用:SASS文件就是普通的文本文件,里面可以直接使用CSS语法。文件后缀名是.scss,意思为Sassy CSS。S转载 2015-04-09 15:49:43 · 655 阅读 · 0 评论 -
javascript运算符
一、算术运算符原创 2014-11-10 13:17:24 · 413 阅读 · 0 评论 -
javascript数组之基本操作+数组属性
一、存取数据元素1.单位数组:数组名[]原创 2014-11-10 17:27:50 · 503 阅读 · 0 评论 -
Javascript数组之创建
一、初识数组原创 2014-11-10 16:23:47 · 522 阅读 · 0 评论 -
学习Javascript的8张思维导图 (3)
五、javascript字符串函数六、javascript函数基础转载 2014-10-27 15:40:12 · 502 阅读 · 0 评论 -
学习Javascript的8张思维导图 (4)
七、javascript基础DOM操作转载 2014-10-27 15:47:55 · 488 阅读 · 0 评论 -
学习Javascript的8张思维导图 (1)
一直很反感各种转载 2014-10-27 13:56:59 · 837 阅读 · 0 评论 -
学习Javascript的8张思维导图 (2)
三、javascript数组转载 2014-10-27 14:56:14 · 376 阅读 · 0 评论 -
初识Javascript
内容主要来自百度百科 简介:JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 发行: 1995 Netscape公司设计者:Brendan Eic原创 2014-10-16 14:11:57 · 484 阅读 · 0 评论 -
javascript变量之命名
前言:Javascript变量的命名方法和规格和Java原创 2014-10-28 08:26:07 · 2059 阅读 · 0 评论 -
javascript变量之声明
javascript变量根据命名规范可以提高脚本的可读性,javascript变量的良好声明习惯也是提高开发效率的利器之一。JavaScript是一种弱类型语言,在声明变量时,不需要指定变量的类型,变量的类型由赋给变量的值确定。下面简单明地总结一下javascript变量声明的规范。在JavaScript中,变量是使用关键字var声明的。例如:var variableNa原创 2014-10-28 14:14:06 · 777 阅读 · 0 评论 -
javaScript变量之作用域
一、全局变量二、局部变量三、原创 2014-10-30 10:19:40 · 678 阅读 · 1 评论 -
常用颜色十六进制值列表
颜色名十六进制颜色值 颜色AliceBlue#F0F8FF AntiqueWhite#FAEBD7 Aqua#00FFFF Aquamarine#7FFFD4 Azure#F0FFFF Beige#F5F5DC Bisque#FFE4C4转载 2014-12-02 09:17:59 · 884 阅读 · 0 评论 -
Web前端笔试面试题整理
1.前端页面有哪三层构成,分别是什么?作用是什么? 1)、结构层:由 HTML 或 XHTML 之类的标记语言负责创建,仅负责语义的表达。解决了页面“内容是什么”的问题。 2)、表示层:由CSS负责创建,解决了页面“如何显示内容”的问题。 3)、行为层:由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。2.用CSS分别单独定义IE6、7、8的width属性原创 2015-02-13 14:30:21 · 730 阅读 · 0 评论 -
Web前端开发面试题整理(HTML+CSS+JavaScript)
1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;2.xhtml和html有什么区别HTML是一种基本的WEB网页设计原创 2015-02-13 16:04:09 · 2818 阅读 · 0 评论 -
sass初识笔记
Sass学习笔记1.CSS预处理器: 定义一种新的语言将CSS作为目标生成文件。 通常可以实现浏览器兼容,变量, 结构体等功能, 代码更加简洁易于维护。 目前比较流行的两种:Sass、Less other:Stylus、Dtcss等2.Sass安装必须先安装Ruby,然后再安装SASS。安装Ruby(略)安装Sass:gem insta原创 2015-03-18 18:08:47 · 603 阅读 · 0 评论 -
Writing for GCD: 如何将github repository 部署到GitHub pages
部署前准备:1.github账号、2.安装了Git并且熟悉git的基本操作将github repository 部署到 github pages的步骤如下:第一步:新建一个github repository“hello-freedom”:现在有了一个github repository,上面只有README.md、原创 2017-08-04 15:42:51 · 490 阅读 · 0 评论