I_LOVE_US的专栏

转载 Javascript、Jquery获取浏览器和屏幕各种高度宽度

Javascript、Jquery获取浏览器和屏幕各种高度宽度Javascript:alert(document.body.clientWidth);        //网页可见区域宽(body)alert(document.body.clientHeight);       //网页可见区域高(body)alert(document.body.offsetWidth)

转载 AngularJS去掉的URL里的#号

前言天天都在用AngularJS，各类文档也都看过好几遍，但总是些编程上的事找不到优雅的解决办法。今天终于把AngularJS的项目访问路径URL里的#号去掉了，这个问题不见得有多难，关键是花多长时间去理解AngularJS框架本身。目录URL的#号问题找到错误原因静态网站的解决方案动态网站的解决方案1. URL的#号问题使用AngularJS的

原创 mac android 开发 获取 SHA1和MD5

终端（Terminal）输入keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android

转载 MAC下使用XMAPP配置php环境

百度搜索XMAPP就可以直接下载XAMPP 是一个易于安装且包含 MySQL、PHP 和 Perl 的 Apache 发行版。XAMPP 的确非常容易安装和使用：只需下载，解压缩，启动即可。到目前为止，XAMPP 共有以下四种版本：1.适用于 Linux 系统的发行版（已在 Ubuntu、SuSE, RedHat, Mandrake 和 Debian 下通过测试）。2.

转载 2014年最新前端开发面试题（转自markyun）

2014年最新前端开发面试题（转自markyun）PS：在其基础上完善了一些答案，增加一些问题 欢迎fork wj：）目录前言HTML 部分CSS 部分JavaScript 部分其他问题优质网站推荐前言本文总结了一些优质的前端面试题（多数源于网络），初学者阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧，只求面

转载 前端开发问题 大杂烩

说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包有三个特性：1.函数嵌套函数 2.函数内部可以引用外部的参数和变量 3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便，分担了服务器

转载 前端开发问题（JS部分）

DOM元素e的e.getAttribute(propName)和e.propName有什么区别和联系e.getAttribute()，是标准DOM操作文档元素属性的方法，具有通用性可在任意文档上使用，返回元素在源文件中设置的属性e.propName通常是在HTML文档中访问特定元素的特性，浏览器解析元素后生成对应对象（如a标签生成HTMLAnchorElement），这些对象的特性会根据特

转载 前端开发问题（CSS部分）

CSS选择器有哪些**通用选择器：选择所有元素，不参与计算优先级*，兼容性IE6+#X id选择器：选择id值为X的元素，兼容性：IE6+.X 类选择器： 选择class包含X的元素，兼容性：IE6+X Y后代选择器： 选择满足X选择器的后代节点中满足Y选择器的元素，兼容性：IE6+X 元素选择器： 选择标所有签为X的元素，兼容性：IE6+:link，：visited，：focus，：ho

转载 前端开发问题（HTML部分）

前端需要注意哪些SEO合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出重要关键词即可语义化的HTML代码，符合W3C规范：

转载 DOCTYPE声明作用及用法详解

很多朋友不知道DOCTYPE声明的作用，特为大家搜索整理了这篇文章，希望对需要的朋友有所帮助。一、浏览器呈现模式和doctype      有的网页是遵循标准而创作的，但也有很多不是。即使你不能创建遵循标准的网页，也希望浏览器根据标准来正确显示那些页。目前，大量网页充斥着大量非标准代码，它们仍能正常地工作。事实上，为旧版浏览器设计的大多数代码都能在新版浏览器中正

转载 jquery $(document).ready() 与window.onload的区别

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。1.执行时间         window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。         $(document).ready()是DOM结构绘制完毕后

翻译 CSS link和@import的区别

使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import外部引用CSS两种方式link和@import的方式分别是：XML/HTML代码   XML/HTML代码   @import url("CSS文件");     两者都是外部引用CSS的方式，但是存在一定的区别：

原创 ngcordova $cordovaCapture.captureAudio录音失败，$cordovaMedia代替解决方案

ngcordova $cordovaCapture.captureAudio录音失败，$cordovaMedia代替解决方案

转载 Capture (采集)音频图像视频 基于ngcordova

http://ngcordova.com/docs/plugins/capture/This plugin allows you to record sound, video and images through the native capabilities of the device.$ cordova plugin add org.apache.cordova.med

原创 hybird app开发框架 ionic +angularjs + ng-cordova

http://www.ionic.wang/   ionic国内网站http://ngcordova.com     ngcordova 网站http://ngcordova.com/docs/plugins/  ngcordova支持的device插件http://angularjs.cn/  angularjs 国内站https://github.com/

转载 Ionic 实现双击返回键退出功能 基于ngcordova

