- 博客(35)
- 收藏
- 关注
原创 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
819
转载 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
1293
转载 CSS实现单行、多行文本溢出显示省略号
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略
2017-07-11 17:23:42
315
转载 Doctype作用?严格模式与混杂模式如何区分?它们有何差异?
一、Doctype作用是什么?声明叫做文件类型定义(DTD),声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行,这并不是一个 HTML 标签。二、严格模式与混杂模式如何区分?它们有何意义?严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码。混杂模式:又称怪异模式或兼容模式,是指浏览器用自己
2017-06-21 21:11:27
418
转载 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
233
转载 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
185
原创 vue-cli中遇到的问题【1】
在vue组件中的css使用scss或者sass的话,需要1、安装node-sass2、添加sass-loader依赖(package.json)3、修改build文件夹中webpack的配置
2017-06-15 15:25:47
331
转载 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
1231
转载 Javascript中apply、call、bind
apply、call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向。 JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。 先来一个栗子:1
2017-06-06 20:30:46
323
转载 重绘与回流
一. 浏览器渲染过程 渲染:就是把浏览器把HTML代码以css定义的规则显示在浏览器窗口的过程 浏览器解析HTML的基本过程: 1 用户输入网址,浏览器向服务器发出请求,服务器返回html文件 2 浏览器载入html代码,发现标签内有一个标签引用外部css文件 3 浏览器又发出css文件的请求,服务器返回这个css文件
2017-06-05 15:25:30
644
转载 JS的十大经典算法排序
有句话怎么说来着:雷锋推倒雷峰塔,Java implements JavaScript.当年,想凭借抱Java大腿火一把而不惜把自己名字给改了的JavaScript(原名LiveScript),如今早已光芒万丈。node JS的出现更是让JavaScript可以前后端通吃。虽然Java依然制霸企业级软件开发领域(C/C + +的大神们不要打我。。。),但在Web的江湖,Ja
2017-06-05 13:12:45
420
转载 使用Flexible实现手淘页面的终端适配
曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配?那么趁此Amfe阿里无线前端团队双11技术连载之际,用一个实战案例来告诉大家,手淘的H5页面是如何实现多终端适配的,希望这篇文章对大家在Mobile的世界
2017-06-05 13:07:12
845
转载 Git Stash用法
最近在使用Git管理项目工程的时候,遇到了很多问题,也学习到了很多关于Git常见使用的技巧,下面就其中关于Git Stash的用法和大家分享下。首先,简单介绍下Git Stash命令的用法,详细的用法在man文档中有相关介绍,下面我来说明常见的使用。git stash: 备份当前的工作区的内容,从最近的一次提交中读取相关内容,让工作区保证和上次提交的内容一致。同时,将当前的工作区内容保存到
2017-05-04 11:27:47
251
转载 JS核心系列:浅谈原型对象和原型链
在Javascript中,万物皆对象,但对象也有区别,大致可以分为两类,即:普通对象(Object)和函数对象(Function)。一般而言,通过new Function产生的对象是函数对象,其他对象都是普通对象。举例说明:function f1(){ //todo}var f2 = function(){ //todo};var f3 = ne
2017-04-26 10:41:21
223
转载 怎样实现前端裁剪上传图片功能
由于前端是不能直接操作本地文件的,要么通过用户点击选择文件或者拖拽的方式,要么使用flash等第三方的控件,但flash日渐衰落,所以使用flash还是不提倡的。同时html5崛起,提供了很多的api操控,可以在前端使用原生的api实现图片的处理,这样可以减少后端服务器的压力,同时对用户也是友好的。最后的效果如下:这里面有几个功能,第一个是支持拖拽,第二个压缩,第三个是裁剪编辑
2017-04-25 15:38:22
618
转载 总结 XSS 与 CSRF 两种跨站攻击
在那个年代,大家一般用拼接字符串的方式来构造动态 SQL 语句创建应用,于是 SQL 注入成了很流行的攻击方式。在这个年代, 参数化查询 已经成了普遍用法,我们已经离 SQL 注入很远了。但是,历史同样悠久的 XSS 和 CSRF 却没有远离我们。由于之前已经对 XSS 很熟悉了,所以我对用户输入的数据一直非常小心。如果输入的时候没有经过 Tidy 之类的过滤,我一定会在模板输出时候全部转义。
2017-04-25 15:12:15
312
转载 js中cookie的使用详细分析
cookie概述 在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页面是不断变化的,尽管这样能达到一个模拟 全局变量的功能,但并不严谨。例如在导航框架页面内右击,单击快捷菜单中的【刷新】命令,则所有的Javascript变量都会丢失。因此,要实现严格的 跨页面全局变量,这种方式是不行的, Javascript中的另一个机制:cookie,则可以达到真正全局变量的要求。 co
2017-04-25 14:58:33
428
转载 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
613
转载 浅谈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
297
转载 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
1118
转载 谈谈Ajax原理实现过程
1.什么是AJAX?AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。它使用:使用XHTML+CSS来标准化呈现;使用XML和XSLT进行数据交换及相关操作;使用XMLHttpRequest对象与Web服务器进行异步数据通信; 使用Javascript操作
2017-04-25 12:03:49
830
1
转载 深入理解JavaScript作用域和作用域链
作用域是JavaScript最重要的概念之一,想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍,希望能帮助大家更好的学习JavaScript。51CTO推荐专题:JavaScript入门JavaScript作用域任何程序设计语言都有作用域的概念,简单的说,作用域就是变量与函数
2017-04-25 11:56:33
273
转载 闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全
2017-04-25 11:12:28
184
转载 HTML5 performance 前端加载性能初探
前言利用 HTML5 performance,可以对前端页面加载性能进行分析,如首屏加载性能这个重要的分析。关于PerformancePerformance目前支持浏览器:IE9+,Chrome11+,Firefox7+。Safari并不在列,亲测手机QQ浏览器iOS版,确实没有支持这个API。performance 在window下的方法:window.perfo
2017-04-25 10:56:35
1899
转载 白屏时间,domc,整页时间,首屏时间
业界衡量移动web app交互性能的优劣主要是通过监测webview渲染页面时白屏时间,DOM树构建时间,整页时间和首屏时间这三个指标来完成的,那么这四个指标分别的意义是什么呢?我们从w3c提供的navigation Timing中看到交互性能指的是Processing和onLoad这两部分的时间。在浏览器交互阶段(Processing和onLoad时间段)浏览器接收服务器返回
2017-04-25 10:50:31
7520
1
转载 浅谈域名发散与域名收敛
性能优化一直是前端工作中十分重要的一环,都说从 10 到 1 容易,从 1 到 0 很难。而随着前端技术的飞速发展,没有什么技术或者法则是金科玉律一沉不变的。很佩服那些勇于挑战权威,推陈出新的勇者,是他们让我们的技术不断的变革更加的卓越。好像扯远了,本文主要想谈谈两个名词,域名发散和域名收敛。域名发散这个很好理解,前端er都知道,PC 时代为了突破浏览器的域名并发限制,遵循
2017-04-25 10:26:19
396
转载 移动前端开发之viewport的深入理解
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个a
2017-04-25 10:08:57
228
转载 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
5525
转载 不借助第三个变量实现两个变量交换的思考
网上存在三种方法: 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
313
转载 JS实现快速排序
大致分三步:1、找基准(一般是以中间项为基准)2、遍历数组,小于基准的放在left,大于基准的放在right3、递归 function quickSort(arr){ //如果数组 if(arr.lengthreturn arr;} var pivotIndex=Math.fl
2017-04-13 17:47:20
710
1
转载 将url的查询参数解析成字典对象
这个题目不约而同的出现在了多家公司的面试题中,当然也是因为太过于典型,解决方案无非就是拆字符或者用正则匹配来解决,我个人强烈建议用正则匹配,因为url允许用户随意输入,如果用拆字符的方式,有任何一处没有考虑到容错,就会导致整个js都报错。而正则就没有这个问题,他只匹配出正确的配对,非法的全部过滤掉,简单,方便。实现代码:1234
2017-04-06 17:00:03
1900
转载 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
364
转载 Debounce 和 Throttle 的原理及实现
在处理诸如 resize、scroll、mousemove 和 keydown/keyup/keypress 等事件的时候,通常我们不希望这些事件太过频繁地触发,尤其是监听程序中涉及到大量的计算或者有非常耗费资源的操作。有多频繁呢?以 mousemove 为例,根据 DOM Level 3 的规定,「如果鼠标连续移动,那么浏览器就应该触发多个连续的 mousemove 事件」,这意味着
2017-04-06 16:49:29
19326
1
转载 什么是JSONP
什么是JSONP? 先说说JSONP是怎么产生的: 其实网上关于JSONP的讲解有很多,但却千篇一律,而且云里雾里,对于很多刚接触的人来讲理解起来有些困难,着用自己的方式来阐释一下这个问题,看看是否有帮助。 1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准。 2、不过我
2017-04-06 16:14:30
246
转载 Javascript的事件处理机制
这篇文章对于了解Javascript的事件处理机制非常好,将它全文转载于此,以备不时之需。什么是事件?事件(Event)是JavaScript应用跳动的心脏 ,也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情,比如说某
2017-04-06 11:21:20
342
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人