simon_dg-优快云博客

原创手写jsonp解决跨域问题原理

JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。想要访问其他域的东西利用script里面的SRC属性。SRC允许跨域访问。 eg：访问地址http://api.douban.com/v2/movie/in_theaters?count=3&callback=jsonp函数中随机产生的调用手写的jsonp函数： (function() { $jsonp(

2017-10-20 13:36:33 694

原创 angular——ng-bind,ng-cloak，ng-src,ng-href解决AngularJS 代码未加载完而出现显示 AngularJS 代码，进而会有闪烁的效果

浏览器会先将页面解析成DOM树，遇到angular指令，会略过，遇到表达式会当普通字符串。最后，Angular 就会遍历 DOM 树来解析 HTML，根据指令不同，完成不同操作。采用传统表达式模式在刷新页面时，会闪现{{username}},最后才被绑定上数据。<ul ng-app="myapp" ng-init="username='<h1>gaerhaeth</h1>'"> <l

2017-10-17 14:40:28 1129

原创 jQuery——append等文档处理方法

appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法返回值是所有被追加的内容，要选择先前选中的元素，需要使用end()方法内部插入： append A.append(B)，把B加入A的内部的后面。如果B在页面上存在，则删除原来位置的B

2017-10-16 17:34:43 489

原创 gulp——自动化管理工具

Gulp就是一种可以自动化完成我们开发过程中大量的重复工作。 eg：自动完成一系列重复的操作 less → css coffeescript → js css压缩 js混淆 html压缩 img尺寸优化等等 **gulp链接** 官网中文网gulp本身是node的模块，

2017-10-13 22:42:43 524

原创 JS——数组中push对象，覆盖问题

