2016年08月_小章鱼哥

原创 git merge分支

想要把remode-name分支合并到master分支git fetch remote-namegit checkout mastergit merge branch-name

2016-08-29 15:29:16 628

原创 github删除远程分支&重命名远程分支

1.删除远程分支git push origin –delete 分支名2.重命名远程分支git branch -m <old_name> <new_name> 改名字git checkout -b <new_branch_name> (<from_branch_name>) 本地建立 branch 並立即 checkout 切換過去git push origin –delete <old_nam

2016-08-25 17:05:22 7483

原创 js倒计时时间不准 && css选择器优先级 && promise详解

js倒计时时间不准假设，js倒计时的前台事件不准解决办法：aja获取服务器时间一次，减掉客户端时间，获得客户端的时间误差。之后的时间显示，即显示：浏览器的时间和误差的和。css选择器优先级http://www.cnblogs.com/iloveyoucc/archive/2012/09/06/2673003.html深入理解promisehttp://www.

2016-08-24 17:33:35 1143

转载如何防止重复发送 Ajax 请求？

作者：长天之云链接：http://www.zhihu.com/question/19805411/answer/15465427 来源：知乎著作权归作者所有，转载请联系作者获得授权。不推荐用外部变量锁定或修改按钮状态的方式，因为那样比较难：要考虑并理解 success, complete, error, timeout 这些事件的区别，并注册正确的事件，一旦失误，功能将不再可用；不

2016-08-22 21:30:56 564

原创闭包的性能优势？

性能问题：在作用域链和闭包中的性能问题主要表现在数据读写的速度上。由于作用域链的原因，我们访问全局作用域的数据（这里为什么不说变量呢？因为不仅包括变量，还有函数，对象等其他内容）时，效率是最低的，而访问局部数据时的效率是最高的。所以一个非常经典的解决数据访问性能问题的方案出现了：将需要访问的数据尽量的以局部数据的方式缓存起来。这样当标识符解析程序在作用域链中寻找数

2016-08-21 16:49:28 1429

原创【css进阶】从css的position开始

1.css的几种position我们知道css的position有以下几种值 - absolute - relative - fixed - staticabsolute:绝对定位。可以使用left，right，top，bottom定位。对象脱离常规流，偏移参照离自身最近的已定位祖先元素，如果没有定位的父元素，则一直回溯到html。偏移之后，会产生塌陷，并且在文档流中不占有位置。re

2016-08-20 21:39:32 685 1

原创 javascript面试题（9）

1.下面代码的输出值是？alert(1&&2);输出为2 && 如果第一个值为true，返回第二个值。如果第一个值为false，返回false。 || 如果第一个值为false，返回第二个值。如果第一个值为true，返回第一个值。2.正则表达式匹配，开头为11N, 12N或1NNN，后面是-7-8个数字的电话号码。var b = /^((11N)|(12N)|(1NNN))\d{7,8}$/;

2016-08-20 14:33:27 1755

原创如何提升单页应用的体验

想起公司里的domeos项目，angularjs单页应用。其实还有很多问题，可以优化。1.轮询 vs websocket数据推送举个例子：假设，项目中有一个用户A，他对项目有读写权限。这会儿，当A用户正在修改项目的一些配置时（只有写权限的人才能修改项目配置），master用户把A用户的权限修改成了只读权限。A用户对项目的修改就失败了，弹出模态框“对不起，您没有权限。”。然后页面切换到权限管理页

2016-08-19 16:11:52 325

我们知道，前端页面越来越多，导致我们的js，css文件越来越多。在请求的时候，就会占有很多带宽。前端er们就发明了打包工具。把所有的js文件打包成一个文件，这样减少了http的请求数。但是，协作开发模式。在我们打包之后，有很多模块导出的代码，我们可能根本没有用到过，这些冗余代码也跟着一起打包，这不是赤裸裸的浪费带宽嘛。还有我们使用的框架，里面所有的模块我们都用到了？不见得吧。现在，又出现了tree-

2016-08-19 13:15:17 694

原创 nginx负载均衡理解（2）

nginx是免费的服务器代理。它有以下特点：反向代理低资源消耗1.低资源消耗nginx使用的是事件驱动架构，消耗资源较小，但是可以承受较大的请求负荷。高性能小的内存占用2.反向代理反向代理，可以理解为，在web服务器和外部网络之间增加的一个高速web缓冲服务器，以减轻服务器压力。过程：外部网络向nginx服务器发送请求，nginx接收用户请求，向特定的源服务器上获取内容。把资源返回给用户，并

2016-08-19 12:44:06 337

原创 js能力评级编程题

