2017年03月_带刀预言家

原创 ajax跨域请求

跨域问题 JS处于安全考虑使用了同源策略 Under the policy, a web browser permits scripts contained in a first web page to access data in a second web page, but only if both web pages have the same origin. An origin is

2017-03-29 11:34:41 303

原创 Electron构建下载文件桌面应用

做这个真的要疯掉，但是开始了就要做出来。下面就说一下整个过程吧，因为真的查阅了不少资料，发现似乎没几个桌面应用会选择做下载文件的，所以需要一直查资料查资料，查到要疯掉。进入正题初识electronelectron文档：https://github.com/electron/electron 文档里面有中文的，所以还是蛮容易理解的。文档主要就是介绍electron项目的结构如下：

2017-03-28 23:10:03 8002 6

原创每天一篇面试题（七）

alert(0/0); // 输出NaNalert(1/0); // 输出Infinityalert(function(){alert("3333");}); // 将输出两次，第一次alert出3333，第二次alert出undefinedvar len = 4;while(len--){ setTimeout(function(){console.log(len)},300

2017-03-27 20:37:06 469

原创水平垂直居中显示的多种方式

垂直居中也是面试题常见的问题，的确，水平居中比较好实现，一般使用margin：0 auto（块元素）、text-align：center（行内元素）但是垂直居中则比较麻烦，对于行内元素来说可以通过设置其行高，但是块元素呢？HTML结构如下：<body> <div class="main"> <div class="content"> Am I ce

2017-03-27 20:13:00 349

原创两列布局的多种方式

面试的时候真的太常被面到这个问题了！所以还是实践一下做个笔记吧。 HTML布局如下：<body> <div class="content"> <div class="left"> <p>Hello</p> <p>I'am left</p> </div> <div class="right">

2017-03-26 23:55:03 8045 3

原创 JS异步编程

http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html

2017-03-24 20:52:29 183

原创每天一篇面试题（六）

编译语言与解释执行语言（脚本语言）有什么区别？编译语言会在执行前有个编译过程，翻译成机器语言后再执行。而脚本语言则是在执行过程中翻译成机器语言，因此脚本语言相较于编译语言更慢一些。编译语言：C、C++ 脚本语言：js、python 请列举出至少五个应用层网络协议。HTTP、SMTP、DNS、POP3、FTP HTTP 协议的 GET/POST 方法的区别以及适用场景分别是什么？

2017-03-23 20:29:59 459

原创实习 day6

今天的任务是解决为什么无法异步请求和上拉数据请求的问题。解决为什么无法异步请求异步请求它和同步请求不一样的地方时，异步请求时，其不会等待服务端的响应直接执行下一步。所以，为什么我异步执行的时候的list为空？首先，state一旦改变，就会重新渲染页面。前提是需要使用this.setState()方法。而我使用的是 that.state.items_tas

2017-03-23 09:53:26 249

原创实习 day5

这次的任务是做分页 + 请求数据分页效果如下就是点击跳转到另外一个页面。我参考了一篇很不错的博文： https://segmentfault.com/a/1190000004200481 大致的意思就是<组件1> <组件2> <div>内容1</div> </组件2> <组件2> <div>内容2</div>

2017-03-21 20:58:29 162

原创事件处理函数

事件处理程序分为三类：DOM0级事件处理程序、DOM2级事件处理程序、IE事件处理程序。DOM0事件处理程序//添加btn.onclick = function(){}//移除btn.onclick = null;DOM2事件处理程序var handler = function(){}//添加btn.addEventListener('click', handler,true/false

2017-03-20 23:45:20 742

原创每天一篇面试题（五）

