_cpeng-CSDN博客

原创那些找工作的日子—前端：

前端基础的一些整理这边就不贴了，可以看一下github的面试总结。从7月份开始找工作一直找到10月份，从开始的一些大互联网公司进不了面试到后来会接到一些互联网公司的面试，从一次次的拒绝到后来收到offer，找工作的日子真的很心酸，但是幸亏有那些一直帮助和信任我的人，是因为他们让我一直一直的逼自己，让自己坚持下去，让我相信我可以。非常感谢他们。这里我说一下自己面试的一些体会。面试技巧：

2017-11-10 19:06:27 508

原创 github上不了

将host文件中添加#Github192.30.252.131 https://github.com 185.31.16.185 https://github.global.ssl.fastly.net就可以使用了 hosts所在文件夹： Windows 系统hosts位于 C:\Windows\System32\drivers\etc\hosts Android（安卓）系统hosts位于

2017-11-10 17:13:35 408

原创数组去重的六种方法与扩展

方法一： function unique11(arr){ arr.sort(function(a,b){return a-b;}); var result=[]; for(var i=0;i<arr.length;i++){ if(arr[i+

2017-09-14 11:44:48 680

JavaScript的优势之一是其如何处理异步代码。异步代码会被放入一个事件队列，等到所有其他代码执行后才进行，而不会阻塞线程。然而，对于初学者来说，书写异步代码可能会比较困难。而在这篇文章里，我将会消除你可能会有的任何困惑。理解异步代码javascript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函数作为第一参

2017-08-29 19:57:44 285

原创编程

1、找出n个数里最小的k个输入描述: 每个测试输入包含空格分割的n+1个整数，最后一个整数为k值,n不超过100。输出描述: 输出n个整数里最小的k个数。升序输出示例1 输入 3 9 6 8 -10 7 -11 19 30 12 23 5 输出 -11 -10 3 6 7var readline = require('readline');const rl = rea

2017-08-07 20:44:14 315

转载入门 Webpack，看这篇就够了

写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始终的例子写一次，写完以后你会发现你已明明白白的走进了We

2017-08-02 13:16:08 465

原创无向图的深度和广度优先遍历(javascript)

function Graph(v){ //Graph类的定义 this.vertices=v; this.edges=0; //边的条数 this.adj=[]; //是一个二维数组，行是顶点信息，列是该顶点响铃顶点信息 for(var i=0;i<this.vertices;i++){ this.adj[i] =[];

2017-07-27 16:02:30 842

原创网站SEO

SEO:1、避免站点有死链接死链接指的就是失效的链接、错误链接，它原本是正常的，但是后来就变成无效的链接，使得网页中打开这个死链接地址，服务器回应的就是打不开的页面或友好的404错误页面。2、善于使用锚文本优化文本关键词加入链接代码，达到点击这个关键词可以链接到你设置的页面3、善于选择精准目标关键词和长尾关键词目标关键词需要与网站的产品内容相符合4、网站地图不可缺少地图可以让搜索引擎更加容易爬行你的

2017-07-26 20:11:50 4052

转载根据PSD登陆页面设计稿切图制作HTML网页全过程

切图的目的是把PSD设计稿转换为HTML页面。记得自己当时学习切图时，网上切图相关的文章是不少，但是大都是讲怎么使用切片工具把一张图片分割成多张图片，然后存储为Web使用格式，并且都比较简单和零碎，并不能满足我的要求。因此只能自己不断尝试，今天分享给大家“如何根据PSD设计稿通过PS切图和DIV+CSS布实现HTML页面”，希望能帮助到大家。实例:下面通过一个简单的登陆页面PSD设计稿来演示转化为

2017-07-22 20:25:46 1674 1

原创树的深度和广度遍历（JavaScript版）

每一个树的节点元素为node={data:"",left:"",right:""}深度遍历：void DepthFirstTravel(root) { var stack=[]; stack.push(root); while(stack.length>0) { root = stack.pop(); co

2017-07-22 20:20:41 276

原创 javascript的继承实现的几种方式

javascript的继承实现的几种方式function Super(){}function Sub(){}实现Sub继承Super 1)Sub.prototype=new Super;Sub.prototype.constructor=Sub;2)Sub.prototype.\__proto\__=Super.prototype;//方法继承Sub.\__proto\__=Super;

2017-07-20 21:38:04 242

转载 JavaScript操作DOM的那些坑

DOM的工作模式是：先加载文档的静态内容、再以动态方式对它们进行刷新，动态刷新不影响文档的静态内容。 PS：IE 中的所有 DOM 对象都是以 COM 对象的形式实现的，这意味着 IE 中的 DOM可能会和其他浏览器有一定的差异。 Node 接口 firstChild 相当于 childNodes[0]；lastChild 相当于childNodes[box.childNodes.length -

2017-07-19 21:05:39 401

转载 CSS 样式书写规范

CSS 样式书写规范编码设置采用 UTF-8 编码，在 CSS 代码头部使用：@charset "utf-8"; 注意，必须要定义在 CSS 文件所有字符的前面（包括编码注释），@charset 才会生效。例如，下面的例子都会使得 @charset 失效：/* 字符编码 */@charset "utf-8";html,body { height: 100%;}@charset "ut

2017-07-19 20:50:52 338

转载虚拟 DOM 内部是如何工作的？

流程图展现VDOM在Preact中如何工作虚拟DOM (VDOM，也叫 VNode)非常神奇 ✨ 但也非常复杂和难以理解��。 React，Preact和一些类似的JS库都在核心代码中使用了虚拟DOM。不幸的是我发现没有一篇好的文章或者文档简洁明了地来介绍它。因此我决定自己写一篇.注意：这篇文章很长。我已经添加尽可能多的图片来使其理解更简单一些，但是这样一来，文章就显得更长了。我用的是 Pre

2017-07-19 20:31:57 513

原创对CommonJs和AMD，CMD的理解，AMD和CMD的区别，CommonJS与ES6的module的区别

对CommonJs和AMD，CMD的理解是为了使js代码模块化的规范，以前的时候如果一个js模块调用另一个模块，需要在html中进行link，而且必须有严格的引入顺序，但是这样又有可能造成阻塞，使页面失去响应。 CommonJS规定一个文件是一个模块，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exports属性（即module.exports）是对外的接口。加载某个模块，

2017-07-18 11:04:26 1014

转载 CSS实现垂直居中水平居中的绝对定位居中技术

Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy print?.Absolute-Center { margin: auto; position: absolute; t

2017-07-14 21:08:08 218

原创摘取的es5-shim/es6-shim

摘取的es5-shim/es6-shimObject.createvar create = Object.create || function (prototype, properties) { var Prototype = function Prototype() {}; Prototype.prototype = prototype; var object = new

2017-07-12 18:17:25 1252

原创自己整理的前端面试的东西

前端面试整理本内容包括前端面试整理的一些东西。 1、前端面试整理之HTML 2、前端面试整理之CSS 3、前端面试整理之Javascript 4、前端面试整理之计算机基础知识正在更新。。。。

2017-06-01 14:52:12 5596 3

原创计算机基础知识（面试）

1、TCP协议和UDP协议UDP是面向无连接的，不可靠的数据报服务；TCP是面向连接的，可靠的字节流服务。HTTP协议是建立在TCP协议之上的一种应用2、HTTP与HTTPS协议HTTP连接是一种“短连接”，要保持客户端程序的在线状态，需要不断地向服务器发起连接请求HTTP协议的不安全性： HTTP（超级文本传输协议）HTTP协议以明文方式发送内容，不提

2017-05-16 17:04:06 17594 3

转载 CSS常见布局解决方案

**CSS常见布局解决方案**说起css布局，那么一定得聊聊盒模型，清除浮动，position，display什么的，但本篇本不是讲这些基础知识的，而是给出各种布局的解决方案。水平居中布局首先我们来看看水平居中1.margin + 定宽 Demo .child { width: 100px; margin: 0 auto; } 相必是个前端都见过，这定宽

2017-05-11 19:32:14 390

原创 web worker

什么是Web Workers？为什么我们需要他们？循环代码在HTML按钮点击以后执行，这个方法执行是同步的，换句话说这个浏览器必须等到循环完成才能操作，这个会进一步导致浏览器冻结并且没有响应。如果你能移动这些繁重的循环到Javascript文件中，采用异步的方式运行，这意味着浏览器不需要等到循环接触，我们可以有更敏感的浏览器，这就是web worker的作用。Web work

2017-04-27 10:42:56 507

原创前端工具安装

安装Yeoman Bower Grunt：1 NodeJs的安装http://nodejs.cn/在node的官网上下载安装包，然后一键式安装。安装后验证是否安装成功：进入命令提示符，输入node --verison命令。安装Node.js，会自动安装npm，验证npm是否安装成功：同样在命令提示符中输入npm --version。2 安装git　　Git 是 Li

2017-04-24 20:57:27 204

转载整理的前端面试题3

1. JavaScript实现DOM树的遍历function traversal(node){ if(node && node.nodeType ===1){ //对node的处理 console.log(node.tagName); } var i = 0, childNodes =node.childNodes,item; for(; i < c

2017-04-24 19:08:30 337

转载整理的前端面试题2

1. css的display：none和visibility:hidden区别display:none使用后，元素的宽度，高度都会丢失，视为不存在不加载；元素原来占据的空间位置不保留；产生回流和重绘；visibility:hidden:视觉上的不可见，但是保留占据的空间，还具有宽度和高度；2. 怎么清除浮动1.使用空标签清除浮动

2017-04-24 19:06:20 3051

转载整理的前端面试题1

1. Doctype作用？标准模式与兼容模式各有什么区别?（1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于<html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。（2）、标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为

2017-04-24 19:02:26 5735

原创 gulp工具的使用

一、安装Gulp-自动化开发工具1、压缩js　　2、压缩css　　3、压缩less　　4、压缩图片　　等等…npm install gulp -g 全局安装,安装完成后，输入gulp –v查看是否安装成功。二、压缩javascript1、配置文件:我将这个js文件取名叫gulpfile( 且必须取为gulpfile名，否则在node环境

2017-04-24 17:36:24 574

原创 JavaScript,Java中对象与json的转换

JavaScript：JSON字符串转换为JSON对象:var obj =eval('('+ str +')');var obj = str.parseJSON();var obj = JSON.parse(str);JSON对象转换为JSON字符串：var last=obj.toJSONString();var last=JSON.stringify(obj);Java:注意需要导入json

2017-04-21 10:38:31 333

原创 Javascript基础程序测试题

1、找出元素 item 在给定数组 arr 中的位置如果数组中存在 item，则返回元素在数组中的位置，否则返回 -1function indexOf(arr, item) {return arr.indexOf(item);}2、计算给定数组 arr 中所有元素的总和 function sum(arr) {var len = arr.length;

2017-04-21 10:00:33 1327

原创 JavaScript事件循环机制

JavaScript事件循环机制1)、JavaScript的一大特点就是单线程 ,这个线程中拥有唯一的一个事件循环。2)、JavaScript代码的执行过程中，除了依靠函数调用栈来处理函数的执行顺序外，还依靠任务队列来处理另外一些代码的执行。3)、一个线程中，事件循环是唯一的，但是任务队列可以拥有多个。4)、setTimeout，setInterval，setImmediate

2017-04-06 21:42:17 262

转载你不知道的XHR

你不知道的 XMLHttpRequest原文地址：https://juejin.im/post/58e4a174ac502e006c1e18f4本文详细介绍了 XMLHttpRequest 相关知识，涉及内容：AJAX、XMLHTTP、XMLHttpRequest详解、XMLHttpRequest Level 1、Level 2 详解XHR 上传、下载数据、

2017-04-06 20:04:04 2974

原创 javascript 剑指offer

第二题：替换空格请实现一个函数，将一个字符串中的空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy。第三题：从头到尾打印链表输入一个链表，从尾到头打印链表每个节点的值。第四题：重建二叉树输入某二叉树的前序遍历和中序遍历的结果，请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序列{4,7,2,1,5,3,8,6}，则重建二叉树并返回。第五题：

2017-03-31 11:04:09 554

qq1024884152的博客