- 【Flutter】时间轴高度自适应最佳实践
Tech Ranger
FlutterAndroidflutter
1使用部件画圆圈:使用canvas.drawCircle和属性为_paint.style=PaintingStyle.fill;画笔画两个实心圆;画竖线:使用canvas.drawLine和属性为_paint.style=PaintingStyle.stroke;的画笔画直线,通过p1和p2两个端点使直线为竖线在Container中调用decoration组件使用BorderTimeLine类。d
- 微信小程序 progress 进度条 内部圆角及内部条渐变色
Bonnie(大宝)
技术小程序
微信小程序表格微信小程序progress进度条内部圆角及渐变色html:css:.wx-progress-inner-bar{border-radius:8rpx!important;background:linear-gradient(toright,rgb(71,187,254,1),rgba(254,86,77,1))!important;}
- 微信小程序进度条progress支持渐变色
微信小程序自带进度条progress支持渐变色代码.wx-progress-inner-bar{border-radius:8rpx!important;background:linear-gradient(90deg,#FFD26E8%,#ED0700100%)!important;}图上支持选中比例设置样式具体颜色如图
- css3 圆形水波纹特效
程序媛之博客
css3前端css
需求描述:需要制作一个动画,特效从圆心开始往外扩散,然后又往回收。效果图:实现代码:.circle{width:100rpx;height:100rpx;background-color:#FF4C4C;border-radius:50%;/*圆形*/box-shadow:inset00010rpxrgba(255,255,255,0.5),/*内阴影,初始半透明圆*/inset00020rpxr
- CSS实标题现同心圆的缩放
做一个暴躁的开发
css3html
CSS实标题现同心圆的缩放最近学习了css动画效果,记录一下同心圆的缩放问题问题描述我先设置了两个div,外圈是class=“one”,内圈是class=“two”,代码如下:分别设置他们的div,给他们边框,并且设置成圆形.one{width:500px;height:500px;border:20pxsolidlightcoral;border-radius:50%;overflow:hidd
- css实现圆环效果
春风欲雨
csscss圆环
圆环效果图.div{width:100px;height:100px;background-color:#fbc2eb;border-radius:50%;}.div:after{content:"";display:block;width:50px;height:50px;border-radius:50%;background-color:#fff;position:relative;top:
- OpenCV边缘填充方式详解
慕婉0307
opencv基础opencv计算机视觉人工智能
一、边缘填充概述在图像处理中,边缘填充(BorderPadding)是一项基础而重要的技术,特别是在进行卷积操作(如滤波、边缘检测等)时,处理图像边缘像素需要用到周围的像素值。由于图像边缘的像素没有完整的邻域,因此需要通过某种方式对图像边界进行扩展。边缘填充的主要应用场景包括:图像滤波(如高斯滤波、中值滤波等)卷积神经网络(CNN)中的卷积层形态学操作(如膨胀、腐蚀)图像特征提取二、OpenCV中
- CSS 问题记录::active 状态下背景超出 border-radius 的圆角区域
码客前端
css前端
CSS问题记录::active状态下背景超出border-radius的圆角区域问题描述在开发中,我们经常使用:active伪类来为可点击元素添加激活状态的样式。但在某些情况下,当元素设置了cursor:pointer并触发:active状态时,背景颜色会填充整个矩形区域,而忽略了原本设置的border-radius圆角效果。这会导致视觉上不符合预期,尤其是在按钮或菜单项等需要圆角设计的UI元素中
- vue2实现反复轮播(走左往右变成从右往左)
上优
javascript前端vue.js
Document*{margin:0;padding:0;box-sizing:border-box;}{{item.name}}{{item.name}}newVue({el:'#app',data(){return{list:[{name:'测试11111',class:'border-1pxborder-solidborder-redw-100pxh-80pxrounded-5pxp-10p
- 实现特殊的循环布局
上优
javascript开发语言ecmascript
Document*{margin:0;padding:0;box-sizing:border-box;}.box{column-count:2;column-gap:20px;}.list:first-child{height:100%;}.list:not(:first-child){height:calc(50%-10px);}.list:not(:nth-child(2n-1)){margi
- css点击按钮出现水波纹效果
&白帝&
csscss前端
按钮水波纹动画效果示例.ripple-button{position:relative;overflow:hidden;padding:12px24px;background-color:#6200ee;color:white;border:none;border-radius:4px;cursor:pointer;outline:none;}.ripple-button::after{conte
- vue2打印el-table表格宽度无法撑满自适应,复制即用
是小张呀!
vue.jselementuijavascript
这里为了隐私把图片内容涂马赛克了没修改前:修改后:重要代码,复制即用:@mediaprint{.el-table__header{width:100%!important;border-right:
- Vue实现选中多张图片一起拖拽功能
枫叶&情缘
前端Vuevue.jsjavascript前端
Vue图片框选拖拽功能*{box-sizing:border-box;margin:0;padding:0;}body{font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);color:#333;min-height:100v
- Qt6 标签页关闭按钮(小叉)实现详解
实现方法概述1.使用内置功能(ClosableTabWidget)最简单的方法是使用QTabWidget的内置功能:#启用标签关闭按钮self.tab_widget.setTabsClosable(True)#连接标签关闭信号self.tab_widget.tabCloseRequested.connect(self.close_tab)优点:实现简单,只需两行代码使用Qt原生外观,与系统风格一致
- 仅使用 javascript 构建第一个应用程序
网络点点滴
Vue3javascript开发语言ecmascript
目的本次的DEMO代码示例非常的简单,如下图我们只需要再上面的输入框中输入内容,下面的内容就是我们对应上面提交的内容代码示例HTML代码AFirstAppGoalAddGoalCSS代码*{box-sizing:border-box;}html{font-family:sans-serif;}body{margin:0;}#app{margin:3remauto;max-width:40rem;p
- css上下滚动文字
洪洪呀
css前端
效果图取得是数组里的数据上下滚动切换css.notice-new{background:#222222;border-radius:19rpx;margin-top:28rpx;font-size:24rpx;color:white;font-weight:500;padding:020rpx;height:55rpx;line-height:55rpx;overflow:hidden;.noti
- OpenCV 图像仿射变换之旋转
程序员小马兰
OpenCVopencv人工智能计算机视觉图像处理
一、知识点1、voidwarpAffine(InputArraysrc,OutputArraydst,InputArrayM,Sizedsize,intflags=INTER_LINEAR,intborderMode=BORDER_CONSTANT,constScalar&borderValue=Scalar());(1)、对图像应用仿射变换(旋转、平移、缩放)。(2)、参数说明:src:输入图像
- HTML表中的自动换行
asdfgh0077
htmlcsshtml-table
我一直在使用word-wrap:break-word将文本div和span。但是,它似乎在表单元格中不起作用。我有一个表设置为width:100%,有一行和两列。列中的文本尽管使用上述word-wrap样式设置,但不会自动换行。它导致文本超出单元格的边界。这发生在Firefox,GoogleChrome和InternetExplorer上。来源如下所示:td{border:1pxsolid;}Lo
- html三角形排序按钮,CSS实现三角形的播放器按钮图标
weixin_39668408
html三角形排序按钮
CSS实现三角形的播放器按钮body{background:#000;}header{font-family:"MicroSoftYaHei";font-size:30px;color:#990000;}.circle{width:120px;height:120px;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:
- css实现右上角角标
挖坑、小子
csshtmlcss
效果图:代码:31.unread_num{position:absolute;margin-left:-46px;margin-top:-8px;font-size:15px;color:#fff;background:#ed4014;text-align:center;box-shadow:0001px#fff;border-radius:10px;padding:010px;}
- css画右上角 角标三角形
StrongerIrene
css前端html
.corner{position:absolute;top:-2rem;right:-2rem;width:0;height:0;border:2remsolidred;border-bottom-color:transparent;border-top-color:transparent;border-left-color:transparent;transform:rotateZ(135deg
- css实现角标效果并带有文章或图标
默默地写代码
csscss3前端
代码示例:.coupon_card.active{border:1pxsolid#f32121;position:relative;}.coupon_card.active::after{content:'';position:absolute;right:0;bottom:0;border-width:0020px20px;border-style:solid;border-color:tran
- CSS Flex 布局综合案例
知知为荔枝
HTMLcss前端Flex圆角版心居中盒子
1综合案例-抖音解决方案1.1分析1.2实现综合案例:抖音解决方案/*清除默认样式*/*{margin:0;padding:0;box-sizing:border-box;/*防止以后内边距撑大盒子*/}/*去掉列表的项目符号*/li{list-style:none;}.box{/*版心居中*/margin:50pxauto;width:1200px;height:418px;border:1px
- 盒子模型【CSS】
雪兔♛
javascript前端css
/*类选择器*//*盒子模型:内容content,边框border,内边距padding,*/.box{width:400px;/*宽*/height:500px;/*高*//*边框border:粗细线条样式(solid实线,点线dotted,虚线dashed)*/border:10pxsolidred;/*border-top:1pxsolidgreen;border-bottom:1pxsol
- 分享一个实用的代码对比工具
我科绝伦(Huanhuan Zhou)
csscss3javascript
关键代码如下:代码对比工具*{margin:0;padding:0;box-sizing:border-box;font-family:'SegoeUI','MicrosoftYaHei',sans-serif;}body{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#f0f8ff;min-height:100vh;paddin
- ECharts:饼图中间添加文字
dingcho
前端echartsjavascript前端
series:[{type:'pie',radius:['55%','62%'],center:['67%','50%'],itemStyle:{borderRadius:10,borderColor:'#fff',borderWidth:2},label:{show:true,position:'center',formatter:({value})=>{//格式化数值为带单位的字符串(如102
- 盲盒html
青鸾@
htmlcss3css
盲盒*{width:0;height:0;}body{perspective:1000px;}.bigbox{/*相对定位*/position:relative;width:1000px;width:800px;border:1pxsolidpalevioletred;margin:200pxauto;transform-style:preserve-3d;}.bigboxdiv{/*绝对定位*/
- 浮动html
青鸾@
htmlcsscss3
浮动*{margin:0;padding:0;}/*传统的网页布局:标准流+浮动+定位标准流:按照标签的显示模式进行排列.浮动:float:左浮动left和右浮动right,能让块级元素在一行内显示.*/.bigbox{width:1000px;height:500px;border:1pxsolidmagenta;margin:auto;/*overflow:hidden;*/}/*给父元素添加
- 微信小程序点击添加/删除表单
暖一杯茶
微信小程序
wxml:第{{index+1}}个添加选项删除选项wxss:.create-li{height:50rpx;border-bottom:2rpxsolid#ccc;margin-bottom:20rpx;padding-bottom:20rpx;}.foot{display:flex;}.add-li{width:50%;}js:Page({data:{lists:[]},//添加addList
- 微信小程序实现表格展示
闹闹的闹钟
开发中遇到商品详情页需要展示参数列表,App中我们可以使用table轻松实现列表功能,但是小程序却不支持这个元素,该怎么办呢?我们就用样式来实现:思路:先给整个大表格设置border-top;给大表格的直接子元素设置border-left、border-right、border-bottom;每行的参数名和参数值之间的竖线,我们通过给大表格的直接子元素设置伪元素实现;代码:{{item.group
- 多线程编程之join()方法
周凡杨
javaJOIN多线程编程线程
现实生活中,有些工作是需要团队中成员依次完成的,这就涉及到了一个顺序问题。现在有T1、T2、T3三个工人,如何保证T2在T1执行完后执行,T3在T2执行完后执行?问题分析:首先问题中有三个实体,T1、T2、T3, 因为是多线程编程,所以都要设计成线程类。关键是怎么保证线程能依次执行完呢?
Java实现过程如下:
public class T1 implements Runnabl
- java中switch的使用
bingyingao
javaenumbreakcontinue
java中的switch仅支持case条件仅支持int、enum两种类型。
用enum的时候,不能直接写下列形式。
switch (timeType) {
case ProdtransTimeTypeEnum.DAILY:
break;
default:
br
- hive having count 不能去重
daizj
hive去重having count计数
hive在使用having count()是,不支持去重计数
hive (default)> select imei from t_test_phonenum where ds=20150701 group by imei having count(distinct phone_num)>1 limit 10;
FAILED: SemanticExcep
- WebSphere对JSP的缓存
周凡杨
WAS JSP 缓存
对于线网上的工程,更新JSP到WebSphere后,有时会出现修改的jsp没有起作用,特别是改变了某jsp的样式后,在页面中没看到效果,这主要就是由于websphere中缓存的缘故,这就要清除WebSphere中jsp缓存。要清除WebSphere中JSP的缓存,就要找到WAS安装后的根目录。
现服务
- 设计模式总结
朱辉辉33
java设计模式
1.工厂模式
1.1 工厂方法模式 (由一个工厂类管理构造方法)
1.1.1普通工厂模式(一个工厂类中只有一个方法)
1.1.2多工厂模式(一个工厂类中有多个方法)
1.1.3静态工厂模式(将工厂类中的方法变成静态方法)
&n
- 实例:供应商管理报表需求调研报告
老A不折腾
finereport报表系统报表软件信息化选型
引言
随着企业集团的生产规模扩张,为支撑全球供应链管理,对于供应商的管理和采购过程的监控已经不局限于简单的交付以及价格的管理,目前采购及供应商管理各个环节的操作分别在不同的系统下进行,而各个数据源都独立存在,无法提供统一的数据支持;因此,为了实现对于数据分析以提供采购决策,建立报表体系成为必须。 业务目标
1、通过报表为采购决策提供数据分析与支撑
2、对供应商进行综合评估以及管理,合理管理和
- mysql
林鹤霄
转载源:http://blog.sina.com.cn/s/blog_4f925fc30100rx5l.html
mysql -uroot -p
ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)
[root@centos var]# service mysql
- Linux下多线程堆栈查看工具(pstree、ps、pstack)
aigo
linux
原文:http://blog.csdn.net/yfkiss/article/details/6729364
1. pstree
pstree以树结构显示进程$ pstree -p work | grep adsshd(22669)---bash(22670)---ad_preprocess(4551)-+-{ad_preprocess}(4552) &n
- html input与textarea 值改变事件
alxw4616
JavaScript
// 文本输入框(input) 文本域(textarea)值改变事件
// onpropertychange(IE) oninput(w3c)
$('input,textarea').on('propertychange input', function(event) {
console.log($(this).val())
});
- String类的基本用法
百合不是茶
String
字符串的用法;
// 根据字节数组创建字符串
byte[] by = { 'a', 'b', 'c', 'd' };
String newByteString = new String(by);
1,length() 获取字符串的长度
&nbs
- JDK1.5 Semaphore实例
bijian1013
javathreadjava多线程Semaphore
Semaphore类
一个计数信号量。从概念上讲,信号量维护了一个许可集合。如有必要,在许可可用前会阻塞每一个 acquire(),然后再获取该许可。每个 release() 添加一个许可,从而可能释放一个正在阻塞的获取者。但是,不使用实际的许可对象,Semaphore 只对可用许可的号码进行计数,并采取相应的行动。
S
- 使用GZip来压缩传输量
bijian1013
javaGZip
启动GZip压缩要用到一个开源的Filter:PJL Compressing Filter。这个Filter自1.5.0开始该工程开始构建于JDK5.0,因此在JDK1.4环境下只能使用1.4.6。
PJL Compressi
- 【Java范型三】Java范型详解之范型类型通配符
bit1129
java
定义如下一个简单的范型类,
package com.tom.lang.generics;
public class Generics<T> {
private T value;
public Generics(T value) {
this.value = value;
}
}
- 【Hadoop十二】HDFS常用命令
bit1129
hadoop
1. 修改日志文件查看器
hdfs oev -i edits_0000000000000000081-0000000000000000089 -o edits.xml
cat edits.xml
修改日志文件转储为xml格式的edits.xml文件,其中每条RECORD就是一个操作事务日志
2. fsimage查看HDFS中的块信息等
&nb
- 怎样区别nginx中rewrite时break和last
ronin47
在使用nginx配置rewrite中经常会遇到有的地方用last并不能工作,换成break就可以,其中的原理是对于根目录的理解有所区别,按我的测试结果大致是这样的。
location /
{
proxy_pass http://test;
- java-21.中兴面试题 输入两个整数 n 和 m ,从数列 1 , 2 , 3.......n 中随意取几个数 , 使其和等于 m
bylijinnan
java
import java.util.ArrayList;
import java.util.List;
import java.util.Stack;
public class CombinationToSum {
/*
第21 题
2010 年中兴面试题
编程求解:
输入两个整数 n 和 m ,从数列 1 , 2 , 3.......n 中随意取几个数 ,
使其和等
- eclipse svn 帐号密码修改问题
开窍的石头
eclipseSVNsvn帐号密码修改
问题描述:
Eclipse的SVN插件Subclipse做得很好,在svn操作方面提供了很强大丰富的功能。但到目前为止,该插件对svn用户的概念极为淡薄,不但不能方便地切换用户,而且一旦用户的帐号、密码保存之后,就无法再变更了。
解决思路:
删除subclipse记录的帐号、密码信息,重新输入
- [电子商务]传统商务活动与互联网的结合
comsci
电子商务
某一个传统名牌产品,过去销售的地点就在某些特定的地区和阶层,现在进入互联网之后,用户的数量群突然扩大了无数倍,但是,这种产品潜在的劣势也被放大了无数倍,这种销售利润与经营风险同步放大的效应,在最近几年将会频繁出现。。。。
如何避免销售量和利润率增加的
- java 解析 properties-使用 Properties-可以指定配置文件路径
cuityang
javaproperties
#mq
xdr.mq.url=tcp://192.168.100.15:61618;
import java.io.IOException;
import java.util.Properties;
public class Test {
String conf = "log4j.properties";
private static final
- Java核心问题集锦
darrenzhu
java基础核心难点
注意,这里的参考文章基本来自Effective Java和jdk源码
1)ConcurrentModificationException
当你用for each遍历一个list时,如果你在循环主体代码中修改list中的元素,将会得到这个Exception,解决的办法是:
1)用listIterator, 它支持在遍历的过程中修改元素,
2)不用listIterator, new一个
- 1分钟学会Markdown语法
dcj3sjt126com
markdown
markdown 简明语法 基本符号
*,-,+ 3个符号效果都一样,这3个符号被称为 Markdown符号
空白行表示另起一个段落
`是表示inline代码,tab是用来标记 代码段,分别对应html的code,pre标签
换行
单一段落( <p>) 用一个空白行
连续两个空格 会变成一个 <br>
连续3个符号,然后是空行
- Gson使用二(GsonBuilder)
eksliang
jsongsonGsonBuilder
转载请出自出处:http://eksliang.iteye.com/blog/2175473 一.概述
GsonBuilder用来定制java跟json之间的转换格式
二.基本使用
实体测试类:
温馨提示:默认情况下@Expose注解是不起作用的,除非你用GsonBuilder创建Gson的时候调用了GsonBuilder.excludeField
- 报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList
gundumw100
android
有一个工程,本来运行是正常的,我想把它移植到另一台PC上,结果报:
java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.mobovip.bgr/com.mobovip.bgr.MainActivity}: java.lang.ClassNotFoundException: Didn't f
- JavaWeb之JSP指令
ihuning
javaweb
要点
JSP指令简介
page指令
include指令
JSP指令简介
JSP指令(directive)是为JSP引擎而设计的,它们并不直接产生任何可见输出,而只是告诉引擎如何处理JSP页面中的其余部分。
JSP指令的基本语法格式:
<%@ 指令 属性名="
- mac上编译FFmpeg跑ios
啸笑天
ffmpeg
1、下载文件:https://github.com/libav/gas-preprocessor, 复制gas-preprocessor.pl到/usr/local/bin/下, 修改文件权限:chmod 777 /usr/local/bin/gas-preprocessor.pl
2、安装yasm-1.2.0
curl http://www.tortall.net/projects/yasm
- sql mysql oracle中字符串连接
macroli
oraclesqlmysqlSQL Server
有的时候,我们有需要将由不同栏位获得的资料串连在一起。每一种资料库都有提供方法来达到这个目的:
MySQL: CONCAT()
Oracle: CONCAT(), ||
SQL Server: +
CONCAT() 的语法如下:
Mysql 中 CONCAT(字串1, 字串2, 字串3, ...): 将字串1、字串2、字串3,等字串连在一起。
请注意,Oracle的CON
- Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate
qiaolevip
学习永无止境每天进步一点点git纵观千象
// 报错如下:
$ git pull origin master
fatal: unable to access 'https://git.xxx.com/': SSL certificate problem: unable to get local issuer ce
rtificate
// 原因:
由于git最新版默认使用ssl安全验证,但是我们是使用的git未设
- windows命令行设置wifi
surfingll
windowswifi笔记本wifi
还没有讨厌无线wifi的无尽广告么,还在耐心等待它慢慢启动么
教你命令行设置 笔记本电脑wifi:
1、开启wifi命令
netsh wlan set hostednetwork mode=allow ssid=surf8 key=bb123456
netsh wlan start hostednetwork
pause
其中pause是等待输入,可以去掉
2、
- Linux(Ubuntu)下安装sysv-rc-conf
wmlJava
linuxubuntusysv-rc-conf
安装:sudo apt-get install sysv-rc-conf 使用:sudo sysv-rc-conf
操作界面十分简洁,你可以用鼠标点击,也可以用键盘方向键定位,用空格键选择,用Ctrl+N翻下一页,用Ctrl+P翻上一页,用Q退出。
背景知识
sysv-rc-conf是一个强大的服务管理程序,群众的意见是sysv-rc-conf比chkconf
- svn切换环境,重发布应用多了javaee标签前缀
zengshaotao
javaee
更换了开发环境,从杭州,改变到了上海。svn的地址肯定要切换的,切换之前需要将原svn自带的.svn文件信息删除,可手动删除,也可通过废弃原来的svn位置提示删除.svn时删除。
然后就是按照最新的svn地址和规范建立相关的目录信息,再将原来的纯代码信息上传到新的环境。然后再重新检出,这样每次修改后就可以看到哪些文件被修改过,这对于增量发布的规范特别有用。
检出