自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 问答 (4)
  • 收藏
  • 关注

原创 $nextTick的使用

其实简单的理解就是,当你修改了data的值然后马上获取这个dom元素的值,是不能获取到更新后的值, 你需要使用$nextTick这个回调,让修改后的data值渲染更新到dom元素之后在获取,才能成功。新添加的事件都会放在队列末尾。所以,当第一个也就是data的修改执行渲染在页面之后,这个时候执行$nextTick,就肯定能获取dom的东西la。3、同理也是,创建一个setTimeout,他也会放到队列中,当上一个事件执行完之后,才会这个他这个事件,才会执行他里面的回调,也就能成功获取啦。...

2022-09-01 15:29:19 1092

原创 uni-app基础知识(1)

在应用onLaunch时,getApp对象还未获取,暂时可以使用this.globalData获取globalData。如果需要把globalData的数据绑定到页面上,可在页面的onShow页面生命周期里进行变量重赋值。在页面使用方式如下: getApp().globalData.text = 'test'1. 应用生命周期仅可在App.vue中监听,在其它页面监听无效。使用时需要在 style 节点上加上 lang="scss"。2. main.js中使用Vue.use引用插件,...

2022-09-01 15:24:48 383 1

原创 uni-app的坑

前者为异步操作,后者为同步操作,若后续的操作依赖于更改storage后的数据,则需要同步,否则后续操作执行时还是使用的未更新的数据。若后续操作无需用到更改的storage数据,则不需要立即同步,这时用异步操作即可,节省内存。uni.setStorage, H5端是缓存,可能会被清理;App端不是缓存,是持久化。...

2022-08-17 14:30:40 1616

转载 uni-app中防止重复点击

下新建common文件并创建noclick.js文件,代码直接复制粘贴即可。(2)带参数,传一个方法和一个参数就行。(1)不传参,直接传一个方法就行。2.man.js文件中引入。3.在实际页面中引用。

2022-07-25 10:08:37 3648 2

原创 git命令

gitpush--set-upstreamorigindev远程没有dev分支,把本地dev分支的代码推送到远程dev。gitpushorigin分支名删除远程分支(推送一个空的分支来替换远程分支)gitpushorigindev远程有dev分支,把dev分支的代码推送到远程dev分支.gitpushorigin--delete分支名删除远程分支....

2022-07-22 11:35:10 341

原创 uni-app请求接口封装

在common文件夹新建request.js引用mAjax.js。在common文件夹新建mAjax.js。main.js全局注册。

2022-07-21 16:06:22 448

原创 uniapp在小程序中登录,获取用户信息,获取手机号

代码】uniapp在小程序中登录,获取用户信息,获取手机号逻辑记录。

2022-07-21 14:54:18 2519

原创 uni-app自定义导航栏使用注意

当navigationStyle设为custom 或 titleNView设为false时,原生导航栏不显示 , 此时要注意几个问题非H5端,手机顶部状态栏区域会被页面内容覆盖。这是因为窗体是沉浸式的原因,即全屏可写内容。uni-app提供了状态栏高度的css变量--status-bar-height,如果需要把状态栏的位置从前景部分让出来,可写一个占位div,高度设为css变量如果原生导航栏不能满足需求,推荐使用uni ui的自定义导航栏NavBar , 这个前端导航栏自动处理了状态栏高度占位问题非

2022-07-02 13:58:06 1035

原创 uni-app 使用fixed 定位到底部,设置bottom为0,被底部tabbar遮挡

在小程序上tabbar没有将固定栏遮挡,如果直接调高,浏览器H5页面是对了,但在小程序上面离底部的定位就太高了解决办法 : bottom: var(--window-bottom,0);

2022-06-25 15:02:35 3078 2

原创 前端知识点1

