一名小学生呀

已安装yarn，cmd可以使用，vscode中却无法识别

摘要：使用VScode的终端时，全局安装的插件无法使用，如：yarn、cnpm、vue/cli、live-server、umi等。解决方法： 1. 以管理员身份打开vscode 2. 在vscode终端执行 get-ExecutionPolicy 》查看结果为 Restricted 3.执行 set-E 阅读全文

posted @ 2024-06-22 10:55 一名小学生呀阅读(583) 评论(0) 推荐(0)

*uniapp-vue3-ts项目配置eslint+prettier+husky

摘要：代码检查工具:Eslint 代码格式化工具:prettier husky：Git 客户端增加了钩子（hooks）功能，使得在特定阶段执行一系列流程，以保证每一个 commit 的正确性 vscode 安装插件：安装 eslint + prettier： npm i -D eslint pretti 阅读全文

posted @ 2024-05-06 11:13 一名小学生呀阅读(659) 评论(0) 推荐(0)

浏览器滚动条设置

摘要： webkit主要有下面7个设置属性： ::-webkit-scrollbar 滚动条整体，可以设置宽度等 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track 外层轨道 ::-webkit-scrollbar-track-piec 阅读全文

posted @ 2024-03-12 17:54 一名小学生呀阅读(350) 评论(0) 推荐(0)

js 原生方法请求接口

摘要： XNLHttpRequest （xhr）介绍： XMLHttpRequest（简称xhr）是浏览器提供的JavaScript对象，通过它，可以请求服务器上的数据资源。在jQuery中封装的AJAX函数，就是基于xhr，然后封装出jq中的ajax，然后就可以调用出get、post、ajax()三个阅读全文

posted @ 2023-09-05 13:46 一名小学生呀阅读(900) 评论(0) 推荐(0)

前端实现图片验证效果

摘要：效果图： // 页面执行 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </head> <body> <div id="v_container" style="width: 200px;height 阅读全文

posted @ 2023-09-05 11:44 一名小学生呀阅读(198) 评论(0) 推荐(0)

input 禁止输入中文

摘要：推荐直接使用正则，简单！也可以写个方法校验 // 1. 正则匹配 <input type="text" id="tel_id" onkeyup="value=value.replace(/[\u4e00-\u9fa5]/ig,'')"/> // 2. 方法校验 // onpaste 元素上粘贴文本阅读全文

posted @ 2023-09-05 11:39 一名小学生呀阅读(717) 评论(0) 推荐(0)

vue项目全局api接口封装

摘要：项目通常情况下，api封装放在src 下utils 文件下 request.js // 安装 axios cnpm install axios --save // 新建request.js// 通常项目的拦截，封装方法都封装在这里 import axios from 'axios' const in 阅读全文

posted @ 2023-09-05 11:06 一名小学生呀阅读(141) 评论(0) 推荐(0)

element vue表单form下多个form-item项循环校验

摘要：效果图： ps：重点注意 prop 值 <el-form ref="fromRef" :model="formData" :rules="rules" label-width="100px" > <el-row v-for="(item,index) in formData.allopatricCo 阅读全文

posted @ 2023-09-05 10:58 一名小学生呀阅读(480) 评论(0) 推荐(0)

页面加水印

摘要：效果图：实现思路：需要一个透明蒙版盖住页面，然后将水印信息循环展示出来，展示完成后将蒙版旋转倾斜，然后为了让水印不影响下层页面功能的正常使用，需要使用pointer-events: none;属性让事件穿透到下面去 // 定义一个水印组件 <template> <view class="make 阅读全文

posted @ 2023-09-05 09:35 一名小学生呀阅读(40) 评论(0) 推荐(0)

锚点的用法

摘要：锚点都是通过链接标签<a></a> href 属性实现两种应用场景：a. 同一页面内跳转；b. 跳转其他页面某个区域 // 1. 同页面内跳转 // 给每个div添加 id 属性，然后将每个链接标签的href属性分别按顺序与每个div的 id 值相对应。【注意：href属性后的ID号必须有“#”，阅读全文

posted @ 2023-09-04 17:55 一名小学生呀阅读(110) 评论(0) 推荐(0)