随笔分类 -  web前端

1 2 下一页
jquery validate 插件使用心得
摘要：做网页表单经常要用到数据校验的功能.JavaScript校验是一种比较常用的手段。最近写页面写得比较多，发现了一个比较好用的js校验框架--jQuery.validate。她是一款基于jquery的校验工具，基本可以满足我们大多数的页面校验需要，且支持ajax校验。支持各种自定义的扩展，包括自定... 阅读全文
posted @ 2015-07-01 16:45 Mrxia 阅读(3310) 评论(0) 推荐(0)
移动端开发的兼容性处理
摘要：PC机与移动端的分辨率不同，导致页面或视频会出现拉长的情况，针对移动端的兼容性问题，可尝试将以下代码加到网页中． 阅读全文
posted @ 2015-06-30 20:29 Mrxia 阅读(270) 评论(0) 推荐(0)
学习笔记 -- js节流函数
摘要：/* * 频率控制 返回函数连续调用时，fn 执行频率限定为每多少时间执行一次 * @param fn {function} 需要调用的函数 * @param delay {number} 延迟时间，单位毫秒 * @param immediate {bool} 给 immediate参... 阅读全文
posted @ 2015-06-05 16:25 Mrxia 阅读(641) 评论(0) 推荐(0)
js的history.back()在FireFox和Chrome无效解决办法
摘要：最初写法是history.back()如下:htm取消 js代码$('#calcelbtn').click(function(){ history.back(); })测试后发现在ie可以使用，在在FireFox和Chrome无效了，后来百度了一下发现要按下面方法定才被在FireFox和Chro... 阅读全文
posted @ 2015-06-04 10:50 Mrxia 阅读(4209) 评论(0) 推荐(0)
学习笔记--jquery 页面滚动返回顶部
摘要：在html页面加入即可.$(function () { if ($("meta[name=toTop]").attr("content") == "true") { $("").appendTo('body'); $("#toTop").css({ width... 阅读全文
posted @ 2015-06-02 13:34 Mrxia 阅读(342) 评论(0) 推荐(0)
有意思的代码：控制台输出贪吃蛇游戏
摘要：/* F12贪吃蛇小游戏 */(function () { function play(simsun,speed){ var maxLog = 200;//maxLog个就清除一次，以免浏览器卡死 var logNum = 0; var speed =... 阅读全文
posted @ 2015-04-29 14:43 Mrxia 阅读(628) 评论(0) 推荐(0)
js防止运营商劫持
摘要：js防止运营商劫持 阅读全文
posted @ 2015-04-29 14:41 Mrxia 阅读(1074) 评论(0) 推荐(0)
CSS3 @font-face
摘要：@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了... 阅读全文
posted @ 2015-03-27 09:34 Mrxia 阅读(164) 评论(0) 推荐(0)
Normalize.css源代码分解
摘要：Normalize.css 与 CSS Reset 有什么区别？Normalize.css是一个轻量级的CSS跨浏览器解决方案，包括移动浏览器。它提供了一套默认的样式，使得元素在大部分浏览器中具有相同的外观。Normalize.css基于最新的HTML5规范，相比较传统的css reset更具现代性... 阅读全文
posted @ 2015-02-02 11:41 Mrxia 阅读(586) 评论(0) 推荐(0)
[工作经验]前端开发过程中常用技巧总结
摘要：多行文本溢出显示省略号(...)的方法现在的浏览器都支持text-overflow:ellipsis属性，用来实现单行文本的溢出显示省略号。如：单行文本：overflow:hidden;white-space:nowrap;text-overflow:ellipsis一些其他技巧可参考：http:/... 阅读全文
posted @ 2015-02-02 11:24 Mrxia 阅读(319) 评论(0) 推荐(0)
Sublime Text安装和使用
摘要：Sublime text插件功能很强大，必须要安装1.直接安装安装Sublime text 2插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。2.使用Package Control组件安装也可以安装package control组件，... 阅读全文
posted @ 2015-01-30 10:40 Mrxia 阅读(2230) 评论(0) 推荐(0)
关于javascript跨域及JSONP的原理与应用
摘要：同源策略，它是由Netscape提出的一个著名的安全策略，现在所有的可支持javascript的浏览器都会使用这个策略。 为什么需要同源策略，这里举个例子： 假设现在没有同源策略，会发生什么事情呢？大家知道，JavaScript可以做很多东西，比如：读取/修改网页中某个值。恩，你现在打开了浏... 阅读全文
posted @ 2015-01-07 10:14 Mrxia 阅读(190) 评论(0) 推荐(0)
Windows上使用CSS合并打包工具css-combo
摘要：首先介绍下css-combo的功能：把CSS模块化的文件，打包合并到一个CSS文件中。为什么项目中可能需要使用这个工具，作者给出了详细的说明。http://www.techcheng.com/study/css/introduce-css-combo.htmlccs-combo的源文件托管地址：ht... 阅读全文
posted @ 2015-01-06 18:12 Mrxia 阅读(668) 评论(0) 推荐(0)
好用的CSS模块化打包工具CSS-COMBO
摘要：上半年在团队做自动化之类的工作，也学习了NodeJS，确实，NodeJS很适合做一些小工具神马的，今天我给大家介绍的就是我自己基于NodeJS写的CSS模块化打包工具：CSS Combo，项目地址：https://github.com/daxingplay/css-combo说起模块化，前端一般谈J... 阅读全文
posted @ 2015-01-06 18:09 Mrxia 阅读(1516) 评论(0) 推荐(0)
js call() apply()
摘要：ECMAScript规范给所有函数都定义了Call()与apply()两个方法，call与apply的第一个参数都是需要调用的函数对象，在函数体内这个参数就是this的值，剩余的参数是需要传递给函数的值，call与apply的不同就是call传的值可以是任意的，而apply传的剩余值必须为数组。例如... 阅读全文
posted @ 2014-12-29 09:57 Mrxia 阅读(151) 评论(0) 推荐(0)
前端学习总结
摘要：前端工作了一段时间经验总结，献给做前端的同学，希望对大家有所帮助。一，编辑器的选择，推荐webstorm，绝对的神器。不要用dw了，它最骄傲的所见即所得其实没什么用，因为根本就不准，代码提示也不人性话，不方便。Webstorm的方便之处（目前用到的），1.可以分屏，左右同时编辑两个文件，比如左边编辑... 阅读全文
posted @ 2014-12-25 16:21 Mrxia 阅读(865) 评论(0) 推荐(0)
JavaScript 语言基础知识点图示
摘要：JavaScript 语言基础知识点图示: 阅读全文
posted @ 2014-10-29 13:23 Mrxia 阅读(165) 评论(0) 推荐(0)
【原创】jquery判断滚动条置底插件
摘要：最近项目需要，于是简单写了个判断滚动条置底的插件代码，欢迎拍砖交流！代码如下：//滚动条滚动到底部了 --by xqs(function ($) { $.fn.scrollBot = function (opt, callback) { //diffY:距离底部像素值 ... 阅读全文
posted @ 2014-08-21 14:55 Mrxia 阅读(378) 评论(0) 推荐(0)
【原创】jquery等比压缩图片实现
摘要：// 等比压缩图片工具 function proDownImage(img) { var setSize = {}; var obj = { width : img.parent().width(), height : i... 阅读全文
posted @ 2014-08-12 18:06 Mrxia 阅读(2400) 评论(0) 推荐(0)
Web前端优化
摘要：前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应，那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。你的Web页面的速度是否已经足够快了？其实可能还有很多可以提升的地方。Google和雅虎也提出了一些Web应用的前... 阅读全文
posted @ 2014-06-27 15:05 Mrxia 阅读(172) 评论(0) 推荐(0)

1 2 下一页