优秀框架都在使用的CSS规范: BEM、OOCSS、SMACSS
本文介绍了 BEM、OOCSS、SMACSS 这三种 CSS 规范。BEM 是广泛使用的命名规范，将界面拆分为块、元素和修饰符。OOCSS 以面向对象方式开发，将 CSS 分为结构和皮肤。SMACSS 则要求将 CSS 拆分为基础、布局、模块、状态、主题五部分。文章还对比了它们与现代化原子化 CSS 的优缺点，指出前三者适合长期维护的大型项目，原子化 CSS 适用于小型项目。 关联问题: BEM有哪些实际案例 OOCSS如何提高复用性...
小白也能看懂的JavaScript作用域链和闭包
这篇文章主要介绍了 JavaScript 中的作用域链和闭包。先讲解了全局作用域、函数作用域和块级作用域的概念及特点，包括变量的访问规则和小测验。接着阐述了作用域链，通过代码和图解解释了词法作用域、outer 及作用域链的概念。然后说明了闭包的概念、产生原因，通过示例展示其应用，并给出了相关测验。最后总结了闭包的优缺点。 关联问题: 作用域链如何优化 闭包内存如何管理 全局作用域有何限制 前言 在之前的写文章中我们已经对js的运行机制有...
Golang 之 gorm 标签介绍
结构体标签 标签定义 Tag是结构体在编译阶段关联到成员的元信息字符串，在运行的时候通过反射的机制读取出来。 结构体标签由一个或多个键值对组成。键与值使用冒号分隔，值用双引号括起来。键值对之间使用一个空格分隔的，如下 key会指定反射的解析方式，ps： json(JSON标签) orm(Beego标签)、gorm(GORM标签)、bson(MongoDB标签)、form(表单标签)、binding(表单验证标签) search(搜索标签...
ubuntu 20.04 下安装mysql 8.0.22 并开启远程连接
ubuntu 20.04 下安装mysql 8.0.22 并开启远程连接 前两天想把学校做的数据库作业搬到ubuntu云服务器上去，搞了我好久，踩坑太多了，希望记录一下给遇到同样问题的人 以下所有操作在管理员模式下进行，若不在管理员模式下请在代码前加上sudo 第一步 更新所有软件 第二步 安装mysql 弹出以下提示 第三步完成后登陆数据库 先查看root的host 可以看到root的host为localhost即只有本...
Ubuntu 部署 Gin+Vue 前后端分离项目
部署 Go 项目打包 Go 支持跨平台编译，因此我们可以很轻松的将当前平台的 Go 项目打包成能够在 Linux 运行的文件 进入到 main.go 的文件目录下，执行以下命令（打包前记得将环境或者配置修改为服务器的） Windows 系统下 注：在 cmd 中执行，PowerShell 中不知道为什么不起作用（编译出来还是 Windows 下的 .exe 文件） Mac 系统下 Linux 系统下 参数说明 等待编译完成后就可以得到一...
基于 prefetch 的 H5 离线包方案
对于电商 来讲，使用 技术开发的页面占比很高。由于 加载速度非常依赖网络环境，所以为了提高用户体验，针对 加载速度的优化非常重要。 是最常用的优化技术，通过提前下载 渲染需要的 资源，加载时直接使用本地缓存资源避免额外的网络请求提高加载速度。本文主要是介绍团队在离线包技术方案上的探索，以及基于 的离线包实现方案如何减少维护成本和开发成本。 离线包技术发展到现在已经比较成熟。离线包技术主要是分为两部分，一部分是客户端离线包容器，另一部分是...
flutter android端运行报错Namespace not specified. Specify a namespace in the module‘s build file
在使用flutterSDK 3.24之后发现新建项目，项目默认都是基于AGP8了，由于 AGP 开始强制要求 namespace 配置，不仅仅是主工程，也包括第三方库都强制要求 namespace 。但是我们在引入第三方库的时候会发现部分库没能及时的去做相关配置，这也就导致了我们会出现标题错误： 出现这个问题，我们可能会通过去找到本地缓存的第三方库代码去修改它的build.gradle和AndroidManifest.xml来解决缺失...
Flutter中如何实现APP升级功能背景
背景 每个App应用中一定会包含的功能 ，App的运行平台不同实现升级功能的方式也就不同，基本分类如下所示。本文主要聚焦在使用Flutter框架开发的应用在安卓系统内如何更新，以及所涉及要点梳理。 IOS系统 Andriod系统 官网下载 各类应用市场 （本文聚焦点） 功能清单（按步骤） UpgradeCard组件（展示升级内容） 进行新旧版本对比判断是否需要更新 下载更新然后安装应用 UpgradeCard组件 组件需要包含基本标题、...
Flutter应用内更新App版本使用flutter_downloader而非ota_update
做当前App应用内更新的前提：用户可以在App更新的时候还可以使用软件，不能让他一直等待下载，关闭下载组件后，打开组件还能继续看到他的进度，并且用户锁屏或者短暂退出APP后需要保证任务不能总是挂掉，这里没有用到保活，而是需要用到生命周期去让他暂停和恢复，所以当前app还要有一个全局管理类保存任务id。UI图在最后 （插件文档说明可以通知栏显示，但是我用的这个版本在100%下完后总是failed，而不是complete，就不会很友好，后面...