Blog
Blog copied to clipboard
MLuminary
:hamster: 新博客正在搭建中
## 引言 在学习了 alsotang 大神的 《Node.js包教不包会》后的一个爬虫小练习，期间也碰到挺多小问题，也学到了很多小东西。「单押×3」:trollface: 这里是大神的教程地址 https://github.com/alsotang/node-lessons， 下面是自己的爬取效果图  同时推荐一个谷歌插件 JSONView,会将 JSON 格式的数据转化成上面图的格式 [immocSpider练习源码](https://github.com/MLuminary/subentry/blob/master/easySpider/imoocSpider/app.js) ## 搭建服务器 首先，搭建一个 http 服务 ```js var http = require('http'); var express = require('express'); var...
# FlexDisplayRoom [项目展示地址](http://www.haoqinzz.cn/FlexDisplayRoom/) 前段时间面试发现有很多都问 flex 布局，就觉得灰常有必要去学习一下，浏览了一遍[阮一峰大神写的教程](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?^%$)后掌握了基本理论，但始终觉得应该实践一下，偶然看到了这样一个网站 https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/ **应该要翻墙**才能进去，这个网页在手机端需要不断的上下滑动，个人感觉有必要修改一下，就萌生了也做一个类似的想法，当然自己手机端做的也不是那么好，但是在做的过程中也学到了一些适应手机端的一些知识 [项目展示地址](http://www.haoqinzz.cn/FlexDisplayRoom/) [项目源码地址](https://github.com/MLuminary/subentry/tree/master/FlexDisplayRoom) ## Flex 布局的基础知识 采用 flex 布局的元素，称为 Flex 容器，它的所有子元素自动成为容器成员，成为 Flex 项目 ### 容器的属性 以下属性第一个取值为默认值 **flex-direction** - row : 主轴为水平方向，起点在左端 - row-reverse...
## 判断一个对象是不是数组类型 ### typeof 少部分人可能首先会想到 `typeof` ```js var n = 3, b = true, s = 'Hello', x = null, y, obj1 = function() {}, obj2 = {}, obj3 =...
## 示例代码 ```html ``` ```css * { margin: 0; padding: 0; } .header { height: 70px; } .nav { height: 70px; background: red; } ``` ## 当需要居中的 div 设置了固定宽度 ###...
## 引言 前几天做一个迷你京东小项目的时候涉及到一个全选的小功能，一开始用的是 `attr`，但是效果完全不是自己想要的，当商品按钮点击过一次后，`attr`就无法对其状态进行更改，最后谷歌了一番发现需要用 `prop` 来代替。虽然效果问题解决了，但是自己还是想弄懂 `prop` 和 `attr` 的区别. ## 版本使用不同 遇到问题我一般先会去查相关的官方文档，可在 jq 的 api 中文文档中没有发现有价值的东西，只是发现适用的版本和概念有所轻微的不同。 `attr` : 设置或返回被选元素的属性值.版本：1.0 `prop` : 获取在匹配的元素集中的第一个元素的属性值。版本：1.6+ 从概念中发现操作的对象和使用也好像基本相同，然后带着疑惑去进行了一番实验并去查阅了一些相关资料 示例代码 ```HTML 全选 单选 单选 单选...
# 跨域问题总结 跨域问题是日常中必须要面对的，每次面试必考跨域也体现了跨域技术的重要性，跨域的文章也多的数不过来，今天这篇文章主要是用来总结自己每种跨域技术的尝试，如果有幸能帮到别人那就再好不过了 自己用 node 搭了两个服务器，前台设置的端口为 3002，模拟的服务端设置的端口为 3001 跨域问题的出现是由于「同源策略」引起的，「同源」就指的是三个相同，即「协议相同」、「域名相同」、「端口相同」，「同源策略」使得以下三种行为受到限制 * Cookie、LocalStorage 和 IndexDB 无法获取 * DOM 无法获取 * Ajax 请求无法发送 具体情况还请移步[浏览器同源政策及其规避方法](http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html) 自己在这还是稍微总(jie)结(jian)一下，写一遍加深一下印象 ## 对于 Cookie 和 iframe 对于 Cookie 和...
## 函数的定义 函数其实就是一个封装一段代码段的**对象**，那函数名其实仅是用来引用函数对象的一个普通变量 写代码的时候我们避免不了要重复用一些代码，一直重复写很耗时，而且不美观也不利于维护，因此函数的出现就是来让代码重用，便于维护。 一段代码，可能被反复使用，可以定义为函数，然后调用函数来使用这段代码。 ## 函数的创建 **function 声明** ```js function 函数名(参数列表) { 函数体; return 返回值; } ``` **直接量声明** ```js var 函数名 = function(参数列表) { 函数体; return 返回值; }; ```...
## 引言 网络上关于作用域及闭包的文章很多，自己对于纯理论知识并不能很快的理解，但自己对于图画有很强的记忆和理解能力，因此决定将此知识点以图画的知识表现出来，加深自身理解的同时如果能帮到正在学习的童鞋就再好不过了 下面我以函数的整个生命周期来诉说此部分知识 ## 函数生命周期 先写一下示例代码 ```js var a = 10; function func(a) { var a = 20; a++; console.log(a); } func(); console.log(a); ``` ### 开始执行程序前  1. 先创建...
> BFC 这个名字听过很多次了，文章中总是说触发 BFC 然后怎样怎样，开始的时候觉得 BFC 很神秘，应该很难，当时只为解决眼前问题的我，就没有选择去了解一下 BFC，只是知道有 BFC 的存在，但并不认识他，今天终于鼓起勇气想他打个招呼，认识认识这位看似神秘的朋友. ## 文档流 我们常说的文档流分为三种，普通流，浮动流和定位流。在这里简单的介绍一下。 在「普通流」中，元素按照在 HTML 中的先后位置至上而下布局，块级元素从上到下依次排列，框之间的垂直距离由框的垂直 `margin` 计算得到。行内元素在一行中水平布置，直到占满一行则换行 「浮动流」就是元素被设置了浮动属性，一开始还是按照普通流布局，但是会根据浮动的方向移动。 「定位流」就是设置了定位属性，元素完全脱离普通流。 ## BFC 定义 BFC(Block Formating Context),直译过来就是「块级格式化上下文」(在 CSS3 中，BFC 叫做 Flow...
## 引言 前阵子无聊，LOL 也不是很想玩，发现了电脑中自带的扫雷,当时在一个神奇的地方，用的是一个 windows2000 的系统界面但是扫雷确是 win7 的样式,玩了几局，其中有一局很崩溃，我先上图为敬。  这种情况，就是考验运气的时候了，但是果不其然。。。  我成功选择了有炸弹的那一个，从这里面我明白了一个道理，那就是：**成功需要 99%的努力再加上 1%的运气**。。。。。。 ## 原理(思路) ### 布局 玩了几句搞清了游戏规则，就想自己动手做一个，因为以前做过 2048，所以首先想到的就是用二维数组布局 添加三个难度的按钮 ```html 简单 中级 高级 ``` 点击相应按钮通过 js 获取对应的 `data`...