黑面狐 sa~-CSDN博客

转载手把手教你开发chrome扩展一：开发Chrome Extenstion其实很简单

手把手教你开发chrome扩展一：开发Chrome Extenstion其实很简单手把手教你开发Chrome扩展二：为html添加行为手把手教你开发Chrome扩展三：关于本地存储数据 Chrome的更新速度可以说前无古人，现在我每天开机的第一件事就是打开Chrome检查是不是有了新版本。界面清爽、操作人性化、网络备份资料和快速的启动速度令我爱不释手，还有它拥有众多的扩展程序，相对于fir

2017-12-13 14:40:24 788

原创开发网站为“禁止复制”“禁用右键功能”(易被破解)

在开发中，希望网站内容不被选取、复制、禁用右键功能。可以再body标签上加一些事件(最好在js文件中写，可以略微防止技术小白/小牛)，但这对懂技术的人、网页爬虫没有用滴。。。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body oncontex

2017-12-11 17:55:07 1289

一、HTTP 2.0：改进传输性能HTTP 2.0 的主要目标是改进传输性能，实现低延迟和高吞吐量。从另一方面看，HTTP 的高层协议语义并不会因为这次版本升级而受影响。所有HTTP 首部、值，以及它们的使用场景都不会变。现有的任何网站和应用，无需做任何修改都可以在HTTP 2.0 上跑起来。不用为了利用HTTP 2.0 的好处而修改标记。HTTP 服务器必须运行HTTP 2.0 协议，但大部分用

2017-12-11 17:05:40 994

原创原生JS实现下拉刷新

<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title> <title>Pull to Refresh</title> <meta name="viewport" content="width=device-width,height=device-

2017-12-11 11:00:58 16901 2

原创 360*640是什么设备的分辨率？

作者：孙明然链接：https://www.zhihu.com/question/48243257/answer/196101102 来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。这个问题比较复杂，我们先解释320*480，320*568，375*667，414*736这几个分辨率。解释前，引入个概念：设备像素比 devicePixelRatio，window

2017-12-07 17:13:41 13623

转载前端性能优化

1.　　请减少HTTP请求　　　　基本原理：　　在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。　　一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发送请求信息，服务器在接受到请求的信息后再返回相应的信息，浏览器接收到来自服务器

2017-12-06 14:27:45 108

转载基于vue-cli快速构建

Vue是近两年来比较火的一个前端框架（渐进式框架吧），与reactjs和angularjs三国鼎立，我不是职业前端，做过Vue，了解了一下React，听说过Angluar。我只能这么说，我来晚了，没经历所有。闲话少说进入正题。 Vue是什么，是一套构建用户界面的渐进式框架（官网解释），什么叫渐进式框架呢，简单回答就是主张最少，这些概念只能自己去看，自己去理解，一千个读者一千个哈姆雷特，不过多的解释

2017-11-29 15:13:01 228

原创 JS破解不能'选取'和'复制'网站文字

今天产品经理想复制http://mrqdb.com/thread-4151-1-1.html的一些东西，结果不能选取和复制，让我去看看，破解一下。然后网上搜了下，看到他网站写了一段JS来禁止复制：<script type="text/javascript"> var omitformtags=["input","textarea","select"];

2017-11-22 19:08:27 3583 2

转载 VueJs2.0建议学习路线

最近VueJs确实火了一把，自从Vue2.0发布后，Vue就成了前端领域的热门话题，github也突破了三万的star，那么对于新手来说，如何高效快速的学习Vue2.0呢。既然大家会看这篇文章，那么肯定是vue的学习者了，或是遇到的瓶颈，或者刚刚开始学，不知道如何快速起步，本篇文章将带领大家在最短的时间内构件一个学习Vue的学习路线Vuejs的作者尤雨溪尤大也写过一篇关于新手学习vue路径的文章新手

2017-11-20 10:45:47 588

转载新手向：Vue 2.0 的建议学习顺序

注：2.0 已经有中文文档。如果对自己英文有信心，也可以直接阅读英文文档。此指南仅供参考，请根据自身实际情况灵活调整。欢迎转载，请注明出处。起步扎实的 JavaScript / HTML / CSS 基本功。这是前置条件。通读官方教程 (guide) 的基础篇。不要用任何构建工具，就只用最简单的 <script>，把教程里的例子模仿一遍，理解用法。不推荐上来就直接用 vue-cli 构建

2017-11-20 10:16:46 841

原创 CSS鼠标指针类型

<!DOCTYPE html><html><body><p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p><span style="cursor:auto">Auto</span><br /><span style="cursor:crosshair">Crosshair</span><br /><span style="cursor:default">Default</

2017-11-17 17:55:29 585

原创 vue click.stop阻止点击事件继续传播

