qq_34481114-CSDN博客

原创 JS 事件委托

给所有btn绑定事件,可是当动态生成btn时的标签没有绑定事件,这个时候就要用到事件委托了...原生js里面var container = document.getElementById("container");container.addEventListener("click", function(e){ //获取事件触发对象 var target = e.target;

2017-07-07 15:21:29 339

转载 PS技能

切图界面设置视图 --显示 ---智能参考线 72标尺 ctrl + r 窗口 ----信息字符历史记录　　颜色选RGB 信息图选项标尺单位设置像素编辑首选项单位每标尺全改为像素窗口工作区新建工作区 web切图存储简单工具ps界面中有菜单栏、属性栏、工具栏、面

2017-05-28 12:49:24 286

转载 js 异步实现与编程

同步同步同步是代码从上到下依次执行，上一个任务结束后，才能执行下一个任务。如下图所示，任务1执行完后，再执行任务2，任务2执行完后再执行任务3，依次类推...同步优势同步是任务有序进行，不会造成资源上处理上的混乱。1.任务有序进行较好的处理了任务之间的依赖性，如后一个任务需要前一个任务的结果。2.如果多个任务处理同一个资源，不会造成资

2017-05-14 18:42:10 246

转载 gulp详细入门教程

1.gulp是什么？ gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用它，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器，它能自动化地完成 javascript、coffee、sass、less

2017-05-09 09:29:28 478

转载 GET和POST区别

GET和POST是HTTP的两个常用方法。什么是HTTP?超文本传输协议(HyperText Transfer Protocol -- HTTP)是一个设计来使客户端和服务器顺利进行通讯的协议。HTTP在客户端和服务器之间以request-response protocol（请求-回复协议）工作。 GET - 从指定的服务器中获取数据POS

2017-05-06 11:12:49 267

转载 JS单线程,同步异步问题

最近看到前端面试问到js中的同步和异步，这个问题该怎么回答？梳理一下，js对于异步的处理，很多人的第一反应是ajax，这只能说是对了一半。 1.个人觉得，js中，最基础的异步是setTimeout和setInterval函数，很常见，但是很少人有人知道其实这就是异步，因为它们可以控制js的执行顺序var timeoutID = window.setTimeout(fun

2017-05-06 10:24:17 444

转载 ng-src 和 ng-href的妙用

特殊的ng-src和ng-href 在说明这两个指令的特殊之前，需要先了解一下ng的启动及执行过程，如下图： 1) 浏览器加载静态HTML文件并解析为DOM； 2) 浏览器加载angular.js文件； 3) angular监听 DOMContentLoaded 事件，监听到时开始启动； 4) angular寻找ng-app指令，确定作用范

2017-05-05 13:35:38 656 2

转载 / ./ ../的区别

/ 网站根路径 ./ 当前路径../ 上一级路径例如以上本地静态网站 index页面地址 127.0.0.1/bootstrap_test/index.html需要引入 css 文件夹的 bootstrap.css文件 1、实际请求地址为：127.0.0.1/bootstrap_test/css/bo

2017-05-04 14:04:43 165

原创 ##VIM命令行和Git命令

VIM命令1 打开/创建文件， vi 文件路径2 底行模式 :w保存，:w filenme另存为 //write写入比保存准确3 底行模式 :q退出 quit 放弃即退出4 底行模式 :wq保存并退出5 底行模式 :e! 撤销更改，返回到上一次保存的状态6 底行模式 :q! 不保存强制退出7 底行模式 :set nu 设置行号8 命令模式 ZZ（大写）保存并退出9 命令模

2017-05-02 22:58:19 360

原创欢迎使用CSDN-markdown编辑器

