linux应用程序之-web前端(html js css)
文章平均质量分 96
bingqingsuimeng
这个作者很懒,什么都没留下…
展开
-
Win7环境下搭建Android安卓开发环境(原创教程)
因为是用word写的,放到这里排版除了问题,尤其是序号方面,希望不会影响大家的阅读。/%作者:凌云鹏韵QQ:11276965微博:http://weibo.com/songpeng1990%/ 此教程以32位win7旗舰版系统为基础,其它版本系统请根据情况自行调整。教程在2012年9月16日写,所有软件为当时的最新版。 准转载 2015-02-28 14:36:54 · 711 阅读 · 0 评论 -
移动触摸屏的div拖动Demo
企业建站:莜霓网络话说我刚刚从PC的Web开发转到移动的Web开发……当前移动Web开发不得不面对强大的流行的Android,IOS这两大触摸屏系统啊,毕竟这是热门啊,用户都在这里。这次因为开发需要,我得试着做一个背景可以拖动的div页面。当一切都在PC上做完之后,转到手机进行测试,竟然无效啊,拖动无效。经过调试发现mousemove事件(还有mousedown,mouse转载 2015-01-07 13:57:18 · 8559 阅读 · 0 评论 -
外链工具
http://tool.lusongsong.com/addurl.html转载 2015-01-04 10:00:28 · 727 阅读 · 0 评论 -
JavaScript继承详解(三)
在第一章中,我们使用构造函数和原型的方式在JavaScript的世界中实现了类和继承, 但是存在很多问题。这一章我们将会逐一分析这些问题,并给出解决方案。注:本章中的jClass的实现参考了Simple JavaScript Inheritance的做法。首先让我们来回顾一下第一章中介绍的例子: function Person(name) {this.name = name;转载 2015-02-06 16:28:57 · 475 阅读 · 0 评论 -
JavaScript继承详解(二)
这一章我们将会重点介绍JavaScript中几个重要的属性(this、constructor、prototype), 这些属性对于我们理解如何实现JavaScript中的类和继承起着至关重要的作用。thisthis表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window; 如果在函数中使用this,则this指代什么是根据运行时此函数在什么对象上被调用。 我们转载 2015-02-06 16:28:08 · 437 阅读 · 0 评论 -
JavaScript继承详解1
面向对象与基于对象几乎每个开发人员都有面向对象语言(比如C++、C#、Java)的开发经验。 在传统面向对象的语言中,有两个非常重要的概念 - 类和实例。 类定义了一类事物公共的行为和方法;而实例则是类的一个具体实现。 我们还知道,面向对象编程有三个重要的概念 - 封装、继承和多态。但是在JavaScript的世界中,所有的这一切特性似乎都不存在。 因为JavaScript本身不是转载 2015-02-06 16:27:23 · 520 阅读 · 0 评论 -
准确理解CSS clear:left/right的含义及实际用途
零、说点什么好久没更新了。并不是在折腾什么大作,而是广度学习与实践中,加上婚礼等诸多大事,所以产出较少。今天这篇也只是小作,博客是自己很好的学习工具,只要我学习不止,博客也会不断更新的。我们平时一般都使用clear:both清除浮动,貌似就干这一件事件。用得很开心,但似乎理解上懵懵懂懂,我其实也是,早年的时候,测试过CSS clear:left/right,虽知其作用(转载 2014-12-12 13:35:40 · 1867 阅读 · 1 评论 -
ie hack
background-color: #CC00FF; /*所有浏览器都会显示为紫色*/background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/*background-color: #0066FF; /*IE6、IE7会变为蓝色*/_background-color: #009933; /*IE6会变为绿色*/转载 2014-12-12 13:08:57 · 517 阅读 · 0 评论 -
使用HTML5/CSS3五步快速制作便签贴特效
本篇文字将展示给你的是,如何利用HTML5/CSS3,仅用5步就可以制作便签贴效果的HTML页面,效果图如下:(注:图里的文字纯属杜撰,搞笑目的,如有雷同,纯属巧合,谢谢!)注:该效果可以在Safari, Chrome,Firefox和Opera在看到效果,IE上由于对HTML5的支持不完全,所以看不出效果。 第一步:创建基本HTML和正方形首先添加转载 2014-12-29 16:37:49 · 2341 阅读 · 0 评论 -
CSS中的zoom:1的作用
网站建站:莜霓网络兼容IE6、IE7、IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout。解决ie下的浮动,margin重叠等一些问题。比如,本站使用DIV做一行两列显示,HTML代码:[html] view plaincopydiv class="h_mainbo转载 2014-12-29 10:40:07 · 4996 阅读 · 0 评论 -
垂直外边距合并--CSS的Margin属性:详解margin属性
你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?……写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打转载 2014-12-12 12:52:09 · 7496 阅读 · 3 评论 -
js Web前端书籍推荐
一. 入门级 :就是有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript编程能力),能够完成一些简单的WEB前端需求。 推荐:《JavaScript dom 编程艺术》 理由:此书绝对是入门的好书,本人也是在接触JS一段时间后才看的这本书。此书从JS的历史 - JS基础语法知识 - DOM介绍和简单的使用。现在这本书已经出了转载 2014-12-11 10:33:04 · 1229 阅读 · 0 评论 -
关于编写性能高效的javascript事件的技术 ---事件委托
如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题。几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍,轰动了整个web开发技术界,让神秘的web前端优化问题成为了大街的白菜,web前端优化变成了菜鸟和大牛都能回答的简单问题,当整个业界都知道了惊天秘密的答案,那么现有的优化技术已经不能对你开发的网站产生的质的飞越,为了让我们开发的网站性能比别人的网站更加优秀,我转载 2014-12-11 10:39:24 · 1030 阅读 · 1 评论 -
史上最强大的浏览器嗅探
在前端开发中经常会遇到一系列兼容性问题,怎样精准地识别出各个浏览器的版本是一件很头痛的问题,尤其是navigator有可能被厂商伪造的情况。虽然大神们建议要针对浏览器特性来处理而不是通过浏览器版本,但是实际操作过程中却有相当大的困难。 以下是大神们总结的各种浏览器嗅探的办法,亲测无误IE篇:ie=!!window.VBArrayie678=!+"\v1";ie转载 2014-12-11 09:43:00 · 19396 阅读 · 1 评论 -
响应式设计 的IE支持
响应式设计 的IE支持 IE8或更早的版本不支持HTML5的标签和媒介查询(MediaQuery)。我们需要引用css3-mediaqueries.js(或者respond.js)和html5shim.js来提供支持。如果你不打算使用html5shim.js,可以把标签用代替。[html] view plaincopy转载 2014-12-24 10:32:39 · 575 阅读 · 0 评论 -
10款响应式 jQuery实现图片效果插件
1.基于jQuery实现的汇图网大屏焦点图效果汇图网大屏jQuery焦点图代码,可设置切换模式,如淡入淡出切换,左右滚动切换,上下滚动切换,可设置是否自动轮播,可设置鼠标划过是否停止播放等。在线演示源码下载2.HTML5基于SVG实现的过山车动画特效今天我们要分享一款很酷的HTML5/SVG动画,这款HTML5动画是过山车效果,主要是利用了SVG的p转载 2015-01-12 19:59:56 · 3038 阅读 · 0 评论 -
CSS布局奇淫技巧之-多列等高
什么是等高布局?先来看一个案例: 上图中的页面的主体内容是两列结构,左列是用来导航的,右列是用来显示内容的。我们看到它们有一个共同的边框,中间还有一条分隔线,左右两列的高度都是不固定的。这种情况下就需要两列的高度保持一致了,左边高度增加,右边也跟着增加,右边高度增加,左边同样也要增加,否则就会出现“断层”的效果。在这里,等高布局是为了维护边框线条的完整性,在有些地方则可能是转载 2015-03-02 10:51:08 · 669 阅读 · 0 评论 -
负值之美:负margin在页面布局中的应用
本文转载自:http://www.topcss.org/?p=94,有修改。 负数给人总是一种消极、否定、拒绝之感,不过有时利用负margin可以达到奇妙的效果,今天就表一表负值在页面布局中的应用。这里说的负值主要指的是负margin。 关于负margin的原理建议大家看看这篇文章:http://www.cnblogs.com/2050/archive/2012/08/13/2转载 2015-03-02 10:26:29 · 935 阅读 · 0 评论 -
SASS用法指南
学过CSS的人都知道,它不是一种编程语言。你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。很自然地,有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor)。它的基本思想是,用一种专转载 2015-03-19 10:28:22 · 708 阅读 · 0 评论 -
echarts-单柱状图
1、问题背景 制作一个柱状图,用来统计某商店一年的销售量2、实现源码[html] view plain copy print?> html> head> meta charset="UTF-8"> title>echarts-单柱状图title> script typ转载 2016-12-23 17:51:59 · 1340 阅读 · 0 评论 -
html+css适配移动端设备
最近做了一个项目,是用html+css写代码,要求适应所有ipad和andriod平板。以webview/UIWebView为基础,开发出andriod和ipad的APP.整个页面的制作过程都按照响应式的需求写的:1.<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,max转载 2015-04-15 11:48:52 · 13914 阅读 · 0 评论 -
原生js - 图片放大镜效果
放大镜demo body { margin: 0px; padding: 0px; } #small { position: relative; width: 440px; height: 440转载 2015-04-15 11:29:06 · 1384 阅读 · 0 评论 -
JavaScript动态设置滚动条高度
工作中遇到情形如下:一个ul标签,里面有很多li标签,其中有一个代表初始化已选中的。如果ul设置了高度,如下面的ul的style,并且有很多li子标签,那选中的li就被淹没在滚动条下面。ul id="ul_module" style="height:180px; overflow-y:scroll;"> li>...li> li>...li>转载 2015-04-14 14:19:12 · 7523 阅读 · 0 评论 -
css移动端实现与pc端一样的:acitve效果
移动前端如何与pc端那样的一个:hover的效果,在看美团h5的页面时发现他们做对这个效果做得很好,它们只是多了一行代码而已,对body绑定了一个touchstart事件做移动前端也有一些日子了,一直有个问题没有解决,就是与pc端那样的一个:hover的效果,:hover是鼠标指针浮动在其上的元素的一个选择器,但因为在移动端是没有鼠标的,代替的是触摸屏,用户也不是有“鼠标指针浮动在其上的元素”转载 2015-04-14 14:25:17 · 1687 阅读 · 0 评论 -
教你如何在windows上手动安装SASS
手动安装你所需要的软件,可以让你知道每一步是怎么样的,这是一个很好的习惯和选择,现在市场上有许多一键安装,虽然方便简单,但是你永远都学不会他是怎么安装成功的。特别是对于新手来说,最需要的就是错误,有错误才有进步,下面是我自己的安装过程,也许可以帮到你如何去安装它:下载你需要的文件第一步、你总共需要四个gem文件:SASS,Chunky_png,Fssm和Compass。点此转载 2015-03-18 14:52:41 · 875 阅读 · 0 评论 -
教你如何在windows上手动安装SASS
手动安装你所需要的软件,可以让你知道每一步是怎么样的,这是一个很好的习惯和选择,现在市场上有许多一键安装,虽然方便简单,但是你永远都学不会他是怎么安装成功的。特别是对于新手来说,最需要的就是错误,有错误才有进步,下面是我自己的安装过程,也许可以帮到你如何去安装它:下载你需要的文件第一步、你总共需要四个gem文件:SASS,Chunky_png,Fssm和Compass。点此转载 2015-03-18 14:46:33 · 5005 阅读 · 1 评论 -
构建初级前端页面重构开发环境
本文主要面对前端初级新手,是我从事前端项目外包这一年多时间里积累的经验,提供一系列的工具和资料来帮助新手更高效的从事前端开发。但是由于本人水平有限,所以只能写一些初级的方法和工具。没有添加诸如 grunt 这类的更高级的工具,因为我对这块目前还没有很多实战经验。此外,关于移动端的调试开发,也很少做过,所以本文没有很多相关信息,有待进一步补充。原始而传统的前端页面重构工作流程转载 2015-03-18 13:51:39 · 1061 阅读 · 0 评论 -
如何还原像素级别的设计稿 切图工具 Photoshop操作
前端重构项目外包做了也有一年左右了,分享一下还原设计稿的一些经验。为什么要还原像素级别的设计稿前端重构和美工是两个级别的,一个就在于精准还原设计稿而另一个是自我感觉怎么好怎么来。而比较高端的项目是分三块的,由专业的设计师做设计,由前端工程师切图做页面,再由后端工程师开发功能整合到系统上。术业有专攻,每一个环节都会有很高的水准,组合成一个各方面都非常专业的网站,为客户的业转载 2015-03-18 11:49:33 · 6551 阅读 · 0 评论 -
IE6&7下使用CSS3(ie-css3.htc的使用及加强版)
做前端的同学都应该听说或者用过,是一段脚本,可以让ie实现css3里的圆角和阴影效果。css带来的便利是很容易感受的到的,但恶心的是它在ie下的不兼容,所以某位牛人现身写了个ie-css3.htc,允许你在ie下去使用css3的部分东西。ie-css3的使用方法很简单,在你需要使用css3的样式里加入behavior: url(js/ie-css3.htc);就可以了(括号里是ie-css3.ht转载 2015-03-11 17:08:20 · 16048 阅读 · 2 评论 -
内核控制Meta标签:让360浏览器默认使用极速模式打开网页
使用wordpress的模板默认是不支持低版本IE的。现在360浏览器的装机量又那么大,,独独只有ie浏览器的访客越来越少,,为了让网站页面不那么臃肿,也懒的理IE了,同时兼顾更多的国内双核浏览器,在网页页头中添加了下面两行Meta控制标签。1,网页头部加入360浏览器就会在读取到这个标签后,立即切换对应的极速核。2,另外为了保险起见再加入转载 2015-03-10 15:43:07 · 22067 阅读 · 1 评论 -
深入认识display:inline-block和haslayout
一篇好的博文:hasLayout设计的初衷是用于辅助块级元素的盒子模型的,它是用于块级元素的。如果用于行内元素,会引发一些特殊效果。设置宽高属性width、height值都可以触发hasLayout,但是有时候带来副作用,现在常用zoom:1;来触发,极少数非常复杂的css设置情况zoom无效的时候,需要借助更为强大的“position:relative”来触发hasLay转载 2015-03-06 11:08:29 · 888 阅读 · 0 评论 -
记mobile web曾经的踩过坑
兼容性一直是前端工程师心中永远的痛.手机浏览器,因为基本是webkit(blink)内核当道,很多公司,不用考虑IE系的浏览器,所以感觉兼容性上的问题可能会少一些.但是手机端,虽然出了很多工具,但是调试依然比PC端麻烦很多.而且很多坑是因为手机浏览器本身的bug,一旦出现,相应的解决方案很难根据以前的经验进行推测.只能寄希望于谷歌 + 猜.这里记录一下我做手机端浏览器曾经踩过的坑.转载 2015-03-16 11:48:53 · 1168 阅读 · 0 评论 -
canvas绘图 echarts 基本使用
最近项目中要做图形报表,要求使用echarts实现,图形报表有很多中实现之前也接触过,但echarts还是头一次听说,正好可以趁这个机会好好学习一下它。 之前不知道就不知道啦,现在知道了就了不得了,一下子喜欢上了echarts,今后项目中要是让做报表我肯定首选echarts在没有强制要求的前提下。主要是echarts太完美了:1,开源软件,无私的为我们提供漂亮的图形界面;2,使用简单,默转载 2015-03-05 15:46:57 · 10354 阅读 · 0 评论 -
前端流程自动化
Grunt这货是啥?最近很火的前端自动化小工具,基于任务的命令行构建工具 http://gruntjs.com Grunt能帮我们干啥?在开始介绍前,先向大家描述下面的场景:【场景1:项目开始前】先建立一个 projA 的文件夹 再建 html css js images (建5个或以上文件夹,花费1分钟)拷贝 CSS库(Yui Reset |转载 2015-03-19 15:59:17 · 838 阅读 · 0 评论 -
javascript组件开发方式
作为一名前端工程师,写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具,但是在一代代大牛的前仆后继的努力下,渐渐的也摸索了一套组件的编写方式。下面我们来谈谈,在现有的知识体系下,如何很好的写组件。比如我们要实现这样一个组件,就是一个输入框里面字数的计数。这个应该是个很简单的需求。我们来看看,下面的各种写法。为了更清楚的演示,下面全部使用jQ转载 2015-03-19 09:24:00 · 22483 阅读 · 9 评论 -
不写js仅用css实现手风琴和选项卡效果
在10年前有一个软件叫qq,它的面板实现了一种推拉效果,后来有人命名为“手风琴”效果并在网页上通过js实现了这个效果,到今天这种效果依然在一些后台管理界面中存在着。还有一种效果,即window系统实现的一种选项卡的效果,不同标签切换显示对应标签下的内容,后来这种效果也广泛地被应用到网页中,那么是不是实现这些效果,必须要写js代码呢,答案是否定的,今天我带大家通过css3的:target伪类选择器实转载 2014-12-05 11:38:07 · 1106 阅读 · 0 评论 -
JAVASCRIPT进阶书籍介绍
本系列文章参考了大量的互联网网站,在此向各位网站拥有者、博主、提到的以及未提到的作者们说一声:多谢感谢了。本系列文章主要参考了如下站点:五大原则:http://freshbrewedcode.com/derekgreerECMAScript262系列:http://dmitrysoshnikov.com/DOM系列文章:http://net.tutsplus.c转载 2015-01-29 09:03:05 · 1224 阅读 · 0 评论 -
jQuery+Superfish制作下拉菜单
最早接触Superfish还是整Drupal时的下拉菜单,那时只知道Superfish是Drupal的一个Module,用来制作类似下图的菜单:直到今天才知道Superfish是Joel Birch写的一个用来制作下拉菜单的jQuery插件。发现用Superfish来制作下拉菜单真的很方便而好很好用,而且还可以通过Superfish提供的参数来控制下拉菜单的不同效果,而且他没有层级转载 2014-09-16 09:28:59 · 772 阅读 · 0 评论 -
jquery 类和标签的空格
关于jquery选择器的问题举报|2012-05-15 21:19轻轻的影子 | 分类:JavaScript | 浏览93次我想为a标签中类名为more的应用点击事件,于是写了$('a .more').click(function(){。。。(a与.more之间有空格),我发现这样不行,把他们之间的空格去掉之后就行了,这是怎么回事,选择器之间不应该有空格吗?那为什么我写$('#s转载 2014-09-01 15:59:39 · 2934 阅读 · 0 评论 -
电子商务系统
http://blog.csdn.net/yousuosi/article/details/14129861转载 2014-09-24 13:47:54 · 779 阅读 · 0 评论