<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Dorui的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Dorui</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Dorui]]></copyright><item><title><![CDATA[前辈面经]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79452945</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79452945</guid><author>Dorui</author><pubDate>Tue, 06 Mar 2018 02:09:35 +0800</pubDate><description><![CDATA[前端面试题目总结

之前在找工作找的资料都是学长们用word的形式保存下来的，觉得非常的不方便。这其中会包含一些常问的面试题，以及一些公司的面试题。希望有所帮助。




前端面试题目总结
提示与建议
前端
简历
看书
HTML
CSS
JavaScript
计算机网络
前端性能
Web浏览器安全
前端工程化
数据结构
算法
操作系统
git
什么是好的前端工程师










提示与建议
...]]></description><category></category></item><item><title><![CDATA[响应式布局与Bootstrap]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79452929</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79452929</guid><author>Dorui</author><pubDate>Tue, 06 Mar 2018 01:43:55 +0800</pubDate><description><![CDATA[



响应式布局的介绍
什么是响应式布局
响应式布局的优缺点
响应式布局设计原则
实现方法介绍
CSS3-Media Query简单案例


Bootstrap的介绍
bootstrap的基本介绍（bootstrap.com）













响应式布局的介绍

什么是响应式布局

让一个网站兼容不同分辨率的设备； 
给用户更好的视觉使用体验。



响应式布局的优缺点

  优点：解...]]></description><category></category></item><item><title><![CDATA[js面试题整理]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79451343</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79451343</guid><author>Dorui</author><pubDate>Tue, 06 Mar 2018 01:00:24 +0800</pubDate><description><![CDATA[//1.打印出所有的value值
    var tree ={
        left:{
           left:{value:3},
           right:{value:4},
           value:1
        },
        right:{
           left:{value:5},
           right:{value:...]]></description><category></category></item><item><title><![CDATA[JS日期，Math,数组以及对象的整理]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79441227</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79441227</guid><author>Dorui</author><pubDate>Mon, 05 Mar 2018 00:14:36 +0800</pubDate><description><![CDATA[



相关题目
知识点











相关题目


获取2017-06-10格式的日期




function formatDate(dt){
    if(!dt){
        dt = new Date();
    }
    var year = dt.getFullYear();
var month = dt.getMonth()+1;
var date = dt.ge...]]></description><category></category></item><item><title><![CDATA[JS异步与单线程]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79392330</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79392330</guid><author>Dorui</author><pubDate>Tue, 27 Feb 2018 19:23:52 +0800</pubDate><description><![CDATA[


异步
知识点
相关题目


单线程
知识点


知识点更深入的了解









异步



知识点


什么是异步（与同步比，有什么区别）




//异步
console.log(100);
setTimeout(function(){
    console.log(200);
},1000);
console.log(300);
//结果
//先打印100，再打印300，1s之后...]]></description><category></category></item><item><title><![CDATA[JS作用域链和闭包]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79383319</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79383319</guid><author>Dorui</author><pubDate>Tue, 27 Feb 2018 04:05:44 +0800</pubDate><description><![CDATA[



知识点
相关题目










知识点

++执行上下文++

执行上下文可以理解为当前代码的执行环境，它会形成一个作用域。 
   - 范围：一段&amp;lt; script &amp;gt;或者一个函数 
   - 全局：变量定义，函数声明 （在一段&amp;lt; script &amp;gt;里） 
   - 函数：变量定义，函数声明，this,arguments



console.log(a);
v...]]></description><category></category></item><item><title><![CDATA[原型链]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79380726</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79380726</guid><author>Dorui</author><pubDate>Mon, 26 Feb 2018 19:00:56 +0800</pubDate><description><![CDATA[



原型链实例及图示
instanceof
题目











原型链实例及图示



/*测试*/
//构造函数
function Foo(name,age){
    this.name = name;
}
//创建实例
Foo.prototype.alertName =      function(){
    alert(this.name);
}
var f = new Fo...]]></description><category></category></item><item><title><![CDATA[JS原型的理解]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79374282</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79374282</guid><author>Dorui</author><pubDate>Mon, 26 Feb 2018 10:37:40 +0800</pubDate><description><![CDATA[


原型的5个规则
this
循环自身的属性








原型的5个规则


所有的引用类型（数组，对象，函数），都具有对象特性，即可自由扩展属性（除了“null”）




var obj ={};obj.a=100
//100
var arr=[];arr.a=100
//100
function fn(){}
fn.a=100
//100


所有的应用类型，都有一个proto属性（隐...]]></description><category></category></item><item><title><![CDATA[float清除浮动]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79366499</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79366499</guid><author>Dorui</author><pubDate>Sun, 25 Feb 2018 03:11:50 +0800</pubDate><description><![CDATA[float(对块级与行内元素的影响)，如何清除浮动

影响：  浮动会使元素具有块级元素和行内元素的特点（即内联块的特点），让块元素在同一行显示。 
内联块（inline-block）和浮动（float：left/right/none）（元素脱离文档流，按照浮动方向移动，遇到父级边界或者相邻浮动元素停住）但是无论哪种方式都需要做一些处理：去除inline-block的间隔和去除浮动。


去除in...]]></description><category></category></item><item><title><![CDATA[作用域链]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79366490</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79366490</guid><author>Dorui</author><pubDate>Sun, 25 Feb 2018 02:47:39 +0800</pubDate><description><![CDATA[javaScript作用域，自由变量


自由变量：在A的作用域下使用变量x,却没有在A作用域中声明（即在其他作用域中声明的），对于作用域A来说，x就是一个自由变量。




var x;
function fnA(){
    x = 1;
    b = x;
}


js作用域及作用域链 
定义：作用域也称为执行环境。
当代码在一个环境中执行时，会为变量对象创建一个作用域链，这个作用域链会保...]]></description><category></category></item><item><title><![CDATA[去除inline-block间隔的几种方法]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79297097</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79297097</guid><author>Dorui</author><pubDate>Fri, 09 Feb 2018 11:59:36 +0800</pubDate><description><![CDATA[如果你写两个input框，中间会出现间隔，有时候这种情况会对我们的布局产生影响,有以下几种情况可以解决这种问题


去掉换行符

由于他会是代码连成一行，影响代码可读性，可以改进以下用注释的方法去掉换行符
设置margin-left为负值，去掉间隔

margin值的大小需要根据你的上下文的字体和文字设置，外部环境的不确定性很大，而且最后一个元素会多出一个父margin值，不推荐用。
设置字体大小...]]></description><category></category></item><item><title><![CDATA[git的常用命令理解整理]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79279868</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79279868</guid><author>Dorui</author><pubDate>Wed, 07 Feb 2018 14:37:25 +0800</pubDate><description><![CDATA[1.创建版本库： 
  mkdir learngit  相当创建文件夹 
  pwd   用于显示当前目录 
  git init 可以将刚建立的文件夹变为Git可以管理的仓库 
  git add git_note.txt 在仓库中添加文件 
  git commit -m 提交到仓库 反馈的信息中有改变的文件及行数 
       -m 后为提交的说明  
       -a 表示提交所有修改]]></description><category></category></item><item><title><![CDATA[git忽略文件的问题]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79279637</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79279637</guid><author>Dorui</author><pubDate>Wed, 07 Feb 2018 14:21:54 +0800</pubDate><description><![CDATA[git时遇到这样的问题：

Changes not staged for commit:
  (use "git add ..." to update what will be committed)
  (use "git checkout -- ..." to discard changes in working directory)

        modified:   .idea/wor]]></description><category></category></item><item><title><![CDATA[jQuery mobile从入门到放弃]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/79212607</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/79212607</guid><author>Dorui</author><pubDate>Wed, 31 Jan 2018 01:43:17 +0800</pubDate><description><![CDATA[之前只知道jquery有个专门做移动端的插件，今天做移动端项目的时候了解了下它的事件，简单实用，触摸滑动基本都有，因为之前小组默认都是jQuery来写代码来着，所以从官网下载出来准备直接开动，但一直到从中午到晚上，他让我感觉到越来越绝望，现在，我想把我遇到的问题写出来，大家可以参考一下



问题1：我在两个官网分别下载最新的插件，jquery.mobile-1.4.5.min.js与jquery]]></description><category></category></item><item><title><![CDATA[移动端头部代码解释]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/78767822</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/78767822</guid><author>Dorui</author><pubDate>Sun, 10 Dec 2017 21:40:26 +0800</pubDate><description><![CDATA[经常情况下手机端头部会有这么一串东西<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />根据w3c的解释
meta元素可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。meta 标签的属性定义了与文档相关联的名称/值对。]]></description><category></category></item><item><title><![CDATA[整理总结：JS DOM中对className的选择，添加和删除]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/78313014</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/78313014</guid><author>Dorui</author><pubDate>Sun, 22 Oct 2017 20:37:09 +0800</pubDate><description><![CDATA[对相同className的元素的选择
/*方法*/
function getByClass(oParent, sClassName) {
    var aEls = oParent.getElementsByTagName("*"); //选择确定父元素内所有元素
    var arr = [];
    for (var i = 0; i < aEls.length; i++) {]]></description><category></category></item><item><title><![CDATA[JS中常用Math对象常用方法的整理]]></title><link>https://blog.youkuaiyun.com/Dorui/article/details/78296971</link><guid>https://blog.youkuaiyun.com/Dorui/article/details/78296971</guid><author>Dorui</author><pubDate>Fri, 20 Oct 2017 16:35:01 +0800</pubDate><description><![CDATA[Math.floor()：向下取整（下舍去）  
Math.ceil()：向上取整（上进入） 
Math.round()：四舍五入 
Math.abs()：取绝对值 
Math.cos()：余弦值 
Math.sin()：正弦值 
Math.max()：比较（取大） 
Math.min()：比较（取小） 
Math.pow() : 取幂（两个参数第一个参数为底数，第二个为指数） 
Math.sqrt]]></description><category></category></item></channel></rss>