前端开发
-
要求：必须包含大写字母，小写字母，数字，特殊字符四种中的三种，长度要求8到30位 export function validatePassword(password) { // 大写字母 小写字母 数字 特殊字符，四种包括三种，长度8~30 return /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W_]+$)(?![a-z0-9]+$)(?![a-z\W_]+$)(?![0-9\W_]+$)[a-zA-Z0-9\W_]{8,30}$/.test(pass
2024-12-03 -
问题一：父元素里有两个左右并排的元素，父元素随着左边的高度变化而变化，而右边的随着父元素高度变化而变化。 绝对定位方法： （1）将父元素设置为相对定位，不写父元素的高度时，会随着左边的子元素高度变化而变化 .parent { /*关键代码*/ position: relative; /*其他样式*/ width: 800px; color: #fff; font-family: "Microsoft Yahei"; text-align: center
2024-12-03 -
Google, if you’re reading this, it’s too late. 谷歌，如果你正在读这篇文章，那就太晚了。 Ok. Cracks knuckles. Let’s get right to it. Internal documentation for Google Search’s Content Warehouse API has leaked. Google’s internal microservices appear to mirror what Google
2024-12-03 -
问题描述： 每次从别的页面跳转回来就发现表格显示错位了 一通查 结果发现是有两层表格 解决办法： 根据开发者工具中看到的样式选择器，很粗暴的在全局样式文件中加一个： 效果：
2024-12-03 -
效果演示 一、创建一个dialog.js文件，并在main.js中进行引入（dialog.js路径位置随个人习惯即可） import Vue from 'vue' // v-dialogDrag: 弹窗拖拽属性 Vue.directive('dialogDrag', { bind (el, binding, vnode, oldVnode) { // 自定义属性，判断是否可拖拽 if (!binding.value) return const dialogHead
2024-12-03 -
一、思路： 如何在不卡住⻚⾯的情况下渲染数据，也就是说不能⼀次性将⼏ 万条都渲染出来，⽽应该⼀次渲染部分 DOM ，那么就可以通过 requestAnimationFrame 来每 16 ms 刷新⼀次。 二、实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <
2024-12-03 -
报错如下： INFO Starting development server... utils.js:587Uncaught TypeError [ERR_INVALID_ARG_VALUE]: The argument 'path' must be a string or Uint8Array without null bytes. Received 'E:\\#\u0000#idea-workspace\\wonderful-search\\wonderful-search-vue\\n
2024-12-03 -
文档流 什么是文档流？ 文档流：页面从上往下一行一行，其中每行从左至右的顺序，这种排列方式成为文档流。 什么是脱离了文档流？ 脱离文档流意味着 它的排列顺序不遵循正常情况下文档的排列顺序，已经脱离了文档流，它不占用空间，处于浮动状态，脱离了文档流的元素的定位相对于其正常情况下的文档流，所以处于正常文档流的元素会占用原先的空间。 脱离文档流的几种情况？ 首先是float <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <titl
2024-12-03 -
? 文章目录 一、? 网站题目 ??? 购物商场 宠物 24页 含登录注册 二、? 网站描述 ? 总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点，网页的风格主题也很全面：如爱好、风景、校园、美食、动漫、游戏、咖啡、音乐、家乡、电影、名人、商城以及个人主页等主题，学生、新手可参考下方页面的布局和设计和HTML源码（有用点赞(๑•̀ㅂ•́)
2024-12-03 -
以下文章来源于神光的编程秘籍 ，作者神说要有光zxg 使用eslint方法 是否可以通过 eslint 插件实现自动把属性访问变成可选链的方式。 这当然是可以的，我们来实现下： mkdir auto-optional-chain cd auto-optional-chain npm init -y 创建项目，新建 package.json 安装 eslint 的包 npm install --save eslint 然后在 src/index.js 写这样一段代码： const { ESLi
2024-12-03