<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[我的IP在路上]]></title><description><![CDATA[技术要敢想，代码要敢写，细节要敢专，没什么不可能！]]></description><link>https://blog.youkuaiyun.com/u012552049</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; u012552049]]></copyright><item><title><![CDATA[在线图片裁剪，关于使用cropperjs踩过的坑]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/72829473</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/72829473</guid><author>u012552049</author><pubDate>Thu, 01 Jun 2017 15:20:11 +0800</pubDate><description><![CDATA[最近在做一个项目，其中包括了一个图片在线裁剪功能，于是找到了cropperjs，cropperjs的裁剪功能丰富，满足了各种需求，预览链接：cropperjs预览裁剪图片的两种思路： 
1.在前端裁剪，通过html5的HTMLCanvasElement.toBlob方法，把裁剪后的图片通过表单方式用ajax提交给后台，或者使用HTMLCanvasElement.toDataURL 把图片转换为bas]]></description><category></category></item><item><title><![CDATA[把node应用部署到heroku]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/50765477</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/50765477</guid><author>u012552049</author><pubDate>Mon, 29 Feb 2016 15:05:01 +0800</pubDate><description><![CDATA[最近用node做server写了一个个人博客(node+express+mongodb),把它部署到了一个免费的平台heroku,数据库用的是MongoLab提供的,有500M免费的空间.下面使用heroku部署博客:1.到https://dashboard.heroku.com/注册一个账号2.注册成功后,在主页的右上角点击创建一个应用,选择node环境 
3.应用创建成功后,就是导入博客的源码,]]></description><category></category></item><item><title><![CDATA[Express中server和路由分离]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/50728573</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/50728573</guid><author>u012552049</author><pubDate>Wed, 24 Feb 2016 11:20:10 +0800</pubDate><description><![CDATA[express是node中很强大的web开发框架,通过使用它,可以快速的的开发一个web应用 
先看一下一个express应用的目录结构 
bin:存放可执行文件 
node_modules:存放package.json中配置的模块 
public:存放image,css,js文件 
routes:存放路由文件 
views:存放模板文件 
app.js:启动文件,文件入口 
package.jso]]></description><category></category></item><item><title><![CDATA[webstorm+nodejs开发环境配置(1)]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/50679206</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/50679206</guid><author>u012552049</author><pubDate>Wed, 17 Feb 2016 11:24:30 +0800</pubDate><description><![CDATA[1.webstorm下载:https://www.jetbrains.com/webstorm/ 
   node下载:https://nodejs.org/en/安装这里就不再写了.2.检测node是否已经安装好 
出现node的版本,说明node已经安装成功3.下一步,在webstorm中配置nodefile>setting 在搜索框中输入node配置Node interpreter,找到nod]]></description><category></category></item><item><title><![CDATA[link和@import的区别]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45747455</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45747455</guid><author>u012552049</author><pubDate>Mon, 15 Jun 2015 19:55:31 +0800</pubDate><description><![CDATA[今天看到一公司的web笔试题，其中有一题是说说link和@import的区别。 
页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是： XML/HTML代码 代码代码如下:<link rel="stylesheet" rev="stylesheet"]]></description><category></category></item><item><title><![CDATA[CSS在IE6下的一些BUG和兼容性问题及解决办法]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45958473</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45958473</guid><author>u012552049</author><pubDate>Mon, 25 May 2015 00:08:48 +0800</pubDate><description><![CDATA[兼容性一直是前端的一大问题，也是让前端工程师很头痛的事情，在浏览器中，各厂商都有一套属于自己的标准和方法，从某种程度上看，是否能很好的处理兼容性问题，体现着一个前端工程师的水平，下面看一下CSS在IE6下的一些问题和解决的办法，虽然IE6基本已经被淘汰？，但仍然不能忽视，像hao123，腾讯这些网站，仍然兼容到IE6，以下是从各方面收集的解决办法，若有不当或者有更好的解决办法，欢迎交流 (＾－＾)。]]></description><category></category></item><item><title><![CDATA[JS中的日期(Date)对象]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45667147</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45667147</guid><author>u012552049</author><pubDate>Tue, 12 May 2015 11:21:26 +0800</pubDate><description><![CDATA[Date 对象方法FF: Firefox, IE: Internet Explorer方法  描述  FF  IE 
Date()  返回当日的日期和时间。 1   3 
getDate()   从 Date 对象返回一个月中的某一天 (1 ~ 31)。  1   3 
getDay()    从 Date 对象返回一周中的某一天 (0 ~ 6)。    1   3 
getMonth()  从 D]]></description><category></category></item><item><title><![CDATA[javascript中字符串常用操作总结、JS字符串操作大全]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45647707</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45647707</guid><author>u012552049</author><pubDate>Mon, 11 May 2015 19:38:48 +0800</pubDate><description><![CDATA[字符串的操作在js中非常频繁，也非常重要。以往看完书之后都能记得非常清楚，但稍微隔一段时间不用，便会忘得差不多，记性不好是硬伤啊。。。今天就对字符串的一些常用操作做个整理，一者加深印象，二者方便今后温习查阅。 
String对象属性 
(1) length属性 
length算是字符串中非常常用的一个属性了，它的功能是获取字符串的长度。当然需要注意的是js中的中文每个汉字也只代表一个字符，这里可能跟]]></description><category></category></item><item><title><![CDATA[JS操作数组（转载）]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45600383</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45600383</guid><author>u012552049</author><pubDate>Sat, 09 May 2015 12:30:30 +0800</pubDate><description><![CDATA[javascript数组操作大全，数组方法总汇
shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined 
var a = [1,2,3,4,5]; 
var b = a.shift(); //a：[2,3,4,5] b：1
unshift：将参数添加到原数组开头，并返回数组的长度 
var a = [1,2,3,4,5]; 
var b = a.unshift(-2,]]></description><category></category></item><item><title><![CDATA[JS字符串和数组操作方法（转载）]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45599157</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45599157</guid><author>u012552049</author><pubDate>Sat, 09 May 2015 10:06:44 +0800</pubDate><description><![CDATA[一、字符串的创建创建一个字符串有几种方法。最简单的是用引号将一组字符包含起来，可以将其赋值给一个字符串变量。var myStr = "Hello, String!";可以用双引号或单引号将字符串包含，但要注意，作为界定字符串的一对引号必须是相同的，不能混用。像var myString = “Fluffy is a pretty cat.’; 这样的声明就是非法的。允许使用两种引号，使得某些操作变得简]]></description><category></category></item><item><title><![CDATA[拖拽原理-问题-解决办法]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45507279</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45507279</guid><author>u012552049</author><pubDate>Tue, 05 May 2015 20:10:47 +0800</pubDate><description><![CDATA[拖拽原理，拖拽问题，解决拖拽问题的兼容性]]></description><category></category></item><item><title><![CDATA[阻止浏览器默认行为]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45507237</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45507237</guid><author>u012552049</author><pubDate>Tue, 05 May 2015 20:05:59 +0800</pubDate><description><![CDATA[事件默认行为：当一个事件发生的时候浏览器自己会默认做的事情 
怎么阻止？ 
当前这个行为是什么事件触发的，然后在这个事件的处理函数中使用return false; 
例一：自定义右键菜单<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<style>
    d]]></description><category></category></item><item><title><![CDATA[有关键盘事件]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45507215</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45507215</guid><author>u012552049</author><pubDate>Tue, 05 May 2015 20:04:46 +0800</pubDate><description><![CDATA[onkeydown : 当键盘按键按下的时候触发 
onkeyup : 当键盘按键抬起的时候触发event.keyCode : 数字类型 键盘按键的值 键值 
ctrlKey,shiftKey,altKey ：布尔值，当一个事件发生的时候，如果ctrl || shift || alt 是按下的状态，返回true，否则返回false例一：<!DOCTYPE HTML>
<html>
<head>
<m]]></description><category></category></item><item><title><![CDATA[事件绑定的第二种形式]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45501057</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45501057</guid><author>u012552049</author><pubDate>Tue, 05 May 2015 12:55:13 +0800</pubDate><description><![CDATA[<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
//给一个对象绑定一个事件处理函数的第一种形式
//obj.onclick = fn;
function fn1() {
    alert(th]]></description><category></category></item><item><title><![CDATA[关于事件冒泡]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45501043</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45501043</guid><author>u012552049</author><pubDate>Tue, 05 May 2015 12:53:57 +0800</pubDate><description><![CDATA[事件冒泡：当一个元素接受到事件的时候，会把他接收到的事件传播给他的父级，一直到顶层的window。 
下面看例子： 
例一：<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="button" value="hah">
</b]]></description><category></category></item><item><title><![CDATA[BOM的属性和方法]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45501027</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45501027</guid><author>u012552049</author><pubDate>Tue, 05 May 2015 12:52:01 +0800</pubDate><description><![CDATA[BOM : Browser Object Model 浏览器对象模型。 
其实我们经常写的window对象就是浏览器的一个对象，下面通过一些例子了解BOM常见的属性和方法。 
1.窗口的打开（open()）和关闭(close()): 
这两个方法有兼容性的问题，在不同的浏览器下表现不同 
例一：<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Conte]]></description><category></category></item><item><title><![CDATA[获取class函数的封装]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45501011</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45501011</guid><author>u012552049</author><pubDate>Tue, 05 May 2015 12:49:13 +0800</pubDate><description><![CDATA[<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<script>
    window.onload=function(){
        var oUl1=document.getElementById("ul1");        var arr=[];]]></description><category></category></item><item><title><![CDATA[元素的创建，插入，替换和删除]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45500999</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45500999</guid><author>u012552049</author><pubDate>Tue, 05 May 2015 12:47:13 +0800</pubDate><description><![CDATA[1.创建元素：document.createElement(标签名称) 
2.插入元素：父级.appendChild(要添加的元素) 方法 追加子元素 
3.在目标元素之前插入元素：父级.insertBefore(新的元素，被插入的元素) 方法 在指定元素前面插入一个新元素 
在ie下如果第二个参数的节点不存在，会报错 
在其他标准浏览器下如果第二个参数的节点不存在，则会以appendChild的形]]></description><category></category></item><item><title><![CDATA[offsetLeft,offsetTop，offsetWidth，offsetHeight的使用]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45485211</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45485211</guid><author>u012552049</author><pubDate>Mon, 04 May 2015 20:05:33 +0800</pubDate><description><![CDATA[元素.offsetLeft[Top]:只读属性，当前元素到定位父级的距离（偏移值），也可以理解成到当前元素的offsetParent的距离。1.如果当前元素和父级都没有定位情况：‘ 
例一：<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">]]></description><category></category></item><item><title><![CDATA[parentNode和offsetParent的使用]]></title><link>https://blog.youkuaiyun.com/u012552049/article/details/45390181</link><guid>https://blog.youkuaiyun.com/u012552049/article/details/45390181</guid><author>u012552049</author><pubDate>Thu, 30 Apr 2015 08:46:14 +0800</pubDate><description><![CDATA[parentNode和offsetParent的使用]]></description><category></category></item></channel></rss>