qingliuFu-CSDN博客

原创 setTimeout与requestAnimationFrame的一道题

问以下代码的执行的可能结果有几种？window.setTimeout(function(){ console.log(1); },1); window.setTimeout(function(){ console.log(2); },2); window.setTimeout(function(){ console.log(3); },3); window.requestAnimationF...

2018-06-14 18:24:44 726 2

原创 for循环中的闭包应用

1、下面代码的输出为什么？使下面代码的输出结果为0 1 2 3 4，应如何修改下面的代码？请使用多种方式来实现for(var i=0;i<5;i++){ setTimeout(function(){ alert(i); },100)}上述代码会输出5个5。因为setTimeout是一个异步任务，它会在循环完成后才进行，此时i=5.若要实现输出结果为0 1 2 3 4，也可...

2018-06-14 18:21:15 1818

原创关于移动端viewport，物理像素，设备独立像素，设备像素比的详解

物理像素：也可成为设备像素，是设备屏幕中能显示的最小的物理元件，可以理解为屏幕中的排列的发光二极管。设备独立像素：也可以称为CSS像素或者逻辑像素，在不同屏幕中，相同的CSS像素呈现的尺寸是一致的。设备像素比：等于物理像素除以设备独立像素。上图中可以看到当CSS像素相同时，在不同屏幕下的物理尺寸是一致的，但是由于他们的设备像素比不同，所以物理像素是不同的。这是因为Retina屏幕的分辨率更高，它的...

2018-06-06 15:05:19 2280

原创 vue.js组件中的v-for使用问题

在vue.js的官方文档中，组件部分的介绍实例为如下：//定义组件部分Vue.component('todo-item', { // todo-item 组件现在接受一个 // "prop"，类似于一个自定义特性。 // 这个 prop 名为 todo。 props: ['todo'], template: '<li>{{ todo.text }}</li&...

2018-06-06 14:58:10 7822 2

原创 sublime中如何添加Eslint

这里使用的是局部安装，即只在本项目的文件夹下安装1、使用git bash，输入命令mkdir exercise，创建一个文件夹2、输入npm install eslint --save-dev，运行完毕后，在该目录下会生成一个node_modules文件夹和package-lock.json3、输入 ./node_modules/.bin/eslint --init然后就可以运行ESlint了，这...

2018-05-29 17:46:32 941

原创 js作用域/this取值问题

1、函数的作用域链在定义函数时就确定了，所以当函数中没有定义变量时，在定义函数的地方寻找上一级作用域中寻找。2、作用域中，涉及到Js代码的编译和执行过程，在未调用时，进行js代码的编译，即创建每个执行环境中的变量对象或活动对象（因为只有在全局环境下才能直接访问变量对象读取变量，所以在函数作用域下使用活动对象来代替变量对象）。变量对象主要包含了：函数声明的提升（函数表达式不会进行提升，例如作为赋值表...

2018-04-19 14:28:36 851

原创 Js继承方式及优缺点

作为一门基于对象的语言，JS中也可以通过继承来实现父类型和子类型之间属性或方法的传递，其方式有以下几种：1、原型链继承：子类型的原型对象是父类型的实例即subertype.prototype=new supertype();缺点：子类型继承了父类型原型中的所有属性和方法，但是对于引用类型的属性值，所有实例共享，所以不能在不改变其他实例属性的情况下改变。2、借用构造函数继承：在子类型的构造函数中使用...

2018-03-28 14:30:12 286

原创 box-shadow属性