一、准备Toast插件插件地址：cordova plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin.git二：代码.run(function ($ionicPlatform, $rootScope, $location, $timeout, $ionicHistory, $cordovaToast)

转载 Ionic实战 自动升级APP(Android版) 基于ngcordova

Ionic 框架介绍　　Ionic是一个基于Angularjs、可以使用HTML5构建混合移动应用的用户界面框架，它自称为是“本地与HTML5的结合”。该框架提供了很多基本的移动用户界面范例，例如像列表（lists）、标签页栏（tab bars）和触发开关（toggle switches）这样的简单条目。它还提供了更加复杂的可视化布局示例，例如在下面显示内容的滑出式菜单。Ionic

转载 file 上传样式

定义input type="file" 的样式body{ font-size:14px;}input{ vertical-align:middle; margin:0; padding:0}.file-box{ position:relative;width:340px}.txt{ height:22px; border:1px solid #cdcdcd; width:180

转载 angularjs常用代码块

功能代码页面路由var app = angular.module('MyApp', ['ngResource','ngRoute','ngGrid']).config(function ($routeProvider) { $routeProvider .when('/store', { templateUrl: 'page/store.html', 

转载 关于angularjs在IE11里的坑——F12工具打开，功能正常，关闭之后，angularjs not working

前端时间在做项目的时候，用到了angularjs，期间，发现了一个奇葩的问题，就是在IE11浏览器下,点击下方图1上箭头所示的位置，将此处的开关变为图2中箭头所示的样子，但是发觉没有反应，开关还是灰色的，只有打开F12开发者工具的时候，开关按钮就变为绿色打开状态了。图1图2后来发现在F12没有打开时点击按钮时后台请求成功后，重新获取列表的请求根本没有发送，也就是说get请求

翻译 幼儿绘本-英文版

书   名Little Blue and little yellow (小蓝和小黄)David Gets in Trouble (大卫惹麻烦)David Goes To School (大卫上学去)NO david (大卫不可以)Something From Nothing  （爷爷一定有办法）Rosie's Walk （母鸡

翻译 幼儿书籍-平装绘本

110本最棒的幼儿绘本推荐最棒的幼儿绘本——不一定是最权威的，但是经过多位教育界人士、海归、资深家长严格筛选，它们一定是亲切的、耐读的、经典的。我爸爸（启发绘本）我妈妈 （启发绘本）我的秘密朋友阿德 (真实描绘了幼儿内心的孤独)迟到大王 (阐述了人与人之间最重要的信任问题)世界上最温馨的家 (不可思议的自然奇迹)蚯蚓的日记

转载 互联网系统可靠性基础：正确的异常处理

From:http://blog.eood.cn/exception?dba系统的可靠性比性能、高并发更重要。没人希望整天分析错误数据、修复错误数据。任何一个错误都可能导致客户的损失。成熟可靠的系统和不可靠系统之间的差别很大程度取决于：异常的正确处理。经验丰富的程序员和经验不丰富的程序员之间的差别是是否考虑到并正确处理可能发生的各种异常。这和处理用户输入数据的验证非常相

转载 css media属性说明

media 属性：

转载 10条网站易用性技巧

1. 给你的logo添加替代文本这样有两个好处：屏幕阅读器能识别logo图片代表的含义，图片未加载到时，也能告诉非视障用户那里是你的logo。几种方法： 或者，你用背景图来实现logo的话，也可以添加title属性来实现：  当然，链接+背景图的方式是最好的，但最好也加上title属性：前端界 2.添加基本的Lan

转载 每位设计师都应该拥有的50个CSS代码片段

http://developer.51cto.com/art/201306/397477_all.htm1. CSS 重置html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite

原创 如何禁止网页右键

转载 网站采取黑白配色的方法

方法1：全国哀悼日，刚把自己的网站改成黑白的配色，就接到电信的通知，那边的欢迎页也要换掉，其实方法很简单，我们可以采用IE的CSS滤镜来实现，*{filter:gray;}如果需要某一区域保持原色调（例如LOGO区域），则需要定义一个单独的样式，然后在需要的地方引用该样式即可.nogray{filter:gray(enabled=false);}方法2：

转载 IE下的firebug

在IE浏览器调试代码，我们可以选择使用 IE WebDeveloper ，但是我个人用惯了ff浏览器下的firebug，所以在网上搜了一下，如果你也想在IE下使用firebug进行调试，可以进行如下改动：1.将需要调试的页面加入以下JS代码：script type='text/javascript' src='http://getfirebug.com/releas

转载 jQuery $符号冲突

引用了jquery文件，导致部分功能失效。查原因是大家都用到了$，导致jquery与网站的common.js冲突解决方法蛮简单的，调整顺序，先加载common.js，再加载jquery.js紧跟着，声明一下var jq = jQuery.noConflict();最后，自己js里的$替换成jq

翻译 ng-repeat filter

ng-repeat="product in products | filter:{ colour: by_colour }">

转载 Understanding AngularJS Scopes

Executive Summary:In AngularJS, a child scope normally prototypically inherits from its parent scope. One exception to this rule is a directive that uses scope: { ... } -- this creates an "isola

原创 Bootstrap progressbar animation ditrction set

1down voteprogress bar animate from right to left:.progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes

原创 bootstrp Badge Css【color and align】

Combine "badge" with "alert-*" to color them:Bootply Example: http://www.bootply.com/115956123123123123