上次面试js的string的方法居然没想起来。怒刷几道小题。1.查找数组元素位置题目描述找出元素 item 在给定数组 arr 中的位置输出描述: 如果数组中存在 item，则返回元素在数组中的位置，否则返回 -1输入例子: indexOf([ 1, 2, 3, 4 ], 3)输出例子: 2function indexOf(arr, item) { return arr.inde

2016-08-14 20:41:36 742

原创各种各样的水平垂直居中

1.垂直居中1.高度固定单行文本思路：使用line-height = height。html：<div class="wrap"> <div class="num">你好呀</div></div>css： *{ margin: 0; padding: 0; } .wr

2016-08-14 16:30:32 435

原创深入理解javascript的4种对象创建方式

创建一个对象，都有这么多种方式。有没有感觉，javascript真的很灵活呢。1.工厂模式function person(name,age,tel){ var obj = {}; obj.name = name; obj.age = age; obj.tel = tel; return obj;}var person1 = person('章鱼小丸子','

2016-08-14 12:34:27 397

原创深入理解javascript的5种继承方式

1.构造函数式 function Super(){ this.colors = ['c','a','b']; this.print = function(){ console.log(this.colors); } } function Sub(){ Super.call(this);

2016-08-14 11:34:30 3435

原创小丸子baidu前端校招一面总结

前两天在官网上投递了简历。就收到了面试通知。说我被内推成功了。很意外。周三打来电话，本周必须面试。我就说周四吧。（周五可能要外出）然后，我就准备了一个晚上，面试要问的东西，我都一个一个复习了一遍。我很讨厌临时抱佛脚的，所以平时每天都会抽时间一点点学习。各种各样前端的东西。然后复习起来也不会太吃力。这次面试，比我实习生面试的时候，进步很大，很多很多都答上来了。当然，那些都是基础，就应该答上来才对。但是

2016-08-12 21:17:02 527

原创小丸子总结node.js的一些问题

原谅我的node.js功底还很弱。1.什么是错误优先的回调函数？设计一个回调函数的时候，第一个参数是err，用于优先解决错误，后面再传递参数。fs.readFile(filePath, function(err, data) { if (err) { //handle the error } // use the data object});2.如何避免

2016-08-10 19:06:03 981

原创小丸子总结jquery的一些问题

好久没有用过jquery了啊。因为一直在学angular。感觉除了ajax，其他的用法都忘了。下一次要用又要把API看一遍了。。。为什么记性这么烂，这么烂！！1.jquery有什么优势？DOM选择器链式表达式（return this实现的）ajax封装的大而全（前面的博文讨论过）自定义事件promise流程控制事件，样式，动画比原生js好用一万倍浏览器兼容插件扩展容易学习什么时候

2016-08-10 17:37:06 296

原创 js垃圾回收机制

js的垃圾回收机制有两种标记清除引用计数1.标记清除基本上所有主流浏览器和IE9以上的ie浏览器都使用这种方式。我们知道，我们创建一个函数时会产生一个函数作用域，当然我们还有根作用域。作用域的其中一个作用就是可以为变量标记。当进入新的执行环境时，我们创建一个新的作用域，记录每个变量，标记为不可清除。当函数执行完毕，局部变量在离开执行环境时，作用域为其标记可以清除，隔一段时间，就会有垃圾回收

2016-08-10 15:19:49 967

原创小丸子总结angularjs的一些问题

在公司回来，明天就要开启奔波模式啦。借此缓和的机会，总结一下在公司自学angular之后，可能会面临的一些问题。加深一下印象。1.angularjs中的作用域例子：<div ng-controller="TestCtrl"> <p>{{name}}</p> <div ng-if="show"> <input type="text" ng-model="name"> </div

2016-08-10 14:38:53 970

原创一段可以【检测设备终端】和【挖掘url中广告信息】的代码

最近研究了一下淘宝造物节的3d炫酷动画。它们的3D万花筒效果使用的是transform中的translate3D,rotateX,rotateY,rotateZ和scale3D这些css3的特性。也就是说，必须要兼容IE9以上喽。看到现在的qq浏览器内核都很快啦（上学期我的小游戏在移动端测试的时候，可是在qq浏览器上显示不正常，而且是只在qq浏览器），css3 的 3D的炫酷动画估计会越来越多呢。不

2016-08-09 22:52:04 775

原创根据jquery自定义事件写一个事件订阅派发demo

1.未绑定dom对象的观察者模式demo var scope = { on:function(name,callback){ this.arr = this.arr || []; this.arr[name] = { callback: callback

2016-08-04 10:04:32 1906

原创 C++15道基础算法题---（2）排列组合

两种排列组合问题：abc acb bac bca cab cbaa b c ab ac bc abc1.第一种交换问题。#include <iostream>#include <algorithm>#include <string>#include <vector>#include <cstdio>#include <cstdlib>#include <cmath>#inclu

2016-08-03 17:52:10 743

原创 javascript笔试题（8）继承

今天遇到了一道特别的题哦1.题目请实现构造函数Scopevar scopeA = new Scope();scopeA.title = 'my title';//scopeB是scopeA对象调用$clone函数得来。var scopeB = scopeA.$clone();console.log(scopeB.title === 'my title');//输出为true//试图修改sc

2016-08-02 17:19:07 543

原创 css负边距可以实现的布局(上)左固定右自适应，多行多列，等高布局

css负边距原来有这么大的妙用。今天看了一篇大大的博文： css的负边距（margin负值）的绝招负边距可以做的事有很多。可以增大元素的宽度可以实现多列多行布局左侧固定右侧自适应布局等高布局圣杯布局双飞翼布局1.左侧固定，右侧自适应布局实现效果:左侧200px宽，右侧自适应，中间间隔10px。请用两种方法来实现。先不考虑兼容性<div class="parent"> <d

2016-08-02 13:18:12 2311

原创小丸子总结几个es6新特性

项目中的js代码全部重构成了符合ES6规范的代码。下面针对项目中能用到的es6语法，来逐个学习一下。1.箭头函数//这是一段jquery代码$('demo').click((event)=>{ //....})感觉箭头函数就是一个语法糖，它类似于var _this=this;$('demo').click(function(event){ _this.id=5;

2016-08-01 11:02:05 329

原创利用defineProperty实现数据的双向绑定

vue.js如何实现数据的双向绑定呢？与angular不同。 vue利用的是es5的defineproperty特性。1.一个小例子<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><input type="text" id="demo">

2016-08-01 10:03:09 4867

章鱼小丸子