- 博客(35)
- 收藏
- 关注
RSS订阅原创 git 新建、删除分支
1、删除本地分支 git branch -D dev(分支名字)2、删除远程分支git push origin :dev(分支名字) origin后面需要有空格3、新建分支和远程建立关联git checkout -b devgit branch --set-upstream dev origin/dev4、本地分支推送到远程分支git push
2017-08-02 15:38:44
803
转载 git untracked files
# 删除 untracked filesgit clean -f # 连 untracked 的目录也一起删掉git clean -fd # 连 gitignore 的untrack 文件/目录也一起删掉 （慎用，一般这个是用来删掉编译出来的 .o之类的文件用的）git clean -xfd # 在用上述 git clean
2017-08-02 15:31:40
1269
转载 CSS实现单行、多行文本溢出显示省略号
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略
2017-07-11 17:23:42
297
转载 Doctype作用？严格模式与混杂模式如何区分？它们有何差异？
一、Doctype作用是什么？声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。二、严格模式与混杂模式如何区分？它们有何意义？严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。混杂模式：又称怪异模式或兼容模式，是指浏览器用自己
2017-06-21 21:11:27
406
转载 cookie操作
CookieUtil=｛ addCookie:function(key,value,options){ var str=key+"="+escape(value); if(options.expires){ var curr=new Date(); //options.expires的单位是小时 curr.se
2017-06-21 21:04:15
222
转载 js事件模型
EventUtil={ addListener:function(target,type,handler){ if(target.addEventListener){ target.addEventListener(type,handler); }else if(target.attachEvent){ target.attach("o
2017-06-21 21:01:15
172
原创 vue-cli中遇到的问题【1】
在vue组件中的css使用scss或者sass的话，需要1、安装node-sass2、添加sass-loader依赖（package.json）3、修改build文件夹中webpack的配置
2017-06-15 15:25:47
322
转载 js获取菲波那契数列的第N个元素
菲波那契数列，大致可以描叙为a(n) = a(n-1) + a(n-2) (a >=2)。类似于这样[1, 1, 2, 3, 5, 8, 13 ...]。具体大家可以百度一下。下面我们来用js获取菲波那契数列的第N个数为多少：1.递归var a = function(n) { if (n === 1 || n === 2) {
2017-06-08 12:46:02
1203
转载 Javascript中apply、call、bind
apply、call 在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。 JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。 先来一个栗子：1
2017-06-06 20:30:46
313
转载 重绘与回流
一. 浏览器渲染过程 渲染：就是把浏览器把HTML代码以css定义的规则显示在浏览器窗口的过程 浏览器解析HTML的基本过程： 1 用户输入网址，浏览器向服务器发出请求，服务器返回html文件 2 浏览器载入html代码，发现标签内有一个标签引用外部css文件 3 浏览器又发出css文件的请求，服务器返回这个css文件
2017-06-05 15:25:30
621
转载 JS的十大经典算法排序
有句话怎么说来着：雷锋推倒雷峰塔，Java implements JavaScript.当年，想凭借抱Java大腿火一把而不惜把自己名字给改了的JavaScript（原名LiveScript），如今早已光芒万丈。node JS的出现更是让JavaScript可以前后端通吃。虽然Java依然制霸企业级软件开发领域（C/C + +的大神们不要打我。。。），但在Web的江湖，Ja
2017-06-05 13:12:45
411
转载 使用Flexible实现手淘页面的终端适配
曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？那么趁此Amfe阿里无线前端团队双11技术连载之际，用一个实战案例来告诉大家，手淘的H5页面是如何实现多终端适配的，希望这篇文章对大家在Mobile的世界
2017-06-05 13:07:12
827
转载 Git Stash用法
最近在使用Git管理项目工程的时候，遇到了很多问题，也学习到了很多关于Git常见使用的技巧，下面就其中关于Git Stash的用法和大家分享下。首先，简单介绍下Git Stash命令的用法，详细的用法在man文档中有相关介绍，下面我来说明常见的使用。git stash: 备份当前的工作区的内容，从最近的一次提交中读取相关内容，让工作区保证和上次提交的内容一致。同时，将当前的工作区内容保存到
2017-05-04 11:27:47
243
转载 JS核心系列：浅谈原型对象和原型链
在Javascript中，万物皆对象，但对象也有区别，大致可以分为两类，即：普通对象（Object）和函数对象（Function）。一般而言，通过new Function产生的对象是函数对象，其他对象都是普通对象。举例说明：function f1(){ //todo}var f2 = function(){ //todo};var f3 = ne
2017-04-26 10:41:21
209
转载 怎样实现前端裁剪上传图片功能
由于前端是不能直接操作本地文件的，要么通过用户点击选择文件或者拖拽的方式，要么使用flash等第三方的控件，但flash日渐衰落，所以使用flash还是不提倡的。同时html5崛起，提供了很多的api操控，可以在前端使用原生的api实现图片的处理，这样可以减少后端服务器的压力，同时对用户也是友好的。最后的效果如下：这里面有几个功能，第一个是支持拖拽，第二个压缩，第三个是裁剪编辑
2017-04-25 15:38:22
606
转载 总结 XSS 与 CSRF 两种跨站攻击
在那个年代，大家一般用拼接字符串的方式来构造动态 SQL 语句创建应用，于是 SQL 注入成了很流行的攻击方式。在这个年代， 参数化查询 已经成了普遍用法，我们已经离 SQL 注入很远了。但是，历史同样悠久的 XSS 和 CSRF 却没有远离我们。由于之前已经对 XSS 很熟悉了，所以我对用户输入的数据一直非常小心。如果输入的时候没有经过 Tidy 之类的过滤，我一定会在模板输出时候全部转义。
2017-04-25 15:12:15
305
转载 js中cookie的使用详细分析
cookie概述 在上一节，曾经利用一个不变的框架来存储购物栏数据，而商品显示页面是不断变化的，尽管这样能达到一个模拟 全局变量的功能，但并不严谨。例如在导航框架页面内右击，单击快捷菜单中的【刷新】命令，则所有的Javascript变量都会丢失。因此，要实现严格的 跨页面全局变量，这种方式是不行的， Javascript中的另一个机制：cookie，则可以达到真正全局变量的要求。 co
2017-04-25 14:58:33
408
转载 JQuery之ContextMenu(右键菜单)
插件下载地址:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js压缩版:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.jsJquery主页: http://jqu
2017-04-25 14:50:53
569
转载 浅谈HTTP中Get与Post的区别
Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，改，增，删4个操作。到这里，大家应该有个大概的了解了，GET一般用于获取/查询资源信息，而POST一般用于更新资源信息。 1
2017-04-25 14:37:09
287
转载 iframe跨域
script、image、iframe的src都不受同源策略的影响。所以我们可以借助这一特点，实现跨域。如前面所介绍的JSONP跨域，以及灯标(Beacons)。该篇随笔主要阐述iframe结合一些技术，实现跨域请求。 1、iframe+window.name; 2、iframe+location.hash; 3、iframe+window.postMessa
2017-04-25 12:17:31
965
转载 谈谈Ajax原理实现过程
1.什么是AJAX?AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。它使用：使用XHTML+CSS来标准化呈现；使用XML和XSLT进行数据交换及相关操作；使用XMLHttpRequest对象与Web服务器进行异步数据通信； 使用Javascript操作
2017-04-25 12:03:49
818
1
转载 深入理解JavaScript作用域和作用域链
作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。51CTO推荐专题：JavaScript入门JavaScript作用域任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数
2017-04-25 11:56:33
263
转载 闭包
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全
2017-04-25 11:12:28
173
转载 HTML5 performance 前端加载性能初探
前言利用 HTML5 performance，可以对前端页面加载性能进行分析，如首屏加载性能这个重要的分析。关于PerformancePerformance目前支持浏览器：IE9+，Chrome11+，Firefox7+。Safari并不在列，亲测手机QQ浏览器iOS版，确实没有支持这个API。performance 在window下的方法：window.perfo
2017-04-25 10:56:35
1873
转载 白屏时间，domc，整页时间，首屏时间
业界衡量移动web app交互性能的优劣主要是通过监测webview渲染页面时白屏时间，DOM树构建时间，整页时间和首屏时间这三个指标来完成的，那么这四个指标分别的意义是什么呢？我们从w3c提供的navigation Timing中看到交互性能指的是Processing和onLoad这两部分的时间。在浏览器交互阶段（Processing和onLoad时间段）浏览器接收服务器返回
2017-04-25 10:50:31
7460
1
转载 浅谈域名发散与域名收敛
性能优化一直是前端工作中十分重要的一环，都说从 10 到 1 容易，从 1 到 0 很难。而随着前端技术的飞速发展，没有什么技术或者法则是金科玉律一沉不变的。很佩服那些勇于挑战权威，推陈出新的勇者，是他们让我们的技术不断的变革更加的卓越。好像扯远了，本文主要想谈谈两个名词，域名发散和域名收敛。域名发散这个很好理解，前端er都知道，PC 时代为了突破浏览器的域名并发限制，遵循
2017-04-25 10:26:19
381
转载 移动前端开发之viewport的深入理解
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个a
2017-04-25 10:08:57
223
转载 tmux里的session，window,pane
tmux里的session，window,pane—-session指的是按下tmux命令后 存在的连接便是session创建sessiontmux创建并指定session名字tmux new -s $session_name删除sessionCtrl+b :kill-session临时退出sessionCtrl+b d列出sessi
2017-04-21 10:14:49
5466
转载 不借助第三个变量实现两个变量交换的思考
网上存在三种方法： 1） 算术运算简单来说，就是通过+和-运算来实现。代码如下：int a,b;a=10;b=12;a=b-a; //a=2;b=12b=b-a; //a=2;b=10a=b+a; //a=12;b=10通过以上运算，a和b中的值就进行了交换。表面上看起来很简单，但是不容易想到，尤其是在习惯标准算法之后。此算法
2017-04-13 17:54:11
295
转载 JS实现快速排序
大致分三步：1、找基准（一般是以中间项为基准）2、遍历数组，小于基准的放在left，大于基准的放在right3、递归 function quickSort(arr){ //如果数组 if(arr.lengthreturn arr;} var pivotIndex=Math.fl
2017-04-13 17:47:20
692
1
转载 将url的查询参数解析成字典对象
这个题目不约而同的出现在了多家公司的面试题中，当然也是因为太过于典型，解决方案无非就是拆字符或者用正则匹配来解决，我个人强烈建议用正则匹配，因为url允许用户随意输入，如果用拆字符的方式，有任何一处没有考虑到容错，就会导致整个js都报错。而正则就没有这个问题，他只匹配出正确的配对，非法的全部过滤掉，简单，方便。实现代码：1234
2017-04-06 17:00:03
1881
转载 CSS垂直居中的11种实现方式
11种实现方式分别如下：1. 使用绝对定位和负外边距对块级元素进行垂直居中html代码：div id="box"> div id="child">我是测试DIVdiv>div>css代码：#box { width: 300px; height: 300px; background: #ddd; position: r
2017-04-06 16:57:58
356
转载 Debounce 和 Throttle 的原理及实现
在处理诸如 resize、scroll、mousemove 和 keydown/keyup/keypress 等事件的时候，通常我们不希望这些事件太过频繁地触发，尤其是监听程序中涉及到大量的计算或者有非常耗费资源的操作。有多频繁呢？以 mousemove 为例，根据 DOM Level 3 的规定，「如果鼠标连续移动，那么浏览器就应该触发多个连续的 mousemove 事件」，这意味着
2017-04-06 16:49:29
19226
1
转载 什么是JSONP
什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准。 2、不过我
2017-04-06 16:14:30
235
转载 Javascript的事件处理机制
这篇文章对于了解Javascript的事件处理机制非常好，将它全文转载于此，以备不时之需。什么是事件？事件(Event)是JavaScript应用跳动的心脏 ，也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时，事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情，比如说某
2017-04-06 11:21:20
329
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人