随笔分类 - 前端之路
这是前端入门的书籍，需要有一定的编程基础，才能比较游刃有余。同是也不希望 自己误人子弟。所以有错误可以指出来。
摘要：[TOC] 在这一章中介绍的 class 类，希望同学们可以在上一章节中 复习下构造函数、原型、原型链等基础知识 一、TypeScript 中的类 1、先来举个例子： typescript class Persons { name: any; age: number | undefined; con
阅读全文
摘要：[TOC] 这篇文章中的内容会比较的多，而且在基础中是数据相对比较复杂的基础，主要是讲到了 JS 这门语言中如何实现继承、多态，以及什么情况如何定义 私有属性、方法，共有属性、方法，被保护的属性和方法。明确的定义了 JS 中的访问边界问题，以及最终实现的原理是什么。接下来，让我们仔细瞅瞅这部分吧～
阅读全文
摘要：[TOC] 一、定义函数方法 在 es5 中定时函数的方法有 命名函数和函数表达式（匿名函数）这门两种。那么同样的，在 TypeScript 中，函数的定义是什么样子的呢？ 1 1 命名函数 这里需要注意的一点是： viod 类型，是函数不返回任何类型数据 语法 被编译成 的 1 2 函数表达式 这
阅读全文
摘要：[TOC] 一、先讲讲 TypeScript 什么是 typeScript ？ 我们用一张图来简单介绍下 ts 和 js 清清楚楚明明白白的关系～ 为什么会出现 typeScript 在说 之前 ，我们先了解下 Javascript。 JS里面一切皆为对象，通过原型链来定义了系列不同类型数据的原生方
阅读全文
摘要：《前端之路》 重温 Egg.js [TOC] 在 nodejs 发展日益健壮和稳定的情况下，我们在日常的开发中使用 node 已经是一件非常常规的事情了，那么对于我们必要的掌握一个服务端框架还是非常有必要的。下面我们就开始吧。 一、基础功能 1.1、目录结构 在了解目录结构之前，我们需要对 mvc
阅读全文
摘要：[TOC] 一、简单介绍 1.1、快速开始 （这里省略了安装的过程） 1.2、源码简单解析 源码文件主要包含了 application.js 、context.js 、request.js 、response.js application.js 是 Koa 的入口文件封装了 ctx、request、
阅读全文
摘要：前端开发规范 从制定到实施 在我们开始这个题目的时候，我们应该思考下面几个问题： 1. 前端开发为什么需要 开发规范？ 2. 前端开发规范是什么？ 3. 什么时候需要这个规范？ 4. 如何制定这个规范？ 5. 如何落实这个规范？ [TOC] 一、前端开发为什么需要 开发规范？ 前端还在 刀耕火种的时
阅读全文
摘要：2019年 三月 前端跳槽小记 本来按照 一月一篇的更新速度来着，因为三月份换工作的原因，鸽了一篇，真的是难受。 这篇文章中，不会涉及到 太多前端知识点，只是对于这个阶段的一个总结以及一些可能对目前的你有帮助的 面试经验。 一、互联网寒冬 早在 2018年的 ，很多互联网公司都陆续出现 所谓的 的现
阅读全文
摘要：什么是 XSS 一、XSS 什么是 XSS XSS，即 Cross Site Script ， 翻译过来就是 跨站脚本攻击；为了和 css 有所区分，因而在安全领域被称为 XSS。 什么是 XSS 攻击 XSS 攻击指的是 攻击者在网站上注入恶意的客户端代码，通过恶意脚本对客户端网页进行篡改，从而在
阅读全文
摘要：由于 React 的版本更新频繁，各类的新特性也是让人眼花缭乱的，为了方便自己查询最新的以及过往的 各个 React 版本 api、生命周期函数。 这里就用 caniuse 的方式做一个 方便查询的小功能。 那么要实现这个小功能之前，我们必须要对 React 的各种版本进行仔细的解读。 最快捷的方式
阅读全文
摘要：写本章的内容的出发点主要是 为了对于之前关于 JS 版本的一个总结，在之前的开发中，我们始终对于 ECMAScript 的版本的更新不够重视，以至于在后面的 开发过程中，我们始终会被各种新奇的语法打断了我们的思考思路，所以对于基础的追求，是任何时候都不能忘记的。不然会的框架再多，会玩儿的花样再多，到
阅读全文
摘要：第二章 04： Javascript 模块化管理的来世今生 [TOC] 模块管理这个概念其实在前几年前端度过了刀耕火种年代之后就一直被提起，那么我们有思考过这个模块管理具体指的是什么东西？什么样子的展现形式？历史由来？现在是什么样的一个状态？ 直接回想起来的就是 cmd amd commonJS 这
阅读全文
摘要：[TOC] 一、版本 当前 webpack 版本 ： v4.18.0 同之前的版本不一样的地方是需要 全局安装 webpack cli 思考这个 webpack cli 是真的有用么？ 其实对于我来讲感觉很鸡肋，虽然它是出现是为了让我webpack 零配置化，但就目前 webpack cli 的体验
阅读全文
摘要：第二章 03： 前端 进阶技巧之高阶函数 [toc] 一、防篡改对象 JavaScript共享的本质一直是开发人员心头的痛，因为任何对象都可以被在同一个环境中运行的代码修改。 ECMAScript5致力于解决这个问题，可以让开发人员定义 （tamper proof object）。它的原理就是 通过
阅读全文
摘要：第十四章 02： 聊一聊即将来临的跳槽季 之前的文章中都是聊的技术，今天在九月即将开始的前一天，咱们来聊一聊跳槽季 古之 大佬们都有云： 金三银四，金九银十。 这句话也被 很多职场新人奉为真理，毕竟在那些躁动的几个月里，公司中请假的、裸辞的、休假的的人都变多了。 那么在面对诱惑多多的 跳槽季，我们应
阅读全文
摘要：第二章 02： 前端 正则表达式 魔法 （中） 捕获组、反向引用 来源于：《JavaScript 忍者秘籍》 前端之路 系列 继续 来聊一聊 正则表达式！ [toc] 一、预定义字符类 表示匹配一类的字符集，由正则表达式的语法提供。如下： |预预定术语|匹配内容| |: | : | |.|匹配处理新
阅读全文
摘要：[toc] 一、高级函数 1 1 安全的类型检测 想到类型检测，那么脑海里第一反应应该就是在 Javascript 的世界中到底有哪些类型(这真的是一个非常古老的问题了) 我们大致分为 2 类： 基本类型 和 引用类型 其中 基本类型 包括了： string、number、bool、undefine
阅读全文
摘要：第二章 02： 前端 正则表达式 魔法 （上） 来源于：《JavaScript 忍者秘籍》 在我们的日常开发过程中其实会常常有遇到利用正则表达式来解决一些棘手的问题。比如获取当前链接的参数，匹配身份证、手机号、姓名、验证码等等等等。那么我们今天的 前端之路 系列就来聊一聊 正则表达式 ！ [TOC]
阅读全文
摘要：11: 网页生成的过程及对性能的影响 网页生成的过程 网页生成过程，大致可以分成五步 1. HTML代码转化为DOM 2. CSS代码转化成CSSOM（CSS Object Model） 3. 结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息） 4. 生成布局（layout），即将所有
阅读全文
摘要：09： 前端图片 类型 & 优化 & 预加载 & 懒加载 & 骨架屏 [TOC] 这是一篇关于在前端开发中 与图片相关的一些常见问题，回想一下，我们在日常的开发过程中前端与图片打交道的次数可以说是比所有开发职位都要多吧。特别是在 nodeJs 盛行以后。 从我们最开始学习前端的那一天，我们是不是认识
阅读全文