参数1：水平方向偏移量，即相对于border后的偏移量参数2：垂直方向偏移量参数3：blur模糊半径参数4：扩展半径，其中扩展半径是以阴影边界开始计算的如：div{ width:200px; height: 200px; border:2px solid blue; box-shadow: 0 0 0 2px red; marg...

2018-03-08 11:37:02 223

原创为什么js中的instanceof、typeof没有采用驼峰式命名法？

在写代码的过程中，会时不时的将instanceof写成instanceOf，然后出现错误。今天查了一下，发现instanceof和typeof属于JavaScript的运算符，而valueOf,toString为方法。...

2018-02-26 16:02:56 356

原创创建对象总结

1.使用Object创建实例，然后为实例添加属性和方法var person=new Object();person.name="lalal";person.age=28;person.sayName=function(){alert(this.name);};缺点：如果要创建多个person，那么就要为每个person创建相同的属性和方法，较为繁琐。2.工厂模式function createPer...

2018-02-25 17:19:23 295

原创 a标签的href值为空时怎么设置

a标签中的href值是一个地址，指示点击这个标签时，转向的地址。但是当使用a标签来做按钮，不需要跳转时，href值即为空。链接时，会保留a标签的表现，但是当这个a标签不在首屏里，比如 body{position:relative;}a{position:absolute;top:1000px;}此时点击这个链接时，会跳转到首屏。所以我们需要使用以下两种方式：

2018-02-01 13:59:02 10650

原创 Js中Array、String的方法和属性

一、Array和String共同拥有的：属性名作用返回值是否改变原数组arr.slice(start,end)从arr中获取下标为[start,end)的数组元素，且start,end可以为负值，-1表示最后一个元素为下标[start,end)的数组元素不改arrarr.indexOf()从arr中获取元素的下标，寻找方式是从

2018-01-31 14:53:43 1722

原创 FF下img的src值为绝对路径时

自己练习时，本地HTML中，在FF下，为src赋值绝对路径，如下：页面中不显示图像，控制台显示无法加载该图像，但是在IE和Chrome下都能正常显示。且将路径改为E:/exercise/1.jpg，也是同样的情况。查看该图片在FF浏览器中的路径为：file:///e:/exercise/1.jpg将绝对路径改为：file:///e:/exercise/1.jpg或者

2018-01-30 13:49:38 288

原创 IE各版本和FF对于\9,*,_,!important的支持

之前在网上看到一篇讲述CSS HACK的文章，主要用来区分的为\9,*,_,!important这四个。今天实验了一下，发现与文章中有一些出入，下面为IE各版本对于这几个的支持 \9*_!importantIE6是是是是IE7是是否是IE8是否否是IE9是

2016-09-21 11:02:53 2576

原创 javascript中的for in以及forEach语句详解

昨天百度笔试的时候做了一道题其中要判断for in中的i 是什么，我有点模糊。定义如下for...in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。var a=["saab","volov","bmw"];for(i in a){ alert(i);//0 alert(a[i]);//"saab"}所以在数组中的i是下标。var

2016-09-14 16:33:29 613

转载 JavaScript中alert(1&&2)为2的原因

金山面试时遇到alert(1&&2)输出为2的问题，不太明白，下来搜索了一下，发现一个讲的比较好的博客下面转载自穆乙’s Blog 专注前端技术的博客一、先来说说||（逻辑或）,从字面上来说，只有前后都是false的时候才返回false，否则返回true。alert(true||false); // truealert(false||true); // t

2016-09-13 18:49:36 10971 1

原创前端笔试题

1、问 var a = 1;delete a;typeof a的结果是number把 var 去了，结果是undefined把 var a = 1; 换成 eval("var a=1;") 结果是undefine因为delete可以删除对象的某个特性：var o = { x: 1 }; delete o.x; // true o.x; // undefine

2016-09-11 12:44:03 555

原创 sublime中如何添加sass

点击然后输入INSTALL PACKAGE然后输入SASS，安装然后输入SASSBUILD安装即可有颜色提示了使用CTRL +B即可在当前scss文件目录下生成一个css文件。

2016-09-10 14:37:40 1054

原创正则表达式的相关前端题目

1、返回一个只包含数字类型的一个数组例如js123ldkfsf12a78sdafwer4896ssdfd653——>[123,12,78,4896,653]var str="js123ldkfsf12a78sdafwer4896ssdfd653";function test(str){ var re=/([^a-zA-Z]+)/g; var arr=[]; str.r

2016-09-07 21:49:46 485

原创安装完git以及生成ssh后如何上传本地项目

在上一篇博客里转载了别人的安装以及生成ssh教程，下面就讲述一切就绪后如何将本地项目上传1、找到自己要分享上传的代码文件夹，如我要上传的文件夹为course在桌面的test文件夹下右键出来点击GIT Bash Here,出现下面界面然后输入以下代码：1、git init 这句是用来建立一个仓库2、git add course 这句是用来选择添加进仓库

2016-09-07 10:25:21 1876

转载如何安装github以及创建ssh

本文章转载自爱分享 » Git客户端图文详解如何安装配置GitHub操作流程攻略Git介绍分布式 : Git版本控制系统是一个分布式的系统, 是用来保存工程源代码历史状态的命令行工具;保存点 : Git的保存点可以追踪源码中的文件, 并能得到某一个时间点上的整个工程项目额状态; 可以在该保存点将多人提交的源码合并, 也可以会退到某一个保存点上;Git离线操作

2016-09-06 22:18:05 1647

原创妙味课堂中使用php，MySQL，ajax制作简易的新浪微博页面

将简易的新浪微博分为三个部分：sina.html用于显示页面 sina_post.php作为ajax的请求页面 sina.sql用来在数据库中建立表messages其中sina.sql的内容如下：CREATE TABLE messages( ID int NOT NULL AUTO_INCREMENT PRIMARY KEY,

2016-09-05 10:35:09 1320

原创前端中注释的问题

一直以来使用sublime中的快捷键shift+ctrl+/来对代码进行加注释，忽略了每个部分注释的区别1、html代码中的标签内部的注释和css的注释相同，使用/* */来2、html代码中的标签内部的注释和js的注释相同，使用//进行单行注释，/**/进行多行注释3、html代码使用进行注释

2016-09-01 09:22:45 1765

原创前端学习中遇到的错误及原因

1、Uncaught SyntaxError: Unexpected identifier出现这个错误，是因为我的程序里面上一行少写了一个逗号,2、Uncaught SyntaxError: Unexpected token , $.validator.addMethod({ "formula", function(value,element

2016-08-30 21:26:47 729

原创 jQuery表单验证插件Validation中两种自定义验证信息的方法

方法一：在使用Class属性值的内部添加messages如下：一个简单的验证带验证提示的评论例子姓名 *class="{validate:{required:true,minlength:2,messages:{required:'请输入姓名',minlength:'请输入至少两个字符'}}}" /> 电子

2016-08-30 20:51:03 3474

原创 <dl><dt><dd>标签的作用

看过HTML之后只记住了一些比较常用的标签，突然在代码中看到这三个标签中有点忘记了。查了一下书，如下：define list定义一个定义列表define list title定义了这个定义列表的标题define list define定义了这个定义列表的各列表项的文字字段其中需要注意的是：标签必须放在标签内部其模式如下：衬衫短袖衬衫

2016-08-27 14:21:34 1598

原创 HTML5中<video>标签的duration属性在IE中为NAN的原因

根据JavaScript高级程序设计中P489页的程序，我写了以下程序 Video player is not available.0/0window.onload=function(){var oPlayer=document.getElementById('player');var oBtn=documen

2016-08-12 16:19:29 4623 1

原创 Javascript中typeof与instanceof之间的区别

首先，typeof是一个操作符，返回一定的字符串，不是一个函数，所以可以直接写成typeof 95,而typeof (95)是可行的，但是（）不是必须的。对一个值使用typeof可能返回下列某个字符串1、"undefined" 该值未定义2、"boolean" 该值为布尔值3、"string" 该值为字符串4、 "number" 该值为数值5、 "object" 该值为对象

2016-08-05 20:22:54 732

qingliuFu的博客