今天写运动框架时，发现将对象push进数组，后面的值会覆盖前面的值，最后输出的都是最后一次的值。其实这一切都是引用数据类型惹的祸。如果你也有类似问题，可以继续看下去哦。下面代码模拟：将json对象的每个键值对，单独搞成对象，再赋值给数组，最后输出数组。结果数组应该是有三个对象。（for-in用于对象遍历）var json = { top: '400px', wid

2017-10-04 22:49:30 9332

原创 JS（原型链）

在聊原型链之前多对吹几句，为啥需要对象？对象的好处？在传统的开发中（也叫面向过程）。顾名思义，面向过程是你要写所有的操作代码，在这个过程中，代码重复，一旦出错或者用户修改要求，要修改的代码就很多，后期维护人员绝对累死。在生活中，面向过程就是，你要去买东西，你要自己亲自去买，而面向对象，就是你在家里，叫别人去买。这里的“别人”就是对象。你只知道这个对象可以给你买来东西，但买的过程，

2017-09-26 21:56:34 2997 1

原创 JS中的全局变量和局部变量，和声明提升

在解释全局变量和局部变量之前，先说一个js中的变量搜索顺序：找变量时，先找局部变量，如果没有局部变量；再找全局变量。如何查找全局变量最外层的函数和和最外层函数外面的变量都是全局变量。因为函数是可以嵌套的，所以找全局变量时，要找最外层函数；而且函数本身也是一个变量，特殊变量，其名字就是变量名。没有用 var声明的变量，为全局变量，即使位置在函数体内部。所有Window对象的属性也是全局变量。

2017-09-18 13:08:12 2936

原创 sublime（代码块编写）

今天在用canvas绘图时，看到有许多相同的代码，就想介绍sublime里面为了加快代码编写，而采用代码片段。这里只写我了解的。其他需要，请读者自行了解。打开位置,见下图：打开页面例子<snippet> <content> <![CDATA[<!DOCTYPE html><html lang="en"><head> <meta charset="UTF

2017-09-10 22:45:02 2021

原创 CSS（定位）

一、元素定位定位属性 position 定位方式，取值为static（默认值，标准文档流）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）偏移属性，与包含块之间的偏移 top、bottom、left、right，取

2017-09-09 16:20:45 318

原创 CSS（基本格式化属性）

一、字体属性 font-family字体系列；font-family：”宋体”，Arial，sans-serif。对于要显示的文字，先采用宋体，若不成功，才采用Arial，依次类推 font-size字体大小 font-style字形，取值默认值为normal，italic或oblique，两个都为斜体 font-weight 字体粗细值，normal为默认值，bold、bolder（更粗）、

2017-09-08 22:38:16 4195 1

原创 CSS（浮动）

一、标准文档流web页面的制作，是个“流”，必须从上而下。 1.块级元素和行内元素标签分为两种等级：（都是在标准流下） 1）块级元素 ● 霸占一行，不能与其他任何元素并列 ● 能够设置宽、高 ● 如果不设置宽度，那么宽度将默认变为父亲的100%。 ● 如果不设置高度，会被孩子撑大。但是孩子浮动了，就不会撑开父亲的高度。如果父亲设置了宽高，孩子宽高（内容）大于父亲，会溢出父亲。

2017-09-05 15:00:13 626 1

原创 CSS（盒模型）

一、盒模型一个盒子中主要的属性就5个：width、height、padding、border、margin。 width是“宽度”的意思，CSS中width指的是内容的宽度，而不是盒子的宽度。 height是“高度”的意思，CSS中height指的是内容的高度，而不是盒子的高度 padding是“内边距”的意思 border是“边框” margin是“外边距”，是与其他盒子之间的距离

2017-09-03 17:14:20 382

原创初始CSS

前几篇介绍的HTML只是比较常用的一部分。其他的还需自行了解。 sublime里面的emmet语法快捷键，百度云地址：http://pan.baidu.com/s/1eR1Frk2 密码：fdnp emmet语法加快了代码的书写。比如在sublime里面输入： .box1>a[#]{$}*4 会得到 <div class="box1"> <a href="#">1</a>

2017-08-31 23:28:50 438

原创前端基础知识——HTML（三）

补：超链接的锚点一个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

2017-08-30 21:33:57 478

原创前端基础知识——HTML（二）

-HTML是负责描述文档语义的语言。我们应该记住的是HTML的所有标签只是为了给文字增加语义的，比如我下面会介绍的标题标签是给文本增加主标题的语义，而不是给文字加粗、加黑、变大。 - HTML是英语HyperText Markup Language的缩写，超文本标记语言。 - .html就是网页的格式。一句话总结：HTML唯一作用就是通过标签对，给文本增加语义。这是html唯一能

2017-08-29 08:31:27 407

原创前端基础知识——HTML（一）

简单来讲web前端可以分为三层：结构层 HTML 从语义的角度，描述页面结构样式层 CSS 从审美的角度，美化页面行为层 Javascript 从交互的角度，提升用户体验在HTML中所有的内容都是节点，下面是W3C（出web规范的组织机构）给出的HTML DOM节点树：在sublime中输入！或者html:5，再tab会得到

2017-08-28 18:48:08 526

原创 sublime3个别插件安装说明

这篇博客继上篇，解决我所遇的插件安装使用问题。sublime里面默认的是用file协议即文件路径的方式打开页面,但是很多时候这种方式无法操作某些API。所有建议大家以后测试的时候用HTTP的方式。 file访问方式： HTTP访问方式：修改访问方式安装插件：SublimeServer 插件安装步骤： http://blog.youkuaiyun.com/simon_dg/article/

2017-08-27 17:19:57 332

原创前端与移动开发学习之路（一）

作为大四女汉子，在学校专修软件工程。因为之前根本不知道专业方向，所以在学习道路上吃了很多苦。如果你学习的是相关专业，或者是对前端与移动开发感兴趣的小白。可以继续关注我的文章。前端开发必备工具——sublime 因为我常用sublime，所以在这里介绍sublime的配置。除了sublime这一开发神器外，还有webstorm、atom。读者可自行了解。1、安装包下载官网地址：ht

2017-08-27 11:53:52 2918

simon_dg的博客