摘要: #背景 本地搭建了一台认证服务器、两台资源服务器,看看请求的过程 #开始 没登录,直接请求资源服务器,结果跳转到的登录页面 登录后,请求了认证服务器的登录接口,然后一顿重定向,最后回到了资源服务器的接口,页面也返回了信息 这个时候资源服务器会创建一个会话,cookie里保存了这个熟悉的身影(让回到了 阅读全文
posted @ 2022-12-01 21:56 李同学的教室 阅读(1474) 评论(0) 推荐(0)
摘要: #背景 作为一名开发人员,你的电脑都装什么开发相关的软件?今天和大家分享下一些软件的安装步骤 按照我认为的重要性,以及熟悉程度列出如下清单。 VirtualBox Ubuntu MASS docker mysql redis intelj vscode gitlab #开始 ##1. Virtual 阅读全文
posted @ 2022-11-28 23:33 李同学的教室 阅读(86) 评论(0) 推荐(0)
摘要: #背景 我们经常提到要创建高性能的前端,高性能的前端有哪些需要我们注意的能 请求图片样式多, 文件压缩和分割, 工具算法靠策略, 事件委托位操作。 #解释 请求:减少请求数量,控制返回数据的大小,静态资源缓存、CDN、SSR 图片:延迟加载、响应式图片、降低图片质量、避免无效宽高、CSS动画替换动图 阅读全文
posted @ 2022-10-20 21:31 李同学的教室 阅读(36) 评论(0) 推荐(0)
摘要: 背景 经常看到一些首页的过渡效果不错,闲来无事,实现个基本效果 直接上代码 <body> <div id="1" class="block build-in-scale-up"><h1>Hello1</h1></div> <div id="2" class="block build-in-scale 阅读全文
posted @ 2022-10-10 00:28 李同学的教室 阅读(906) 评论(0) 推荐(0)
摘要: #背景 用css动画让你的页面交互动起来 #开始 <body> <button id="button">开始</button> <div id="block"></div> </body> <script> document.getElementById("button").addEventList 阅读全文
posted @ 2022-10-08 22:49 李同学的教室 阅读(263) 评论(0) 推荐(0)
摘要: #背景 webpack构建过程中的hooks都有什么呢?除了在网上看一些文章,还可以通过更直接的办法,结合官方文档快速让你进入webpack的hook世界 写一个入口文件 //index.js const webpack = require("webpack"); const path = requ 阅读全文
posted @ 2022-09-30 23:00 李同学的教室 阅读(623) 评论(0) 推荐(0)
摘要: #背景 什么是tapable、hook,平时做vue开发时的webpack 配置一直都没弄懂,你也有这种情况吗? 还是看源码,闲来无聊又看一下webpack的源码,看看能否找到一些宝藏 tapable和webpack没有特定关系,可以先看下这篇文章,了解下这个小型库 https://webpack. 阅读全文
posted @ 2022-09-30 00:47 李同学的教室 阅读(744) 评论(0) 推荐(2)
摘要: #背景 不知道webpack插件是怎么回事,除了官方的文档外,还有一个很直观的方式,就是看源码。 看源码是一个挖宝的行动,也是一次冒险,我们可以找一些代码量不是很大的源码 比如webpack插件,我们就可以通过BannerPlugin源码,来看下官方是如何实现一个插件的 希望对各位同学有所帮助,必要 阅读全文
posted @ 2022-09-29 00:02 李同学的教室 阅读(590) 评论(1) 推荐(1)
摘要: #背景 学习前端新框架、新技术。如果需要做一些数据库的操作来增加demo的体验(CURD流程可以让演示的体验根据丝滑) 最开始的时候一个演示程序我们会调用后台,这样其实有一点弊端,就是增加了开发和维护成本,简单的一个demo不应该劳师动众 后来我会在demo中使用一些websql,奈何,websql 阅读全文
posted @ 2022-09-28 00:24 李同学的教室 阅读(503) 评论(0) 推荐(0)
摘要: #概述 webpack的使用中我们会遇到各种各样的插件、loader。 webpack的功力主要体现在能理解各个插件、loader的数量上。理解的越多功力越深 loader是什么呢? #背景 了解loader前,我们在来看个问题,有了前面的基础我们还是用个简单的样例来说明 由于一切都是模块,我们想用 阅读全文
posted @ 2022-09-26 20:33 李同学的教室 阅读(614) 评论(0) 推荐(0)