logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Element-UI基本使用

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 创作公司:饿了么遇到问题如何解决?

#前端#vue.js#ui
Vue3 Hooks函数使用及封装思想

专业解释:Vue 3中的Hooks函数是一种用于在组件中共享可复用逻辑的方式。大白话:将单独功能的js代码抽离出来, 加工成公共函数,从而达到逻辑复用。对Vue社区调研,了解了许多使用Vue的开发者对于更好的组件逻辑组织方式的期望。对React Hooks和其他前端框架的解决方案进行了学习和借鉴。有了composition API 意味着我们就可以自定义封装hooks,最终的目的都是进行复用,在V

文章图片
#前端#javascript#开发语言 +1
Vue事件总线(EventBus)、$on、$emit、$off

在之前我们只用过父传子,子传父进行传数据,这时候当组件嵌套比较深或比较复杂的情况,这时候就用到了事件总线 (EventBus)如何理解事件总线呢,你可以理解为用来传输数据的一条线一、使用EventBus1. 创建事件总线main.js// 创建事件总线const bus = new Vue()// 把bus挂载到了Vue的原型上, 保证所有的组件都能通过 this.$bus访问到事件总线Vue.p

文章图片
#vue.js#html#html5
vue后台项目基于RBAC实现权限管理

一、RBAC(Role-Based Access control)RBAC中文意为基于角色的权限控制,是一个权限设计思想,也就是说根据不同的用户角色,有不同的权限控制,例如权限页面,权限功能。使用场景:登录后每个用户看到的菜单界面是不同的,操作的功能也不一样,例如老板、财务和员工,老板的级别就高级一点了,所有的菜单栏都可以访问,而财务只能看见考勤和对应的工资,而员工只能看见自己的个人信息。这时候就

#html#html5#前端 +1
vue 移动端实现自动适配 postcss-px-to-viewport

postcss-px-to-viewport 是一款 PostCSS 插件,用于将 px 单位转化为 vw/vh 单位。补充:如果设计图是750的话需要单独判断,因为vant是根据375设计稿去做的,如果是读取vant目录文件的话采用375 其他采用750。是一款 PostCSS 插件,用于将 px 单位转化为 vw/vh 单位。如果设计图大小是375 就设置375就好了 750 同理。转换成vw

文章图片
#vue.js#javascript#前端 +2
改变this指向:call、apply、bind

call、apply、bind都是用来改变this指向1.call语法:函数.call(newObj,参数1,参数2,...参数n)newObj:要指向的this 当你不想改变this时 可以传null undefined参数1..参数n:函数自身需要的参数let fn = function (a, b) {console.log(this, a, b);}let o...

#html5#javascript#前端
uniapp 解决滑动穿透 (模态滚动影响页面滚动)

在平常写一些小程序时,避免不了有一些设计是在弹层上面操作的,也避免不了设计的原型上面的模态可以滑动,这时候就会出现一个滚动穿透的问题。解决方案<view class="mask" @touchmove.stop.prevent="moveHandle"></view>methods:{moveHandle(){return true},}此方法 只能解决 不触发页面底部的滚

#微信小程序#小程序
uniapp app 人脸识别(倒计时拍照,已封组件)

由于 小程序端 有camera组件 直接就可以调起摄像头 但是 app端是不支持这个标签的 所以只能用其他的方法 使用 nvue 中live-pusher 组件子组件<template><div><div class="livefater"><div style="width: 300px;height: 300px;border-radius: 150p

文章图片
#javascript
uniapp 使用canvas 裁剪后 拼成本地路径doc/.... 上传到服务器获取连接

var p = plus.io.convertLocalFileSystemURL('canvas截取的链接'); //拼成完整本地链接//上传到服务器http.uploadFiles(api.uploadFile,['file:///' + p]).then(res => {if (1 == res.code) {this.editFaceUrl(http.baseUrl + res.da

#服务器#vue.js#前端
uniapp适配ipad端平板端

由于uniapp 最大rpx 适配只能到 980 所以我们要手动去改这个参数pages.json"globalStyle":{"rpxCalcMaxDeviceWidth": 2000}竖屏转横屏if(plus.navigator.getOrientation()==0 || plus.navigator.getOrientation()==90){plus.screen.lockOrientat

#vue.js#前端#javascript
暂无文章信息