根是地下的枝

原创 使用 ES6 进行开发

es6

原创 AngularJS 问题&解决 | 技巧

目录：（1）文件类型的input添加ng-model，选择文件之后在controller里面获取为undefined。（2）想让多个<tr>为一组进行repeat（3）在较慢设备上避免angular的内联模版表达式对用户可见。（4）ng-switch用法（5）在ng-repeat 中使用ng-hide或ng-if（6）使用ng-href设置a标签的href（7）select中ng-options 用

原创 npm Failed to replace env in config: ${proxy}

手残执行了一句npm set proxy http://${proxy}:${port}结果npm这个命令就挂了，报Failed to replace env in config: ${proxy}找了半天，卸了nodejs重装也没用。（太水）解决办法：进入用户目录，找到.npmrc 文件，然后把里面含${proxy}那行删了。

原创 跨域解决方案 & 使用angularJS和jQuery进行Ajax请求的差异

前端同学李雷和后台同学韩梅梅分别在自己电脑上进行开发，后台接口写好的时候，李雷改动完就把前端代码上传到gitlab，然后在测试机上从gitlab上拉下来，然后在测试机上移动最新代码，最后回到本机刷新页面。有时候碰到网速不好的情况传个git传了半天，或者李雷刚上传完发现少写了一个单词，加上再传上一看尼玛单词又写错了。对于实时需要改动代码的李雷同学而言另外一种方案是李雷和韩梅梅分别在自己电脑上进行开发，

原创 Javascript MVC 学习笔记（三） 视图和模板

模板Javascript中模板的核心概念是，将包含模板变量的HTML片段和Javascript对象做合并，把模板变量替换为对象中的属性值。书中讲到了几种库作为模板引擎，但是链接失效了，可以在这里下载，链接：jQuery.tmpl使用方式很简单，看一下它的说明就行了。给定一个模板，通过给它添加数据就能生成渲染好的元素节点，然后就可以将它添加到页面中，主要使用方法如：//数据var object =

原创 CSS 中 px，em和rem 的区别 学习笔记

简单讲，px是绝对单位，em和rem是相对单位。px大家都熟悉，这里主要讨论em和rem。现在有以下一个段落：<p>当斧头来到树林的时候，好多树都说，至少<span>它的手柄</span>是自己人</p>当不给它设置字体大小时，使用默认大小，也就是16px大小，效果如下：emem是指相对于父元素的大小，也就是说对于p和span而言，它的大小都是1em，这里的1em = 16px。我们将span的大小

原创 CSS 层叠 学习笔记

看了一天控制器和视图头都大了，于是去微博上逛了逛，看到了一个讨论CSS权重的博客，于是把书翻了翻，对CSS中的层叠做一个笔记。先从一个实例说起：小明写了一个列表，并给里面的列表项添加了一些样式：#list li{ color: #000;}<ul id="list"> <li>Javascript</li> <li>HTML</li> <li>CSS</li></

原创 Javascript MVC 学习笔记（二） 控制器和状态

今天进入第二个部分：控制器。控制器和状态从以往的开发经验来看，我们都是将状态保存在服务器的session或者本地cookie中，但Javascript应用往往被限制在单页面，所以我们也可以将状态保存在客户端的内存里面。保存在内存还意味着能带来更快的界面响应。在MVC里面，状态都是保存在控制器里的，控制器相当于应用中视图和模型的纽带。当加载页面的时候，控制器将事件处理程序绑定在视图里，并适时处理回调，

原创 Javascript MVC 学习笔记（一） 模型和数据

写在前面最近在看《MVC的Javascript富应用开发》一书，本来是抱着一口气读完的想法去看的，结果才看了一点就傻眼了：太多不懂的地方了。只好看一点查一点，一点一点往下看吧，进度虽慢但也一定要坚持看完。本学习笔记是对书上所讲解内容的理解和记录。 笔记里的代码大多会按书上摘录下来，因为《MVC的Javascript富应用开发》是结合了JQuery库，所以对于JQuery中不太懂的知识点也会附在代码

原创 Javascript 操作CSS 学习笔记

页面往往是动态变化的，我们经常需要在脚本里对元素的样式进行操作，刚学习js的时候大家都知道通过style属性设置css样式相关的属性，但有时候也想先获取样式，结果发现通过style取到的值是空，这就需要我们对这些概念足够熟练。一、设置样式每个dom元素都具有一个style属性，与平常的属性不一样，style的值是一个CSSStyleDeclaration对象，这个对象的属性代表了该对应元素的内联样式

原创 JS和JQuery中的事件委托 学习笔记

事件委托其实并不是一个很高级的技巧，比如在一个页面里面，当只存在两个按钮的时候，可能你给按钮添加监听是这样的：（本文不考虑浏览器兼容性，关于事件的兼容性可参考前面的学习笔记）<div id="container"> <button id="btn1">按钮1</button> <button id="btn2">按钮2</button></div>var btn1 = docume

