uni-app源码系列

uni-app 使用ucharts

1.首先引入ucharts配置文件，这是我项目放置的目录image.pngucharts官网：https://www.ucharts.cn/ucharts在线配置文档：https://demo.ucharts.cn/#/ucharts组件下载：https://ext.dcloud.net.cn/plugin?id=271组件下载完后的目录image.png然后把components和js_sdk放
朝_5e5d·2023-09-29 15:35

掌握 JavaScript 数组方法：了解如何操作和优化数组

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2023-09-29 15:30

uni-app 添加锚点和监听滚动切换tab

添加锚点//:scroll-into-view="scrollViewId"//:id="item.dot"//:data-id="`id${item.value}`"//@tap="onSelectDate($event,item)"{{item.name}}监听滚动scroll-view标签添加@scroll事件示例{{date}}这是一个小箭头{{year}}年{{item.name}}im
LingSun·2023-09-29 11:41

uni跳转页面不缓存上一个页面的方法

一、前言要实现一个需求，从a页面跳转到b页面，从b页面跳转到c页面，然后按返回，从c页面直接返回a页面（不返回b页面）a->b->cc->a二、实现方法前端框架使用的是uni-app，我们修改为了当b页面跳转到
追逐梦想永不停·2023-09-29 08:00

uni-app设置底部tabbar h5端显示正常 开发者工具不显示

除了tabbar第一个应该与pages第一个相同外还有资格自定义tabbar的属性值custom不能设置为true如果需要自定义才设置为true
little达·2023-09-29 06:47

uni-app 实现凸起的 tabbar 底部导航栏

效果图在pages.json中设置隐藏自带的tabbar导航栏"custom":true,//开启自定义tabBar(不填每次原来的tabbar在重新加载时都回闪现)新建一个custom-tabbar.vue自定义组件页面custom-tabbar.vue{{item.text}}exportdefault{props:{/*当前导航栏*/currPage:{type:Number,default
UserGuan·2023-09-29 06:13

uni-app 导航栏使用iconfont 字体图标（unicode引用方式）

unicode引用方式我们主要是用到iconfont.css和后缀名为.eot、.svg、.ttf、.woff的文件，新建一个专门存放文件夹。复制设置导航栏字体图标："text":"\ue73f","fontSrc":"/static/iconfont/iconfont.ttf"效果图如下：
前端学习007·2023-09-29 04:31

uni-app使用iconfont-阿里巴巴矢量图标库

第一步：先去iconfont-阿里巴巴矢量图标库挑选要用到的图标加入购物车第二步：1、添加好后，点击上方购物车里的添加项目2、没有创建过项目可以自己创建一个第三步：添加至项目后，把图标下载至本地第四步：1、下载好的iconfont文件如图所示：2、除了iconfont.css其余文件一概删除第五步将iconfont.css文件放置在目标文件夹下，如图所示：第六步1、回到iconfont网站，点击生
源码好优多·2023-09-29 04:31

uni-app接入iconfont图标库

要在uni-app中使用iconfont图标库，您需要执行以下步骤：在iconfont官网中选择您需要的图标，并且将它们添加到您的购物车中。下载您的图标包并解压到您的本地目录中。
tianjiaxiaoer·2023-09-29 04:31

uni-app 使用iconfont图标字体

介绍2种方式：一、使用class类名添加图标二、使用字体代码添加图标一、class类名：在confont中，选择想要的图标，加入购物车，添加至项目：注意：必须要先点击查看在线连接，然后点击Fontclass才能出来提示！！！点击：下方新icon来袭，点击更新代码，更新后将支持WOFF2格式，复制代码至浏览器打开：复制对应的css代码至你的项目中的static文件夹下，创建的iconfont.css
@红@旗下的小兵·2023-09-29 04:30

uni-app如何正确引用iconfont字体图标

如何在uni-app中正确的引用字体图标库？？？
乆尓丩卮·2023-09-29 04:00

uni-app引入iconfont App不显示H5正常问题

iconfont.css文件，data:application/x-font-woff2;charset=utf-8;base64,后面内容是下载的iconfont.ttf转为base64的内容引入到uni-app
易航动效·2023-09-29 04:29

