全局路由守卫-登录鉴权
const router = createRouter({
history,
routes,
})
router.beforeEach(async (to, from) => {
if (to.path === '/' || to.path.startsWith('/welcome') || to.path.startsWith('/sign_in')) {
return
前端
ES6模块化和webpack打包（webpack部分）
webpack打包
✍目录总览：
问题的产生
浏览器环境中模块化开发的问题：
效率问题：模块化导致JS代码需要不断的被细分, 而精细的模块划分带来了更多的JS文件, 更多的JS文件带来了更多的网络请求, 降低了页面访问效率
兼容性问题：
浏览器不识别ES6（或者更高版本的JS语法）语法，或者CSS预编译处理器（如less，scss）
目前浏览器仅支持ES6的模块化, 那么意味
iOS开发 image背景图片拉伸问题
前言（如果是imageView的图片拉伸问题，可直接看文章结尾，OC和Swift）
在开发中聊天、按钮等背景图片，UI设计师可以仅设计其边框样式，然后通过代码就行处理，以适应聊天文字的大小或按钮的大小。这样不仅可以使安装包更轻巧而且可以更灵活的使用图片；
运行图片.png
方法一：
即将弃用方法
这个函数是UIImage的一个实例函数，它的功能是创建一个内容可拉伸，而边角不拉伸的图片，
jQuery已“死”？为清除技术债，我们删掉了前端所有jQuery依赖
近期，英国公共部门信息网站 GOV.UK 前端开发主管 Matt Hobbs 宣布该公司删除了 jQuery 作为所有前端应用程序的依赖项，这意味着“在所有 13 个 FE 应用程序中，JS 大小减少了 32 KB（31% ～49% 之间）”。
图片
一些关键指标得到优化
Matt 也在推特上分享了几组数据，说明了在删除 jQuery 后一些关键指标得到了优化。
移除页面标签限制并查看所有页面 R
Flutte之UI编写总结
目前Flutter是当下最为热门的跨平台开发框架，Flutter的组件非常的多，有几百个，我们不可能都熟悉了之后再去写项目，我一般学习新的技术或者学习，花1个小时学习一下基本语法，然后从编写UI开始，再学习使用一些第三方库，基本上就能上手了，今天总结一下Flutter上开发UI的几种重要技巧
Flutter核心主要几种组件：
1、Scaffold定义了一个 UI 框架，这个框架包含 头部导航栏，b
PC原型设计的5点规范
关注Kevin和互联网产品经理们，一起成长
作者 l Kevin
来源 l Kevin改变世界的点滴
分享 l Kevin
很多人做产品经理原型工作时候，其实并没有定什么原型规范，就跟着需求和老板要求，他们想要什么，就画什么功能出来给他们。
如果你去问一个做PC端产品的产品经理，产品设计过程中有没有什么规范和注意事项，他可能半天答不上来。他会想着，“我好想是在认真画的，但好像也确实
微前端解决方案-qiankun实战及部署
先来张图片压压惊
image.png
在线demo：wzs.bengdada.com/
单独访问在线子应用：
subapp/micro-react
subapp/micro-vue2
subapp/micro-vue3
一.导读
1.什么是微前端
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。
微前端架构具备以下几个核心价值：
【Bluebell】项目总结：基于 golang 的前后端分离 web 项目实战
文章目录
Bluebell 项目总结：基于 golang 的前后端分离 web 项目实战
项目入口：先从 main 函数入手
准备工作：加载配置、初始化日志、初始化数据库等
加载配置
初始化日志
初始化 MySQL 连接
初始化 Redis 连接
初始化雪花算法
初始化 GIN 框架内置的校验器所使用的翻译器
注册路由并启动服务
前端Node安装 + 环境配置 + webstorm安装 + 卸载
Node安装1.下载地址：Node.js — Download Node.js®2.安装：选择好目录后一直下一步即可，其中这一步不要勾选 3.配置环境变量，选择系统变量，选择Path。我的安装根目录是：D:\node4.输入cmd进入命令行，查看node版本，出现版本号则说明配置成功。