原创 CSS BFC学习笔记

BFC，全称是Block Formatting Context，块级格式化上下文。 具体是什么，可以理解为页面元素的一种特性，触发了BFC的元素往往会产生一些对初学者而言意想不到的效果。 触发BFC的方法有下面几种，满足其中任意一种就能触发BFC：浮动元素（float除了none以外任意值）绝对定位元素（position为absolute或fixed）display为inline-bloc

原创 HTML5事件——visibilitychange 标签可见性

又看到一个很有意思的HTML5事件，visibilitychange事件在当前网页在可见和不可见之间变换的时候调用，比如用户正在刷微博，刷到一半切去看视频了，这个时候微博就能通过visibilitychange发现用户没有看自己了，可以根据实际需要暂停请求或者一些别的操作，等用户切回来的时候继续加载。 通过document的hidden属性可以判断标签是否可见。true时代表标签不可见。 这个事

原创 HTML5事件——contextmenu 隐藏鼠标右键菜单

在window中单击右键或在Mac中Ctrl+单击时会触发contextmenu事件，通过取消其默认动作可以提供自定义事件。

原创 javascript 事件对象

在js中触发一个事件的时候，会产生一个事件对象，也就是函数处理程序中的event，通过event我们可以访问到所有与事件有关的信息，如事件的类型、事件发生对象等等。需要注意的是关于event对象IE 和 非IE在支持方式不同。DOM中的事件对象不管是标签内绑定事件，DOM0级还是DOM2级，事件处理程序都会传入一个event。<button id="myBtn" onclick="alert(eve

原创 javascript 事件处理

事件流事件流描述的是从页面中接收事件的顺序。js中有两种事件流，冒泡流和捕获流。两种流的名称都很形象，在由节点构成的一颗html树上面，冒泡流指事件开始时候由最具体的元素最先接收，然后逐级传播到最不具体的节点，比如在如下文档中：

原创 javascript 单例模式

单例模式是设计模式里最基本也是最常用的模式之一，其特点是单体对象只存在一份实例，这样你就能确保在你的所有代码里面都使用着同样的全局资源。 在Java里面实现单例模式的方法是首先将构造函数私有化，在内部创建一个私有的静态变量保存实例，然后通过一个静态方法（一般取名为getInstance）将实例提供给外部访问。因为构造函数的私有化，所以外部无法对类进行实例化，而只能通过getInstance获取，所

原创 javascript 创建私有成员和静态私有成员

