其他
8篇文章 · 0订阅
  • 前端单测学习（1）—— 单测入门之react单测项目初步
    初步学习单元测试，首先熟悉一些单元测试的一些概念和相关的一些过往经验，用自己熟悉的技术先搭建起我们后面要用的单测项目
    React.js 前端
  • e2e测试Cypress 实践总结
    一、背景 经过前期对e2e(端到端)测试框架的调研，最终确定选择使用Cypress。 在经过2-3天的踩坑实践，终于成功将e2e测试流程集成到项目的gitlab CI中。 现对这几天遇到的问题做一次总
    JavaScript 全栈 Docker
  • 使用css变量和sass实现一键主题换肤功能
    需求 最近做的公共模块，需要提供给不同平台，可以通过传参实现主题色的适配，目前支持模板一键换肤以及自定义换肤。 实现方案 换肤方案主要是基于CSS自定义变量以及sass动态修改data-theme实现
    前端 CSS
  • flex布局 justify-content：space-between; 解决最后一排数量不够自动向两端排列问题
    flex 布局两端对齐当最后一排数量不够时，会出现以下布局情况 原图 实现效果 方案一（父级添加 after 伪类法，解决最后一排数量不够两端分布的情况） 完美解决两端对齐布局混乱的情况 当然，这种解
    CSS 前端
  • Vite + vue3 项目使用 amfe-flexible 和 postcss-pxtorem 实现不同屏幕自适应
    配置 amfe-flexible 配置 amfe-flexible 非常简单，只需要安装引入一下即可 安装 amfe-flexible ###在 main.js 引入 配置 postcss-pxtor
    Vite
  • 利用postcss-pxtorem自适应pc端分辨率
    背景 1、1366*768 2、1920*1080 3、2k+屏幕 效果 由于px都变成了rem,字体大小，宽度等等都会随屏幕大小而变化。 1、创建rem.js 这里给文字大小限制住，最小12px大小
    Vue.js
  • 【PC端web移植到ipad端web项目落地经验】-移动端的web适配
    pc端的web项目迁移适配移动端相关改造落地经验。例如：适配在不同的ipad大小上保持字体大小适配问题；雪碧图问题；iframe适配问题；最优方案推荐等等
    JavaScript 前端 CSS
  • 前端移动端和PC端自适应解决方案，支持vite打包配置
    不懂原理的同学们也没关系，下面跟着操作就可以实现。 这个px不转rem是依赖注释的，可是生产环境打包的时候就会把注释去掉，这样导致你写了 /*no*/不转这条css属性，也没效果，打包删除了注释，它就会自动帮你转了。 解决方法一. 可以把样式写到index.html文件的sty…
    CSS