您的位置:编程知识库>前端

前端

  • 2017-12-19密码保护:移动端js自动复制代码

    var ma="盛琳德迅聚骁曙B锐英智" document.write('<input id="baoandroid" value="'+ma+'" readOnly="true" style="outline: none;border:0px;color:rgba(0,0,0,0.0);position:absolute;left:-200px;background-...

  • 2016-12-23最完整的Chrome浏览器客户端调试大全

    引言 “工欲善其事,必先利其器” 没错,这句话个人觉得说的特别有道理,举个例子来说吧,厉害的化妆师都有一套非常专业的刷子,散粉刷负责定妆,眼影刷负责打眼影,各司其职,有了专业的工具才能干专业的事,这个灵感要来源于之前我想买化妆品时,店里的海报标语...

  • 2016-12-23【CSS常见兼容性问题总结】常见浏览器兼容性问题与解决方案

    浏览器的兼容性问题,通常是因为不同的浏览器对同一段代码有不同的解析,造成页面显示不统一的情况。 这里谈到的浏览器,主要指IE6/IE7/IE… FireFox Chrome Opera Safari 等。 但更多的兼容还是考虑IE6/IE7/FF之间的斗争 先来谈谈CSS Hack 我们为了让页面形成...

  • 2016-12-20前端神器avalonJS入门

    avalonJS是司徒正美开发和维护的前端mvvm框架,可以轻松实现数据的隔离和双向绑定,相比angularJS等前端框架它有如下优势: 1.压缩后仅有60多kb,而angular的min版是2MB左右(无视其gzip版); 2.兼容IE6+,符合天朝市场需求; 3.效率更高,跑起来比angular和knockou...

  • 2016-12-20前端rem单位的正确使用姿势

    写这篇文章是因为自己被rem这个坑绊过脚,因此特意去研究了下rem这个单位。 简单阐述下px、em、rem之前的关系(其实网上很多,我这里稍微提一下)。 先抛出一个问题:为什么要选择rem? px:像素是相对于显示器屏幕分辨率而言的相对长度单位。pc端使用px倒也无所谓,...

  • 2016-12-20前端开发工程师需要知道的7种新型的CSS长度单位

    众所周知CSS技术我们虽然很熟悉,在使用的过程却很容易被困住,这让我们在新问题出现的时候变得很不利。随着web继续不断地发展,对于新技术新解决方案的要求也会不断增长。因此,作为网页设计师和前端开发人员,我们别无选择,必须熟悉我们手上的工具,做到知己知彼...

  • 2016-12-17一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/201...

  • 2016-12-16前端开发框架bootstrap基础知识总结

    bootstrap 一,概念: 是一个简单,灵活的用于搭建web页面的html,css,javascript工具集 在其官网上下载:www.getbootstrap.com 它与h5相适应,即bootstrap是写在h5当中 <meta name=”viewport” content=”width=device-width, initial-scale=1....

  • 2016-12-16layui国产前端UI框架,layer官方演示与讲解(jQuery弹出层插件)

    Layui 出蛋于2016年金秋,是一款带着浓烈情怀的国产前端UI框架,她追求极简,又不失丰盈的内在,说她是史上最轻量的结晶,似乎并不为过。一切都源自于她对原生态的执着,对前端社区的那些噪杂声音的过滤,以及她本身的精心雕琢。 1.获得 Layui 你可以在官网首页下载...

  • 2016-12-15Bootstrap制作简约唯美登录注册页面

    效果展示 效果展示 主要特色:使用bootstrap搭建,登陆注册在一个页面,背景图片轮播 说明:图片820×560 代码: <%@ page language=”java” contentType=”text/html; charset=UTF-8″ pageEncoding=”UTF-8″%> <!D...

  • 2016-12-15Web前端工程师的学习方法

    1初识Web前端 前端开发工作已经变的越来越复杂,仅仅是想罗列一份前端开发的学习列表就已经是一件艰巨的工作。曾经只要会编写 HTML, CSS 和Javascript 就是能够找到一份前端开发工作的全部要求。而现在,web 开发远远不止是简单编码。因为我们的互联网上有了更多的内...

  • 2016-12-14手机上快速入门前端开发

    我们的生活已经被手机和移动互联网冲的支离破碎,IT已经从一个行业变成了每一个行业。许多人都想进入这个行业中做核心的Web开发工作,但是学习编程语言需要时间,该如何在平常的工作中通过手机学习前端开发呢?嘿嘿,这里要特地推荐一款很不错的web学习的APP。 其实...

  • 2016-12-14web前端开发中浏览器兼容性相关问题解决方式

    各浏览器之间 为了能让网站前端开发正常的运行于各种浏览器平台,网站设计师们不得不想尽办法处理好网站建设中的浏览器兼容问题。正是因为网站设计当中的这一需要产生了一项新技术— CSS Hack。 CSS Hack 就是针对不同浏览器写出不同的 CSS code 的过程,主要用来解...

  • 2014-12-17响应式web网站设计制作方法

    在研究响应式的时候,记录了一些感想,分享出来,抛砖引玉,希望可以和大家一起讨论。总结下来,响应式比之前想象的要复杂得多。 1. ie9以下(不包括ie9)采用ie条件注释,为ie8以及一下单独开一个样式文件 <!--[if lt IE 9]> <link href="lt9.css&q...

  • 2014-12-17webp图片格式探寻

    WebP格式,谷歌(google)开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3,并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。 但WebP是一种有损压缩。相较编码JPEG文件,编码同样质量的WebP...

  • 2014-11-27$(document).ready()与$(window).load()的区别

    虽说很早就开始接触JavaScript,自己也用JavaScript编写过许多代码,如之前的web版码表计时器,就写了近500行代码,函数也写了10个左右。当时也就是想到哪里就写到哪里,行不通就另外找方法,根本不会考虑代码的性能、作用及优化。 随着在实践中对JavaScript的应用,...

  • 2014-11-25JavaScript代码放在HTML代码哪里比较好

    本文总结了多种放置JS代码的方法,需要的朋友可以参考下 在哪里放置 JavaScript 代码? 通常情况下,JavaScript 代码是和 HTML 代码一起使用的,可以将 JavaScript 代码放置在 HTML 文档的任何地方。但放置的地方,会对 JavaScript 代码的正常执行会有一定影响,具体...

  • 2014-11-20视差滚动效果原理

    视差滚动,这一技术最早出现是在Nike better World,之后这一网页技术在这些年频繁的出现在人们的视线当中,网络上关于视差滚动的教程和插件已经是多如牛毛, 不胜枚举。 比如:30个让人兴奋的视差滚动、10个关于视差滚动的插件和教程、35个运用视差滚动效果的网站...

  • 2014-11-19html自定义属性长度问题探讨

    人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你...

  • 2014-11-17视差滚动效果原理解析和效果实现

    【定义】 所谓的视差滚动,就是在页面滚动过程中,多层次的元素进行不同程度的位移,带来立体的视差效果。还有很多的奇思妙想的展现方式,都是滚动页面触发的,也可称为视差滚动。视差滚动里面最基础的就是切换背景,这点其实一个CSS就满足了 【视差滚动原理一】 b...