illuSioN4ng-CSDN博客

原创在GitHub Pages上弄了一个博客

最近忙了有一个月的项目吧，有点拖学习的后腿了，博客更新也少了TAT；不过一个偶然的机会接触到了GitHub Pages，了解到了jekyll，之后又找到了hexo，喜欢上了很多主题，显然比CSDN更加好（装）看（B）啦！以后的博客应该会主要发在个人github上面我的github 账号和CSDN是一样的（la413972057，id : illuSioN4ng）不过SCDN也应该会坚

2015-11-23 21:30:52 321

原创阿里电话一面总结

今天（3.7）下午接到了阿里无线事业部的面试电话，问了一些前端的知识，照惯例，总结一下：页面优化相关减少请求数请求数与网页的加载时长有直接的关系，sprite图来减少小图标的请求数，对于文本则可以通过合并缩小（避免使用import引入css文件，并且请求是异步请求）图片合并css文件合并减少内联样式避免在css中使用import 减少文件大小页面上最大的流量产生在

2016-03-17 15:34:17 1051

昨天（3.1）去成都腾讯云平台面试前端实习生，一上来就让我做了一套卷子，现在把卷子的内容尽量还原下。首先是选择题，选择题考的还是比较基础的东西，比如"64"-"4"的结果，应该是60,选项中并没有，（题目有点鸡贼，很容易让人对自己产生疑惑），后面还有一些DOM操作的题，正则表达式的匹配问题，还有parseInt('16', '16') 的结果，还有http的状态字，html表单相关的默认选中的标签用

2016-03-17 15:33:24 1147

原创估算类问题的回答思路

一个立志成为产品的妹子(by 琳仔酱)的总结，给我之前很长时间困扰的估算问题一个解答。（感觉自己是陷入了自己给自己挖的怪圈） 1. **明确要估算的是什么 2. 理解为小学生命题，给出可以解题的条件，这些条件的估算正是可以求解最终问题的线索。** 3. 复杂的估算问题，拆分成小问题。美国飞机的乘客数有多少？两个角度回答这个问题。 1. 从美国总人口数入手。再次强调，请用给小学生出题的想法

2016-01-13 10:55:40 1752

原创 CSS权威指南学习笔记（1）

CSS关键字往往由空格分隔，只有一种情况例外。在CSS的font属性中，只有一种情况可以使用斜线（/）来分隔两个特定的关键字。栗子如下： h2 { font: large/150% sans-serif; }//斜线用来分隔了用来设置元素字体大小和行高的两个关键字。是选择器的特殊性由选择器本身的组件决定。特殊性值表述为四个部分，一个选择器的具体特殊性如下确定：对于选择其中给定

2016-01-10 17:23:12 451

转载 JavaScript 面试题

使用typeof bar === "object"判断 bar 是不是一个对象有神马潜在的弊端？如何避免这种弊端？使用 typeof的弊端是显而易见的(这种弊端同使用 instanceof)： var obj = {}; var arr = []; console.log(typeof obj === 'object'); //true console.log(t

2016-01-08 16:14:00 359

原创百度web-ife前端学院-task2 JavaScript基础学习笔记

