- 2019-03-21
蜜思1013
SPA:单页应用https://baike.baidu.com/item/SPA/175363131.场景(1)中后台管理系统(2)H5前端开发(3)跨端APP开发2.技术栈(1)SpringBootvue-cliIDEnpmElementUI(2)vue-cliSPA,npm,建议自己布局写样式(3)uni-app,Flutter,RN,cordova(调用底层API)3.IDE(1)WSVSc
- uni-app:文字竖直排列,并且在父级view中水平竖直对齐
25号底片~
uni-app前端uni-appjavascript前端
一、效果二、代码这是竖直排列的文字exportdefault{data(){return{}},methods:{},};.parent{display:flex;align-items:center;/*竖直居中*/justify-content:center;/*水平居中*/height:500px;/*父级高度设为100%,或指定一个固定高度*/border:1pxsolidblack;}.
- uni-app checkbox限制选中数量 移除选中样式
读书(立志-修身)
uni-appcheckbox
- uni-app checkbox全选功能(1)
2401_84092666
程序员uni-app
复选选操作(checkbox){{item.label}}全选
- uni-app中分页器的实现
陈丹阳(滁州学院)
uni-app
一、templatechange函数在每次点击上一页或者写一页的时候会触发,其传递的参数是当前的current页数二、dataLicenceNum:undefined,//查询须要的参数checkList:[],total:0,current:1三、methods函数handleList(e){console.log(e,'eeeeeeeeeeeee')this.current=e.current
- uniapp subPackages 分包及页面路由跳转
徐同保
前端技术分享uni-app
https://uniapp.dcloud.net.cn/collocation/pages.html#subpackagespages.json:{"pages":[{"path":"pages/index/index","style":{"navigationBarTitleText":"uni-app","navigationStyle":"custom"}}],"subPackages":
- create-react-app集成antd-mobile,customize-cra扩展配置addLessLoader,lessOptions,fixBabelImports,实现主题定制和按需加载
凉菜凉凉
JavaScriptReact#+技术分享reactjavascriptreactjswebpackless
项目目标是做一款小程序实现房间预订、在线点单、会员卡券积分管理的功能,并且同步实现一套H5版。没错,最佳实现方案是uni-app或者taro。听之前同事说uni-app坑多(高手勿喷,本人小白,没学过uni,不了解,仅仅听别人说,勿骂),另外最近taro比较活跃,并且可以使用react语法开发(也支持了最新的vue3),果断放弃uni-app,决定使用taro做个demo尝试了一下觉得还不错,只可
- 探秘Vue 3:watchEffect与watch选项的差异
阿珊和她的猫
vue.js前端javascript
前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录摘要:引言:正文:一、Vue2中的watch选项二、Vue3中的watchEffect三、wa
- uniapp [全端兼容] - 最新详细实现发送emoji表情包及自定义图片图标小表情功能,支持文字与表情混合显示或光标处插表情,安卓苹果手机显示无差异,类似QQ微信聊天框弹出左右滑动选择表情发送显示
王佳斌
+UniAppuni-app全平台兼容emoji表情包插件仿微信qq聊天框发送表情并显示解决表情乱码不显示变符号有问题无需将表情放到服务器后端轻量化输入框文字和表情在一起如何显示低端手机正常显且苹果安卓兼容
前言网上教程各平台之间不兼容且各机型显示差异很多BUG,本文提供优质示例代码。在uni-app全平台兼容(H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue)项目开发中,详解完成“uniApp表情包emoji”,支持自定义表情包替换或移除,uniapp自定义图片/图标表情包发送与显示,也支持动态gif图像表情,在输入框内选择发送表情并解析表情,并可以与文字混合显示渲染(文本和表情在
- uniapp中switch和select组件阻止chane事件冒泡的方法
phpgolife
uniappjavascriptuni-app前端javascript
在uni-app中,处理事件冒泡通常使用.stop修饰符来阻止事件冒泡。如果你想要在使用switch或select组件时阻止change事件冒泡,你可以在模板绑定事件时添加.stop修饰符。示例使用switch组件htmlCopyCode使用select组件(假设是一个自定义组件或类似行为)htmlCopyCodeOption1Option2注意确保.stop修饰符紧跟在事件名之后,
- uni-app 如何开发多平台小程序
梨园猫
uni-app开发语言青少年编程
Uni-app是一个使用Vue.js语法开发跨平台应用的前端框架,可以一次性编写代码并发布到多个平台,包括小程序(如微信小程序、支付宝小程序、百度小程序等)、H5、App(iOS和Android)等。以下是使用uni-app开发多平台小程序的基本步骤:###1.安装HBuilderX开发工具HBuilderX是DCloud提供的一款高效开发工具,支持uni-app的开发。你可以从[HBuilder
- 【uni-app】uni-app官方自带图标的使用方法
敦厚的曹操
27.【uni-app】uni-app
1、图标地址:https://hellouniapp.dcloud.net.cn/pages/extUI/icons/icons2、图标用法icon|uni-app官网3、实例返回
- 前端Vue自定义询问弹框和输入弹框
前端组件分享
前端Vue自定义询问弹框和输入弹框,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13119效果图如下:使用方法使用方法//显示询问弹框showDialogBox(){this.$refs['DialogBox'].confirm({title:'请确认您填写的信息',content:'前端Vue开发?',DialogType
- uni-app解决在qq和微信浏览器两个标题情况
_当时只道是寻常
javascript前端vue.js
在main.js中配置以下代码就可以解决Vue.mixin({mounted(){//#ifdefH5if(this.isWeiXinBrowser()||this.isQQBrowser()){this.navTitle()}//#endif},methods:{//#ifdefH5isWeiXinBrowser(){letua=navigator.userAgent.toLowerCase()
- 适合编程初学者的开源云笔记系统(NodeJS版)
蓝不蓝编程
目标为编程初学者打造入门学习项目,使用各种主流编程语言来实现。让想学编程的,一个都不落下。image上述基本涵盖了当前编程开发所有主流语言。左侧为前端版本:安卓、iOS、鸿蒙、Flutter、Vue、uni-app。右侧为服务器端版本:Java、Python、Go、PHP、NodeJS前端效果图image支持特性注册、登录云笔记增删改查支持mysql数据库开发工具下载VisualStudioCod
- 如何学好uni-app
梨园猫
uni-app开发语言青少年编程
学习uni-app需要掌握以下技能:1.前端基础:熟悉HTML、CSS和JavaScript等前端开发技术,了解基本的前端框架如Vue.js。2.Vue.js:因为uni-app是基于Vue.js构建的,所以需要对Vue.js有深入的理解。可以先通过官方文档或者一些在线课程来学习Vue.js的基础知识。3.uni-app官方文档:阅读并理解uni-app的官方文档是非常重要的,它包含了所有关于un
- uni-app实现 步骤条
夏夏的码农
uni-app
实现如图样式html部分代码如下投资期限与收益0?'active':'default'">募集开始1?'active':'default'">募集结束2?'active':'default'">产品成立3?'active':'default'">产品到期0?'active-step1':'step1'">1?'active-st
- uni-app微信小程序上拉加载,下拉刷新
Min_nna
小程序uni-app微信小程序前端
pages.json配置官网链接onPullDownRefresh、onReachBottom函数跟生命周期同级data(){return{orderList:[],total:null,//总共多少条数据page:1,pageSize:10,}},onLoad(){},mounted(){this.getInfo()},methods:{getInfo(){API.getListxxx().th
- Uni-app开发Canvas当子组件示例,点点绘制图形
他在时间门外
uni-appjavascript前端
前言使用Uni-app实现封装一个Canvas渲染的子组件,实现通过传入两点绘制一条完整的路程具体逻辑看我发的后端和数据库设计C#根据两点名称,寻找两短路程的最优解,【有数据库设计,完整代码】即使不了解具体逻辑,该文章同样可以帮助想要实现使用Canvas当子组件,以及点点绘制图形问题的疑惑注意事项问题一:在使用canvas开发时为什么图形没有渲染1.注意画布的尺寸canvas标签默认宽度300px
- 轻量且强大的 uni-app http 网络库
小铭、同学
uniapphttpjavascript前端
anyupdesign一个基于promise的,轻量且强大的http网络库文档网站简介基于promise的uni.request,轻量且强大的http网络库:提供统一的PromiseAPI。浏览器环境下,轻量且非常轻量。基于uni.request,支持多种运行环境。支持请求/响应拦截器。自动转换JSON数据。支持批量生成API请求,简化代码量99%,一行代码搞定安装//安装npminstall@a
- Vue项目中使用Mock.js进行API模拟
洛可可白
前端专栏javascriptvue.js前端
Vue项目中使用Mock.js进行API模拟前言欢迎来到我的小天地,这里是我记录技术点滴、分享学习心得的地方。️技能清单编程语言:Java、C、C++、Python、Go、前端技术:Jquery、Vue.js、React、uni-app、EchartsUI设计:Element-ui、Antd、Color-ui后端技术:SpringBoot、Mybatis-plus、Swagger移动开发:Andr
- uni-app,app下载文件到自定义文件夹中,为了方便使用者快速找到下载到手机的文件
泡芙小姨
uni-app前端javascriptvue.jshtmlhtml5
html给一个点击事件'clickOk()'{{item.original||'未填写手册名称'}}js这里我的app和H5用的是两个方法,app的下载方法是自定义下载路径,H5是用的uni官方方法,下载路径不可以指定位置clickOk(item){//#ifdefAPP-PLUS//本地路径开头使用file://,跟上手机文件本地目录storage/emulated/0,//后缀是用于文件命名和
- uniapp中使用WebSocket
全栈^_^小菜鸟
uni-appwebsocket网络协议
在uni-app中,uni.connectSocket方法用于建立WebSocket连接,但它并不提供onOpen、onMessage、onClose和onError这样的方法作为回调函数。相反,你应该使用uni.onSocketOpen、uni.onSocketMessage、uni.onSocketClose和uni.onSocketError这些全局事件来监听WebSocket的不同事件。连
- 前端工程化面试题 | 15.精选前端工程化高频面试题
ai_todo
前端工程化前端javascripttypescript开发语言
前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录请解释一下前端中的代码分支管理和代码合并。你熟悉的代码合并工具有哪些?解释一下前端中的流程管理
- WordPress 小程序「星宿UI」基于 uni-app 多端开源优化版
技术服务团队
小程序uni-app
一款基于WordPress后台的资讯资源下载小程序,独具一色的UI非常好看,独立PHP接口。下载地址:优化版.zip
- 【uni-app】自定义组件和通信
小秀_heo
uni-appuni-appvue.jsjavascript
(1)自定义组件概念组件是vue技术中非常重要的部分,组件使得与ui相关的轮子可以方便的制造和共享,进而使得vue使用者的开发效率大幅提升,在项目的component目录下存放组件,uni-app只支持vue单文件组件(.vue组件)组件可以使用「全局注册」和「页面引入」两种方式进行使用,使用分为三步:导入importxxxfrom'xxx'注册Vue.use('xx',xx)components
- uni-app 实现拍照后给照片加水印功能
前端码农小黄
功能uni-app前端
遇到个需求需要实现,研究了一下后写了个demo本质上就是把拍完照后的照片放到canvas里,然后加上水印样式然后再重新生成一张图片代码如下,看注释即可~使用的话记得还是得优化下代码测试按钮exportdefault{data(){return{canvasWidth:300,canvasHeight:150,}},methods:{handlePhotoAndWatermask(){//调用拍照功
- uni-app中组件和样式的使用
CssHero
uni-app
文章目录概要二.组件和样式1.常见内置组件2.样式导入3.背景图片的导入4.字体图标5.uni-ui外部组件--安装uni-ui--重写组件样式小结概要本文主要介绍uni-app中组件和样式的使用二.组件和样式1.常见内置组件https://uniapp.dcloud.net.cn/component/view.html◼view:视图容器。类似于传统html中的div,用于包裹各种元素内容。(视
- uni-pp(一)什么是uni-pp
AlanGe
uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。DCloud公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app),腾讯课堂官方为uni-
- uni-app和Vue.js有什么区别?
vue.jsuni-app
Hello,大家好,我是咕噜铁蛋!在当今的前端开发领域,uni-app和Vue.js都是非常热门的技术。很多开发者经常在选择时感到困惑。今天铁蛋这篇文章讲和大家探讨这两者的区别,帮助各位在开发路上做出明智的选择。uni-app是一个使用Vue.js开发所有前端应用的框架,支持一次编译多端运行。开发者编写的基础代码只需进行一次编写,就可以发布到多个平台,包括App、H5、微信小程序等。Vue.js是
- 二分查找排序算法
周凡杨
java二分查找排序算法折半
一:概念 二分查找又称
折半查找(
折半搜索/
二分搜索),优点是比较次数少,查找速度快,平均性能好;其缺点是要求待查表为有序表,且插入删除困难。因此,折半查找方法适用于不经常变动而 查找频繁的有序列表。首先,假设表中元素是按升序排列,将表中间位置记录的关键字与查找关键字比较,如果两者相等,则查找成功;否则利用中间位置记录将表 分成前、后两个子表,如果中间位置记录的关键字大于查找关键字,则进一步
- java中的BigDecimal
bijian1013
javaBigDecimal
在项目开发过程中出现精度丢失问题,查资料用BigDecimal解决,并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习,特转载。
原文地址:http://blog.csdn.net/ugg/article/de
- Shell echo命令详解
daizj
echoshell
Shell echo命令
Shell 的 echo 指令与 PHP 的 echo 指令类似,都是用于字符串的输出。命令格式:
echo string
您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串:
echo "It is a test"
这里的双引号完全可以省略,以下命令与上面实例效果一致:
echo Itis a test 2.显示转义
- Oracle DBA 简单操作
周凡杨
oracle dba sql
--执行次数多的SQL
select sql_text,executions from (
select sql_text,executions from v$sqlarea order by executions desc
) where rownum<81;
&nb
- 画图重绘
朱辉辉33
游戏
我第一次接触重绘是编写五子棋小游戏的时候,因为游戏里的棋盘是用线绘制的,而这些东西并不在系统自带的重绘里,所以在移动窗体时,棋盘并不会重绘出来。所以我们要重写系统的重绘方法。
在重写系统重绘方法时,我们要注意一定要调用父类的重绘方法,即加上super.paint(g),因为如果不调用父类的重绘方式,重写后会把父类的重绘覆盖掉,而父类的重绘方法是绘制画布,这样就导致我们
- 线程之初体验
西蜀石兰
线程
一直觉得多线程是学Java的一个分水岭,懂多线程才算入门。
之前看《编程思想》的多线程章节,看的云里雾里,知道线程类有哪几个方法,却依旧不知道线程到底是什么?书上都写线程是进程的模块,共享线程的资源,可是这跟多线程编程有毛线的关系,呜呜。。。
线程其实也是用户自定义的任务,不要过多的强调线程的属性,而忽略了线程最基本的属性。
你可以在线程类的run()方法中定义自己的任务,就跟正常的Ja
- linux集群互相免登陆配置
林鹤霄
linux
配置ssh免登陆
1、生成秘钥和公钥 ssh-keygen -t rsa
2、提示让你输入,什么都不输,三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub
其中id_rsa为秘钥,id_rsa.pub为公钥,使用公钥加密的数据只有私钥才能对这些数据解密 c
- mysql : Lock wait timeout exceeded; try restarting transaction
aigo
mysql
原文:http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html
原因是你使用的InnoDB 表类型的时候,
默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s,
因为有的锁等待超过了这个时间,所以抱错.
你可以把这个时间加长,或者优化存储
- Socket编程 基本的聊天实现。
alleni123
socket
public class Server
{
//用来存储所有连接上来的客户
private List<ServerThread> clients;
public static void main(String[] args)
{
Server s = new Server();
s.startServer(9988);
}
publi
- 多线程监听器事件模式(一个简单的例子)
百合不是茶
线程监听模式
多线程的事件监听器模式
监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到
创建多线程的事件监听器模式 思路:
1, 创建线程并启动,在创建线程的位置设置一个标记
2,创建队
- spring InitializingBean接口
bijian1013
javaspring
spring的事务的TransactionTemplate,其源码如下:
public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{
...
}
TransactionTemplate继承了DefaultT
- Oracle中询表的权限被授予给了哪些用户
bijian1013
oracle数据库权限
Oracle查询表将权限赋给了哪些用户的SQL,以备查用。
select t.table_name as "表名",
t.grantee as "被授权的属组",
t.owner as "对象所在的属组"
- 【Struts2五】Struts2 参数传值
bit1129
struts2
Struts2中参数传值的3种情况
1.请求参数绑定到Action的实例字段上
2.Action将值传递到转发的视图上
3.Action将值传递到重定向的视图上
一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上
Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上,绑定的规则使用ognl表达式语言
- 【Kafka十四】关于auto.offset.reset[Q/A]
bit1129
kafka
I got serveral questions about auto.offset.reset. This configuration parameter governs how consumer read the message from Kafka when there is no initial offset in ZooKeeper or
- nginx gzip压缩配置
ronin47
nginx gzip 压缩范例
nginx gzip压缩配置 更多
0
nginx
gzip
配置
随着nginx的发展,越来越多的网站使用nginx,因此nginx的优化变得越来越重要,今天我们来看看nginx的gzip压缩到底是怎么压缩的呢?
gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小,这样,用
- java-13.输入一个单向链表,输出该链表中倒数第 k 个节点
bylijinnan
java
two cursors.
Make the first cursor go K steps first.
/*
* 第 13 题:题目:输入一个单向链表,输出该链表中倒数第 k 个节点
*/
public void displayKthItemsBackWard(ListNode head,int k){
ListNode p1=head,p2=head;
- Spring源码学习-JdbcTemplate queryForObject
bylijinnan
javaspring
JdbcTemplate中有两个可能会混淆的queryForObject方法:
1.
Object queryForObject(String sql, Object[] args, Class requiredType)
2.
Object queryForObject(String sql, Object[] args, RowMapper rowMapper)
第1个方法是只查
- [冰川时代]在冰川时代,我们需要什么样的技术?
comsci
技术
看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?
那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...
&nb
- js 获取浏览器型号
cuityang
js浏览器
根据浏览器获取iphone和apk的下载地址
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" content="text/html"/>
<meta name=
- C# socks5详解 转
dalan_123
socketC#
http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html 这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯,Socket4的实现是类似的,注意的事,这里不是讲用C#实现一个代理服务器,因为实现一个代理服务器需要实现很多协议,头大,而且现在市面上有很多现成的代理服务器用,性能又好,
- 运维 Centos问题汇总
dcj3sjt126com
云主机
一、sh 脚本不执行的原因
sh脚本不执行的原因 只有2个
1.权限不够
2.sh脚本里路径没写完整。
二、解决You have new mail in /var/spool/mail/root
修改/usr/share/logwatch/default.conf/logwatch.conf配置文件
MailTo =
MailFrom
三、查询连接数
- Yii防注入攻击笔记
dcj3sjt126com
sqlWEB安全yii
网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查,可以使用正则表达式或者直接输入字符判断,大部分是只允许输入字母和数字的,其它字符度不允许;对于内容复杂表单的内容,应该对html和script的符号进行转义替换:尤其是<,>,',"",&这几个符号 这里有个转义对照表:
http://blog.csdn.net/xinzhu1990/articl
- MongoDB简介[一]
eksliang
mongodbMongoDB简介
MongoDB简介
转载请出自出处:http://eksliang.iteye.com/blog/2173288 1.1易于使用
MongoDB是一个面向文档的数据库,而不是关系型数据库。与关系型数据库相比,面向文档的数据库不再有行的概念,取而代之的是更为灵活的“文档”模型。
另外,不
- zookeeper windows 入门安装和测试
greemranqq
zookeeper安装分布式
一、序言
以下是我对zookeeper 的一些理解: zookeeper 作为一个服务注册信息存储的管理工具,好吧,这样说得很抽象,我们举个“栗子”。
栗子1号:
假设我是一家KTV的老板,我同时拥有5家KTV,我肯定得时刻监视
- Spring之使用事务缘由(2-注解实现)
ihuning
spring
Spring事务注解实现
1. 依赖包:
1.1 spring包:
spring-beans-4.0.0.RELEASE.jar
spring-context-4.0.0.
- iOS App Launch Option
啸笑天
option
iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:,其中第二个参数launchOptions为NSDictionary类型的对象,里面存储有此程序启动的原因。
launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。
1、若用户直接
- jdk与jre的区别(_)
macroli
javajvmjdk
简单的说JDK是面向开发人员使用的SDK,它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包,可以包括函数库、编译程序等。
JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境,是面向Java程序的使用者,而不是开发者。 如果安装了JDK,会发同你
- Updates were rejected because the tip of your current branch is behind
qiaolevip
学习永无止境每天进步一点点众观千象git
$ git push joe prod-2295-1
To
[email protected]:joe.le/dr-frontend.git
! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward)
error: failed to push some refs to '
[email protected]
- [一起学Hive]之十四-Hive的元数据表结构详解
superlxw1234
hivehive元数据结构
关键字:Hive元数据、Hive元数据表结构
之前在 “[一起学Hive]之一–Hive概述,Hive是什么”中介绍过,Hive自己维护了一套元数据,用户通过HQL查询时候,Hive首先需要结合元数据,将HQL翻译成MapReduce去执行。
本文介绍一下Hive元数据中重要的一些表结构及用途,以Hive0.13为例。
文章最后面,会以一个示例来全面了解一下,
- Spring 3.2.14,4.1.7,4.2.RC2发布
wiselyman
Spring 3
Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。
其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止),后续会继续根据需求和bug发布维护版本。此时,Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。
其中Spring 4.1.7主要包含这些更新内容。