- 微信小程序修改checkbox和radio的样式
叶落无痕123
微信小程序小程序
我们在开发小程序的时候,有时候需要修改小程序中checkbox和radio的原生样式,如何修改呢?这里给大家提供了一份代码,大家可以试试。首先是修改checkbox样式的代码:/*重写checkbox样式*//*未选中的背景样式*/checkbox.wx-checkbox-input{border-radius:50%;/*圆角*/width:40rpx;/*背景的宽*/height:40rpx;
- 一个简单的微信小程序表单提交样式模板
w宇宙王
微信小程序小程序
没什么东西,只是方便自己直接复制使用.wxml姓名:学校:职位选择:提交.,scss.box{padding:30rpx;}.form-item{display:flex;background-color:rgb(221,230,230);margin-bottom:10rpx;border-radius:30rpx;}.head{line-height:100rpx;margin-left:30
- echarts 雷达图样式自定义 2018-12-13
心有余悸天
exportdefaultfunctiondrawradar(basedata,all_data){varRadar={//title:{//text:'基础雷达图'//},//鼠标移入的悬浮框的样式tooltip:{backgroundColor:'#ffff',borderColor:'#eeee',borderRadius:2,borderWidth:1,textStyle:{color:'
- react recharts饼图 及配置项
代码真的养发
react.jsjavascript前端
:指定饼图的数据和样式。data:设置图表使用的数据数组。dataKey:指定用于饼图切片面积计算的数据字段。nameKey:指定用于显示在图例和提示框中的数据字段。cx和cy:设置饼图中心的位置。outerRadius:设置饼图的外半径。fill:设置饼图的颜色。label:设置是否显示切片标签。:为每个切片设置自定义颜色。可以根据需要为每个数据项选择不同的颜色。:设置图例的样式和位置。:设置鼠
- css3夜晚星空
苦逼的猿宝
html+csscss3前端css
css3动画*{margin:0;padding:0;}.container{width:100vw;height:100vh;background-color:#000;}.moon{width:100px;height:100px;border-radius:50%;background-color:#F5FFFA;box-shadow:0060px#F5FFFA;position:absol
- css通过calc动态计算宽度
徐同保
css前端javascript
max-width:calc(100%-40px).m-mj-status-drawing-info-data{display:inline-block;margin:10px;min-width:200px;padding:10px;border-radius:10px;background:#ddd;max-width:calc(100%-40px);word-wrap:break-word;
- Echarts堆叠柱状图圆角设置
PorkCanteen
前端学习笔记echarts前端javascript
背景工作中有需要使用Echarts堆叠柱状图,并给单根柱条头部及底部的颜色设置圆角,常规的设置会生效于同一类颜色,无法达到效果,故设计一个简单的算法,给需要的颜色添加圆角。以下内容已横向柱状图为例。分析给柱子设置圆角的方法,是给series设置itemStyle-barborderRadius,但是series指的是同一类颜色,会导致不同坐标的柱子无法根据自己具体的内容给不同的顶部(或底部)颜色设
- [Unity]寻路导航
DAGUNIANGZHOU
Unityunitymesh游戏引擎
自动寻路【Unity3D】自动寻路系统Navigation实现人物上楼梯、走斜坡、攀爬、跳跃-百度文库⼀、Navigation⾯板这⾥写图⽚描述Navigation⾯板中包括⼏个模块Agents这⾥写图⽚描述这个是可以添加多个NabigationAgents可以⽤不同的Agents参数:Name:设置烘培Agents的名字Radius:烘培的半径,也就是物体的烘培的半径。这个值影响物体能通过的路径
- QGroupBox推荐样式
码肥人壮
C++\QTqgroupboxqt样式
样式代码一:QGroupBox{border:3pxsolidgray;border-radius:10px;margin-top:4ex;font-family:楷体;font:bold18px;}QGroupBox::title{subcontrol-origin:margin;subcontrol-position:topcenter;padding:1px;}QGroupBox::enab
- css动画-太极图
ssttIsme
太极图*{margin:0;padding:0;}.box{position:relative;width:240px;height:120px;margin:100pxauto;border-style:solid;border-width:1px1px120px1px;border-radius:50%;animation:rot2sinfinitelinear;}.box:before{co
- java内部类
蔚蓝色的风暴
javajava开发语言
什么叫内部类?将一个类定义在另一个类里面或者一个方法里面,称为内部类一般包含这几种:成员内部类、局部内部类、匿名内部类、静态内部类1、成员内部类最普通的内部类,定义为位于另一个类的内部classCircle{doubleradius=0;publicCircle(doubleradius){this.radius=radius;}classDraw{//内部类publicvoiddrawSahpe
- html从零开始8:css3新特性、动画、媒体查询、雪碧图、字体图标【搬代码】
搬代码
css3html媒体
css3新特性div{width:200px;height:200px;background-color:aqua;position:relative;border-radius:20px;/*圆角属性,100%就变成圆形了*/left:50px;top:100px;}两个值border-radius:50px5px;阴影div{width:200px;height:200px;backgroun
- 使用纯 CSS 实现元素高度的过渡(不采用 max-height)
知半愚无
css前端
1.前言不知大家是否接触过元素高度的过渡,之前呢我是使用CSS加JS的方式来解决的,就是通过JS计算一下要过渡的元素的高度,然后自己给它加上height为某一数值。不知大家是如何解决的?相信大家在做高度过渡时,都会在想为什么无法实现?就比如下面的代码。.details{position:absolute;top:34px;left:0px;border-radius:8px;width:170px
- 用HTML写一个“逆天人物 清华哥”的人物简介页面
eric-sjq
htmljavascript前端
逆天人物清华哥-人物介绍.floating-audio{right:10px;bottom:50px;overflow:hidden;z-index:9999;position:fixed;padding:5px;text-align:center;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-lef
- vue3 canvas 星空背景图
唐纳德川家军
vuevue.jsjavascript前端
vue3canvas星空背景图页面截图代码页面截图代码import{onMounted,ref}from'vue';/***星星对象*/interfaceStar{orbitRadius:number;radius:number;//星星大小orbitX:number;orbitY:number;timePassed:number;speed:number;//星星移动速度alpha:number
- QLabel重绘实现圆角矩形图片/文本和图片同时显示
难搞哦~
qt
QLabel是Qt中一个很常用的原生基础控件,一般用于显示文本内容(支持富文本),文本可以设置支持鼠标选中复制,也可以设置在可视宽度内文本自动换行,另外还可以用于显示图片。但是,使用QLabel显示图片时,qss样式设置的border-radius圆角属性是不生效的!QLabel显示纯文本时,qss中设置了背景颜色后,border-radius圆角属性是有效的,而在显示图片时,border-rad
- 滚动条样式
猿分让我们相遇
/*滚动条样式*/.nav-bar::-webkit-scrollbar{/*滚动条整体样式*/width:1px;/*高宽分别对应横竖滚动条的尺寸*/height:1px;}.nav-bar::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius:5px;-webkit-box-shadow:inset005pxrgba(0,0,0,0.2);bac
- 用HTML和JavaScript实现点击显示和关闭弹窗
天晓蓝
htmljavascript前端
jsp_edit.modifydiv,.adddiv,.deletediv{display:none;position:fixed;top:30%;right:40%;border-radius:10px;border:solid;background-color:rgba(78,122,242,0.998);z-index:0;padding:20px;color:white;outline:n
- [前端开发] CSS基础知识 [下]
YuanDaima2048
前端学习css前端html5css3前端框架es6
上篇:CSS基础知识[上]CSS基础知识[下]CSS新特性媒体查询雪碧图字体图标CSS新特性圆角(border-radius)通过border-radius属性为元素添加圆角。类型:border-radius:abcd:四个值分别为左上|右上|右下|左下角border-radius:abc:三个值分别为左上|右上和左下|右下border-radius:ab:两个值分别为左上和右下|右上和左下bor
- 第13讲创建图文投票
九品印相
uniapp微信小程序投票系统javascript开发语言ecmascript
创建图文投票实现图文投票和文字投票基本一样,就是在投票选项里面,多了一个选项图片;、.option_item{margin-top:10px;border-radius:5px;background-color:white;padding:10px;.option_input{display:flex;}.option_upload{margin-top:20rpx
- 第12讲创建图文投票实现
九品印相
uniapp微信小程序投票系统javascript开发语言ecmascript
创建图文投票实现图文投票和文字投票基本一样,就是在投票选项里面,多了一个选项图片;.option_item{margin-top:10px;border-radius:5px;background-color:white;padding:10px;.option_input{display:flex;}.option_upload{margin-top:20rpx;
- [HTML]Web前端开发技术21(HTML5、CSS3、JavaScript )HTML5 基础与CSS3 应用,border-radius,box-shadow,transform——喵喵画网页
猫佛
喵喵画网页html前端html5计算机学习javascriptcss3
希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言CSS3边框1.border-radius圆角边框2.box-shadow边框阴影3.border-image边框图像CSS3转换transform属性1.CSS32D转换总结前言来来来,上号~CSS3边框CSS3具有3个边框属性1.border-r
- iOS的圆角
恍然如梦_b700
iOS的圆角,苹果在iOS9中优化了cornerRadius属性,将帧率提高了不少。但是,圆角在iOS程序中使用频率之高,要求我们必须找到更好的方式去解决这个问题。我看了许多高效添加圆角的博客,总结了处理圆角的方法。如何设置圆角iOS中圆角的添加莫非以下三种模式:设置视图的layer.cornerRadius属性imageView.layer.cornerRadius=imageView.fram
- java实战:Redis实现查找附近的人
拥抱AI
javaredis开发语言
本文将介绍如何使用Redis实现查找附近的人的功能。我们将探讨如何使用Redis的地理空间(Geospatial)索引功能,并展示一个简单的Java代码示例,该示例使用Jedis库和Redis的GEOADD命令来添加位置信息,以及使用GEORADIUS命令来查找附近的人。通过本文,可以了解到如何在Java应用程序中使用Redis实现查找附近的人的功能。一、地理空间索引概述Redis的地理空间(Ge
- 有趣儿的组件(HTML/CSS)
神慕蔡蔡
前端开发htmlcssUI元素
分享几个炫酷的组件,起飞~~评论区留爪,继续分享哦~文章目录1.按钮2.输入3.工具提示4.单选按钮5.加载中1.按钮HTML:ButtonCSS:button{padding:10px20px;text-transform:uppercase;border-radius:8px;font-size:17px;font-weight:500;color:#ffffff80;text-shadow:
- 17-CSS3边框和渐变
a3546490d262
边框圆角基本概念什么是边框圆角?将直角的边框变成圆角的边框边框圆角的格式:*border-radius:左上右上右下左下;将矩形变成圆形的技巧border-radius:50%;系统如何绘制圆角?首先根据指定的值找到圆心,然后按照指定的值作为半径绘制圆弧注意点当省略了某一个角的值后系统会自动参考对角的值。当只设置了一个值的时候,其他三个角都会参考这个值当边框圆角的值大于边框宽度的时候,外边框和内边
- svg基础(九)滤镜-feMorphology(形态学)
无心使然云中漫步
svghtml前端
feMorphology:形态学滤镜用来侵蚀或扩张输入的图像。它在增肥或瘦身效果方面特别有用。适合用来创建轮廓和边界。1用法2属性inoperator-dilate膨胀,erode侵蚀radius-3示例feMorphologyfeMorphology
- Vue核心基础4:绑定样式、条件渲染、列表渲染
是小蟹呀^
Vuevue.jsjavascript
1绑定样式【代码】绑定样式.basic{width:200px;height:100px;background-color:pink;}.normal{background-color:skyblue;font-size:larger;border:1pxsolidblack;}.sad{border-radius:10px;}testtest11test{{name}}{{name}}const
- 设置居中移动端显示文本偏上问题
小领袖
在有背景的view上Android手机文本显示偏上,iOS手机显示正常显示偏上.device-main-flag{height:30rpx;width:30rpx;background:#ff6e00;border-radius:6rpx;font-weight:bold;font-size:20rpx;color:#fff;display:flex;justify-content:center;
- python打印圆形
酷爱码
Pythonpython开发语言
要打印一个圆形,你可以使用turtle模块来绘制图形。以下是一个示例代码:importturtledefdraw_circle(radius):turtle.penup()turtle.goto(0,-radius)turtle.pendown()turtle.circle(radius)#调整画笔速度(可选)turtle.speed(1)#设置画布大小turtle.setup(800,600)#
- 深入浅出Java Annotation(元注解和自定义注解)
Josh_Persistence
Java Annotation元注解自定义注解
一、基本概述
Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制,用来将任何的信息或元数据(metadata)与程序元素(类、方法、成员变量等)进行关联。
更通俗的意思是为程序的元素(类、方法、成员变量)加上更直观更明了的说明,这些说明信息是与程序的业务逻辑无关,并且是供指定的工具或
- mysql优化特定类型的查询
annan211
java工作mysql
本节所介绍的查询优化的技巧都是和特定版本相关的,所以对于未来mysql的版本未必适用。
1 优化count查询
对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看
真正的count()函数的作用到底是什么。
count()是一个特殊的函数,有两种非常不同的作用,他可以统计某个列值的数量,也可以统计行数。
在统
- MAC下安装多版本JDK和切换几种方式
棋子chessman
jdk
环境:
MAC AIR,OS X 10.10,64位
历史:
过去 Mac 上的 Java 都是由 Apple 自己提供,只支持到 Java 6,并且OS X 10.7 开始系统并不自带(而是可选安装)(原自带的是1.6)。
后来 Apple 加入 OpenJDK 继续支持 Java 6,而 Java 7 将由 Oracle 负责提供。
在终端中输入jav
- javaScript (1)
Array_06
JavaScriptjava浏览器
JavaScript
1、运算符
运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=)、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
- 国内顶级代码分享网站
袁潇含
javajdkoracle.netPHP
现在国内很多开源网站感觉都是为了利益而做的
当然利益是肯定的,否则谁也不会免费的去做网站
&
- Elasticsearch、MongoDB和Hadoop比较
随意而生
mongodbhadoop搜索引擎
IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性,避免落大部队太远,我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎,它们存储着JSON文档,MongoDB存着JSON文档,或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
- mac os 系统科研软件总结
张亚雄
mac os
1.1 Microsoft Office for Mac 2011
大客户版,自行搜索。
1.2 Latex (MacTex):
系统环境:https://tug.org/mactex/
&nb
- Maven实战(四)生命周期
AdyZhang
maven
1. 三套生命周期 Maven拥有三套相互独立的生命周期,它们分别为clean,default和site。 每个生命周期包含一些阶段,这些阶段是有顺序的,并且后面的阶段依赖于前面的阶段,用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例,它包含的阶段有pre-clean, clean 和 post
- Linux下Jenkins迁移
aijuans
Jenkins
1. 将Jenkins程序目录copy过去 源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面 tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
- request.getInputStream()只能获取一次的问题
ayaoxinchao
requestInputstream
问题:在使用HTTP协议实现应用间接口通信时,服务端读取客户端请求过来的数据,会用到request.getInputStream(),第一次读取的时候可以读取到数据,但是接下来的读取操作都读取不到数据
原因: 1. 一个InputStream对象在被读取完成后,将无法被再次读取,始终返回-1; 2. InputStream并没有实现reset方法(可以重
- 数据库SQL优化大总结之 百万级数据库优化方案
BigBird2012
SQL优化
网上关于SQL优化的教程很多,但是比较杂乱。近日有空整理了一下,写出来跟大家分享一下,其中有错误和不足的地方,还请大家纠正补充。
这篇文章我花费了大量的时间查找资料、修改、排版,希望大家阅读之后,感觉好的话推荐给更多的人,让更多的人看到、纠正以及补充。
1.对查询进行优化,要尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引。
2.应尽量避免在 where
- jsonObject的使用
bijian1013
javajson
在项目中难免会用java处理json格式的数据,因此封装了一个JSONUtil工具类。
JSONUtil.java
package com.bijian.json.study;
import java.util.ArrayList;
import java.util.Date;
import java.util.HashMap;
- [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration
bit1129
zookeeper
Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API,它包含了如下几个内部类
首先分析它的内部类,从WatchRegistration开始,为指定的znode path注册一个Watcher,
/**
* Register a watcher for a particular p
- 【Scala十三】Scala核心七:部分应用函数
bit1129
scala
何为部分应用函数?
Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
- Tomcat Error listenerStart 终极大法
ronin47
tomcat
Tomcat报的错太含糊了,什么错都没报出来,只提示了Error listenerStart。为了调试,我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties,内容如下
Java代码
handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
- 不用加减符号实现加减法
BrokenDreams
实现
今天有群友发了一个问题,要求不用加减符号(包括负号)来实现加减法。
分析一下,先看最简单的情况,假设1+1,按二进制算的话结果是10,可以看到从右往左的第一位变为0,第二位由于进位变为1。
 
- 读《研磨设计模式》-代码笔记-状态模式-State
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
当一个对象的内在状态改变时允许改变其行为,这个对象看起来像是改变了其类
状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况
把状态的判断逻辑转移到表示不同状态的一系列类中,可以把复杂的判断逻辑简化
如果在
- CUDA程序block和thread超出硬件允许值时的异常
cherishLC
CUDA
调用CUDA的核函数时指定block 和 thread大小,该大小可以是dim3类型的(三维数组),只用一维时可以是usigned int型的。
以下程序验证了当block或thread大小超出硬件允许值时会产生异常!!!GPU根本不会执行运算!!!
所以验证结果的正确性很重要!!!
在VS中创建CUDA项目会有一个模板,里面有更详细的状态验证。
以下程序在K5000GPU上跑的。
- 诡异的超长时间GC问题定位
chenchao051
jvmcmsGChbaseswap
HBase的GC策略采用PawNew+CMS, 这是大众化的配置,ParNew经常会出现停顿时间特别长的情况,有时候甚至长到令人发指的地步,例如请看如下日志:
2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
- maven环境快速搭建
daizj
安装mavne环境配置
一 下载maven
安装maven之前,要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。
maven下载地址:http://maven.apache.org/download.html,目前最新的是这个apache-maven-3.2.5-bin.zip,然后解压在任意位置,最好地址中不要带中文字符,这个做java 的都知道,地址中出现中文会出现很多
- PHP网站安全,避免PHP网站受到攻击的方法
dcj3sjt126com
PHP
对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
- yii中给CGridView设置默认的排序根据时间倒序的方法
dcj3sjt126com
GridView
public function searchWithRelated() {
$criteria = new CDbCriteria;
$criteria->together = true; //without th
- Java集合对象和数组对象的转换
dyy_gusi
java集合
在开发中,我们经常需要将集合对象(List,Set)转换为数组对象,或者将数组对象转换为集合对象。Java提供了相互转换的工具,但是我们使用的时候需要注意,不能乱用滥用。
1、数组对象转换为集合对象
最暴力的方式是new一个集合对象,然后遍历数组,依次将数组中的元素放入到新的集合中,但是这样做显然过
- nginx同一主机部署多个应用
geeksun
nginx
近日有一需求,需要在一台主机上用nginx部署2个php应用,分别是wordpress和wiki,探索了半天,终于部署好了,下面把过程记录下来。
1. 在nginx下创建vhosts目录,用以放置vhost文件。
mkdir vhosts
2. 修改nginx.conf的配置, 在http节点增加下面内容设置,用来包含vhosts里的配置文件
#
- ubuntu添加admin权限的用户账号
hongtoushizi
ubuntuuseradd
ubuntu创建账号的方式通常用到两种:useradd 和adduser . 本人尝试了useradd方法,步骤如下:
1:useradd
使用useradd时,如果后面不加任何参数的话,如:sudo useradd sysadm 创建出来的用户将是默认的三无用户:无home directory ,无密码,无系统shell。
顾应该如下操作:
- 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理
jinnianshilongnian
nginxlua
JSON库
在进行数据传输时JSON格式目前应用广泛,因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能;目前Lua也有几个JSON库,本人用过cjson、dkjson。其中cjson的语法严格(比如unicode \u0020\u7eaf),要求符合规范否则会解析失败(如\u002),而dkjson相对宽松,当然也可以通过修改cjson的源码来完成
- Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解
yaerfeng1989
timerquartz定时器
原创整理不易,转载请注明出处:Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解
代码下载地址:http://www.zuidaima.com/share/1772648445103104.htm
有两种流行Spring定时器配置:Java的Timer类和OpenSymphony的Quartz。
1.Java Timer定时
首先继承jav
- Linux下df与du两个命令的差别?
pda158
linux
一、df显示文件系统的使用情况,与du比較,就是更全盘化。 最经常使用的就是 df -T,显示文件系统的使用情况并显示文件系统的类型。 举比例如以下: [root@localhost ~]# df -T Filesystem Type &n
- [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象
ctfzh
VOandroidsqlite反射Cursor
在写DAO层时,觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了,就写了一个工具类,用到了反射,可以把查询记录的值装到对应的VO里,也可以生成该VO的List。
使用时需要注意:
考虑到Android的性能问题,VO没有使用Setter和Getter,而是直接用public的属性。
表中的字段名需要和VO的属性名一样,要是不一样就得在查询的SQL中
- 该学习笔记用到的Employee表
vipbooks
oraclesql工作
这是我在学习Oracle是用到的Employee表,在该笔记中用到的就是这张表,大家可以用它来学习和练习。
drop table Employee;
-- 员工信息表
create table Employee(
-- 员工编号
EmpNo number(3) primary key,
-- 姓