Vue 的单向数据流:指数据一般从父组件传到子组件,子组件没有权利直接修改父组件传来的数据,即子组件从 props 中直接获取的数据,只能请求父组件修改数据再传给子组件。父级属性值的更新会下行流动到子组件中。虚拟DOM: 虚拟DOM就是为了解决浏览器性能问题而被设计出来的。如前,若一次操作中有10次更新DOM的动作,虚拟DOM不会立即操作DOM,而是将这10次更新的diff内容保存到本地一个JS对象中,最终将这个JS对象一次性attch到DOM树上,再进行后续操作,避免大量无谓的计算量。所以,用JS对.

2022-06-01 12:01:44 53

原创 [sitemap 索引情况提示] 根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引

在微信开发者工具project.config.json中,添加

2022-03-15 10:38:10 65

原创 把平级数据变成树形数据

将列表型的数据转化成树形数据 => 递归算法 => 自身调用自身 => 一定条件不能一样, 否则就会死循环 , 遍历树形 有一个重点 要先找一个头儿独立封装树形数据转换方法export function tranListToTreeData(list, rootValue) { var arr = [] list.forEach(item => { if (item.pid === rootValue) { // 找到之后 就...

2021-12-14 20:00:38 1117 1

转载 正则表达式汇总

一、特殊需求表达式1. Email地址:^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$2. 域名:[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?3. InternetURL:[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$4. 手机号码:^(13[0-9]|14[5|7]|1

2021-12-06 13:14:44 150

原创 挂载路由导航守卫,控制访问权限

解决办法router.beforeEach((to, from, next) => { // 如果用户访问登录页,直接放行,next if (to.path === '/login') { return next() } // 用户不是访问登录页,获取浏览器sessionStroage中的token // 存在的的话,放行, // 不存在的话,跳转至登录页 const tokenStr = window.sessionStorage.getItem('toke

2021-12-06 12:55:54 311

原创 vue重复点击同一路径按钮,在控制台会报错

解决办法在路由文件中添加以下代码const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}

2021-12-06 12:54:01 408

原创 ElementUI table表格数据html格式解析

页面使用的是elementui table的形式展示,因为请求到的字符串,所以直接渲染会出现html标签可以使用插槽

2021-12-04 14:27:00 1492

原创 项目中将input type=“file“ 上传元素隐藏,并通过其它方式触发点击上传

先给input添加元素隐藏hidden, 手动触发点击事件,需要操作dom, 所以添加 ref="file", 然后给头像框添加点击事件去获取dom, 即@click="$refs.file" , 添加click()方法 , 即@click="$refs.file.click()" 实现点击头像框触发文件上传事件如果要拿到选择的文件,需要监听 file 的change事件, 获取文件对象待续......

2021-11-30 15:26:48 1225

原创 vue评论列表数据重复(用vant组件)

vant使用列表组件,回复列表数据重复使用列表下方immediate-check属性关闭

2021-11-30 10:55:15 1027 2

转载 vue中ref的作用

基本用法,本页面获取dom元素<template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div></template><script>export default { methods: { getTest()

2021-11-30 09:09:17 46

原创 利用json-bigint处理大数字问题

json-bigint是一个第三方包,它可以帮我们很好的处理这个问题第一步就是把它安装到你的项目中npm i json-bigint引入你的项目中import JSONBig from 'json-bigint'下面是使用它的一个简单示例const jsonStr = '{ "art_id": 1245953273786007552 }'console.log(JSON.parse(jsonStr)) // 1245953273786007600// JSON.str..

2021-11-25 21:07:19 1420

原创 搜索功能和搜索框关键字高亮

实现功能1.先绑定v-html2.手动new RegExp,创建动态正则表达式,给样式关键字高亮

2021-11-25 09:32:05 211

原创 项目中路径简写

项目中引入组件路径用 @ 代替路经太长时(../../../)css中路径使用 ~@ 代替路经太长时(../../../)

2021-11-24 14:37:09 200

原创 Named Route ‘layout‘ has a default child route. When navigating to this named route (:to=“{name: ‘l

vue项目中报错项目中源代码如果父路由有默认子路由,那name没有意义,默认子路由,只能有一个,所以把父路由中的name删掉

2021-11-24 14:21:37 642

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除