西岭老湿 的博客

转载 西岭老湿开小课堂了，来玩啊

转载 如果使用Webpack落地微前端

转载 Rollup 快速入门和配置文件

前置知识：ES 标准模块化规范概述和导入导出概述（Overview）Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码。Rollup 对代码模块使用...

转载 ES 标准模块化规范概述和导入导出

ES 标准模块化规范-概述历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Rub...

原创 TypeScript 入门：高级类型

类型断言const nums = [2,66,88]// TS 的类型推断无法确定res 的结果const res = nums.find(i => i >0)// ...

原创 TypeScript 入门：函数类型约束、任意类型和隐式类型判断

前几篇内容：我们为什么要学习 TypeScript？TypeScript 入门应用：类型系统和配置文件TypeScript 入门：作用域、Object 类型函数类型约束其实就是对函数的输入...

原创 TypeScript 入门：作用域、Object 类型

上两篇内容：我们为什么要学习 TypeScript？TypeScript 入门应用：类型系统和配置文件作用域问题即便不同文件中，有相同变量名字，也会出现变量名同名的错误。可以使用立即执行函...

原创 TypeScript 入门应用：类型系统和配置文件

安装及使用npm install typescript -g进行全局安装，也可以使用npm install typescript -D作为项目的开发依赖项。TypeScript 代...

原创 我们为什么要学习 TypeScript？

我们为什么要学习 TypeScript？编程语言按照数据类型大体可以分为两类，一类是静态类型语言，另一类是动态类型语言。静态类型语言在编译时便已确定变量的类型，而动态类型语言的变量类型要到...

转载 前端工程化到底是什么 ？

工程及工程化首先看什么是工程？一个工程其实就是一个项目，比如一个网站或者一个APP，普通的程序员，大部分情况下，都是处于其中的一个环节，要学习工程化，就需要先了解工程化的整个生命周期；图示...

转载 低代码真的是“行业毒瘤”？

放屁，现在那个程序员不在使用低代码工具，你真的以为低代码这个概念是最近才有的吗？你懂个屁，低代码一直都是高效的生产力工具；这是我看到标题为 《“行业毒瘤”低代码》这篇文章的第一反应；好了，...

转载 React-Hooks 面试解答

最近看到一个关于 React 的面试题，是京东技术三面的题目，感觉很有意思，一起来看看：React 加入 Hooks 的意义是什么？或者说一下为什么 React 要加入Hooks 这一特性...

原创 微前端架构实战-001什么是微前端

前一段时间我遇到过这样一个问题，接到朋友邀请，帮忙解决一个问题， 几年前的一个不大不小的项目，他们使用的框架是当时看起来非常有前景的 Angular 框架，所有的业务也都跑在这个框架下，几...

转载 微前端架构实战中-single-spa篇

single-spa：https://zh-hans.single-spa.js.org/ 是一个实现微前端架构的框架。在 single-spa 框架中有三种类型的微前端应用：single...

转载 微前端架构实战上-概念篇

如何实现多个应用之间的资源共享？之前比较多的处理方式是npm包形式抽离和引用，比如多个应用项目之间，可能有某业务逻辑模块或者其他是可复用的，便抽离出来以npm包的形式进行管理和使用。但这样...

原创 React 面试筹备不完全指南

开篇我们今天主要讲解的内容就是关于 React 面试相关的，我相信你在面试中，也会被问到各种各样的非常多的问题，我举几个例子你看看，在自己心里想一想，你会怎么回答？为什么 React 选择使用 JSX ？JSX 映射虚拟 Dom 的原理setState 到底是同步的，还是异步的？如何面向组件跨层级通信？聊聊 Redux 和 Vuex 的设计思想有什么不同和相同之处？React 事件与 DOM 事件有什么区别？为什么 React 要加入 Hook ?说一下你对 ..

原创 Vue 服务端渲染原理解析与入门实战

开篇在开始之前我们需要先来搞清楚一个问题：什么是服务端渲染 ？在以往的概念里，渲染的工作更多的是放在客户端进行的，那么为什么现在我们要让服务端来做这个工作？服务端渲染和客户端渲染有什么不同之处吗？其实服务端渲染的工具有很多，看着手册很快就能上手，并没有什么难度，关键在于，我们什么场景下需要使用服务端渲染，什么样的渲染方案更适合我们的项目；知其然，知其所以然，我们需要先搞清楚服务端渲染的基本概念和原理，服务端渲染为什么会出现，到底解决了我们的什么问题，掌握整体的渲染逻辑和思路，我们才能在学习工

