2018年09月_程序员通通

原创【NodeJS】用NodeJs写一个最简单的http服务器

const http = require('http')http.createServer(function(req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}) res.end('Hello World\n');}).listen(3000)console.log('Server Running at ht...

2018-09-25 09:16:08 740 1

原创【Vue】手把手教你用vue.js实现一个分页组件

最近在用vue做博客，要实现一个文章的分页效果，做出来后，顺便记录一下实现的思路，先看一下效果：第一页时，prev箭头不显示，最后一页时next箭头不显示，随着当前分页的不同，渲染不同的文章列表需要定义下面几个变量：currentPage: 1, ，默认是1，表示当前所在的页码totalPage: 1, 默认是1，表示总共有多少页currentArticle...

2018-09-24 21:57:57 694 1

原创【JavaScript】深入理解JavaScript中的this

1，为什么要用this？来看一个例子：function identify() { return this.name.toUpperCase();}function speak() { var greeting = "Hello, I'm " + identify.call( this ); console.log( greeting );}var me...

2018-09-15 16:28:53 290 1

原创【JavaScript】欺骗JavaScript作用域：eval和with

1，eval（）eval(..) 函数可以接受一个字符串为参数，并将其中的内容视为好像在书写时就存在于程序中这个位置的代码。看一个例子：function foo(str, a) {eval( str ); // 欺骗！console.log( a, b );}var b = 2;foo( "var b = 3;", 1 ); // 1, 3eval(..) 调用中的 “...

2018-09-14 09:48:11 266 1

原创【Vue】vue-router详解

一、前言要学习vue-router就要先知道这里的路由是什么？为什么我们不能像原来一样直接用标签编写链接哪？vue-router如何使用？常见路由操作有哪些？等等这些问题，就是本篇要探讨的主要问题二、vue-router是什么这里的路由并不是指我们平时所说的硬件路由器，这里的路由就是SPA（单页应用）的路径管理器。再通俗的说，vue-router就是WebApp的链接路径管理系统。...

2018-09-08 19:26:23 446 1

原创【JavaScript性能优化】------理解回流和重绘（reflow和repaint）

前言：浏览器的渲染过程大部分的浏览器渲染过程如下图所示： 1. 浏览器把HTML源代码解析，并且创建一个DOM树（DOM tree）-每个HTML标签在这个树上都有一个对应的节点。 2. 浏览器解析CSS代码，被css解析器解析成CSSOM Tree。 3. DOM Tree和CSSOM Tree解析完成后，被附加到一起，形成渲染树（Render Tree）。 4. 一旦渲染树...

2018-09-08 13:57:26 321 1

原创【JavaScript性能优化】------理解Script标签的加载和执行

1.script标签是如何加载的？当浏览器遇到一个 < script>标签时，浏览器会停下来，运行JavaScript代码，然后再继续解析、翻译页面。同样的事情发生在使用 src 属性加载 JavaScript 的过程中。浏览器必须首先下载外部文件的代码，需要占用一些时间，然后解析并运行此JavaScript代码。此过程中，页面解析和用户交互是被完全阻塞的。2.script...

2018-09-07 10:09:00 1643 1

原创【JavaScript】用JavaScript实现栈

/* push() ：添加一个新元素到栈顶。 pop() ：移除栈顶的元素，同时返回被移除的元素。 peek() ：返回栈顶的元素，不对栈做任何修改。 isEmpty() ：如果栈里没有任何元素就返回 true ，否则返回 false 。 clear() ：移除栈里的所有元素。 size() ：返回栈里的元素个数。*/function Stack() { let items ...

2018-09-06 22:43:11 200 1

原创【JavaScript】freecodecamp-----Boo who

题目：检查一个值是否是基本布尔类型，并返回 true 或 false。基本布尔类型即 true 和 false。function boo(bool) { // What is the new fad diet for ghost developers? The Boolean. if(bool === true || bool === false) { return t...

2018-09-02 10:10:49 158

原创【JavaScript】freecodecamp----Missing letters

题目：从传递进来的字母序列中找到缺失的字母并返回它。如果所有字母都在序列中，返回 undefined。function fearNotLetter(str) { var len = str.length; var arr = []; for(var i = 0; i < len; i++) { arr.push(str.charCodeAt(i)); }...

2018-09-02 10:01:49 195

原创【JavaScript】freecodecamp------DNA Pairing

题目： DNA 链缺少配对的碱基。依据每一个碱基，为其找到配对的碱基，然后将结果作为第二个数组返回。Base pairs（碱基对）是一对 AT 和 CG，为给定的字母匹配缺失的碱基。在每一个数组中将给定的字母作为第一个碱基返回。例如，对于输入的 GCG，相应地返回 [[“G”, “C”], [“C”,”G”],[“G”, “C”]]字母和与之配对的字母在一个数组内，然后所有数组...

2018-09-02 09:43:56 190

原创【JavaScript】freecodecamp-----Pig Latin

题目：把指定的字符串翻译成 pig latin。Pig Latin 把一个英文单词的第一个辅音或辅音丛（consonant cluster）移到词尾，然后加上后缀 “ay”。如果单词以元音开始，你只需要在词尾添加 “way” 就可以了。function translate(str) { var len = str.length; str = str.split(''); i...

2018-09-02 09:36:01 217

AC_greener的博客