- 博客(145)
- 收藏
- 关注
原创 npm 命令
https://docs.npmjs.com/一、npm 对于js开发人员好处:更容易的共享和重用代码,且更容易修改已经共享的代码。二、Creating a package.json
2017-08-23 07:10:26
606
原创 node.js Basic routing
RoutingRouting refers to the definition of application end points (URIs) and how they respond to client requests. For an introduction to routing, see Basic routing.The following code is an examp
2017-08-19 19:50:49
440
转载 Express hello world
http://expressjs.com/en/starter/hello-world.html一、安装node.js ,Express 之后, 建立一个index.js ,下面是服务器端的代码:const express = require('express')const app = express()app.get('/', function (re
2017-08-19 19:49:40
448
原创 Express Install
http://expressjs.com/en/starter/installing.html假设你已经安装了Node.js, 为你的应用建立一个目录, 然后进入到你的应用目录.$ mkdir myapp$ cd myapp 使用npm init命令为你的应用建立一个package.json文件. For more information on how package.jso
2017-08-19 14:08:32
477
转载 Node.js Module – exports vs module.exports
文章:https://www.hacksparrow.com/node-js-exports-vs-module-exports.htmlexports:是node.js的全局对象What is the difference between exports and module.exports in Node.js?一、 在rocker.js写下面内容:expo
2017-08-18 22:05:40
282
原创 REPL module
https://nodejs.org/api/modules.htmlREPL#Stability: 2 - StableThe repl module provides a Read-Eval-Print-Loop (REPL) implementation that is available both as a standalone program or i
2017-08-18 16:28:03
419
原创 node.js Modules
var app = require('express')();var http = require('http').Server(app);上面这个 require()不知道什么意思?原来是node.js 模板一、Modules Node.js has a simple module loading system. In Node.js, files a
2017-08-18 15:56:32
2539
原创 Node.js Events
文章:https://nodejs.org/api/events.html#events_eventsEvents 大多数建立的Node.js核心API,通常是用异步事件驱动的体系结构, 在这种体系结构中,某种对象 (也叫"发射器") 定期的发送一些named 事件,这将导致函数对象 ("监听") 被调用如: 一个 net.Server 对象 emits a
2017-08-18 14:06:47
337
原创 ES6 Arrow functions
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions一个箭头函数表达式比函数表达式更短, 且没有和它自己的 this, arguments, super, or new.target绑定。这些 函数表达式适用于r non-method函数, 且它们不能用
2017-08-18 12:49:42
1808
原创 GitHub hello 入门
【文章】https://github.com/ https://guides.github.com/activities/hello-world/ 一、建立一个新仓库 在最上面的右角上,有一个加号,点击选择New repository.给仓库取个名字 hello-world.简单描述一下这个项目的功能.选择 Initialize this repos
2017-08-16 16:30:02
415
原创 JavaScript’s ‘this’ Keyword
对象:分全局对象,自定义对象等。 The “this” keywor指的是由它的构造函数去实例化,建立一个新对象,例如,如果有一个类 Boat, 有一个方法 moveBoat(),当在moveBoat()方法里面有一个this”,实际上,表示我们可以访问刚建立Boat的新对象 。In JavaScript, 当我们使用构造函数调用模式,即new 构造函数,然后调用
2017-08-15 22:55:49
334
原创 javascript 方法调用模式有4种
1、 对象里的方法调用模式 When a function is stored as a property of an object, we call it amethod. When amethod is invoked, this is bound to that object. If an invocation expression contains a refineme
2017-08-15 16:42:58
354
原创 javascript 全局变量是可怕的?
一、全局变量是java最糟糕的特征之一: 1、在浏览器打开的一个网页里面,全局变量主要导致下面的问题:1) 变量名冲突- 如果你工作在一个团队里面,你和同事使用全局作用域下的同一个变量名字,最后修改的变量的值,将被保存,这明显导致有一个人将得不到自己定义的值,程序也就出错了。2) 安全性-每一个用户都可以使用全局对象 Window (o
2017-08-15 13:18:19
868
原创 什么是block scope?
一、三种表示:1、放在任何函数外面 var foo = value;2、给全局对象直接加一个属性. 全局对象是一个容器,里面装满所有全局变量。In web browsers, window是全局对象名。 window.foo = value;3、foo = value;二、块作用域,在java中,所有{ }里面声明的变量,外面是不能看得。
2017-08-15 08:27:26
1813
原创 javascript Module
模块=函数+闭包构成,一个模块是用一个对象或函数来表示的一个接口,并隐藏了属性和方法。通过使用函数去产生模块,我们可以完全不用全局变量,因此可以缓解JavaScript’s 最糟糕的特征之一。例如:假设我们想在String对象增加一个 deentityify()方法 它的工作在HTML里寻找在字符串里的实体,然后用对应的值替换他们在一个对象里,保存实体名字和他们对应的值,是有意义。但是我们
2017-08-14 16:36:37
651
原创 javascript 继承
一、Prototype Chaining: 继承的主要方法 如:Person 构造函数,person1,person2:实例,当调用构造函数时自动调用建立Person Prototype 看看constructors, prototypes, and instances 之间的主要关系, 1、每一个constructors构造函数有一个prototype 属性
2017-08-13 10:24:17
267
原创 javascript Prototype Pattern
构造函数的问题: 尽管构造函数模式是有用的,但是有一些缺点。 主要的缺点,建立一个实例,相应的建立一个方法. 因此,在以前的例子中,person1 和 person2 两个实例有一个名叫sayName()的方法,但是这些方法并不是相同的函数实例. 记住,函数在in ECMAScript里是对象, 因此,每当一个函数被定义,实际上被实例化了一个对象。逻辑上, 构造器看起来像这
2017-08-11 16:47:14
255
原创 javascript 对象
java中的 类: 1、继承:在类建立时已经确定,所有建立对象后,对象可以拥有父类,子类的public方法和属性。 2、属性和方法:在类建立时就确定,new 对象时只能调用,但是有的值可以改变。 对象: 1、建立对象时,通过构造函数调用,初始化对象的值,所以构造函数非常重要。 2、建
2017-08-11 16:17:02
239
原创 JavaScript作用域(二)
参考:JavaScript高级程序设计(第3版) 英文原版.pdf一、(全局,本地,子)变量的关系var color = “blue”;//全局function changeColor(){ var anotherColor = “red”; //本地变量 function swapColors(){ var tempColor = anotherCo
2017-08-10 08:24:51
256
原创 JavaScript作用域(一)
文章来源:http://davidshariff.com/blog/what-is-the-execution-context-in-javascript/ 看完这篇文章后,你应该清楚理解浏览器解释器试着去做什么,为什么一些函数 /变量在他们被声明之前被使用 且它们的值是如何确定。What is the Execution Context? 当代码在JavaScr
2017-08-09 22:17:08
290
原创 javascript closure
是不是和java封装的概念一样呢?即方法和属性都封装在一个对象里面。参考文章:https://stackoverflow.com/questions/111102/how-do-javascript-closures-work?answertab=active#tab-top例子1:function sayHello(name) { var text = 'Hel
2017-08-09 05:59:24
597
转载 Java设计模式 原型模式(Prototype)
前言:原型模式虽然是创建型的模式,但是与工程模式没有关系,从名字即可看出,该模式的思想就是将一个对象作为原型,对其进行复制、克隆,产生一个和原对象类似的新对象。在Java中,复制对象是通过clone()实现的. 浅复制:将一个对象复制后,基本数据类型的变量都会重新创建,而引用类型,指向的还是原对象所指向的。深复制:将一个对象复制后,不论是基本数据类型还有引用
2017-08-07 16:54:54
251
原创 java,javascript,jquery,vue 取(2-32)随机数。
一、题目:取2--32 之间的随机int数且不重复.二、答案1、java 实现,因为不重复,所以用Set 容器。随机数rand.nexInt(30) 表示取0--30,int 转 Integer:直接赋值,因为存在自动盒子转换。package com.home.testjs;import java.util.HashSet;import java.util.Ra
2017-08-07 13:10:02
1638
原创 The Vue Instance
参考文章:https://vuejs.org/v2/guide/instance.html一、Constructor构造函数 每一个 Vue应用是由带有一个构造函数Vue建立一个root Vue 实例,建立实例后,就开始启动一个应用。var vm = new Vue({ // options}) 尽管没有严格按照 MVVM patt
2017-08-07 08:05:27
641
原创 vue 简单语法
参考文档:https://vuejs.org/v2/guide/#Getting-Started问题一、既然已经有javascript,那么是不是也像jquery一样,用一些简单的符号来表示 javascript?问题二、是不是直接在html文件直接引用jquery.js?一、也是直接引用vue.js script src="https://unpkg.com/v
2017-08-06 15:54:30
487
转载 Web前端开发测试题
文章来源:http://www.w3cplus.com/css/front-end-web-development-quiz.html在线测试工具:https://codepen.io/pen/CSSQ1:CSS属性区分大小写吗?ul { MaRGin: 10px;}
2017-08-02 07:35:54
643
转载 常见的块状元素(block)与内联元素(inline)
常见的块状元素与内联元素块状元素内联元素address – 地址blockquote – 块引用center – 居中对齐dir – 目录列表div – 常用块级容易,也是CSS layout的主要标签dl – 定义列表fieldset – form控制组form – 交互表单
2017-08-01 21:49:14
366
转载 CSS选择器的权重与优先规则
CSS选择器的权重与优先规则2011-06-26我们在使用CSS对网页元素定义样式时经常会遇到这种情况:要对一般元素应用一般样式,然后在更特殊的元素上覆盖它们。那么我们怎么样来保证我们所新定义的元素样式能覆盖目标元素上原有的样式呢?在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择器的规则优先于具有一般选择器的规则,如果两个规则的特殊性相同,那
2017-08-01 19:34:30
296
转载 理解 Babel 插件
http://web.jobbole.com/88236/前言相信目前常与 ES6 代码打交道的同学对 Babel 应该不会陌生,在 ES6 代码被编译转化为 ES5 代码的过程中,Babel 插件显得尤为重要,我们最后经由 Babel 生成的代码取决于插件在这一层中做了什么事,在探索这其中的过程之前,我们先来了解下一些所需的基础知识。抽象语法树Babel 的工
2017-07-29 09:42:35
478
原创 Babel 基础
http://babeljs.io/docs/setup/Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。大家可以选择自己习惯的工具来使用使用Babel一、Using Babel 根据自己的工具选择使用BabelPrototypingIn the browserBabel built-insCLIRequi
2017-07-28 13:02:26
603
转载 webpack 入门例子
https://webpack.js.org/guides/getting-started/1、开始 you may already know, webpack is used to compile JavaScript modules. Once installed, you can interface with webpack either from 正如你也许已经知道,web
2017-07-28 09:57:48
375
转载 2017年JavaScript框架---Top5
http://yiweifen.com/html/news/WaiYu/106762.html一、Top1: Vue.jsVue.js是一种渐进式的JavaScript框架. 与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合.简单: 比较其他框架,有着更友善的学习曲
2017-07-27 19:42:07
297
转载 Adding React to an Existing Application
https://facebook.github.io/react/docs/installation.html开始使用React,你不要重写你的应用,我们推荐在你的应用中增加一小部分。比如一个小窗口,因此用一个小例子看看是否用得怎样。不用建立一个管道,React 能被使用,我们推荐安装管道,这样效果更好。一个建立管道的经典模式是由以下三部分构成:一个包管理,如Y
2017-07-27 12:39:15
255
原创 React Hello,World
https://facebook.github.io/react/docs/composition-vs-inheritance.html React 是一个灵活且能被用于各种工程中,你能用它建立一个新的应用,但是你不用重写,可以逐渐把它引入到一个以存在的代码库中。React is flexible and can be used in a variety of projec
2017-07-26 12:01:30
212
转载 Caching best practices & max-age
文章:https://jakearchibald.com/2016/caching-best-practices/ Getting caching right yields huge performance benefits, saves bandwidth, and reduces server costs, but many sites half-arse their ca
2017-07-23 11:05:39
503
转载 Request Headers 的其它 fields 值
来源:https://tools.ietf.org/html/rfc7231#section-5.3.4例如:Accept-Encoding:gzip, deflate, sdch, br一、Accept-Encoding:现实中,像邮局,将包裹如何,以及以哪一种方式打包。 表示浏览器可接受tomcat 传过来内容是如何编码的,是否是个gzip压缩格式,如java 文件里面的ut
2017-07-20 17:06:40
487
转载 Request Headers 里面的 Accept 属性
文章来源:https://tools.ietf.org/html/rfc7231#section-1.1例子: Accept:text/html,application/xhtm +xml,application/xml;q=0.9,image/webp,*/*;q=0.8 Accept-Encoding:gzip, deflate, sdch, br Accept-La
2017-07-20 13:36:34
47329
2
转载 HTTP网络中的 Multiplexing
原文:https://cascadingmedia.com/insites/2015/03/http-2.html
2017-07-19 12:10:35
278
转载 HTTP/1.1 Head-of-line blocking
https://en.wikipedia.org/wiki/Head-of-line_blockingHTTP/1.1 有这问题: Head-of-line blocking: 翻译:1、第1和第3输入流都竞争第4个接口,表示把包送到这个接口上。 2、在同一时间,如果Switching fabric 决定转送第3个输入流,那么第一个输入流就没
2017-07-19 10:03:00
631
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人