随笔分类 -  web前端

web前端 html javascript css
摘要:在孙宇老师讲得Easyui第10讲完后,基本的增删该查做出来了,但是编辑存在一个问题;行内样式编辑修改,如果当用户没有修改数据,孙宇老师讲得时候直接return,这样做是不合理的;第二次再使用右键编辑时就是用不了右键编辑功能了;因此我将代码修改如下: if (inserted.length ... 阅读全文
posted @ 2014-09-07 20:52 北斗极星 阅读(318) 评论(0) 推荐(0)
摘要:/** * author ____′↘夏悸 * create date 2012-11-5 **/$.extend($.fn.datagrid.methods, { autoMergeCells : function (jq, fields) { return jq.each(f... 阅读全文
posted @ 2014-09-07 20:39 北斗极星 阅读(248) 评论(0) 推荐(0)
摘要:我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间. 然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e­xpression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-positi... 阅读全文
posted @ 2014-08-18 13:46 北斗极星 阅读(239) 评论(0) 推荐(0)
摘要:1. 使用mac book air A1465中 bootCamp制作启动U盘: 需要U盘一个8G,windows 7 原版镜像ISO安装文件一个,根据bootcamp操作提示选择文件及U盘, 注意U盘的选择 fat格式的,独立分区的,做多分区的U盘不识别的,下载windows支持的的软件,下一... 阅读全文
posted @ 2014-07-31 15:58 北斗极星 阅读(934) 评论(0) 推荐(0)
摘要:在线编译因为 less 的语法毕竟相对简单,所以一些在线工具可以很轻松的做到。比如 http://less.cnodejs.net http://www.ostools.net/less 一般都有两个框,左侧输入less,右侧呈现编译的 css,方便在线学习和测试。修改 bootstrap 中的 l... 阅读全文
posted @ 2014-07-26 17:16 北斗极星 阅读(2079) 评论(0) 推荐(0)
摘要:学过CSS的人都知道,它不是一种编程语言。你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。很自然地,有人就开始为CSS加入编程元素,这被叫做"C... 阅读全文
posted @ 2014-07-23 16:43 北斗极星 阅读(446) 评论(0) 推荐(0)
摘要:在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架。下面把前端的框架简单的列一下。1、flexApache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。需要注意的是,Flex目前还在孵化阶段,还不是Apache的正式项目,Fle... 阅读全文
posted @ 2014-07-23 15:11 北斗极星 阅读(347) 评论(0) 推荐(1)
摘要:去年就初次接触了LESS,并用他制作了一个Less.org的首页页面,但由于CSS的固有模式,没有让自己喜欢上他。由于前段时间学习bootstrap from twitter再次让我接触了这个Less(我在《CSS——Bootstrap From Twitter》有简单的提到过Less),又发现了他... 阅读全文
posted @ 2014-07-23 11:42 北斗极星 阅读(417) 评论(0) 推荐(0)
摘要:在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式:1.一种为使用eval()函数。2. 使用Function对象来进行返回解析。使用eval函数来解析,并且使用jquery的each方法来遍历用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。 这里首先给出JSON字符串集,字符串集如下:代码如下: var data=" { root: [ {name:'1 阅读全文
posted @ 2014-01-18 11:13 北斗极星 阅读(274) 评论(0) 推荐(0)
摘要:1.htm---------------------------------------------2.htm 阅读全文
posted @ 2014-01-17 13:38 北斗极星 阅读(370) 评论(0) 推荐(0)
摘要:区别IE6与FF: background:orange;*background:blue;区别IE6与IE7: background:green !important;background:blue;区别IE7与FF: background:orange; *background:green;区别FF,IE7,IE6: background:orange;*background:green !important;*background:blue;注:IE都能识别*;标准浏览器(如FF)不能识别*;IE6能识别*,但不能识别 !important,IE7能识别*,也能识别!important;F 阅读全文
posted @ 2014-01-16 15:35 北斗极星 阅读(308) 评论(0) 推荐(0)
摘要:1. AngularJS :AngularJS是为克服HTML在构建应用上的不足而设计的。2. knockout3. avalon :MVVM是前端究极的解决方案,因此之后我大多数时间都在折腾avalon http://www.cnblogs.com/rubylouvre/p/3513180.html 阅读全文
posted @ 2014-01-13 17:11 北斗极星 阅读(153) 评论(0) 推荐(0)
摘要:本篇小结是在2011年时候总结的,当时做一个产品的跨浏览器兼容工作,由于产品开发的时间比较早,最开始只能在IE下面(IE 8、IE 9还有点点问题)使用,做跨浏览器兼容工作的时候,主要是适配IE 6--IE 9、Safari、FireFox、Chrome,引入了jQuery框架进行改造后,大部分功能可以正常使用,现将总结分享一下。1.eval(idName) 【问题描述】:IE、safari、Chrome浏览器下都可以使用eval(idName)或getElementById(idName)来取得id为idName的HTML对象;firefox下只能使用getElementById(idNa. 阅读全文
posted @ 2013-12-18 10:15 北斗极星 阅读(478) 评论(0) 推荐(0)
摘要:http://jsfiddle.net/ZdVX8/7/ 阅读全文
posted @ 2013-12-16 17:33 北斗极星 阅读(196) 评论(0) 推荐(0)
摘要:验证Valid ----placeholder 订单主人: 订单号: 备注: ... 阅读全文
posted @ 2013-12-13 16:40 北斗极星 阅读(371) 评论(0) 推荐(0)
摘要:http://www.cnblogs.com/zuoxiaolong/category/518480.html 阅读全文
posted @ 2013-12-11 14:57 北斗极星 阅读(154) 评论(0) 推荐(0)
摘要:你每天都会对着它讲话,和它玩游戏,用它看新闻——没错,它就是你裤兜里的智能手机。android,黑莓还是iphone?为了让你清楚意识到究竟哪些才算是智能手机,我在下面总结了一个智能手机系统/设备的列表: Apple iPhone/iPod Touch Google Android RIM BlackBerry/Playbook OS Nokia Symbian (我承认它该退休了,可是在世界范围内它仍然拥有10亿以上的用户) HP/Palm WebOS Microsoft Window Phone 7 没错,这令人眼花缭乱的众多智能手机系统对 HTML标准支离破碎的支持,直接导致了处理这些系 阅读全文
posted @ 2013-12-04 17:28 北斗极星 阅读(307) 评论(0) 推荐(0)
摘要:1)jMedia Element是一个基于jQuery/jQuery UI实现的HTML5音频/视频开发工具包。提供非常多的功能来控制页面中的音频和视频内容。当旧的浏览器不兼容HTML5时,自动转成Flash和VLC支持。jMedia Element让你可以使用CSS定制你开发的媒体播放器的外观。jMediaElement支持大部分文件包括:ogg (theora/vorbis)、mp4/mov (h.264)、WebM (VP8/vorbis)、flv、Youtube视频等。主页:http://protofunc.com/jme/演示地址:http://protofunc.com/jme.. 阅读全文
posted @ 2013-12-03 11:42 北斗极星 阅读(938) 评论(0) 推荐(0)
摘要:工具所用到插件 masonry: 是 一款非常强大的jQuery动态网格布局插件,可以帮助开发人员快速开发类似剪贴画的界面效果。和CSS中float的效果不太一样的地方在 于,float先水平排列,然后再垂直排列,使用Masonry则垂直排列元素,然后将下一个元素放置到网格中的下一个开发区域。这种效果可以最小化处理 不同高度的元素在垂直方向的间隙 infinitescroll 是一个无限循环滚动的插件,做自动分页加载是很好用的,再配合masonry 瀑布流就可以达到 类似于QQ空间自动加载的效果, 阅读全文
posted @ 2013-11-28 17:33 北斗极星 阅读(345) 评论(0) 推荐(0)
摘要:我们在做Ajax 异步请求的时候,一般都会利用一个动态的 Gif 小图片来制作一个Ajax Loading ,以便增加用户体验。今天在网上发现了一个 Spin.js ,该 js 脚本压缩后5k,可以不用任何图片,任何外部的CSS样式,就可以创建一个Ajax Loading 指示器,且兼容以下浏览器:Spin.js 的在线设计、演示及下载地址为:http://fgnass.github.io/spin.js/我们可以在链接页面中,动态设置样式同时会自动生成样式的配置脚本:Spin.js 用法极其的简单:显示 spinner//target为显示spiner的父容器 var target=docu 阅读全文
posted @ 2013-11-15 23:13 北斗极星 阅读(466) 评论(0) 推荐(0)