- 博客(72)
- 收藏
- 关注
原创 前端常用数据处理方法
字符串1、slice ( 起始索引, 终止索引 ) 提取起始索引到终止索引之前的字符并返回2、replace ( 正则 , 替换符) 替换与正则表达式匹配的子串例如将时间格式xxxx年xx月xx日替换为 xxxx-xx-xxvalue = "2021年03月18日"let time= value.replace(/[^\.\d]/g, "-")// 正则表达式,用于去除数字和 “ . ”之外的所有数据打印后 time结果“2021-03-18-”末尾带一个“ - ”let str =
2021-03-22 15:28:44 768
原创 vue使用vant组件的list实现下拉刷新上拉加载细节,并缓存位置!
使用vant的list实现下拉刷新上拉加载,并完美实现,切换页面缓存列表位置。
2023-11-07 16:56:32 711
原创 echarts数据显示在饼图内部
var option = { tooltip: { trigger: "item", }, grid: { left: "20", right: "20", bottom: "25", top: "30", containLabel: true, }, legend: { bottom: "
2022-02-18 17:44:10 1367
原创 echarts饼状图legend 图例对齐
legend: { bottom: "bottom", formatter: function (name) { return "{a|" + name + "}"; }, textStyle: { color: "rgba(255,255,255,.5)", fontSize: "12", // 文字块背景色,一定要加上,否则对..
2022-02-18 17:23:07 2105
原创 事件委托如何获取子元素
console.log(e.target.innerHTML)//目标的文本 console.log(e.target.tagName)//目标的标签名 console.log(e.target.nodeName)//目标的节点名 console.log(e.target.id)//目标的id(标签不设置为空) console.log(e.target.className)//目标的类名(标签不设置为空)) console.log(e....
2022-02-18 14:51:35 1499
原创 Vue响应式原理详解
面试被问到《介绍一下Vue的响应式原理》如何回答Vue初始化时会调用initData()方法,方法内部会调用observe()方法对数据进行观测,observe()方法先判断data是否为对象,如果不是对象不进行观测。再判断是否已经被观测,没有被观测的话会new 一个Observer去观测对象。观测时又分为两种,对象的观测和数组的观测。如果观测的是对象,就会调用walk()方法,walk()方法会遍历所有对象并调用defineReactive方法,defineReactive方法会判断如果观测的值还是一个
2022-01-11 10:18:32 805
原创 git常用指令
指令作用git pull origin master拉取线上 master 最新代码git checkout dev切换到开发分支git merge master合并 master 本地分支(master)git status查看当前文件更改状态git add -A把所有更改代码放到缓存区git commit -m '本次修改的注释‘’缓存区内容添加到仓库中git push origin dev把代码传到 gitLab 上补充指令...
2021-12-30 15:52:40 79 5
原创 git src refspec master does not match any
git src refspec master does not match any.
2021-12-30 15:26:24 894
原创 简单的防抖函数
移动端使用better-scroll时,会存在图片只加载一半,无法滚动的问题,这是因为scroll会对可滚动区域进行计算,在图片未完全加载完毕时计算出来的高度比加载后的高度小很多,这时候就需要监听图片渲染完毕,每一张图片渲染完毕后都,调用scroll的refresh刷新方法对scroll进行刷新,但是这时候调用频率过高,就需要写一个防抖函数。
2021-12-30 10:36:19 463 1
原创 Vue3 vue.config.js设置px2rem、设置路径映射、设置Proxy解决跨域
Vue3 vue.config.js设置px2rem、设置路径映射、设置Proxy解决跨域
2021-12-27 13:47:56 416
原创 nodejs学习(四)nodejs图片上传以及设置静态文件访问路径
图片上传Multer是一个Node.js中间件,用于处理 multipart/form-data 类型的表单数据,主要用于文件上传,注意:Multer中间件不会处理任何非 multipart/form-data 类型的表单数据。Multer会自动添加一个body对象及file或files对象到 express框架的request 对象,fifile或fifiles对象包含表单上传的文件信息。通过表单上传文件时需要注意的是:(1)单的提交方式只能是POST(2)须设置表单的 enctype=“mul
2021-12-16 15:27:51 5703 4
原创 nodejs学习(二)nodejs+mysql简单登录注册
一、新建表user文件database文件夹下席间modles文件夹,并在modles文件夹下创建user.js文件const {Sequelize, sequelize} = require('../init.js')/** * * @params 表明 * @params 参数 * */const User = sequelize.define('user', { username: { type: Sequelize.STRING, validate:
2021-12-16 15:20:54 1555
原创 VSCode设置vue代码片段
点击左下角齿轮,点击用户代码片段创建vue.json文件{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and inser
2021-12-15 18:36:58 184
原创 flex布局设置flex后容器被内容撑开
就和图片中的效果一样。容器大小是不确定的,要根据内容来决定。但是被内容撑开,使用word-wrap:break-word;强制换行文字和字母无效这时将盒子的width设置为 0 ,然后使用 flex样式,将宽度交给 flex 布局来决定,容器就不会被撑开 width: 0; flex: 1如果内容大小确定,flex-grow:0;//是否自动增长空间flex-shrink:0;//是否自动缩小空间...
2021-10-29 10:41:26 4460
原创 axios设置 application/x-www-form-urlencoded无效
三种请求方式的区别 Content-Type: application/json : 请求体中的数据会以json字符串的形式发送到后端 Content-Type: application/x-www-form-urlencoded: 请求体中的数据会以普通表单形式(键值对)发送到后端 Content-Type: multipart/form-data: 它会将请求体的数据处理为一条消息,以标签为单元,用分隔符分开。既可以上传键值对,也可以上传文件。设置后无效的原因是在这里插入代码片co
2021-10-27 13:48:31 1404
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人