<div id="app"> <div v-on:click="dodo"> <button v-on:click="doThis">阻止单击事件继续传播</button> </div> </div> <script> var app = new Vue({ el: "#app",

2017-11-14 18:36:18 48988 4

转载 JS - jQuery 中 each()方法的讲解

each()函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实现了该方法，对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的eac

2017-11-09 19:13:41 469

原创 input监听-取值-发送ajax问题-

做项目遇到一个问题：<input type="email" placeholder="Enter your email" id="ben_enterEmail"/><input type="button" id="ben_getOff" value="GET 10% OFF"/>输入email后，点击按钮发送eamil的ajax。最开始用的是监听input：$('#username').bin

2017-11-02 18:24:41 4098

原创 layer-弹框使用入门

做公司的商城项目，需要用到一个好看的弹窗插件，弹窗上需要有回调函数（ajax、继续弹出别的弹框）。选用了layer插件的弹窗。接下来介绍下layer弹窗的使用入门： 1、laye下载、引入：http://layer.layui.com/<script src="./layer/layer.js"></script>2、对照文档理解配置项：http://www.chhua.com/web-note4

2017-11-02 18:02:18 4724

原创 JS ES6 let和const命令

http://es6.ruanyifeng.com/#docs/let 1、let声明的变量只在let命令所在的代码块有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。for (let i =

2017-11-02 17:36:11 178

转载浅谈Vue.js

http://www.cnblogs.com/luozhihao/p/5329440.html作为一名Vue.js的忠实用户，我想有必要写点文章来歌颂这一门美好的语言了，我给它的总体评价是“简单却不失优雅，小巧而不乏大匠”，下面将围绕这句话给大家介绍Vue.js，希望能够激发你对Vue.js的兴趣。注：本文介绍的是Vue1.×，目前Vue已经升级至2.×，功能和语法上有一定升级和修改，想了解2.×的

2017-10-30 10:52:21 272

转载前端开发之走进Vue.js

http://www.cnblogs.com/luozhihao/p/6014098.html Vue.js作为目前最热门最具前景的前端框架之一，其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文旨在帮助大家认识Vue.js，了解Vue.js的开发流程，并进一步理解如何通过Vue.js来构建一个中大型的前端项目，同时做好相应的部署与优化工作。文章将以PPT图片附加文字介绍的形式展开，不

2017-10-30 10:37:16 339

转载 webstorm添加*.vue文件代码提醒支持webstorm支持es6vue里支持es6写法

本文转自:http://www.lred.me/2016/01/07/webstorm%E6%B7%BB%E5%8A%A0-vue%E6%96%87%E4%BB%B6%E6%94%AF%E6%8C%81/webstorm是前端开发神器，但我一直都不喜欢webstorm，就因为那很挫的配色和那大光标。上阵子开始玩 Vuejs，在 Vue 中，可以 .vue 文件实现组件化，但各种编辑器都支持不好，

2017-10-27 17:36:42 417

转载入门 Webpack，看这篇就够了

转自：https://segmentfault.com/a/1190000006178770最近在Gitchat上将发起了一场关于webpack的分享，目的在于一起花最短的时间理解和学会webpack，感兴趣的童鞋可以微信扫描注册哈。写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一

2017-10-26 16:54:17 322

转载升级node.js到最新稳定版

node有一个模块叫n（这名字可够短的。。。），是专门用来管理node.js的版本的。首先安装n模块： 1 npm install-g n 第二步：升级node.js到最新稳定版n stable 是不是很简单？！ n后面也可以跟随版本号比如：n v0.10.26 或n 0.10.26 就这么简单，这可怎么办？？！！另外分享几个npm的常用命令npm -v

2017-10-26 10:30:17 987

转载 JS的tostring()和toLocaleString()的区别

转自：http://www.cnblogs.com/lwwen/p/6400677.html偶然之间用到这两个方法然后在数字转换成字符串的时候，并没有感觉这两个方法有什么区别，如下：var e=123e.toString() “123”e.toLocaleString() “123” 是吧，并没有什么区别,上面的e是一个三位数的数字，那么要是四位数以上呢var a=1234a.toStrin

2017-10-25 14:31:03 472

转载 jQuery插件开发精品教程，让你的jQuery提升一个台阶

http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头，都有各自的平台及生态圈。学会使用jQuery并不难，因为它简单易学，并且相信你

2017-09-05 18:20:35 155

原创 JS数组二分法查找

function binarySerach(arr,val,leftIndex,RightIndex){ var mid = Math.floor((leftIndex+RightIndex)/2); var midVal = arr[mid]; if(midVal>val){ binarySerach(arr,val,leftIndex,mid); console.log("在左边

2017-08-30 22:51:28 1800

原创统计一个字符串中字母出现的次数

function numInString(str){ var str1=''; while(str!=''){ var count=0; var str2 = str.split(''); for(var i=0;i<newstr.length;i++){ if(str2[0]==str2[i]){ count ++; } } var reg=new R

2017-08-30 22:22:44 689

原创数组冒泡排序和快速排序

1、冒泡排序：随便从数组中拿一位数和后一位比较，把小的那一位放到前面，大的放在后面，简单来说就是交换它们的位置，如此反复的交换位置就可以得到排序的效果。var arr = [1,10,9,7,8,5,6,3,4,2];function sort(arr){ for(var i=0;i<arr.length-1;i++){ for(var j=i+1;j<arr.length;j++){

2017-08-30 21:54:21 230

原创 JS小知识

1、(function(){ var a=b=1 //var a; b=1;})()console.log(typeof a === "undefined");//typeof a => "undefined"console.log(typeof b === "undefined");//typeof b => "number"// true//false

2017-08-25 21:33:29 234

原创 JS实现clone函数对五种数据类型的复制(深拷贝、浅拷贝)

function clone(obj){//深拷贝指的是object和array var result; if(obj instanceof Array){ result = []; var i = obj.length; while(i--){ result[i]=clone(obj[i]);//递归深度复制 } return result; }else if(o

2017-08-21 15:24:51 773

原创数组去重的2种方法

1、function unique(arr){ var arr1=[]; for (var i = 0; i <arr.length; i++) { if(arr1.indexOf(arr[i])==-1){ //不能用!arr1.indexOf(arr[i]),一直返回false arr1.push(arr[i]); } } return arr1;}var a

2017-08-21 14:13:47 301

转载 JS的类型转换，强制转换和隐式转换

JS的类型转换1.强制转换通过String（），Number（），Boolean（）函数强制转换var str=123; var str1='123'; console.log(typeof str); console.log(typeof str1); console.log(typeof String(str)); console.log(ty

2017-08-21 12:54:29 381

原创一个通用的事件监听函数

实现一个事件代理函数 1 2 3 4 div2 function delegat(elem,event,target,fn) { if(fn == null){ fn=target; tar

2017-08-18 17:35:07 687

原创 div左右上下居中

1、 Title .div1{ width: 200px; height: 200px; border: 1px solid #ddd; } .div2{ width: 100px; height

2017-08-02 23:34:12 314

原创判断B数组是否为A数组的子集(有重复、无序)

function subset(A,B){ A = A.slice(); for(var i=0, len=B.length; i<len; i++){ if(A.indexOf(B[i]) === -1){ return false; }else{ A.splice(A.indexOf(B[i]),1); } } return t

2017-08-01 22:11:55 3084

原创 for循环的闭包

for(var i=0;i<5;i++){ setTimeout(function(){ console.log(i); },0)}结果：只显示5；for(var i=0;i<5;++i){ setTimeout(function(){ console.log(i); },0)}结果：只显示5；

2017-08-01 21:27:55 221

原创 B继承A的写法

1.原型继承：var A=function(){ this.a=1; this.b=2; this.add=function(){ console.log(a+b); }}var B=function(){}B.prototype=new A();B.prototype.c=3;B.prototype.add=function(){ con

2017-08-01 21:19:36 5923

原创事件绑定和普通事件的区别

普通添加事件的方法：var btn = document.getElementById("hello");btn.onclick = function(){ alert(1);}btn.onclick = function(){ alert(2);}执行上面的代码只会alert 2 事件绑定方式添加事件：var btn = document.getElemen

2017-07-31 18:45:28 410

原创 7-28

1、设计一个算法，用原生JS实现数组反转。var a=[1,2,3]; var b=[];for(var i=a.length-1,j=0;i>=0,j<a.length;i--,j++){ b[j]=a[i];}2、跨域。3、git、代码合并、4、npm遇到的问题5、

2017-07-28 17:02:51 271

原创 WEB前端vi

今天去深圳vivo面试，主要问的都是简历上的。1、原型链2、AMD、CMD3、创建对象的几种方法4、数字媒体技术这个专业对web前端工作的优势5、对HTTP、HTTPS的理解有多深6、对比angularJS和其他框架的优缺点7、对ES6的理解8、对vue的理解9、工作中遇到的技术问题，怎么解决的10、为了兼容客户端，UI设计图给的宽度11、对webpac

2017-07-21 17:55:20 851

转载有趣的HTML5：离线存储

转自： https://segmentfault.com/a/1190000000732617最近由于找工作一直没时间也没有精力更新博客，找工作真是一件苦逼的事情啊。。。不抱怨了，我们来看看HTML5的新特性---离线存储吧。随着Web App的发展，越来越多的移动端App使用HTML5的方式来开发，除了一些HybridApp以外，其他一部分Web App还是通过

2017-07-13 16:48:13 316

转载 https://vuejs.org/v2/examples/svg.html

https://vuejs.org/v2/examples/svg.html

2017-07-13 15:18:32 588

web安全之XSS攻击及防御pdf

wendu.ajaxhook.min

vueJS框架--

jquery-3.1.1.min

Backbone.js实战

空空如也