自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

拖泥羊的博客

Winjs/javascript/html5/css

  • 博客(6)
  • 收藏
  • 关注

原创 前端工程化1:小白应该知道的NodeJS、NPM、package.json、脚手架是什么?

1、一些基本概念 1.1 js引擎是什么? js引擎在浏览器中用于执行js代码; js引擎是单线程机制,js同步代码在引擎中按照顺序一步一步执行; 1.2 V8引擎是什么? Webkit是最初苹果公司开源的一个浏览器引擎,Safari就是基于Webkit开发的。Webkit主要由两大功能,一个是渲染Html,另一个是解析JavaScript。后来谷歌公司在Webkit的基础上升级了JavaScript解析器,研发出来V8引擎。V8引擎就用到了Chrome、Android浏览器中,后来还用到NodeJs环

2021-06-23 10:11:15 2204

原创 10分钟学会TypeScript,总结TS的常用特性

为什么要学习 TypeScript 前端老法师应该都知道,一路走来js有太多不完善的地方;呃,它是弱类型语言,它是解释型脚本,它入门其实很简单但深入挺难。想要知道为什么学习 TypeScript,那么我们首先要学习下什么是强类型、弱类型、静态类型、动态类型、类型系统。 强类型与弱类型(类型安全) 强类型,形参和实参的类型必须保持一致 强类型,不允许随意的隐式类型转换,而弱类型是允许的 弱类型的问题 缺失了类型系统的可靠性: 一些类型异常要等到运行时才能发现 类型不明确造成函数功能的改变 对象索引器的错误用

2021-06-22 17:35:54 1951

原创 10分钟了解ES6+(ES2015-ES2019)那些重要的特性

ES2015(ES6) ES2015 是2015年发布的ECMA Script(JS) 语言版本,也是第6个版本,所以也称之为ES6。在此后ECMA Script每年发布一个大版本新增加一些重要特性,我们称之为ES6+。 本文主要总结了ES2015-ES2019的主要特性,一个学习前端的童鞋应该是常用且理解的一些特性。 ES2015 的主要作用: 解决原有语法的一些不足 对原有语法进行增强 全新的对象、全新的方法、全新的功能 Promise、Proxy、Object.assign等 全新的数据类型

2021-06-22 17:34:41 1219

原创 js实现:发布订阅模式和观察者模式有什么区别?

发布订阅模式 应用场景:vue事件监听(兄弟组件之间传递数据)、nodejs事件监听 成员: 发布者:在发布者中调用 notify() 订阅者:在订阅者中调用 addSub() 事件中心:subs数组、addSub()(也对应on)、notify()(对应emit) // 事件中心 let eventHub = new Vue() // 组件A:发布者 addTodo: function (){ eventHub.$emit('add-todo', { text: this.newTodo

2021-06-17 21:42:35 394

原创 js函数式编程基础:高阶函数、柯理化、函数合成、Loadash

一、函数式编程 什么是函数式编程(FP)? FP是一种编程范式,也是一种编程风格,和面向对象是并列的关系。 FP用于描述数据或函数之间的映射;根据输入通过某种运算获得相应的输出,即映射关系,例如:y=sin(x)。 FP需要有输入和输出,相同的输入有相同的输出(这种称之为纯函数)。所以我们可以利用这个特点重用该函数,达到代码重用的目的。 函数式编程的常见应用场景 ES6中的map、filter、some等高阶函数。 React的高阶组件使用了高阶函数来实现,高阶函数就是函数式编程的一个特性。Redux

2021-06-17 21:12:22 747

原创 javascript关于this用法

1、三句话总结this用法: 全局作用域:全局作用域中的 this 指向window。 函数作用域:方法中的 this 指向调用它的对象;如果没有调用者就指向window。 构造函数里:构造函数(或者ES6+的类)中的 this 指向新生成的实例对象。 2、全局作用域:全局中的this,指向window; // 也是通过变量声明隐式声明的 // 因为全局上下文的变量对象是全局对象自身 var c = 30; alert(this.c); // 30 var value = 200; var fun2

2021-06-17 20:12:49 639

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除