uni-app引入iconfont字体图标

script：mounted(){constdomModule=weex.requireModule('dom');domModule.addRule('fontFace',{fontFamily:'iconfont',src:"url('/static/mapIconfont/iconfont.ttf')"});}template：style：.iconfont{font-fam
MINO吖·2023-09-29 04:29

uni-app 使用 iconfont

https://tool.lu/timestamp/在线日期转换使用uni-app做项目时需要用到iconfont。和web使用略有差别。谨以此记录。
hester1·2023-09-29 04:28

uni-app中使用iconfont字体图标

在一些项目中，我们需要使用阿里巴巴矢量字体图标库的图标，如果单个下载势必过于麻烦，这个就是自己创建好然后进入即可。第一步，找到阿里巴巴矢量字体图标库，登录官网。把你需要的图标添加至购物车，创建项目第二步，进入项目，首先选择Unicode,然后点击下载至本地第三步，找到该文件，解压，然后把该解压好的文件放到所需项目的static文件里第四步，找到你刚才引入的图标文件（iconhome）里面的icon
asteriaV·2023-09-29 04:27

uni-app中使用iconfont字体图标教程

uni-app中使用iconfont字体图标教程1.在iconfont上选取需要的图标放置在项目里2.下载至本地并解压文件3.下载下来后是个压缩包，里面包含了自己的文件（8个文件）如图：4打开项目在static
LW0512·2023-09-29 04:56

uni-app使用iconfont字体图标

先iconfont选择好自己需要的图标添加至项目下载字体文件到本地将下载的文件解压缩到工程目录static文件夹下定义好iconfont.css文件的@font-face声明,修改好引入的url地址打开App.vue文件,引入static下刚才修改的iconfont.css字体图标文件完成上线的步骤后就可以全局使用字体图标了
GYB4979·2023-09-29 04:54

No134.精选前端面试题，享受每天的挑战和学习

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
阿珊和她的猫·2023-09-29 01:34

uni-app：showModal中实现弹窗中文本框输入

效果代码显示弹窗exportdefault{methods:{showInputDialog(){uni.showModal({title:'请完成数据填写',content:'',editable:true,//是否显示输入框placeholderText:'请输入SN号',//输入框提示内容confirmText:'确认',cancelText:'取消',success:(res)=>{if(
雯0609~·2023-09-28 23:15

uni-app：获取元素宽高

效果代码这里我定义的宽为500px,高为200排序,控制台输出的结果是502,202。原因是我设置了上下左右宽度各为1px的border边框导致核心代码分析//constquery=uni.createSelectorQuery();表示创建了一个选择器查询实例。通过这个实例，你可以使用不同的方法来选择页面中的DOM元素，并执行一系列操作，比如获取节点信息、监听节点属性变化等。constquery
雯0609~·2023-09-28 23:44

uni-app：js修改元素样式（宽度、外边距）

效果代码1、在元素上添加一个ref属性，用于在JavaScript代码中获取对该元素的引用：2、获取元素引用：constviewElement=this.$refs.myView.$el;3、修改元素宽度：viewElement.style.width='100px';4、修改元素左外边距：viewElement.style.marginLeft='20px';exportdefault{data
雯0609~·2023-09-28 23:44

uni-app：实现元素在屏幕中的居中（绝对定位absolute）

一、实现水平居中效果代码我需要居中.center{position:absolute;left:50%;transform:translateX(-50%);border:1pxsolidblack;}二、实现竖直居中效果代码我需要居中.center{position:absolute;top:50%;transform:translateY(-50%);border:1pxsolidblack;
雯0609~·2023-09-28 23:12

uni-app使用时需注意的一些问题

一、组件做全局引入时要注意最近在使用uni-app开发微信小程序，开头偷懒，组件做了全局引入，但是随着组件的增加，微信小程序报main.js超过500KB（实际大小为549KB），后来跟踪发现是因为组件做了全局引入影响
Lcwai·2023-09-28 19:16

No130.精选前端面试题，享受每天的挑战和学习

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
阿珊和她的猫·2023-09-28 18:35

uni-app 实现根据用户不同角色显示不同的tabBar【完整图文流程】

文章目录一、需求二、uView安装与配置2.1HbuilderX导入插件2.2配置三、实现步骤3.1创建tabBar对应的页面文件3.2配置`page.json`中的`tabBar`属性3.3创建自定义`tabBar`文件3.4配置Vuex3.4.1tabBer.js3.4.2getters.js3.4.3getters.js3.4.4在mian.js中引入并挂载3.4.5把tabBar对象数组配
Cimbala·2023-09-28 16:13

05-LinkedList 源码解析（集合）

注：源码系列文章主要是对某付费专栏的总结记录。如有侵权，请联系删除。LinkedList适用于集合元素先入先出和先入后出的场景，在队列源码中被频繁使用，面试也经常被问到。
xinxisimple·2023-09-28 14:37

uni-app/vue 引入自定义图标库——Iconfont-阿里巴巴

uni-app/vue引入自定义图标库——Iconfont-阿里巴巴前言1.首先在[官网](https://www.iconfont.cn/)登录注册，选择你需要的图标加入购物车，可以多选2.新建项目，
乐语_miss·2023-09-28 14:17

undefineduni_modules/qiun-data-charts/static/h5/echarts.min.js net::ERR_NAME_NOT_RESOLVED

问题：uni-app项目vue发布h5网页配置了运行路径。配置如：阿里云linux的nginx配置uni-app的H5前端项目vue，后端接口阿里云。
Lan.W·2023-09-28 10:51

Uni-app中的tabBar的配置

tabBar在pages.json中提供tabBar配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取pages.json中配置的tabBar信息，渲染原生tab。Tips当设置position为top时，将不会显示icontabBar中的list是一个数组，只能配置最少2个、最多5个tab，tab按数组
前端小菜凯·2023-09-28 10:58

uni-app 新版微信用户获取userInfo方法uni.getUserProfile

uni-app新版微信用户获取userInfo方法uni.getUserProfile微信更新了新的获取用户信息的方法，之前的getUserInfo方法获取不到用户的头像等信息，继续使用也会得到灰色的头像不是真正的用户头像之前的获
weng@·2023-09-28 09:51

uni-App 图片预览

目录图片预览API遍历对象，组装一个数组点击，传递参数为当前图片的地址图片预览API遍历对象，组装一个数组数组赋值给属性点击，传递参数为当前图片的地址显示当前图片
圈圈圈小明·2023-09-28 09:49

uni-app之图片的上传 与 图片预览

目录uni-app之图片的上传图片上传与图片预览uni-app之图片的上传图片上传图片上传与图片预览上传图片exportdefault{data(){return{imgArr:[]}},methods
小小亮01·2023-09-28 09:18

uni-app实现高效预览多图base64

/***@description预览多图，解决官方转换时间过长很低效问题*@param{Object}_t上下文*@param{Object}imgList要预览的图片列表[{base64:...}]*@param{Object}preImgList存储图片本地路径的指针["/_img/yue.png",""]注意-这个参数是放入上下文中，无需传，通过上下文可获取到*@param{Number}预
蓝之静云·2023-09-28 09:18

uni-app实现APP端在线预览PDF

//主要代码//encodeURIComponent不转有时会报错；url后端pdf地址//1.html版本this.url=`/hybrid/html/web/viewer.html?file=${encodeURIComponent(url)}`;//2.pdf版可以手动放大，简单版this.url=`/hybrid/pdf/pdf.html?url=${encodeURIComponent(
一撇一画·2023-09-28 09:47

uni-app实现图片预览压缩上传：兼容h5+app,小程序等

场景：用户通过选取手机相册图片进行上传服务器，由于图片原始内存过大，造成上传缓慢等问题，前端实现前置按比例实现压缩上传。经测，效果还是很棒的。。。viewjsexportdefault{data(){return{//画布大小canvasWidth:375,canvasHeight:667,}},methods:{//选择图片chooseImg(){uni.chooseImage({sizeTyp
撸码的小哥·2023-09-28 09:47

uni-app 点击预览图片

uni-app点击小图，放大预览js代码methods:{TanPreviewImage(imageUrl){console.log(imageUrl)//http://192.168.100.251:
一去不复返go·2023-09-28 09:16

uni-app实现图片预览

预览图片使用方法：constpreviewImg=(e)=>{uni.previewImage({current:e,urls:image});}官网链接uni.chooseImage(OBJECT)|uni-app
加油吧少年时代·2023-09-28 09:15

对Uni-app进行原生开发

对Uni-app进行原生开发通常涉及创建自定义插件，以允许Uni-app应用与原生代码进行交互。步骤1：准备原生开发环境首先，需要为目标平台（iOS和/或Android）准备原生开发环境。
我年薪百万·2023-09-28 07:40

较真儿学源码系列-PowerJob MapReduce源码分析

之前分析过PowerJob的时间轮源码，感兴趣的可以查看《较真儿学源码系列-PowerJob时间轮源码分析》1简介MapReduce是一种编程模型，以及在集群上使用并行、分布式算法处理和生成大数据集的相关实现
天瑕·2023-09-28 07:01

较真儿学源码系列-PowerJob时间轮源码分析

之前分析过PowerJob的启动流程源码，感兴趣的可以查看《较真儿学源码系列-PowerJob启动流程源码分析》1简介试想一下，如果此时有一个需要延迟3s执行的任务，你会怎么实现呢？
天瑕·2023-09-28 07:00

uni-app 之 短信验证码登录

uni-app之短信验证码登录image.pngimage.png验证码登录retCode={{urlretCode}};retMsg={{curlretMsg}};retdata={{curlretdata
jun_tong·2023-09-28 06:02

uni-app 之 Toast 消息提示

uni-app之Toast消息提示image.pngToast消息提示exportdefault{data(){return{}},methods:{showToast(){this.
jun_tong·2023-09-28 06:02

uni-app 之 获取input输入内容

uni-app之获取input输入内容定义名称v-model="logon_phone"获取内容console.log("111111logon_phone打印",this.logon_phone)验证码
jun_tong·2023-09-28 06:02

Spring源码系列：Bean的加载

Spring源码系列：Bean的加载前言一.Bean的加载1.1FactoryBean的使用案例：FactoryBean的使用和定义1.2缓存中获取单例Bean1.2.1Spring解决循环依赖的原理☆
Zong_0915·2023-09-28 03:48

黑马优购学习笔记

1.uni-app简介uni-app是一个使用Vue.js开发所有前端应用的框架。
前端小马·2023-09-28 03:45

uni-app上传图片base64

uni.chooseImage({count:1-that.uploaderNum1,//默认1sizeType:['original','compressed'],//可以指定是原图还是压缩图，默认二者都有sourceType:['album','camera'],//可以指定来源是相册还是相机，默认二者都有success:function(res){console.log(res)//返回选定
前端开发小吴·2023-09-28 00:42

uni-app：实现页面效果3

效果代码设备1SN：风速{{rotationSpeed}}M/S风速信号输入AI3量程CO信号输入AI40°180°exportdefault{data(){return{wind:getApp().globalData.icon+'look/wind.png',down:getApp().globalData.icon+'look/down.png',rotationSpeed:1,//自定义的
雯0609~·2023-09-27 18:25

uni-app：循环数据点击事件获取每行指定数据（获取参数）

效果页面样式点击首行控制台输出信息代码:data-id="item.id"：定义id信息，在点击事件时e.currentTarget.dataset.id获取点击行的id:data-index="index"：定义index信息，在点击事件时e.currentTarget.dataset.index获取点击行的索引:data-item="item"：定义item信息，在点击事件时e.current
雯0609~·2023-09-27 18:55

uni-app：showModal消息提示（确认、取消）

效果代码点我出现删除消息exportdefault{data(){return{};},methods:{handleLongPress(e){//删除设备uni.showModal({title:'提示',content:'是否删除',success:function(res){if(res.confirm){console.log('用户点击确定')}elseif(res.cancel){co
雯0609~·2023-09-27 18:55

uni-app 通过 swiper 实现卡片滑动背景同步切换效果

uni-app通过swiper组件也可以实现类似效果css样式：page{background-color:#FAFAFA;}.swiper-box{.swiper-bg{width:100%;position
Days2050·2023-09-27 18:55
上一页 33 34 35 36 37 38 39 40 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他