判断各种数据类型的方法实现代码如下： “` // 判断arr是否为一个数组，返回一个bool值 function isArray1(arr) {//不推荐使用，因为可能会有多窗体(frame)存在，这样每一个窗口都有一个自己的 JavaScript 环境，有自己的全局对象。并且每个全局对象都有自己的一组构造函数。因此一个窗体中的对象不可能是另外窗体中的构造函数的

2016-01-07 20:26:25 903

原创百度web-ife前端学院-task1学习笔记

用两种方法来实现一个背景色为红色、宽度为960px的在浏览器中居中实现思路为：一、利用设置左右margin为auto，自动居中；二、利用绝对定位和负边距来居中 html主要代码如下<div class="div1">实现一个背景色为红色、宽度为960px的盒子在浏览器中居中利用margin</div><div class="div"> <div class="div2 margin"

2016-01-05 19:38:16 2930 1

转载前端基础知识总结

一个普通网站访问的过程用户操作浏览器访问，浏览器向服务器发出一个 HTTP 请求；服务器接收到 HTTP 请求，Web Server 进行相应的初步处理，使用服务器脚本生成页面；服务器脚本（利用Web Framework）调用本地和客户端传来的数据，生成页面；Web Server 将生成的页面作为 HTTP 响应的 body，根据不同的处理结果生成 HTTP header，发回给客户端；客

2016-01-05 10:03:09 403

原创 npm的package.json中的dependencies版本号

version 必须完全和version一致>version 必须比version大>=version 同上<version 同上<=version 同上~version 约等于比如~1.2.2，表示安装1.2.x的最新版本（不低于1.2.2），但是不安装1.3.x，也就是说安装时不改变大版本号和次要版本号。^version 比如ˆ1.2.2，表示安装1.x.x的最新版本（不低于1.

2016-01-03 10:14:15 4014

原创《jQuery基础教程》第四版第七章课后练习——使用插件

把幻灯片的切换周期延长到1.5秒，把动画效果修改为下一张幻灯片淡入之前，前一张幻灯片淡出。请参考Cycle插件的文档，找到实现上述功能的选项。设置名为cyclePaused的cookie，将它的有效期设置为30天。限制书名区域，每次缩放只允许以10像素为单位。修改滑动条动画，让幻灯片切换时，滑块从当前位置平滑地移动到下一个位置。不像以前那样循环播放幻灯片，而是在播放完最后一张幻灯片后停止。当

2015-12-27 14:51:22 1195

原创 JavaScript(7) - 栈和队列

栈stack.js文件如下：function Stack(){ var terms = []; //入栈 this.push = function(element){ terms.push(element); } //出栈 this.pop = function(){ return terms.pop(); }

2015-12-24 15:54:29 393

原创学习笔记：《jQuery基础教程》第四版第六章课后练习——通过Ajax发送数据

页面加载后，把exercises-content.html的主体(body)内容提取到页面的内容区域。不要一次就显示整个文档，请为左侧的字母列表创建“提示条”，当用户鼠标放到字母上时，从exercises-content.html中加载与该字母有关的内容。为页面加载添加错误处理功能，在页面的内容区显示错误消息。修改脚本，请求does-not-exist.html而不是exercises-cont

2015-12-23 20:56:59 1416

原创 JavaScript(6) - 数组

创建和初始化数组用JavaScript创建和初始化数组很简单：用Array创建数组var daysOfWeek1 = new Array();var daysOfWeek2 = new Array(7);var daysOfWeek3 = new Array('Sunday', 'Monday', 'TuesDay', 'Wednesday', 'Thrsday', 'Friday', 'S

2015-12-18 15:57:48 309

原创 JavaScript(5) - 相等操作符（==和===）

==比较符不同类型的值用相等操作符比较后的结果如下表：类型（x）类型（y）结果 undefined null true null undefined true 数字字符串 x == toNumber(y) 字符串数字 toNumber(x) == y 布尔值任何类型 toNumber(x) == y 任何类型

2015-12-17 10:57:18 440

原创 JavaScript(4) - JS数据结构和算法 1

JavaScript中的真假值先来看一个表格：数值类型转化成布尔值 undefined false null false 布尔值 true是true，false是false 数字 +0，-0，NaN都是false，其他都是true 字符串如果字符串是空的（长度为0）即为false，其他都是true 对象 truevar myObj = {

2015-12-16 11:28:49 316

原创七天学会node.js 3 - Path（转+学）

path.normalize将传入的路径转换为标准路径，具体讲的话，除了解析路径中的.与..外，还能去掉多余的斜杠。如果有程序需要使用路径作为某些数据的索引，但又允许用户随意输入路径时，就需要使用该方法保证路径的唯一性。以下是一个例子：var path = require('path');var cache = {};function store(key, value) { cache[p

2015-12-14 10:22:23 349

原创深入学习JavaScript对象(转+学)

JavaScript对象概述JavaScript中对象可以分成三类： 1. 内置对象，例如数组、函数、日期等； 2. 宿主对象，即JavaScript解释器所嵌入的宿主环境（比如浏览器）定义的，例如HTMLElement等； 3. 自定义对象，即程序员用代码定义的；对象的属性可以分成两类： 1. 自有属性（own property）：直接在对象中定义的属性； 2. 继承属性（inherit

2015-12-13 21:43:16 264

原创学习笔记：《jQuery基础教程》第四版第五章课后练习——操作DOM

修改添加back top链接的代码，以便这些链接只从第四段后面才开始出现。在单击back to top链接时，为每个链接后面添加一个新段落，其中包含You were here字样。确保链接仍然有效。在单击作者名字时，把文本改为粗体(通过添加一个标签，而不是操作类或css属性)。挑战:在随后单击粗体作者名字时，删除之前添加的元素(也就是在粗体文本与正常文本之间切换)。挑战：为正文中的每一个段

2015-11-26 20:16:42 2285

转载 Node.js(4) -- 七天学会node.js(2)

文件系统 fsfs 模块是文件操作的封装，它提供了文件的读取、写入、更名、删除、遍历目录、链接等 POSIX 文件系统操作。与其他模块不同的是，fs 模块中所有的操作都提供了异步的和同步的两个版本，例如读取文件内容的函数有异步的 fs.readFile() 和同步的fs.readFileSync()。fs.readFilefs.readFile(filename,[encoding],[callb

2015-11-24 21:26:37 263

转载 Node.js(3) -- 七天学会node.js

找到了阿里大牛写的七天学会node.js，边学边记录吧，多打一遍，总归会有点好处的。模块编写稍大一点的程序时一般都会将代码模块化。在NodeJS中，一般将代码合理拆分到不同的JS文件中，每一个文件就是一个模块，而文件路径就是模块名。在编写每个模块时，都有require、exports、module三个预先定义好的变量可供使用。require函数用于在当前模块中加载和使用别的模块，传入一个模块名

2015-11-24 19:47:57 455

原创学习笔记：《jQuery基础教程》第四版第四章课后练习——样式与动画

1、修改样式表，一开始先隐藏页面内容，当页面加载后，慢慢地淡入内容。$(document).ready(function() { $('body').css('display', 'none'); $('body').fadeIn(1500);//自行设置时间});2、在鼠标悬停到段落上面时，给段落应用黄色背景。$(document).ready(function() {

2015-11-19 15:39:19 1649

原创学习笔记:正则表达式

正则表达式直接量正则表达式直接量定义为包含在一对斜杠（/）之间的字符，例如：var pattern =/s$/;(即匹配以s结尾的字符串)用构造函数RegExp（）也可以，例：var pattern = new RegExp(“s$”); ECMAScript 3规定：一个正则表达式直接量会在执行到它的时候转换为一个RegExp对象，同一段代码所表示的正则表达式直接量的每次运算都返回同一

2015-11-18 15:05:24 653

原创学习笔记：《jQuery基础教程》第四版第三章课后练习

在Charles Dickens被单击时，给它应用selected样式。在双击章标题(<h3 class=”chaper-title”>)时，切换章文本的可见性。当用户按下向右方向键时，切换到下一个body类；右方向键的键码是39.挑战：使用console.log()函数记录在段落中移动的鼠标的坐标位置。（注意：console.log()可以在Firefox的firebug扩展、Safari的

2015-10-08 20:12:07 1392

原创学习笔记：《jQuery基础教程》第四版第二章课后练习

学习笔记——《jQuery基础教程》第四版第二章课后练习最近抽时间系统的学习下jQuery相关知识，看看《jQuery基础教程》。顺便把课后练习的代码整理发上来看看。给位于嵌套列表第二个层次的所有< li>元素添加special类；给位于表格第三列的所有单元格添加year类；为表格中包含文本Tragedy的第一行添加special类；*挑战：选择包含链接(< a >)的所有列表项(< li

2015-10-08 19:48:27 2740

原创学习笔记:nodejs（二）——node+express+mongodb建站相关（express4）

昨天在慕课网上学习node+mongodb+express建站，中间遇到了很多问题，大部分是由于版本升级引起的。现在整理下。node+express+mongodb　　看到一个大神关于这三个货的简单介绍，现在直接拷贝过来用下~~~~(>_　　node：是运行在服务器端的程序语言，表面上看过去就是javascript一样的东西，但是呢，确实就是服务器语言，个人觉得在一定层次上比c灵活，j

2015-09-24 09:08:08 574

原创 2015-09-23学习笔记

1、JavaScript中的==与===操作符的区别===操作符：要是两个值类型不同，返回false 要是两个值都是number类型，并且数值相同，返回true 要是两个值都是stirng，并且两个值的String内容相同，返回true 要是两个值都是true或者都是false，返回true 要是两个值都是指向相同的Object，Arraya或者function，返回

2015-09-23 12:23:40 215

原创学习笔记:Node.js（一）

最近开始学习nodejs，将学习到的东西都记下来吧。一个基础的服务器var http = require("http");http.createServer(function(req, res) { res.writeHead( 200 , {"Content-Type":"text/html"}); res.write("Node.js"); res.write("Hell

2015-09-17 10:19:27 328

原创 Ajax从本地文件获取文本

今天学习了Ajax从本地文件获取文本。遇到了些问题，在网络上都找到了解决办法。先把源码都贴上来吧。 First Ajax Script function getText(url){ var ajaxRequest = CreateRequestObject(); if(ajaxRequest != false){ ajaxRequest.onr

2015-09-07 10:10:10 9087 3

原创如何用CSS画三角形

今天在微博上看到一个分享，说是如何画三角形，以前就学过，现在整理一下。首先，写一个div，border设置成10px。#sty1{ height: 100px; width: 100px; background: red; border-width: 10px; border-style: solid; border-color: black;}效果如图：border

2015-09-02 10:04:10 490

转载 Web前端开发规范文档

Web前端开发规范文档===================### 规范目的：> - 使开发流程更加规范化。>### 通用规范：> - TAB键用两个空格代替（`WINDOWS`下TAB键占四个空格，`LINUX`下TAB键占八个空格）。>> - `CSS`样式属性或者`JAVASCRIPT`代码后加“;”方便压缩工具“断句”。>

2015-08-28 16:48:50 345

原创一个猜数字的小游戏

今天学习了一个猜数字的小游戏的JS写法，方法很简单，现在写下来：1、随机数的产生function randomize(){//取1-10随机数，其实是根据时间~~~~(>_<)~~~~ var now = new Date(); num = (now.getSeconds()) % 10; num ++; }2、猜数函数function guessIt

2015-08-27 19:29:39 488

原创 2015.8.27 学习日记

1、盒子模型的三维立体结构图中，从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。2、

2015-08-27 15:48:04 329

转载 CSS Sprite（CSS雪碧图）

今天看到慕课网分享的Mozilla的CSS开发者指南，当中谈到了CSS雪碧图，觉得有用，遂整理一下。之所以用雪碧图，是因为一个网站若有很多的小图标，相对于将每个小图标以png的格式引用到页面上，是用雪碧图只需要引用一张图片，对于内存和带宽更加友好。实现如下：假设通过.btn的类，为该类添加一张背景图片：.btn {background:url(myfile.png); displa

2015-08-25 09:09:54 2761

原创 Javascript实现幻灯片效果

Web上很多页面都有提供javascript幻灯效果的代码库，我们可以免费直接使用很多优秀的代码库。今天我开始学习用JavaScript实现幻灯效果，新手一步一步开始学起。在创建一个幻灯效果的时候，页面的访客是我们需要首要考虑的因素。其中包括访问者的带宽、浏览器的类型、在下载大图片的时候是否需要漫长的下载时间。导航是第二个重要因素，访客是手动进行控制幻灯还是页面加载完成后自动播放，退出时自动停

2015-08-24 14:44:00 1088

原创新的开始

转眼研一就快结束了，在接下来的一年好好学习前端知识，决定开通了博客，将自己学习的路线记录下来，我会将看到的网络的大牛的分享的知识加以整理，并加上自己的理解。慢慢来，相信未来会更好。昂胖次↖(^ω^)↗要加油！一个决定在前端路上摸爬滚打的胖次写于阳光明媚的早晨

2015-08-23 10:41:12 283

illuSioN4ng↖(^ω^)↗