《前端之路》--- 重温 Koa2】的更多相关文章

目录 <前端之路>--- 重温 Egg.js 一.基础功能 > 日志系统包含了 四大层面的 日志对象, 分别是 App Logger.App CoreLogger.Context Logger.Context CoreLogger.Controller Logger & Service Logger 二.总结 <前端之路>--- 重温 Egg.js 在 nodejs 发展日益健壮和稳定的情况下,我们在日常的开发中使用 node 已经是一件非常常规的事情了,那么对于我们…
目录 第二章 - 04: Javascript 模块化管理的来世今生 一.什么是模块化开发 1-1.模块化第一阶段 1-2.封装到对象 1-3. 对象的优化 二.模块化管理的发展历程 2-1.CommonJS 2-2.CommonJS 与 ES6(ES2015) 的 import export 2-2-1. ES6 的 export 2-2-2. ES6 的 import 2-3.AMD 的 RequireJS 2-4.CMD 的 SaeJS 2-5.AMD 的 RequireJS 和 CMD…
目录 02:数据类型转换 && 隐式转换 || 显式转换 02:数据类型转换 && 隐式转换 || 显式转换 在上一个章节中,我们介绍了 JavaScript 的基本的数据类型,由于是弱类型语言,所以不需要 在很多时候去定义这个数据的类型,而且也不能够在定义了这个数据类型之后再去改变这个数据类型. 当遇到一个需要对数据类型进行改变的场景的时候,JS 就显示出来它的优势了,可以对数据类型进行轻松的转换,那么下面 我们就开始介绍 如何轻松的对数据类型进行转换,以及在转换的过程中…
目录 一.定义函数方法 二.定义函数传参 三.可选传参 四.默认传参 五.传递剩余参数 六.函数重载 七.箭头函数 八.总结 一.定义函数方法 在 es5 中定时函数的方法有 命名函数和函数表达式(匿名函数)这门两种.那么同样的,在 TypeScript 中,函数的定义是什么样子的呢? 1-1 命名函数 这里需要注意的一点是: viod 类型,是函数不返回任何类型数据 TypeScript 语法 function func1(): string { return '213'; } functio…
目录 一.先讲讲 ES5 中构造函数(类)静态方法和多态 1-1 JS 中原型以及原型链 例子一 1-2 JS 中原型以及原型链中,我们常见的 constructor.prototype.**proto** 这三者之间的关系 1-2 JS 中通过构造函数来实现 类 总结 这篇文章中的内容会比较的多,而且在基础中是数据相对比较复杂的基础,主要是讲到了 JS 这门语言中如何实现继承.多态,以及什么情况如何定义 私有属性.方法,共有属性.方法,被保护的属性和方法.明确的定义了 JS 中的访问边界问题,…
目录 一.TypeScript 中的类 二.TypeScript 中类的继承 三.TypeScript 中公共,私有与受保护的修饰符 3-1.属性的 public 3-2.属性的 private 3-3.属性的 protected 3-4.readonly 修饰符 四.TypeScript 中 静态方法 五.TypeScript 中 继承与多态 5-1 ES5 中是如何实现 继承的? 5-1-1 通过类式继承 5-1-2 通过构造函数继承 5-1-3 组合式继承 5-2 ES6 中是如何实现 继…
目录 一.简单介绍 二. 路由 三.请求数据 四. 静态资源加载 五. 静态资源加载 六. koa2加载模板引擎 七. koa2 中简单使用 mysql 数据库 八. koa2 中使用单元检测 九. node 服务端开发过程中的 开发 debug 方式 十.总结 一.简单介绍 1.1.快速开始 (这里省略了安装的过程) const Koa = require('koa') const app = new Koa() app.use( async ( ctx ) => { ctx.body = '…
WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才.本文主要介绍自己从事web开发以来 (从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,介绍如何通过循序渐进的看书来 学习javascript. 一. 入门级 :就是有一定的基础(比如最常见的HTML标签及其属性.事件.方法;最常见的CSS属性;基础的JavaScript编程能力),能够完成一些简单的WEB前端需求. 推荐:<Jav…
链接http://www.cnblogs.com/Darren_code/archive/2011/02/09/JavaScript.html   2011-10-31 22:56 by 聂微东 PS:(11年现在都16年了 落后了5年哎...) WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才.本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,…
“路漫漫其修远兮,吾将上下而求索”,这句出自<离骚>. 虽然端午已过,但是还是不影响一个程序员想表(zhuang)达(boy)自己此刻心情的冲动. 偶然路过同事旁边,不(tou)小(kan)心看到他加的一个群,在问, web前端开发现在前景怎么样? web前端应该做些什么?难不难? 是不是要学JS啊,感觉挺难得吧……. 当下,我真的是很想用他的键盘,打上两个被马赛克的字—学啊(大家是不是想歪了~~)!差点控制不住生理冲动~但是事后,我仔细想了想,我曾经也是这样的吧!学一种开发语言,也会四处问这…
WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才.本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,介绍如何通过循序渐进的看书来学习javascript. 一. 入门级 :就是有一定的基础(比如最常见的HTML标签及其属性.事件.方法;最常见的CSS属性;基础的JavaScript编程能力),能够完成一些简单的WEB前端需求. 推荐:<JavaS…
koa2+mysql+vue+vant 构建简单版移动端博客 具体内容展示 开始正文 github地址 <br/> 觉得对你有帮助的话,可以star一下^_^必须安装:<br/>mysql <br/>node.jsvue-cli<br/> 目录结构 <br/><br/> 代码步骤 <br/>在 app 目录下 打开 node 运行vue-cli vue init webpack 新建Vue项目<br/>安装以下…
什么是 XSS 一.XSS 什么是 XSS XSS,即 Cross Site Script , 翻译过来就是 跨站脚本攻击:为了和 css 有所区分,因而在安全领域被称为 XSS. 什么是 XSS 攻击 XSS 攻击指的是 攻击者在网站上注入恶意的客户端代码,通过恶意脚本对客户端网页进行篡改,从而在别的用户浏览网页的 时候,对用户进行控制或者获取 用户对隐私数据的 这么一种攻击手段. XSS 攻击的方式 是什么 XSS 攻击可以分为3类:反射型(非持久型).存储型(持久型).基于DOM. XSS…
目录 一.版本 二.webpack 的主体概念 2-1.入口 2-1-1.单页面入口 2-1-2.多页面应用的入口 2-2.输出 2-3.loader 2-4.plugins 三.如何使用 3-1 关于 resolve 解析的相关的疑问 4-1 优化(optimization) 5-1 插件(plugins) 6-1 开发中 server (devServer) 四.总结 一.版本 当前 webpack 版本 : v4.18.0 webpack -v // 4.18.0 同之前的版本不一样的地方…
目录 第二章 - 03: 前端 进阶技巧之高阶函数 一.防篡改对象 1-1:Configurable 和 Writable 1-2:Enumerable 1-3:get .set 2-1:不可扩展对象 2-2:密封的对象 2-3:冻结的对象 二.自定义事件 第二章 - 03: 前端 进阶技巧之高阶函数 一.防篡改对象 JavaScript共享的本质一直是开发人员心头的痛,因为任何对象都可以被在同一个环境中运行的代码修改. ECMAScript5致力于解决这个问题,可以让开发人员定义防篡改对象(t…
目录 09: 前端图片 类型 & 优化 & 预加载 & 懒加载 & 骨架屏 09: 前端图片 类型 & 优化 & 预加载 & 懒加载 & 骨架屏 这是一篇关于在前端开发中 与图片相关的一些常见问题,回想一下,我们在日常的开发过程中前端与图片打交道的次数可以说是比所有开发职位都要多吧.特别是在 nodeJs 盛行以后. 从我们最开始学习前端的那一天,我们是不是认识了 一个叫 <img /> 的 标签,这个标签的 src 属性可以引用…
08: Cookie && localStorage && Session Storage 缓存相关 客户端.前端 存储 一. 起 因 首先解释下为什么想来写这个关于前端存储的问题,因为最近在做小程序相关的内容.但是,在开发过程中,我们难免会遇到 token 存储. 代码缓存. 图片存储等等. 以及可能存在的 一系列的问题. 现在,我们就专门从 浏览器 存储 入手,来真正的了解 缓存 存在的 场景,以及在日常开发中,我们需要 缓存的地方,以及使用缓存会给我们带来哪些优势 o…
目录 03:数组的属性 && 操作方法(上) 03:数组的属性 && 操作方法(上) 一.Array property 数组的属性 1.constructor 返回对创建此对象的数组函数的引用 [].constructor // ƒ Array() { [native code] } 2.length 返回 或者 设置数组中元素的数目 const abc = ['a', 'b', 'c'] console.log(abc.length) // 3 abc.length =…
一 web发展历程 了解事物的历史有助于我们渐进式的从发展的思路清楚了解事物的来龙去脉. 这里有一篇网文写得比较清晰和完整:https://www.tianmaying.com/tutorial/web-history 二 前后端分离 前后端分离为我们说明前后端分离的依据,缘由,以及提供理论基础. 在这里也有一篇博客写得非常好,里面详细阐明了前后端分离,以及前端的一些情况和诉求,http://www.cnblogs.com/aspnethot/articles/3678994.html 三 Co…
记录.分享与学习 2015年5月中旬开始学习web前端到2015年6月底找到第一份相关工作,在学习与工作过程中通过网络获益良多,在此写下个人学习与工作过程中的总结与思考,记录个人成长,同时也希望能够帮到有需要的人(就像当初我的很多问题从大家的技术博客中找到答案一样)…
python的优点 简单 简单 简单 我目前在公司用python 1. 增加odoo的各种业务,成本核算.自动跑单.自动备份数据库之类的 ----odoo是国外大佬做的一个开源erp 用的python 2.自动化脚本 ---- python语法简单到像读英语文章.好理解到爆 这是shell不可及的,功能上目前我没有发现有python短板的地方,毕竟python现在是热度最高的语言,在模块上面的完整度还是很高的 3.成本很低 ----不管是学习成本还是写代码的时间成本,都会比java低.我是认识的…
一.先讲讲 TypeScript 什么是 typeScript ? typeScript 是 Javascript 的超集 我们用一张图来简单介绍下 ts 和 js 清清楚楚明明白白的关系- 为什么会出现 typeScript 在说 typeScript 之前 ,我们先了解下 Javascript. JS里面一切皆为对象,通过原型链来定义了系列不同类型数据的原生方法,然后给到了系列可以改变上下文的奇淫巧技,让 JS 在使用起来的时候可以非常方便,不需要考虑过多,链上了咱们就疯狂使用,这样真的好么…
写本章的内容的出发点主要是 为了对于之前关于 JS 版本的一个总结,在之前的开发中,我们始终对于 ECMAScript 的版本的更新不够重视,以至于在后面的 开发过程中,我们始终会被各种新奇的语法打断了我们的思考思路,所以对于基础的追求,是任何时候都不能忘记的.不然会的框架再多,会玩儿的花样再多,到头来都只是API . 另外 一个目的就是想做一个好玩的东西,就是 实时编译所写的高版本(ES2015+)的 JS 代码.转化成现在大部分浏览器可以兼容的 ES5 . ES3 等. 下面就正式介绍下 B…
目录 一.高级函数 1-1 安全的类型检测 1-2 作用域安全的构造函数 1-3 惰性载入函数 1-4 函数绑定 1-5 函数柯里化 1-6 反函数柯里化 一.高级函数 1-1 安全的类型检测 想到类型检测,那么脑海里第一反应应该就是在 Javascript 的世界中到底有哪些类型(这真的是一个非常古老的问题了) 我们大致分为 2 类: 基本类型 和 引用类型 其中 基本类型 包括了: string.number.bool.undefined.null 其中 引用类型 包括了: Array.Fu…
Github传送门,欢迎 Star - - Github地址,欢迎 Star…
06: JS 中 this 的使用技巧总结 this 是 JavaScript 中的关键字. 一.基本认识 在 JS 中我们把 this 关键字当作成一个 快捷方式,用来引用当前调用者. 解释上面这句话,其实就是一句话: this关键字指向的是当前上下文(context)的主体(subject),或者当前正在被执行的代码块的主体. 通俗一点解释就是: 谁手里拿着这个名字叫 this 的武器,this 就指向拿着这个武器的人. 就好比 说起 屠龙刀 你就能想起 金毛狮王,说起 倚天剑 就能想起 周…
05:JS 原型链 在 JavaScript 的世界中,万物皆对象! 但是这各种各样的对象其实具体来划分的话就 2 种. 一种是 函数对象,剩下的就是 普通对象.其中 Function 和 Object 为JS自带的 函数对象.(哎? 等等, Function 为 函数对象 可以理解,为什么 Object也是函数对象呢?带着疑问我们继续往下看. ) Function 和 Object 为何都是 函数对象呢? 一. 普通对象 和 函数对象 函数对象 的疑惑…
12:head 头标签指南 常见头标签 DOCTYPE 文档模式 对文档进行有效性验证 告诉用户代理或浏览器这个文档是按照什么DTD写的,但是这个动作是被动的,每次页面加载时,浏览器并不会下载DTD,并检查合法性,只有手动校验时才启用. 决定浏览器的呈现模式 通知浏览器读取文档时用哪种解析算法,如果没有写,浏览器会按照自身的规则对代码进行解析,可能会严重影响html排版布局 浏览器的三种解析HTML文档的方式 非怪异(标准)模式 怪异模式 部分怪异(近乎标准)模式 HTML5的文档模式写法 <!…
04:JavaScript 的闭包 一.定义: 常规定义: 闭包的定义: 有权利访问外部函数作用域的函数. 通俗定义: 1.函数内部包含了函数.然后内部函数可以访问外部函数的作用域. 2.内部函数可以访问 父级函数的作用域. ...等等等 二.思考: 1.我们在日常的开发过程中会应用到 闭包么? 2.如果有遇到的话,会是在什么情况下遇到的? 3.举一些 具体的例子. 1.我们在日常的开发过程中会应用到 闭包么? 以之前的知识对于 闭包的理解来讲是这样的 (function(){ for(var…
咱们 接着上篇来讲- 7.slice() 从某个已有的数组返回选定的元素 经常用来将类数组转化成数组,这样做一方面可以利用现有的数组方法更加方便的处理,另一方面是处于性能的考虑 var f = function(a,b,c,d,e,f){ var args = Array.prototype.slice.call(arguments,0) console.log(args) } f(1,2,3,4,5,6) // [1, 2, 3, 4, 5,6] tips: 箭头函数中的 arguments…