请写出超链接的顺序或者你在初始样式中的链接方法。要求默认无下划线，鼠标经过有下划线<style> a:link, a:visited{ text-decoration: none; color:black; } a:hover, a:active{ text-decoration: underline;

2017-03-20 21:37:42 1232

原创每天一篇面试题（四）

从给定的无序、不重复的数组 A 中，取出 N 个数，使其相加和为 M。并给出算法的时间/空间复杂度。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2017-03-20 20:57:02 1660 1

原创实习day3

今天的任务是完成昨天的首页部分，就是增加一个下拉刷新和上拉加载。由于我还未学习网络请求，所以这次加载的数据就是简单的添加一项。其实要求并不严格，使用第三方组件实现即可，可是组件难找啊… 找到一个可以用的可真不容易哈哈哈我先实现的是下拉操作，所以先找的是下拉刷新的插件。React-Pull-To-Refresh使用这个组件的问题就是样式！这个组件特别好用，但是样式真的折磨我神tm久。

2017-03-17 23:58:45 228

原创每天一篇面试题（三）

题目一用尽可能多的方法找出数组中重复出现过的元素例如：[1，2，4，4，3，3，1，5，3] 输出：[1，3，4] 作者补充：若给出多种方式，请分别给出他们的复杂度<script> var input = [1,2,4,4,3,3,1,5,3]; var counter = new Array(); var output = new Array(

2017-03-16 22:25:37 497

原创实习 day2

React.js组件我对组件的理解就是它减少了对DOM的引用，它可以像HTML标签一样使用。下面是今天遇到的一些问题和解决方法。无法将js作为外部文件引用过来，会报跨域获取文件的错误。 **只需要使用http-server即可。应该在根目录下运行，不然无法取得根目录下的文件夹（里面存放react.js等）**如何实现点击切换状态？看了一篇文章受到了启发：原理就是所有被点击的元素作为ul的

2017-03-16 21:43:09 220

原创每天一篇面试题（二）

题目一<script type="text/javascript" charset="utf-8">function fun(n,o){ console.log(o) return{ fun:function(m){ return fun(m,n); } };}var a = fun(0); a.fun(1); a

2017-03-15 16:45:37 527

原创 JS：js中的排序算法

冒泡排序算法复杂度：O（n^2）var array = [5,9,4,1,10];this.getArray = function() { return array;}var swap = function(i, j) { temp = array[i]; array[i] = array[j]; array[j] = temp;};this.bub

2017-03-13 20:40:11 385

原创闭包题目

2017-03-11 10:38:11 1761 2

原创 JS+Jquery：2048游戏

终于完成了2048小游戏的制作~ UI长这样使用键盘的上下左右来控制数字块的活动。下面主要是记录一下这个游戏在制作过程中遇到的一些问题。UI的设置？如何确定每一个块的位置？我们可以看到，其实每次移动都是块的移动或合并。所以这个过程是有一个动画的，就是块的横向或纵向地改变自己的坐标。但是，我们看到的块的移动并不是这个背景块在移动，而是这个数字块。就是说其实在背景块的上面还是悬

2017-03-11 09:14:57 1426

原创 HTML+CSS：临摹电商网站解决兼容性问题以及心得

临摹电商网站过程中，难免会遇到各种浏览器不兼容样式的问题。我的ie浏览器是ie11，因此还是很大部分可以兼容的。但是在ie6上兼容则不是那么好了。接下来主要是说说我遇到的问题以及不兼容的地方和解决方法。星号居中文字并紧邻文字如图可以看到星号是紧邻着文字的，所以无法使用背景来设置星号的位置。但我发现为了居中文字，需要使文字和星号分装在两个容器中，令装有星号的vertical-a

2017-03-09 12:15:48 1172

原创 IE无法引用外部CSS文件

去掉<!DOCTYPE html>里面的html以示警戒

2017-03-06 21:47:56 756 1

原创 Flex+JS：实现可视化的多叉树遍历、查询、聚焦、添加、删除节点

基于上次的二叉树，现在变成多叉树的遍历了。多叉树的遍历不再分为前中后序遍历，而是深度优先遍历和广度优先遍历。其中深度优先遍历又分为递归和非递归。遍历算法深度优先遍历递归版本function recursionOrder(node) { nodeArr.push(node); if(node==null || node.children.length == 0) return;

2017-03-05 16:58:43 1750

原创 Flex布局+JS：实现可视化的二叉树遍历

最近在学习js和树，要求是实现一个二叉树，布局可以使用Flex，用js实现对二叉树的前中后序遍历。没学习过Flex，因此特意去看了一下教程。有两个教程写得非常好： 1.Flex布局教程——语法篇 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 2.Flex布局教程——实例篇 http://www.ruanyifeng.co

2017-03-05 13:53:04 2079

原创 JS：如何实现可视化排序

效果图初始化页面排序过程结果实现实现可视化排序主要是分为三个步骤： 1.获取列表 2.对列表进行冒泡排序，并记录每次排序结果 3.使用setInterval函数每次间隔一段时间将排序结果按顺序显示出来，存在一定的时间间隔就实现了可视化排序//点击排序按钮开始排序document.getElementById("sort").onclick = function ()

2017-03-03 15:49:10 1896

原创 JS：js中获取一个无序列表并按照有序的方式显示

获取一个无序列表var ul = document.getElementById('source');var li = ul.getElementsByTagName('li');function getData() { var str; var data=[]; var i = 0; while(li[i]!=undefined) { str = li[i].inner

2017-03-03 12:18:46 5694

原创 JS：innerHTML、innerText和value的区别

为了获取input里的值，一开始我写的是input.innerHTML，console一看，居然是空的（不是undefined也不是null）。上网查完资料之后说获取input的值应该使用.value，然而它们之间的区别是什么呢？innerHTMLinnerHTML是得到你元素.innerHTML**后的所有内容作为HTML来解析** <div id="example"><a href="

2017-03-03 11:16:16 512

原创 HTML+CSS+JS：临摹腾讯软件中心首页——轮流播放图片

上次写完腾讯首页的HTML+CSS，在首页，有一个轮流播放banner的地方，在上次由于是先写布局所以就暂时搁置了。现在来实现~观察CSS 1.可以看到，播放时候的banner的宽和高都是一样的。 2.轮流播放，1到2到3到4再到1。 3.若鼠标悬停在某一个数字上，就会显示相应的banner并长时间停留在该banner上。 4.我认为鼠标若悬停在banner上，应该长时间停止在该bann

2017-03-02 11:22:53 1595 1

原创 CSS：纯CSS绘制三角形（原理）

设置大边框的时候矩形的显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>绘制三角形</title> <style type="text/css"> #triangle{ display: inline-block; wi

2017-03-01 20:05:16 527

原创 JS：关于我对闭包的理解

在《javaScript高级程序设计》里对闭包的解释是这样的：闭包是指有权访问另一个函数作用域中的变量的函数。由此我们可知，闭包是一个函数，在这个函数里可以获取到其他变量。函数在调用时发生了什么1.函数一旦被调用，它会创建一个执行环境和一个作用域链，大家都知道作用域链是用来确定变量是否可以被访问到。 2.函数会先用其参数和其他变量来初始化该函数的活动对象。 3.外部函数的活动对象则处于第二位

2017-03-01 15:40:40 425

原创 JS：原型、原型链、继承

创建对象的方式构造函数模式创建对象function Person(name, age) { this.name = name; this.age = age; this.getName = function() { return this.name; }}var amy = new Person("amy", 18);var sam = new Pers

2017-03-01 13:52:48 251

QD的博客