随笔分类 - 前端
HTML、css、JavaScript、vue、jQuery
摘要：在 package.json 文件中，依赖包的版本号前面的符号表示版本号的范围。常见的符号和意义如下： ^：锁定主版本号（major），例如："^3.2.1" 表示使用 3.x 版本，4.x 版本需要手动升级。 ~：锁定次版本号（minor），例如："~3.2.1" 表示使用 3.2.x 版本，3.
阅读全文
摘要：npm run dev > s57-mapboxgl@0.0.0 dev > vite error when starting dev server: Error: listen EACCES: permission denied 0.0.0.0:86 at Server.setupListenHa
阅读全文
摘要：要定位子元素包含特定 class 的父元素，可以使用 CSS 选择器中的 :has() 选择器，但是这个选择器目前还没有得到广泛的浏览器支持。目前使用 :has() 选择器的最佳方式是使用 jQuery 或其他类似的 JavaScript 库。以下是一个使用 jQuery 的例子： <div cla
阅读全文
摘要：使用npm config ls可以查看npm的配置信息如下： registry:npm安装地址 user-agent:用户环境 prefix:模块安装位置 node bin location:node的安装位置 cwd:当前路径 HOME:用户主目录 C:\Users\333>npm config
阅读全文
摘要：userAvatar.vue <template> <div class="user-info-head" @click="editCropper()"> <img :src="options.img" title="点击上传头像" class="img-circle img-lg" /> <el-
阅读全文
摘要：index.vue文件 <template> <div> <!-- 多图片上传 --> <el-upload v-if="multiple" action='string' list-type="picture-card" :on-preview="handlePreview" :auto-uplo
阅读全文
摘要：web实现验证码思路 (个人简单示例操作，流程可能并不规范，仅提供演示，请勿抬杠) 验证码代码流程 前端发送get请求来获取验证码图片。 后端收到前端的生成验证码请求，生成验证码图片和验证码内容。然后将随机生成uuid值作为键，验证码内容作为值，形成一对键值对，存储在Redis中(这里存入对象)。同
阅读全文
摘要：expressjwt() 是一个 Express 中间件，用于验证 JWT（JSON Web Tokens）。它会检查请求头中是否存在 Authorization 字段，并且该字段的值是否是符合 JWT 规范的格式。如果 JWT 有效并且签名正确，则它会将 JWT 解码后的负载对象作为 req.au
阅读全文
摘要：验证码实现思路 前端也可是生产验证码，但是前端如果生成简单的验证码，很容易就被爬虫破解，无法很好的起到一个人机识别的效果。而后端生成验证码图片发送给前端，这样的人机识别效果比较好。 验证码流程如下： 前端发送get请求来获取验证码图片。需要前端生成uuid并把uuid的值传到后端； 后端收到前端的生
阅读全文
摘要：nanoid库和uuid库一样都可以生成uuid，但是nanoid相比uuid要更轻量级， https://github.com/ai/nanoid 使用nanoid的使用 1.在项目目录下打开终端，下载安装nanoid库 npm i nanoid 或者，如果你安装了yarn可以使用： yarn a
阅读全文
摘要：1、安装 npm i svg-captcha 2、后端接口 const express = require('express') const router = express.Router() // 解析以 application/json 和 application/x-www-form-urle
阅读全文
摘要：待解构字段为原始值 正常情况下 const obj = { a: 1, b: 2}; const { a, b } = obj; console.log(a, b); // 1 2 当被解构字段缺失时 const obj = { a: 1,}; const { a, b } = obj; conso
阅读全文
摘要：1、为什么使用 nodemon （1）在编写调试 Node.js 项目的时候，如果修改了项目的代码，则需要频繁的手动 close 掉，然后再重新启动，非常繁琐。现在，我们可以使用 nodemon 工具包 这个工具，它能够监听项目文件的变动，当代码被修改后，nodemon 会自动帮我们重启项目，极大方
阅读全文
摘要：**问题描述** 开发中有个需求把geojson文件转化为shp文件，其中的属性值为中文，通过ogr2ogr转换的结果查看发现乱码，然后各种查询和搜索最终得以解决。虽然解决方法很简单，通过设置编码规则即可，但由于没找到相关文档描述，所以花费时间也较长，借此记录下方便今后查阅以及同行的朋友参考。 **
阅读全文
摘要：安装 // npm npm install --save nprogress //Yarn yarn add nprogress 直接引入js、css或者通过cdn引入 <script src='nprogress.js'></script> <link rel='stylesheet' href=
阅读全文
摘要：element-ui中的el-form表单验证，只有在提交按钮点击时才进行验证，这样会减少消耗 其实很简单，直接在el-input上加一个属性就行:validate-event="false" Form 表单组件的表单属性都有这么一个属性 示例 <template> <el-form ref="fi
阅读全文
摘要：例如做一个边框特效 @keyframes huerotate { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rorate(360deg); } } .border{ border-bottom: 1px solid #aaa; box-s
阅读全文
摘要：它是 Error No Entry 的缩写。 意思是：没有这样的目录条目。👉 answer from here
阅读全文
摘要：1、?? 与 || 的区别 1）相同点： ?? 和 || 的用法相同，都是前后是值，中间用符号连接，根据前面的值来判断最终是返回前面的值还是后面的值。 One ?? Two One || Two 2）不同点： 判断的方法不同： 使用 ?? 时，只有One为null或者 undefined 时才会返回
阅读全文
摘要：问题描述 给定一个对象： let obj={ name:'echohye', age:'18', hobby:'sleep' } 如何删除属性 hobby以得到以下 obj？ let obj={ name:'echohye', age:'18' } 解决方案1 delete obj.hobby; /
阅读全文
