- uni_app组件实现tab选项卡滑动切换,支持默认选中,vue3+ts+setup
平谷一勺
uniapp前端vue.jsuni-apptypescript
效果截图:前言:最近开发小程序,需要用到tabs组件,在标签多的时候,可以左右滑动。在插件库找到uViewUI,但是这个库插件体积不算太小,小程序尽可能需要减少包体积,于是就打算自己封装一下。主要能力:选中的tab会自动移动到组件的中间位置,支持默认选中第几个tab,可联动获取数据,支持和swiper联动使用。主要方法:scroll-viewscroll-x:true//允许横向滚动scroll-
- uni_app组件实现tags 小说标签筛选,支持多级筛选,支持默认选中,vue3+ts+setup
平谷一勺
uniappvue.js前端javascriptuni-app
效果图:主要能力:选中的tab会自动移动到组件的中间位置,支持默认选中第几个tab,支持多级联动筛选,然后发送数据请求。参考文章:uni_app组件实现tab选项卡滑动切换,支持默认选中,vue3+ts+setup_平谷一勺的博客-CSDN博客废话不多说上菜了,tags.vue组件{{item.title}}import{getCurrentInstance,onMounted,ref,watch
- uni_app 微信小程序 苹果手机 边框显示不全
Sunny
小程序
![在这里插入图片描述](https://img-blog.csdnimg.cn/3a4c4ab1a146444c84c72d360a057c01.png解决方案:原因:是因为我们在设置边框的时候设置的rpx,自适应会自动换算px,两者之间的比例一般都是1.5-2之间,对于边框border来说少于1px就会显示不正常。有残缺。解决方法:在设置比边框border的尽量大于1px。就不会出现残缺问题了
- uni_app使用uni-ui
蚯小麦
1)uni-ui是全端兼容的基于flex布局的ui库;2)可以使用npm的安装使用方式,也可下载相关组件直接使用;3)uni-ui不支持使用Vue.use()的方式安装4)uni-ui依赖scss,若是HBuilderX中创建的uni-app项目,需要在HBuilderX中安装scss插件;如果是使用cli创建的uni-app项目,需要在项目下npm安装node-sass和sass-loader先
- uniapp-文件查找失败:‘@dcloudio/uni-ui/lib/uni-card/uni-card.vue‘
halfninety
uni-app
文件查找失败:’@dcloudio/uni-ui/lib/uni-card/uni-card.vue’我是在使用HBuilderX进行uni_app的小程序开发时遇到的问题,当时是直接从远程下载同事的代码运行,没有问题,之后去导入uni_ui库时出现的问题。其实这种错误一般不会出现,因为是第一次接触,而且没有仔细看官方文档的导入使用才出现的问题。官方导入方式官方文档:uni_ui插件,注意看快速使
- 小程序:uni_app框架采坑记录
杀生丸大人吖
报错1[Vuewarn]:Invalidvalueforoption"components":expectedanObject,butgotFunction.报错2uniapp打包微信小程序的坑permission和plugins添加失败发现在pages.json中的写入了位置信息permission和引用的组件plugins在打包编译后并没有在小程序的文件app.json中出现。查阅资料后才知道
- uni_app
liluojian
弹性布局flex:文字超出宽度后,显示省略号的解决办法overflow:hidden;white-space:nowrap;text-overflow:ellipsis;需要注意的是,在移动端在flex元素中的内容进行省略文字的操作,则flex失效,flex之外的内容宽度不受控制,图片宽度无法撑起,解决办法如下:给设置了flex:1;弹性宽度的div设置最小宽度为0可以解决此问题。flex:1;m
- 小程序:mpvue框架转uni_app框架采坑记录
杀生丸大人吖
uni-app可以多端输出,各平台之前的老项目可以向uni-app转换迁移。mpvue和uni_app都是一个使用Vue.js开发所有前端应用的框架,uni-app对vue语法的支持是mpvue的超集,使用过mpvue几乎不用特地学习uni-app,有点坑的是mpvue项目没有转换器,需要手动转换。mpvue项目(组件)迁移指南、示例及资源汇总:https://ask.dcloud.net.cn/
- uni_app 如何在浏览器中实现上传图片
晨大大
Appuni_app图片上传学习IT
修改后,浏览器可以上传图片了,但App把打包,可以能无法上传,可以用于测试,正式环境还是要加上header:{'Content-Type':'multipart/form-data','XX-Device-Type':'app'}
- uni_app下的html多语言引用及iOS无用的问题
wyz19900230
html多语言的方法,百度即可获得,这里不多说了。iOS下,ajax不能用,可以看这个https://ask.dcloud.net.cn/article/36858。这个方法写在调用多语言之前即可。下面关键点来了,按照上面方法配置完成。用苹果手机测试时,会报错:编码错误。查找论坛,发现需要在路径前面加上file://,加过之后开始报其他错误:不允许读。经过多番尝试,好像是路径不对。于是我想起使用p
- uni_app 导航栏自定义出现的BUG
iorn_mangg
uniapp
html代码{{item}}//切换方法toggle(index){this.activeIndex=index},特别注意:class="[activeIndex==index?'active':'default-active']"这个之前用的是:class="{'active':activeIndex==index,'default-active':activeIndex!=index}"第二
- uni_app各平台条件编译标记
LLLLLLLLLLLLL刘
入门小程序进阶
条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。写法:以#ifdef或#ifndef加%PLATFORM%开头,以#endif结尾。ifdef:ifdefined仅在某平台存在#ifndef:ifnotdefined除了某平台均存在%PLATFORM%:平台名称值平台参考文档APP-PLUS5+AppHTML5+规范APP-PLUS-NVUE5+Appn
- uni_app 跳转到外部html5 的页面 (web-view) 的一些使用
biu·biu
uniappweb-view
1、不传参数的使用//平台差异请关注https://uniapp.dcloud.io/component/web-view?id=web-view2、带有要传递的参数:(不多说直接上代码)注意:uniapp的web-view的参数传递的字必须要用encodeURIComponent(str)转码;encodeURIComponent()函数可把字符串作为URI组件进行编码。该方法不会对ASCII字
- 2019年11月22日 打算转java
Houzhyan
在从事编程学习和工作几年的时间里,尝试了c,php,python3,lua语言,前端vue.js和uni_app框架,以及嵌入式开发,服务器运维,小程序开发,无感支付等等方向,最终都会卡在某些地方难以寸进.这些语言都是入门容易,但提高难,并非语言不好,而是我已经没有了钻研深入的精力和时间,但从另一个方面讲,这些语言确实存在一些问题,对于我来说,就是生态结构不系统,大多散养惯了.在解决某些问题时候,
- 使用 miniprogram-to-uniapp 转换微信小程序为 uni_app 项目
smalike
最近有微信小程序转html5的需求,但是网上找了好久没有纯粹的转换工具。所以后来把目标定位到了uni-app、taro这样的工具上来。今天分享使用miniprogram-to-uniapp转换uni_app项目的一些经验。(在发稿时开发者已经修复了一些问题)https://github.com/zhangdaren/miniprogram-to-uniapp图片资源需要拷贝到static目录下(-
- eclipse maven
IXHONG
eclipse
eclipse中使用maven插件的时候,运行run as maven build的时候报错
-Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable and mvn script match.
可以设一个环境变量M2_HOME指
- timer cancel方法的一个小实例
alleni123
多线程timer
package com.lj.timer;
import java.util.Date;
import java.util.Timer;
import java.util.TimerTask;
public class MyTimer extends TimerTask
{
private int a;
private Timer timer;
pub
- MySQL数据库在Linux下的安装
ducklsl
mysql
1.建好一个专门放置MySQL的目录
/mysql/db数据库目录
/mysql/data数据库数据文件目录
2.配置用户,添加专门的MySQL管理用户
>groupadd mysql ----添加用户组
>useradd -g mysql mysql ----在mysql用户组中添加一个mysql用户
3.配置,生成并安装MySQL
>cmake -D
- spring------>>cvc-elt.1: Cannot find the declaration of element
Array_06
springbean
将--------
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3
- maven发布第三方jar的一些问题
cugfy
maven
maven中发布 第三方jar到nexus仓库使用的是 deploy:deploy-file命令
有许多参数,具体可查看
http://maven.apache.org/plugins/maven-deploy-plugin/deploy-file-mojo.html
以下是一个例子:
mvn deploy:deploy-file -DgroupId=xpp3
- MYSQL下载及安装
357029540
mysql
好久没有去安装过MYSQL,今天自己在安装完MYSQL过后用navicat for mysql去厕测试链接的时候出现了10061的问题,因为的的MYSQL是最新版本为5.6.24,所以下载的文件夹里没有my.ini文件,所以在网上找了很多方法还是没有找到怎么解决问题,最后看到了一篇百度经验里有这个的介绍,按照其步骤也完成了安装,在这里给大家分享下这个链接的地址
- ios TableView cell的布局
张亚雄
tableview
cell.imageView.image = [UIImage imageNamed:[imageArray objectAtIndex:[indexPath row]]];
CGSize itemSize = CGSizeMake(60, 50);
&nbs
- Java编码转义
adminjun
java编码转义
import java.io.UnsupportedEncodingException;
/**
* 转换字符串的编码
*/
public class ChangeCharset {
/** 7位ASCII字符,也叫作ISO646-US、Unicode字符集的基本拉丁块 */
public static final Strin
- Tomcat 配置和spring
aijuans
spring
简介
Tomcat启动时,先找系统变量CATALINA_BASE,如果没有,则找CATALINA_HOME。然后找这个变量所指的目录下的conf文件夹,从中读取配置文件。最重要的配置文件:server.xml 。要配置tomcat,基本上了解server.xml,context.xml和web.xml。
Server.xml -- tomcat主
- Java打印当前目录下的所有子目录和文件
ayaoxinchao
递归File
其实这个没啥技术含量,大湿们不要操笑哦,只是做一个简单的记录,简单用了一下递归算法。
import java.io.File;
/**
* @author Perlin
* @date 2014-6-30
*/
public class PrintDirectory {
public static void printDirectory(File f
- linux安装mysql出现libs报冲突解决
BigBird2012
linux
linux安装mysql出现libs报冲突解决
安装mysql出现
file /usr/share/mysql/ukrainian/errmsg.sys from install of MySQL-server-5.5.33-1.linux2.6.i386 conflicts with file from package mysql-libs-5.1.61-4.el6.i686
- jedis连接池使用实例
bijian1013
redisjedis连接池jedis
实例代码:
package com.bijian.study;
import java.util.ArrayList;
import java.util.List;
import redis.clients.jedis.Jedis;
import redis.clients.jedis.JedisPool;
import redis.clients.jedis.JedisPoo
- 关于朋友
bingyingao
朋友兴趣爱好维持
成为朋友的必要条件:
志相同,道不合,可以成为朋友。譬如马云、周星驰一个是商人,一个是影星,可谓道不同,但都很有梦想,都要在各自领域里做到最好,当他们遇到一起,互相欣赏,可以畅谈两个小时。
志不同,道相合,也可以成为朋友。譬如有时候看到两个一个成绩很好每次考试争做第一,一个成绩很差的同学是好朋友。他们志向不相同,但他
- 【Spark七十九】Spark RDD API一
bit1129
spark
aggregate
package spark.examples.rddapi
import org.apache.spark.{SparkConf, SparkContext}
//测试RDD的aggregate方法
object AggregateTest {
def main(args: Array[String]) {
val conf = new Spar
- ktap 0.1 released
bookjovi
kerneltracing
Dear,
I'm pleased to announce that ktap release v0.1, this is the first official
release of ktap project, it is expected that this release is not fully
functional or very stable and we welcome bu
- 能保存Properties文件注释的Properties工具类
BrokenDreams
properties
今天遇到一个小需求:由于java.util.Properties读取属性文件时会忽略注释,当写回去的时候,注释都没了。恰好一个项目中的配置文件会在部署后被某个Java程序修改一下,但修改了之后注释全没了,可能会给以后的参数调整带来困难。所以要解决这个问题。
&nb
- 读《研磨设计模式》-代码笔记-外观模式-Facade
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
* 百度百科的定义:
* Facade(外观)模式为子系统中的各类(或结构与方法)提供一个简明一致的界面,
* 隐藏子系统的复杂性,使子系统更加容易使用。他是为子系统中的一组接口所提供的一个一致的界面
*
* 可简单地
- After Effects教程收集
cherishLC
After Effects
1、中文入门
http://study.163.com/course/courseMain.htm?courseId=730009
2、videocopilot英文入门教程(中文字幕)
http://www.youku.com/playlist_show/id_17893193.html
英文原址:
http://www.videocopilot.net/basic/
素
- Linux Apache 安装过程
crabdave
apache
Linux Apache 安装过程
下载新版本:
apr-1.4.2.tar.gz(下载网站:http://apr.apache.org/download.cgi)
apr-util-1.3.9.tar.gz(下载网站:http://apr.apache.org/download.cgi)
httpd-2.2.15.tar.gz(下载网站:http://httpd.apac
- Shell学习 之 变量赋值和引用
daizj
shell变量引用赋值
本文转自:http://www.cnblogs.com/papam/articles/1548679.html
Shell编程中,使用变量无需事先声明,同时变量名的命名须遵循如下规则:
首个字符必须为字母(a-z,A-Z)
中间不能有空格,可以使用下划线(_)
不能使用标点符号
不能使用bash里的关键字(可用help命令查看保留关键字)
需要给变量赋值时,可以这么写:
- Java SE 第一讲(Java SE入门、JDK的下载与安装、第一个Java程序、Java程序的编译与执行)
dcj3sjt126com
javajdk
Java SE 第一讲:
Java SE:Java Standard Edition
Java ME: Java Mobile Edition
Java EE:Java Enterprise Edition
Java是由Sun公司推出的(今年初被Oracle公司收购)。
收购价格:74亿美金
J2SE、J2ME、J2EE
JDK:Java Development
- YII给用户登录加上验证码
dcj3sjt126com
yii
1、在SiteController中添加如下代码:
/**
* Declares class-based actions.
*/
public function actions() {
return array(
// captcha action renders the CAPTCHA image displ
- Lucene使用说明
dyy_gusi
Lucenesearch分词器
Lucene使用说明
1、lucene简介
1.1、什么是lucene
Lucene是一个全文搜索框架,而不是应用产品。因此它并不像baidu或者googleDesktop那种拿来就能用,它只是提供了一种工具让你能实现这些产品和功能。
1.2、lucene能做什么
要回答这个问题,先要了解lucene的本质。实际
- 学习编程并不难,做到以下几点即可!
gcq511120594
数据结构编程算法
不论你是想自己设计游戏,还是开发iPhone或安卓手机上的应用,还是仅仅为了娱乐,学习编程语言都是一条必经之路。编程语言种类繁多,用途各 异,然而一旦掌握其中之一,其他的也就迎刃而解。作为初学者,你可能要先从Java或HTML开始学,一旦掌握了一门编程语言,你就发挥无穷的想象,开发 各种神奇的软件啦。
1、确定目标
学习编程语言既充满乐趣,又充满挑战。有些花费多年时间学习一门编程语言的大学生到
- Java面试十问之三:Java与C++内存回收机制的差别
HNUlanwei
javaC++finalize()堆栈内存回收
大家知道, Java 除了那 8 种基本类型以外,其他都是对象类型(又称为引用类型)的数据。 JVM 会把程序创建的对象存放在堆空间中,那什么又是堆空间呢?其实,堆( Heap)是一个运行时的数据存储区,从它可以分配大小各异的空间。一般,运行时的数据存储区有堆( Heap)和堆栈( Stack),所以要先看它们里面可以分配哪些类型的对象实体,然后才知道如何均衡使用这两种存储区。一般来说,栈中存放的
- 第二章 Nginx+Lua开发入门
jinnianshilongnian
nginxlua
Nginx入门
本文目的是学习Nginx+Lua开发,对于Nginx基本知识可以参考如下文章:
nginx启动、关闭、重启
http://www.cnblogs.com/derekchen/archive/2011/02/17/1957209.html
agentzh 的 Nginx 教程
http://openresty.org/download/agentzh-nginx-tutor
- MongoDB windows安装 基本命令
liyonghui160com
windows安装
安装目录:
D:\MongoDB\
新建目录
D:\MongoDB\data\db
4.启动进城:
cd D:\MongoDB\bin
mongod -dbpath D:\MongoDB\data\db
&n
- Linux下通过源码编译安装程序
pda158
linux
一、程序的组成部分 Linux下程序大都是由以下几部分组成: 二进制文件:也就是可以运行的程序文件 库文件:就是通常我们见到的lib目录下的文件 配置文件:这个不必多说,都知道 帮助文档:通常是我们在linux下用man命令查看的命令的文档
二、linux下程序的存放目录 linux程序的存放目录大致有三个地方: /etc, /b
- WEB开发编程的职业生涯4个阶段
shw3588
编程Web工作生活
觉得自己什么都会
2007年从学校毕业,凭借自己原创的ASP毕业设计,以为自己很厉害似的,信心满满去东莞找工作,找面试成功率确实很高,只是工资不高,但依旧无法磨灭那过分的自信,那时候什么考勤系统、什么OA系统、什么ERP,什么都觉得有信心,这样的生涯大概持续了约一年。
根本不是自己想的那样
2008年开始接触很多工作相关的东西,发现太多东西自己根本不会,都需要去学,不管是asp还是js,
- 遭遇jsonp同域下变作post请求的坑
vb2005xu
jsonp同域post
今天迁移一个站点时遇到一个坑爹问题,同一个jsonp接口在跨域时都能调用成功,但是在同域下调用虽然成功,但是数据却有问题. 此处贴出我的后端代码片段
$mi_id = htmlspecialchars(trim($_GET['mi_id ']));
$mi_cv = htmlspecialchars(trim($_GET['mi_cv ']));
贴出我前端代码片段:
$.aj