私有方法和属性在javascript中，因为没有类的概念，所以只能通过构造函数来模拟类，假设现在需要写一个手机类，这个手机需要传入一张电话号码，然后能打电话。最简单的方式是var Phone= function(num){ //手机号 this.num= num; //打电话 this.call = function(phone){ console.log(this.nu

原创 CSS3实现整屏切换效果

总是能看见很多广告或者网站都是使用整屏滚动的效果，一直看着都心痒痒，想自己也实现一个。最近刚学习到css3的动画效果，所以尝试使用css3做了一个整屏切换。页面结构实现思路与大众方法类似，如图 每个section就是一页内容，它的大小充满了屏幕（红色区域），一个container由多个section构成，我们通过改变container的位置，来达到页面切换的效果。container向下走，页面

原创 javascipt 跨域资源共享、JSONP

跨域资源共享通过XMLHttpRequest实现ajax通信的时候有一个主要限制，来自于跨域安全策略。默认情况下，xhr对象只能访问到与包含它的页面位于同一个域中的资源。如果请求目标跨域，则会出现跨域问题： 下面的表格描述了在不同情况下允不允许跨域的情况：

原创 javascrip cookie

首先要明确一下cookie的概念，因为HTTP协议是一种无状态协议，也就是说一旦服务器和客户端的数据交换完毕后，他们之间的连接就会被断开，再次交换数据的时候就需要再次建立连接，这就意味着服务器无法从连接上判断客户端。 为了解决这个问题，W3C引入了cookie机制。cookie就好比一个身份证，客户端请求服务器的时候，服务器将这个身份证颁发给客户端，客户端（浏览器）将这个身份证保存在本地，当下次连

转载 HTML 标签语义

转载自：http://www.cnblogs.com/PeunZhang/archive/2012/03/08/2385592.html 标签名 英文全拼 中文翻译 a anchor 锚 abbr abbreviation 缩写词 acronym acronym 取首字母的缩写词 address address 地址 b bold

原创 CSS hack

!import!import的用处有两个，在非ie6下，！import可以设置css样式的优先级，比如如下css样式#box{ background-color: #ff9000 !important; background-color: #ff0000;}虽然按照css的规则，后面的样式会覆盖前面的样式，但是因为有了！import，在浏览器中显示的效果为橙色。（优先级高）

原创 W3C盒模型和IE盒模型的区别

盒模型在初学css的时候就会接触到，其实很容易理解，这里也不多废话，但是实际上在布局的时候还是会出现很多问题。对于盒模型的认识不能只停留在知道一个盒模型由哪些部分构成，也要更多的了解如何在不同情况下利用盒模型的特点进行布局。 这里讨论一下两种不同的盒模型： W3C盒模型和IE盒模型。 其实IE的盒模型问题只会出现在IE5.5及其更早的版本中，因为在IE6及更新的版本在标准兼容模式下使用的是W3C

原创 Javascript 闭包

闭包是指一个函数有权访问另一个函数作用域中的变量。 以一个简单的例子说明，有如下代码<ul> <li>我是第一个</li> <li>我是第二个</li> <li>我是第三个</li> <li>我是第四个</li></ul><script> function addListener(){ var ul = document.querySel

原创 Javascript 继承

刚从java转到js的时候，最晕的地方就是碰到创建对象和扯到原型，java里面创建一个类然后new出来就是对象，而js是通过函数和原型来建立一套继承体系，两者感觉很相似但是又有很多不同的地方，但其实弄清楚原理之后也就没那么头晕了。

转载 what beautiful html look like

原创 javascript 数组迭代方法

ECMAScript 5 为数组定义了5个迭代方法，分别是every(), some(), filter(), map() 和 forEach()这五个方法都接收两个参数，第一个是将在数组中每一项上运行的函数，该函数接收三个参数，分别是该项的值，该项在数组中个索引，数组对象本身。第二个是可选参数，为运行该函数的作用域对象。一、every() 和 some() 比较相似，用于查询数组中的项是

原创 CSS 圣杯布局和双飞翼布局

今天在网上看到圣杯布局和双飞翼这两种布局说法， 去查了一下，把心得整理一下。这两个布局是应用在三栏布局上的（当然也可以改成多栏），三栏布局实现有很多方法，但是一般而言我们是这样写的： left main right这样写出来的三栏布局在dom结构加载时就会先加载左边再中间最后右边，然而我们的主要内容一般都在main里面，那为了让main

原创 css 实现一个带尖角的正方形

前些天在牛课网上看到了一个百度的面试题，题目如下：请用CSS实现如下图的样式，相关尺寸如图示，其中dom结构为：刚看到这个题目觉得无从下手，感觉一般这种不都是一个背景图片吗，怎么还能用css写的?? 后来看到网友的答案，试着运行了一下发现真的和图上的一模一样，最伤心的是看到答案竟然还看不懂。。觉得自己还是好水，仔细琢磨了一下，现将心得整理一下：实现图示的效果涉及

原创 HTML5 模糊图片

前几天听了刘立老师的图像处理一门课后，感觉图像处理很有意思，正好最近也在学习js，于是花了点时间做了一个简易处理程序，功能很简单，就是去除脸上的黑头和痘痘，哈哈。效果图：（处理前，图片来源于网络）处理后：可以看到效果确实挺明显的哈，这也是html5的强大之处。下面来说明这个程序的原理。黑头和痘痘的恼人之处在于与自己的皮肤格格不入，每次自拍看到自己

原创 ViewPager + Fragment 实现页面滑动

微信的界面可以左右滑动，同时也可以单击下面的选项卡切换页面，这种效果很流畅ye

原创 StreamCorruptedException的基本原理

刚开始学习使用ObjectInputStream的时候经常会遇见StreamCorruptedException异常，chu

转载 JTree刷新

用JTree实现QQ好友列表之后想继续

原创 JTree隐藏了根节点后整棵树都没有了

JTree隐藏根节点的方法是setRootVisible(false)，但是写这个功能的

原创 Java 截图工具（包括将截图保存到剪切板）

效果如下：双击鼠标后将hong

原创 Error opening registry key 'Software\JavaSoft\Java Runtime Environment

昨天还原系统之后发现需要重新配置java环境变量，但是配置完之后

原创 监听器模式

监听器模式又称观察者模式（Observer），这种模式完美的将观察者和被观察的对象分离开。举个例子，用户界面可以作为一个观察者，业务数据是被观察者，用户界面观察业务数据的变化，发现数据变化后，就显示在界面上。suo

原创 java中多线程的同步分析

多线程的出现提高了CPU的利用率，也提供给了我们更多创造好玩的游戏、软件的思路和方法。但是另一方面，在使用多线程的时候，我们要格外注意多线程带来了潜在的不安全性，本文先介绍一下线程中最基本的同步问题。

原创 Android 入门，基本环境搭建

这几天开始接触Android，因为之前对java有了一些掌握，这也对学习Android有了很多帮助。通过很基本的方法现在也实现一个简单的计算器。一、先一步一步说起吧，想编写Android程序，Android SDK是必不可少的，可以在Android开发者官网上下载：http://developer.android.com/sdk/index.html，点击Download eh SDK