<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[simon_dg的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/simon_dg</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; simon_dg]]></copyright><item><title><![CDATA[手写jsonp解决跨域问题原理]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/78294475</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/78294475</guid><author>simon_dg</author><pubDate>Fri, 20 Oct 2017 13:36:33 +0800</pubDate><description><![CDATA[JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。想要访问其他域的东西利用script里面的SRC属性。SRC允许跨域访问。 
   eg：访问地址http://api.douban.com/v2/movie/in_theaters?count=3&callback=jsonp函数中随机产生的调用手写的jsonp函数：  (function() {
    $jsonp(]]></description><category></category></item><item><title><![CDATA[angular——ng-bind,ng-cloak，ng-src,ng-href解决AngularJS 代码未加载完而出现显示 AngularJS 代码，进而会有闪烁的效果]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/78260233</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/78260233</guid><author>simon_dg</author><pubDate>Tue, 17 Oct 2017 14:40:28 +0800</pubDate><description><![CDATA[浏览器会先将页面解析成DOM树，遇到angular指令，会略过，遇到表达式会当普通字符串。最后，Angular 就会遍历 DOM 树来解析 HTML，根据指令不同，完成不同操作。采用传统表达式模式在刷新页面时，会闪现{{username}},最后才被绑定上数据。<ul ng-app="myapp" ng-init="username='<h1>gaerhaeth</h1>'">
        <l]]></description><category></category></item><item><title><![CDATA[jQuery——append等文档处理方法]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/78252124</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/78252124</guid><author>simon_dg</author><pubDate>Mon, 16 Oct 2017 17:34:43 +0800</pubDate><description><![CDATA[appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法返回值是所有被追加的内容，要选择先前选中的元素，需要使用end()方法内部插入：
        
            append
            A.append(B)，把B加入A的内部的后面。如果B在页面上存在，则删除原来位置的B]]></description><category></category></item><item><title><![CDATA[gulp——自动化管理工具]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/78231138</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/78231138</guid><author>simon_dg</author><pubDate>Fri, 13 Oct 2017 22:42:43 +0800</pubDate><description><![CDATA[Gulp就是一种可以自动化完成我们开发过程中大量的重复工作。 
eg： 
自动完成一系列重复的操作 
        less → css 
        coffeescript → js 
        css压缩 
        js混淆 
        html压缩 
        img尺寸优化  等等 **gulp链接**  
官网 
   中文网gulp本身是node的模块，]]></description><category></category></item><item><title><![CDATA[JS——数组中push对象，覆盖问题]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/78159807</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/78159807</guid><author>simon_dg</author><pubDate>Wed, 04 Oct 2017 22:49:30 +0800</pubDate><description><![CDATA[今天写运动框架时，发现将对象push进数组，后面的值会覆盖前面的值，最后输出的都是最后一次的值。其实这一切都是引用数据类型惹的祸。 
      如果你也有类似问题，可以继续看下去哦。 
      下面代码模拟： 
将json对象的每个键值对，单独搞成对象，再赋值给数组，最后输出数组。结果数组应该是有三个对象。（for-in用于对象遍历）var json = { top: '400px', wid]]></description><category></category></item><item><title><![CDATA[JS（原型链）]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/78107457</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/78107457</guid><author>simon_dg</author><pubDate>Tue, 26 Sep 2017 21:56:34 +0800</pubDate><description><![CDATA[在聊原型链之前多对吹几句，为啥需要对象？对象的好处？在传统的开发中（也叫面向过程）。顾名思义，面向过程是你要写所有的操作代码，在这个过程中，代码重复，一旦出错或者用户修改要求，要修改的代码就很多，后期维护人员绝对累死。 
        在生活中，面向过程就是，你要去买东西，你要自己亲自去买，而面向对象，就是你在家里，叫别人去买。这里的“别人”就是对象。你只知道这个对象可以给你买来东西，但买的过程，]]></description><category></category></item><item><title><![CDATA[JS中的全局变量和局部变量，和声明提升]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/78017984</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/78017984</guid><author>simon_dg</author><pubDate>Mon, 18 Sep 2017 13:08:12 +0800</pubDate><description><![CDATA[在解释全局变量和局部变量之前，先说一个js中的变量搜索顺序：找变量时，先找局部变量，如果没有局部变量；再找全局变量。如何查找全局变量
最外层的函数和和最外层函数外面的变量都是全局变量。因为函数是可以嵌套的，所以找全局变量时，要找最外层函数；而且函数本身也是一个变量，特殊变量，其名字就是变量名。
没有用 var声明的变量，为全局变量，即使位置在函数体内部。
所有Window对象的属性也是全局变量。]]></description><category></category></item><item><title><![CDATA[sublime（代码块编写）]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/77926474</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/77926474</guid><author>simon_dg</author><pubDate>Sun, 10 Sep 2017 22:45:02 +0800</pubDate><description><![CDATA[今天在用canvas绘图时，看到有许多相同的代码，就想介绍sublime里面为了加快代码编写，而采用代码片段。 
这里只写我了解的。其他需要，请读者自行了解。打开位置,见下图：
打开页面
例子
<snippet>
    <content>
        <![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF]]></description><category></category></item><item><title><![CDATA[CSS（定位）]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/77915951</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/77915951</guid><author>simon_dg</author><pubDate>Sat, 09 Sep 2017 16:20:45 +0800</pubDate><description><![CDATA[一、元素定位
定位属性        
            position
            定位方式，取值为static（默认值，标准文档流）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）
        
        
            偏移属性，与包含块之间的偏移
            top、bottom、left、right，取]]></description><category></category></item><item><title><![CDATA[CSS（基本格式化属性）]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/77899799</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/77899799</guid><author>simon_dg</author><pubDate>Fri, 08 Sep 2017 22:38:16 +0800</pubDate><description><![CDATA[一、字体属性    font-family字体系列；font-family：”宋体”，Arial，sans-serif。对于要显示的文字，先采用宋体，若不成功，才采用Arial，依次类推 font-size字体大小 font-style字形，取值默认值为normal，italic或oblique，两个都为斜体 font-weight 字体粗细值，normal为默认值，bold、bolder（更粗）、]]></description><category></category></item><item><title><![CDATA[CSS（浮动）]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/77851584</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/77851584</guid><author>simon_dg</author><pubDate>Tue, 05 Sep 2017 15:00:13 +0800</pubDate><description><![CDATA[一、标准文档流

web页面的制作，是个“流”，必须从上而下。 
1.块级元素和行内元素 
标签分为两种等级：（都是在标准流下） 
1） 块级元素 
● 霸占一行，不能与其他任何元素并列 
● 能够设置宽、高 
● 如果不设置宽度，那么宽度将默认变为父亲的100%。 
● 如果不设置高度，会被孩子撑大。但是孩子浮动了，就不会撑开父亲的高度。如果父亲设置了宽高，孩子宽高（内容）大于父亲，会溢出父亲。]]></description><category></category></item><item><title><![CDATA[CSS（盒模型）]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/77823850</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/77823850</guid><author>simon_dg</author><pubDate>Sun, 03 Sep 2017 17:14:20 +0800</pubDate><description><![CDATA[一、盒模型 
一个盒子中主要的属性就5个：width、height、padding、border、margin。 
width是“宽度”的意思，CSS中width指的是内容的宽度，而不是盒子的宽度。 
height是“高度”的意思，CSS中height指的是内容的高度，而不是盒子的高度 
padding是“内边距”的意思 
border是“边框” 
margin是“外边距”，是与其他盒子之间的距离]]></description><category></category></item><item><title><![CDATA[初始CSS]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/77758661</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/77758661</guid><author>simon_dg</author><pubDate>Thu, 31 Aug 2017 23:28:50 +0800</pubDate><description><![CDATA[前几篇介绍的HTML只是比较常用的一部分。其他的还需自行了解。 
sublime里面的emmet语法快捷键，百度云地址：http://pan.baidu.com/s/1eR1Frk2 密码：fdnp 
emmet语法加快了代码的书写。比如在sublime里面输入： .box1>a[#]{$}*4 会得到 <div class="box1">
        <a href="#">1</a>]]></description><category></category></item><item><title><![CDATA[前端基础知识——HTML（三）]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/77725931</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/77725931</guid><author>simon_dg</author><pubDate>Wed, 30 Aug 2017 21:33:57 +0800</pubDate><description><![CDATA[补：超链接的锚点 
一个a标签有name或者id属性，那么它就是一个锚点。其他的a标签可以通过href=“#name/id”属性转向它。 
页内锚点：<!DOCTYPE html>
<html lang="en"><head>
    <meta charset="UTF-8">
    <title>权力的游戏</title>
</head><body>
    <h2><a name="firs]]></description><category></category></item><item><title><![CDATA[前端基础知识——HTML（二 ）]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/77662687</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/77662687</guid><author>simon_dg</author><pubDate>Tue, 29 Aug 2017 08:31:27 +0800</pubDate><description><![CDATA[-HTML是负责描述文档语义的语言。 
我们应该记住的是HTML的所有标签只是为了给文字增加语义的，比如我下面会介绍的标题标签是给文本增加主标题的语义，而不是给文字加粗、加黑、变大。 
 - HTML是英语HyperText Markup Language的缩写，超文本标记语言。 
 - .html就是网页的格式。 
  一句话总结：HTML唯一作用就是通过标签对，给文本增加语义。这是html唯一能]]></description><category></category></item><item><title><![CDATA[前端基础知识——HTML（一）]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/77652002</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/77652002</guid><author>simon_dg</author><pubDate>Mon, 28 Aug 2017 18:48:08 +0800</pubDate><description><![CDATA[简单来讲web前端可以分为三层： 
结构层 HTML               从语义的角度，描述页面结构 
样式层 CSS         从审美的角度，美化页面 
行为层 Javascript         从交互的角度，提升用户体验在HTML中所有的内容都是节点，下面是W3C（出web规范的组织机构）给出的HTML DOM节点树： 
在sublime中输入！或者html:5，再tab会得到]]></description><category></category></item><item><title><![CDATA[sublime3个别插件安装说明]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/77621621</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/77621621</guid><author>simon_dg</author><pubDate>Sun, 27 Aug 2017 17:19:57 +0800</pubDate><description><![CDATA[这篇博客继上篇，解决我所遇的插件安装使用问题。sublime里面默认的是用file协议即文件路径的方式打开页面,但是很多时候这种方式无法操作某些API。所有建议大家以后测试的时候用HTTP的方式。 
file访问方式 ： 
  
HTTP访问方式 ： 
修改访问方式 
安装插件：SublimeServer 
插件安装步骤： http://blog.youkuaiyun.com/simon_dg/article/]]></description><category></category></item><item><title><![CDATA[前端与移动开发学习之路（一）]]></title><link>https://blog.youkuaiyun.com/simon_dg/article/details/77619495</link><guid>https://blog.youkuaiyun.com/simon_dg/article/details/77619495</guid><author>simon_dg</author><pubDate>Sun, 27 Aug 2017 11:53:52 +0800</pubDate><description><![CDATA[作为大四女汉子，在学校专修软件工程。因为之前根本不知道专业方向，所以在学习道路上吃了很多苦。如果你学习的是相关专业，或者是对前端与移动开发感兴趣的小白。可以继续关注我的文章。前端开发必备工具——sublime 因为我常用sublime，所以在这里介绍sublime的配置。除了sublime这一开发神器外，还有webstorm、atom。读者可自行了解。1、 安装包下载 
       官网地址：ht]]></description><category></category></item></channel></rss>