2017年03月_一个橘子a

转载 setInterval中this问题,以及bind绑定this的指向问题

Javascript对象中关于setTimeout和setInterval的this介绍，需要的朋友可以参考下在Javascript里，setTimeout和setInterval接收第一个参数是一个字符串或者一个函数，当在一个对象里面用setTimeout延时调用该对象的方法时复制代码代码如下:function obj() { this.fn = f

2017-03-30 20:19:01 4752

转载 Jquery中获取属性checked的值(陷阱);

如果使用jquery,应使用prop方法来获取和设置checked属性，不应使用attr,问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别： 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase

2017-03-28 21:28:30 1522

转载元素垂直居中的复习要点

水平居中方案：水平居中设置1、行内元素设置 text-align:center2、定宽块状元素设置左右 margin 值为 auto3、不定宽块状元素a:在元素外加入 table 标签（完整的，包括 table、tbody、tr、td），该元素写在 td 内，然后设置 margin 的值为 autob:给该元素设置 displa:inine 方法c:父元素设置

2017-03-28 16:36:58 298

转载 javacript中的this到底是什么

var obj = { foo: function(){ console.log(this) }}var bar = obj.fooobj.foo() // 打印出的 this 是 objbar() // 打印出的 this 是 windowJS（ES5）里面有三种函数调用形式：func(p1, p2) //普通调用obj.child.method(

2017-03-23 20:38:58 440

转载用gulp前段自动化构建工具的小心了,关于angular.js中取消success,error的功能,用then和.catch

1.在使用Angular 1.6版本的$http服务时会抛出异常：$http.get(...).success is not a function或者$http(...).success is not a function异常代码如下：[javascript] view plain copy print?//请求api

2017-03-21 18:15:36 5620

转载利用github搭建一个网站,进行展示

学了前端小半年，如今写了个自己的网页想要去应聘，却发现部署很麻烦，部署到阿里云之类，买域名啊啥的还要收费，说贵也不贵，但我就是傲娇~google一下了解到Github有一个Github pages的功能可以搭建博客或者托管网页，而且免费耶，搜了下教程，猛地一看感觉步骤也不是很麻烦，所以就用这个了！教程一大堆，却没有几个能看懂的，问题一：90%的都在讲解如何搭建博客，和我想要将自己的

2017-03-15 21:18:06 847

原创 web前端Html和css基本知识点的梳理

1.移动端的适配，cssHack Firefox:-moz- Chrome Safari:-webkit- Opera:-o- IE：-ms- ①css类内部hack,给样式正价前后缀。 + ： IE6，IE7 - ： IE6 同时出现的话

2017-03-14 12:00:09 611

转载 webstorm中的git操作，如何利用webstorm进行上传代码，进行clone代码

0. 前言在上一篇文章中，讲述了使用webstorm去调试node程序，最近研究了一下如何使用webstorm去操作git。对于git的使用，大家的使用方式均有不同，最王道的方式非命令行莫属，基于git的GUI软件还是很多的，大家可自行研究使用。之前使用eclipse svn插件去操作版本管理，还是很便捷的一件事情。而今用惯了webstorm，当然里面也集成了对svn的支持，只是最

2017-03-13 22:30:23 7650

转载 css sprite简单快速的教程。

什么是css spriteCSS sprite在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。为什么要用这个工具？1.加快网页加载速度浏览器接受的同时请求数是10个，如果图片过多会影响整体的视觉效果，而且对于不稳定的网络带宽

2017-03-13 11:40:49 595

转载如何写好gitthbuREADEME?github中READEME中的操作和markdown操作一样的，

Markdown 是一种轻量级的「标记语言」，它的优点很多，目前也被越来越多的写作爱好者，撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑，Markdown 的语法十分简单。常用的标记符号也不超过十个，这种相对于更为复杂的 HTML 标记语言来说，Markdown 可谓是十分轻量的，学习成本也不需要太多，且一旦熟悉这种语法规则，会有一劳永逸的效果。Ulysses f

2017-03-11 18:25:59 1383

转载在webstorm中可以git操作和github操作，省去了命令行的操作了，也可以add，commit,push,pull

保证电脑已经安装git,打开webstorm，在版本控制里面或在file-settings直接搜索github，然后输入自己github的账号密码，点击test，就可以了。同样的方法找git;之后需要获取本地的ssh，复制到github账户中的ssh中，SSH的作用是让本地版本库与远程版本库通信，也就是你在本地修改好的代码，需要同步到服务器上的时候，就需要这

2017-03-11 18:14:18 2572

转载初级的前端应该注意哪些问题；

面试过程中有做面试题的，也有直接聊的，实话讲有些面试题其实就是背书，随便一百度就能出答案的东西其实不太适合用于面试题中。例如某某css属性的用法，js某函数的作用等等。个人倾向于将实际工作中可能会遇到的问题的场景，以及各种技术的坑作为面试题，这样一则可以看出他的经验多少，二则也可以防止他做笔试题的时候手机搜索结果。不过总体来讲基本上每家问的问题也差不多，可能不同业务的公司问的问题的侧重

2017-03-11 15:01:17 406

转载前端的基本知识点，面试题

理论是基础，有些东西还是要温故而知新吧，闲余之时还是要“炒炒现饭”。下面小编把“阿里Web前端开发面试题”贴出来，大伙看看吧~~ 　　1. CSS 盒子模型，绝对定位和相对定位　　1）清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法　　2）如何保持浮层水平垂直居中　　3）position 和 display 的取值和各自的意思和用法　　4）样式的层级关系，选择器优先

2017-03-10 10:57:28 596

转载 gulp的使用教程

gulp是一个前端自动化构建工具，通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。全局安装npm install --global gulp作为项目的开发依赖(devDependencies)安装npm install --save-dev gulp在项目根目录下创建一个名为 glupfile.js 的文件var gulp = requir

2017-03-08 20:21:31 555

转载【WebStorm】利用WebStorm来管理你的Github

【WebStorm】利用WebStorm来管理你的Github本篇主要介绍的博主最近一直在玩的Github，和WebStorm的一些相关联用法。什么是GithubGithub是一个共享虚拟主机服务，用于存放使用Git版本控制的软件代码和内容项目，以最简单的方式来说，其实就是一个代码库，上面有全世界无数优秀的码农上传自己的作品和大家共享（当然，Github本身有免费账户和收费账户

2017-03-08 15:19:24 1251

转载蚂蚁笔记的快捷键

切换编辑状态: ctrl+e查找: ctrl+f替换: ctrl+ff减少缩进: shift+tab加粗: ctrl+b斜体: ctrl+i将文字变成代码块: 输入，然后enter，选中文字后，ctrl+k插入超链接: ctrl+l引用: ctrl+q插入图片: ctrl+g设置成几级标题: ctrl+h水平线

2017-03-02 12:35:12 3007

转载 webstorm兼容Es6

WebStorm ES6 语法支持设置ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript 2.0。ES6的目标，是使得JavaScript语言可以用来编写大型的复杂的应用程序，成为企业级开发语言。作为一只猴子，我也想尝试一下ES6有什么新特性，于是开始了学习之路

2017-03-02 11:52:47 480

转载 webstorm

Webstorm如何配合chrome debug js程序一、安装Chrome插件这一步需要翻墙，打开Chrome然后打开Web Stroe，搜索" jetbrains ide support "，在Extensions中找到如图安装它，安装成功后Chrome的右上角应该出现扩展程序 JetBranins IDE Support 的图标

2017-03-01 08:24:04 464

Oliver_web的博客