VIM 简单的指令git bash 命令行1 pwd : printf working directory 查看当前目录2 cd: change directory 切换目录 3 cd 目录名(当前目录下的) cd ../目录名(上一级目录) eg : cd .. 4 ls: list 当前目录下的所有东西 ls ls-a (ll) ls-l (is

2017-05-02 16:14:19 191

原创 JS原生事件中this的指向

原生的 DOM.onclick =function(){console.log(this) ; //this指向调用这个函数的DOM对象}DOM.addeventListener(''click'',function(){console.log(this) ; //this也指向DOM对象,那是因为JS底层帮回调函数中的this的指向进进行了改变...})

2017-04-30 11:27:35 426

原创加油啊

距离辞职已经两个多月了，这两个多月是毕业，对，高中毕业来，第一次主动用心去学习。大学时光是快乐而短暂的,也是一段逃避与迷茫的时期,有勇气去面对自己所做过的一切,这样才会坚定的去踏向未来.很感激现实让我在这个时光意识到自己喜欢什么以及所追求的价值观.每天都向自己期待的方向努力一点,会很充实.即使有时候会短暂失忆,还是会在一般调整之后重归正常,今天,又是充实的一天,自己动手做了JQuery插件.开

2017-04-27 19:52:46 161

转载 document.onreadystatechange的认识

在开发的过程中，经常使用window.onload和body onload两种，很少使用document.onreadystatechange，但这次写了一个js，使用window.onload和body.onload都实现不了，最后使用document.onreadystatechange才把它解决了。这里介绍一下三者的区别和用法，大家使用的时候根据自己的需要选择哪一个1、win

2017-04-27 10:42:03 379

转载 js中toString 和 object.toString区别解释

1.toString 和 object.toString运行结果演示 [javascript] view plain copy var str = 'this is string'; alert(str.toString()); 运行结果：[javascript] v

2017-04-26 12:07:46 3857

原创 canvas 尺寸问题

canvas id="can" width="500" height="500">这里的width 是实际的width 与 style里面渲染的不一样..

2017-04-24 17:02:51 352

原创 apply(对象,数组) ,call(对象,变量a,变量b)

apply()方法与call()方法都是在函数原型上的一个方法,调用这两个方法可以改变函数的this指向指向为参数中的对象,但是apply()方法经常被用来平铺一个数组中的数据,eg: Math.max.apply(null,arr) ,即可求出数组中的最大值,省去了for循环,遍历数组

2017-04-23 20:24:32 243

原创 setTimeout闭包问题

for (var i = 0; i < 5; i++) { setTimeout(function(){ console.log(i); },0) }// 5 5 5 5 5最终打印5个五,为什么不是打印01234,因为JS 是单线程,只有完成所有的script标签中的主要任务,才会把setTimeout里面的匿名函数执行

2017-04-19 22:51:04 330

原创文章标题

闭包1.什么是闭包? JS中闭包就是函数“—–>原理就是作用域,上级的作用域不能访问下级的作用域.. 2.闭包要解决什么问题? 上级的作用域能间接访问下级的作用域.function f1(){　　　　var n=999;　　　　nAdd=function(){n+=1}　　　　function f2(){　　　　　　alert(n);　　　　}　　　　return f2;　　}

2017-04-19 17:48:18 202

原创欢迎使用CSDN-markdown编辑器

构造函数,对象,原型的理解1.构造函数是实例化对象进行初始化的一个函数,构造函数创建出来的那一刻原型也被创建出来了并且是个Object{};2.构造函数中有prototype指向的就是这个Object{} 3.原型中所有的属性与方法都会被实例化new出来的对象所继承并且有个内置属性指向proto指向原型,所以才能使用原型中的方法啊 function Person() {

2017-04-17 22:37:17 172

转载 jquery 隐式迭代

Jquery对象本质可以看成是一个包含一个 dom数组和所有Jquery方法的容器（补充：方法在所有jq对象共享的jq原型属性prototype中）。要使用jQuery，就必须将dom元素转成 Jquery对象，然后才能调用JQ对象的便捷方法。1 //所有 div 内部设置一个 span 标签2 var $divs = $("div");3 $divs.html(

2017-04-14 15:25:17 325

原创自适应布局-float

Document .father{ width: 100%; height: 400px; background-color: orange; } .box1{ float: right; width: 200px; height: 200px; background-color: black; overflow: hidden;

2017-04-13 23:23:50 838

转载 Sublime text 2/3 中 Package Control 的安装与使用方法

Package Control 插件是一个方便 Sublime text 管理插件的插件，但因为 Sublime Text 3 更新了 Python 的函数，API不同了，导致基于 Python 开发的插件很多都不能工作，Package Control 原来的安装方法都失效了。网上有2种使用 Git 的安装方法，感觉太麻烦了。此处将 wbond 网站的 ST3 Package Cont

2017-04-10 23:55:24 149

转载关于less

实现css预编译的方式有很多，听说glup很流行而且功能也很强大，但是就目前的工作而言，仅要css预编译和YUIcompress就够了，接下来切入正题Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。1、安装less插件ctrl+shift+p -

2017-04-10 12:29:21 164

原创关于script jsonp跨域请求数据

Documentfunction fun() { console.log("hi");}var fun1<?php echo $_GET['callback']."()"; ?>因为在同一个html中的js ajax异步请求数据只能同域请求,而如果在html 中引用不同域的数据请求时,我们就需要使用html标签中src这个属性了,这个属性可以请求任意外部的

2017-04-09 12:30:30 193

转载 jQuery.extend(object) 与 jQuery.fn.extend(object)的区别

原文链接：http://caibaojian.com/jquery-extend-and-jquery-fn-extend.htmlQuery.extend(object)为jQuery类添加类方法，可以理解为添加静态方法。如：·//code from http://caibaojian.com/jquery-extend-and-jquery-fn-extend.htmljQuer

2017-04-08 11:28:47 430

转载 url、href、src详解

URL（Uniform Resource Locator）统一资源定位符，表示从互联网上得到的资源的位置和访问方法，是互联网上标准资源的地址。互联网上每一个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。分类1、绝对URL（absolute URL）显示文件的完整路径，这意味着绝对URL本身所在的位置与被引用的实际文件的位置

2017-04-07 09:14:25 215

原创 CSS3 遇到的问题

今天在写CSS3时遇到了两个问题background属性,如果把background-color 写在了 background-image 的前面会出现颜色覆盖图片,所以要写在background-image的最后面两个img之间是会有缝隙的,可以在img,img所在的父盒子给font-size:0;解决bug今天学习CSS3 发现 transform 是把给元素一个状态,

2017-04-01 01:12:07 274

转载利用filter()去除数组中的重复元素，利用filter()筛选出数组中的素数

filter()是数组的一个常用操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。filter()接收的回调函数，其实可以有多个参数。通常我们仅使用第一个参数，表示Array的某个元素值。回调函

2017-03-31 02:23:48 3872

转载 js中的事件委托或是事件代理详解

起因：1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的；2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考；概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们

2017-03-29 02:03:41 657

原创 JS 中this 所指向的对象

var box=document.getElementById("box"); box.onclick = fn1; function fn1() { console.log(this); fn2(); } function fn2() { console.log(this); }第一个this 指向的

2017-03-26 22:42:19 244

原创 JS数组一些方法

今天写了一个原生JS旋转木马轮播图.用到了数组的相关方法.说明自己有点遗忘了,特此写一遍加强记忆push()pop()unshift()shift()reverse()这五个方法都是直接在原数组上增加,删除元素.反转数组,改变原数组而 slice(index1,index2)这个方法从复制1到2元素(不包括2),返回一个新数组.原数组不会变化.

2017-03-26 01:13:39 155

原创同名函数加载及定时器清除问题

Title .father{ padding:0; margin:0px; position: relative; } .box{ width: 50px; height: 50px; backgr

2017-03-25 12:11:57 428

原创 JS一些兼容性写法

由于浏览器的不断升级更新.,会导致旧的版本不支持一些方法,所以当新的代码用到一些方法时,旧的版本的浏览器不能识别导致程序报错,所以在写代码时需要考虑浏览器的兼容性写法.下面就是一些常用的浏览器兼容性写法. 获取节点下一个兄弟节点父节点.nextSibling ||父节点.nextElementSibling上一个兄弟节点父节点.previousSibing ||

2017-03-22 23:19:42 305

原创 JS原生轮播图代码

布局一个这样的轮播图难点在于图4与图1怎么实现无缝轮播,巧妙的是把图1插入图4后面 12341...代码如下html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> *{ margin:0; padding:

2017-03-22 00:49:53 362

转载 JS单线程问题

这个系列的文章名为“JavaScript 进阶”，内容涉及JS中容易忽略但是很有用的，偏JS底层的，以及复杂项目中的JS的实践。主要来源于我几年的开发过程中遇到的问题。小弟第一次写博客，写的不好的地方请诸位斧正，觉得还有一些阅读价值的请帮忙分享下。这个“JavaScript 进阶”是一个系列文章，请大家鼓励鼓励，我尽快更新。另外，如果你有比较好的话题，也可以在下面评论，我们一起研究提高。J

2017-03-21 00:19:45 438

原创引号的内容会被当成字符串

for(var i=0;i imgArr[i].onclick = function () { var b= this.src; console.log(b); body.style.backgroundImage="url("+this.src+")";

2017-03-17 00:03:35 355

原创 DOM 节点

Title你好啊 var ele =document.getElementById("box"); var att =ele.getAttributeNode("id"); var text = ele.firstChild; console.log(ele); console.log(att); console.log(text);

2017-03-16 12:37:42 167

原创 DOM绑定事件 -for循环'

很神奇的是在用for循环绑定事件时,定义一个变量i, 在function中使用i是不最后一个索引,所以导致认为a[i] 与当前所指的对象是一样的.这个时候就要用this 来解决问题了...问题代码如下 : for(var i=0;i<btnArr.length;i++){ btnArr[i].onmouseover = function () { b

2017-03-16 00:05:46 419

原创 JS Array.filter()方法

今天学习了Array的filter方法,MDN上解释的是filter()方法中行参是一个回调函数.这个回调函数就是一个规则,返回一个布尔值.filter()方法会对数组中每一个元素使用这个回调函数.注意,这里说的是每一个元素.并且将返回值为true的元素装入一个新数组返回.代码如下: var arr = ["关羽","woi","赵子龙","马zi超","黄忠"]; var arr1

2017-03-13 16:42:23 15874

原创 Java的自学之路-构造方法的作用以及与set方法的区别

在java中,我们创建一个类时需要对类中的成员变量进行私有化,private..这样可以提高代码的安全性,那么在new 一个对象时,我们就不能对类中的成员变量直接赋值,此时可以在类中写一个方法,这个方法即set()方法,可以用对象的引用来调用set()方法,在set方法里给成员变量进行赋值,如下代码所示:class Demo_This { public static void main(St

2016-10-09 10:57:49 5974 3

空空如也

setIntertval（fn,1000）