原创 春节大礼，Vite2.0 正式发布，中文手册同步更新

????Vite 中文文档祝全体读者 2021 春节快乐！????打开 github 的 vite 中文文档首页，首先看到的就是这句祝福，vue 团队有心了；大家也可以亲自去github 感受一下： https://github.com/vitejs/docs-cn因为目前文档正处于活跃的更新状态，中文文档是英文的翻译版，所以，首先更新的肯定是英文，也建议大家直接查看英文文档，因为翻译更新的不确定性，所以，官方并没有部署中文文档的站点，但是，我知道大家都是爱学习的积极分子，英语阅读可能有

原创 跨年都在更新的 vite 到底有多香？

2020年太难了，终于等到元旦能放假休息几天，闲着没事逛微博，然后，收到了来自 米国 的礼物：Vite2.0；有没有很震惊！跨年礼物vite2.0，我也真服啊，尤大你假期就不能打打游戏刷刷剧吗？看到了更新，我还忍不住去官方文档一探究竟，跟着看了几天，就在我差不多看完文档的时候，GitHub 那边传来了噩耗，三天时间，提交了 10 个 beta，尤雨溪你简直就是个恶魔啊；来吧，大家也感受一下尤大的魔鬼更新速度……真是雷厉风行，一日千里三天10更的 Vite 究竟有什么魔力？Vi

原创 Webpack 5 新特性尝鲜

安装与启动Webpack 5 发布已经有一段时间了，很多小伙伴都在考虑要不要升级，有没有升级的必要，不知道升级后有哪些改变；今天我们就来做个对比看看，webpack5 带来了那些全新的改变；没有对比就没有伤害，为了更好地伤害 webpack 4 , 我们使用 webpack4 和 webpack 5 分别构建一个 React 项目来做对比：mkdir webpack4 mkdir webpack5 # 分别执行 初始化命令 npm init -y 创建文件 /src/index.

原创 为什么 Vue3.0 要重写响应式系统

面试的时候经常被问到 响应式 相关的内容，而Vue3.0 更新后，面试官又有了新的武器；面试官：为什么 Vue3.0 要重写响应式系统？懵逼树上懵逼果，懵逼树下你和我，面试官在问什么，我该怎么回答，完全不知道怎么回事；有些经验的小伙伴可能会从解释 Proxy 的好处开始简单聊一下，比如： Proxy 是直接代理对象，而不是劫持对象的属性；更好的数组监控；这样的回答，勉强算是合格吧那到底应该怎么答呢？面试官背后的出题逻辑别急，咱们先整理一下思路，孙子兵法有云：“知己知彼，百战.

原创 你真的懂异步编程吗？

在JS 代码中，异步无处不在，Ajax通信，Node中的文件读写等等等，只有搞清楚异步编程的原理和概念，单线程 JavaScript 异步方案首先我们需要了解，JavaScript 代码...

原创 史上最强-JavaScript闭包原理详解-从入门到放弃

闭包这个东西，很有意思，不管在什么编程语言中，我总能遇到闭包这个玩意(实际是 接触的语言少，运气不好)，所以啊，闭包这个小可爱，并不是某一种编程语言特有的，就像变量、函数、作用域这些，在...

原创 最近在学linux，大神们有什么建议吗？

如题，在知乎看到了这个问题，虽然这个没人邀请我做答，但是我就想回答一下，回答原文如下：首先说明一下，题主的问题是 “在学linux，需要建议”，没有说明学习 linux 的目的或者在li...

原创 怎么学习前端开发？推举学习路线图

昨天晚上刷知乎，有个问题邀请我回答，本来我是不喜欢回答的，就喜欢瞎逛，但是一个看问题是：“怎么学习前端开发？求推荐学习路线？”，点进去一看：这问题正好是咱专业，在行啊，必须给广大人民群众...

原创 让 VS Code 起飞

自从开始学习编程，编辑器就是一个魂牵梦绕的存在，我用过各种各样的编辑器，没有一个长大能自己写代码的，都是幼稚鬼；后来我遇到了VSCode，它 是基于 Electron 开发的，为开发者提...

