h5页面在移动端实现禁止缩放、双击放大和双指放大 h5页面如何在移动端禁止缩放、双击放大和双指放大呢? h5的页面在手机浏览器里面访问时,有时候不小心点了,页面就变大了,那需要如何做,才能禁止缩放、双击放大和双指放大呢?实现该效果的代码如下(需要在js里面添加方法): // 禁用缩放 function addMeta() { $('head').append('<meta name="viewport" content="wid 前端 2025年04月21日 180 点赞 0 评论 19662 浏览
CSS基础-06-元素大小(设置元素尺寸height/width、最大值max-height max-width、最小值min-height min-width、设置行间距 line-height) 1. 设置元素尺寸(height/width) 语法示例 自动大小 height:auto;width:auto; 像素设置 height:100px;width:100px; 百分百设置 height:50%;width:10%; 完整示例 代码 <!DOCTYPE html> <html> <head> <meta ch 前端 2025年04月20日 66 点赞 0 评论 7065 浏览
@ant-design/icons-vue按需引入icon 正常引入icon组件库 import * as Icons from '@ant-design/icons-vue' // 循环使用全部全部图标 const icons: any = Icons for (const i in icons) { // 全局注册一下组件 app.component(i, icons[i]) } 此时打包npm run build 前端 2025年04月20日 200 点赞 0 评论 3443 浏览
JustAuth整合第三方登录组件 一、官网 JustAuth 整合平台: QQ登录 新浪微博登录 百度登录 Gitee登录 Github登录 开源中国登录 StackOverflow登录 Coding(腾讯云)登录 程序员客栈登录 CSDN登录 Google登录 Facebook登录 钉钉登录 阿里云登录 支付宝登录 华为登录 飞书登录 微信开放平台登录 企业微信扫码登录 企业微信网页登录 抖音登录 京东登录 二、样例-微信开 前端 2025年04月19日 191 点赞 0 评论 2371 浏览
3. CSS预处理器Less、Scss 1. CSS编写的痛点 CSS作为一种样式语言, 本身用来给HTML元素添加样式是没有问题的. 但是目前前端项目已经越来越复杂, 不再是简简单单的几行CSS就可以搞定的, 我们需要几千行甚至上万行的CSS来完成页面的美化工作. 随着代码量的增加, 必然会造成很多的编写不便: 比如大量的重复代码, 虽然可以用类来勉强管理和抽取, 但是使用起来依然不方便; 比如无法定义变量(当然目前已经支持), 前端 2025年04月19日 85 点赞 0 评论 13107 浏览
手写connect 使用react-redux中的 function mapStateToProps(state) { console.log("查看state"); console.log(state); return { count: state.count, personList: state.person }; } function mapDispatchToProps(dispatch) { 前端 2025年04月19日 120 点赞 0 评论 16178 浏览
技术文档画图工具箱 序 本文主要介绍一下撰写技术文档中可能会用的一些画图工具。这里主要分为两大派,一派是直接拖拽完成,一派是通过代码来完成 UI工具 主要有processon、draw.io、excalidraw、archimatetool、cloudcraft.co processon 架构图 截屏2022-04-01 上午11.41.50.png 前端 2025年04月19日 116 点赞 0 评论 1960 浏览
element 在表格中使用表单校验 先上个图 image.png 上图说明 看起来是表格包含了很多个表单,其实是表单包含了表格; 表头是通过插槽自定义的,也可以直接使用表格的 label 属性; 外层是一个大表格,里面是一个小表格,然后小表格的每一列是根据大表格的主表列里的选项不同,数据不同自动循环出来的,有的是必填,有的是非必填,截图上都是必填; 小表格可以进行动态添加数据,小表格跟大表格是两个表单,并且分开校验; 前端 2025年04月17日 122 点赞 0 评论 9841 浏览
reduce比你想象中更强大 前言 前面的这篇文章 JS 基础! | 扁平数组和JSON树的转换 利用到了 reduce来实现数组转为map,以及结合concat实现数组递归拼接。今天我们来看看还能搞些什么名堂~ 简单复习一下 reduce 语法 let value = arr.reduce(function(previousValue, item, index, array) { // ... }, [initial]) 前端 2025年04月17日 136 点赞 0 评论 13319 浏览
537.【博客开发】前端应用开发环境搭建(可复用) 一、约定 jsx|tsx 组件文件名使用- 连接,例如 dimension-reading.tsx 除组件外的其他文件名使用 _,例如 random_go.ts 二、文件说明 |- babel.config.json // babel 配置 |- README.MD |- CHANGELOG.MD // 修改历史 |- postcss.config.js // 1.支持 autop 前端 2025年04月17日 193 点赞 0 评论 18089 浏览