前端开发
-
阅读全文layui select问题记录
html结构更改但是页面显示没变，是因为select没有重新渲染 加入form.render("select")；让页面select重新渲染即可2024-11-22 -
阅读全文【SCSS进阶】3、深度嵌套和模块化设计
【SCSS进阶】深度嵌套和模块化设计 系列文章目录 【SCSS进阶】3、深度嵌套和模块化设计（本文） 在前面的文章中，我们学习了SCSS中的高级变量和数据结构。本章将深入探讨SCSS中的深度嵌套和模块化设计，帮助你编写更加结构化和易维护的样式代码。 深度嵌套 SCSS允许你将选择器嵌套在其他选择器内，使样式代码更加直观和层次化。深度嵌套是嵌套规则的一种高级用法，可以有效地反映HTML结构，但过度嵌套可能会导致复杂的CSS选择器，影响性能和可维护性。 基本嵌套 示例：基本嵌套2024-11-22 -
阅读全文
-
阅读全文浅析CSS里的BFC和IFC的用法
前言 之前一直听到有人提到 CSS里的BFC，正巧在 IFE的练习里遇到了外边距折叠的问题，所以正好弄清楚BFC的机制。 (参考来源 见文末的 Reference) 一 什么是 BFC 和之前所有博文一样，还是先从What的角度开始介绍，由浅入深的理解BFC。 所谓的 Formatting context(格式化上下文), 它是 W3C CSS2.1 规范中的一个概念。 它是页面中的一块渲染区域，并且有一套渲染规则. 它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 而 Block2024-11-22 -
阅读全文React 环境搭建(Windows)
1.安装node cmd下输入 node --version 2.创建react项目 npx create-react-app test01 执行速度太慢了，因此得先设置nmp源 npm config set registry http://registry.npm.taobao.org/ 3.启动项目 cd test01 执行 npm start2024-11-22 -
阅读全文
react中私有化css属性
react中私有化css属性 很多小伙伴在刚开始使用react时，并没有进行关注css私有化这一点，但是当你团队多人开发时，这个问题就越发明显，急需解决。 以下是解决方法和对比vue中的私有化。 vue中css样式私有化 vue对于这种情况会有一个比较直接的解决办法，在设置stye时，添加scoped属性，这样，在vue编译时就会对style私有化处理，使得样式只会在当前模块下私有 react中css样式私有化 style行内式 最简单粗暴适用于极大多数的场景私有化，直接在行内书写你想要2024-11-22 -
阅读全文JS前端实现身份证号码合法性校验（校验码校验）
在做项目过程中针对自然人数据提交到后端前一般是要进行身份证的合法性校验，当身份证号输入错误以便给于用户友好的提示(也可以根据身份证号同时校验表单中性别和出生日期等)，验证主要是防止无效数据入库。本文在前端使用实现15/18位身份证的合法性校验。 JavaScript前端代码 /** * 身份证15位编码规则：dddddd yymmdd xx p dddddd：6位地区编码 yymmdd: 出生年(两位年)月日，如：910215 xx: * 顺序编码，系统产生，无法确定 p: 性别，奇数为男2024-11-22 -
阅读全文报错“ Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.”
解决vue中安装postcss-pxtorem插件，报错“ Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.” 降低postcss-pxtorem的版本 ,指定安装 npm i postcss-pxtorem@5.1.12024-11-22 -
阅读全文js正则匹配密码：必须包含大写字母、小写字母、数字以及特殊字符
说明： 本文列出的特殊字符全部是英文字符（中文字符没有进行验证），有： 正则匹配代码： 注意：英文状态下的方括号 [ ] 是需要转义的，即 \[\]；还有反斜杠 \ ，也是需要转义即： \\；还有正斜杠 / ，也是需要转义的即 ：\/ const reg2 = /^(?=.*?[a-z])(?=.*?[A-Z])(?=.*?\d)(?=.*?[~!#@$%^*&()_+{}\[\]|\\;:'",<.>\/?])[a-zA-Z\d~!#@$%^*&()_+{}\[\]|\\;:'2024-11-22 -
阅读全文axios的请求拦截器和响应拦截器
1.axios.create()是添加了自定义配置的新的axios import axios from 'axios'; import { MessageBox,Message } from 'element-ui'; import db from '@/utils/localstorage'; var httpApi = axios.create({ baseURL:process.env.VUE_APP_PROD_REQUEST_DOMAIN_PREFIX + proces2024-11-22