原创 如何练就超强的学习能力

为什么我想学点什么的时候，总是不知道怎么入手；为什么我想看书时，总是看了目录就没了兴趣；为什么花钱买了kindle，发现盖泡面确实很好用；为什么报名了付费课程，听完也就完了；为什么我总是...

原创 如何高效学习，如何快速掌握某种技能-刻意练习20200309读书笔记

[美]安德斯-艾利克森 罗伯特-普尔 著；王正林 译；机械工业出版社 2016年出版；引言 天才存在吗莫扎特的完美音高这显然意味着完美音高根本谈不上是只有幸运的少数人才拥有的天赋...

原创 几个JS代码题的解析

考题 1难度：** var a = 1; function a() {} console.log(a) 以上代码运行结果： 1代码解析：JS代码的运行分为 预解析...

转载 2020新年快乐

有蔬有果，有米有面，有酒有肉，吃喝不愁；有喜有福，有梦有想，有识有书，生活充实；有情有义，有气有运，平安喜乐，得偿所愿。 ...

原创 你想学习吗？你会学习吗？你知道该如何学习吗？学习之道-读书笔记

作者:[美] 芭芭拉·奥克利（Barbara Oakley）；出版社:机械工业出版社 ；出版年: 2016-11前言我们的大脑潜力无穷，却没有配备使用手册思考：大脑没有使用说明手册，...

原创 程序员，你可曾迷茫？

最近有个朋友给我发消息说，特别喜欢我讲的课，说我上课抑扬顿挫有激情(内心激动ing……)；但是自己目前在编程的路上比较迷茫，能不能分享一些我的编程心路历程；那是必须能啊，谁让我长得帅呢，哈哈；

原创 MySQL5.7.17 编译安装及二进制安装详解

MySQL 的安装方式有很多，最常见的就是编译安装和二进制安装；在这里我将两种安装方式都介绍一下，自由选择；

原创 搭建自己的MVC框架

开始写框架分析框架执行流程以TinkPHP为参考localhost/sc/index.php?c=index&a=user localhost/sc/index.php/index/user 访问的是：index控制器的user方法搭建框架核心路由分析：/x.php ://获取地址栏信息并分析//两种方式：//普通模式//$_GET['c'];//PATH_INFO模式//$_SERV

原创 利用Swoole实现PHP+websocket 聊天室

websocketWebsocket只是一个网络通信协议 就像 http、ftp等都是网络通信的协议；不要多想； 相对于HTTP这种非持久的协议来说，Websocket是一个持久化网络通信的协议；WebSocket和HTTP的关系WebSocket和HTTP的关系 有交集，但是并不是全部。 Websocket只是借用了HTTP的一部分协议来完成一次握手。(HTTP的三次握手，此处只完成一次)

原创 ubuntu 安装星际译王及离线词库(图形界面和命令行版)

有图形界面的星际译王安装  sudo apt-get install stardict============================================命令行下的星际译王安装  sudo apt-get install sdcv =============================================安装完成后，去

原创 Ubuntu下安装redis及php扩展

redis就不介绍了，自己去查吧首先下载redis(建议使用最新的stable版，比较稳定) 地址：http://download.redis.io/releases/redis-3.0.5.tar.gz (目前最新版了)cd ～wget  http://download.redis.io/releases/redis-3.0.5.tar.gz 解压：tar -zxf  r

原创 LNMP环境编译安装全过程(php-5.6.14、nginx-1.8.0、mysql-5.6.26)

PHP开发快三年了，本地机器都是windows,安装集成环境，线上服务器我没有权限碰，所以，一直也没有自己搭建过环境，最近鼓足勇气，开始在虚拟机里搭建，经过两天的艰苦奋斗，终于跑起来了，也算是告一段落了，把这几天的东西整理了一下：系统环境 Linux Ubuntu 15.04准备工作：安装系统组件、必备软件包等sudo apt-get install build-essen

原创 linux编译安装PHP

安装系统组件Ubuntusudo apt-get install build-essential gcc g++ autoconf libiconv-hook-dev libmcrypt-dev libxml2-dev libmysqlclient-dev libcurl4-openssl-dev libjpeg8-dev libpng12-dev libfreetype6-devCe

原创 西岭 技术成长路线图

梦想无敌