- 微信小程序修改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:'
- html 边框重叠问题,详解css边距重叠的几种解决方案
miao君
html边框重叠问题
今天整理了一下用css防止边距重叠的几种方法先假设一组dom结构通常情况下,如果给子元素设置margin,就会产生这个属性对父元素也产生了同样的效果,然而这其实不是我们想要的结果,我们只想对子元素设置margin,那么现在我们应该怎么做呢?(1)给父元素设置边框.parent{width:300px;height:300px;border:1pxsolid#ccc;}.child{width:20
- 简单的轮播图实现
小透明进击战
*{margin:0;padding:0;}li{list-style:none;}img{vertical-align:top;}.box{width:730px;height:454px;padding:5px;margin:100pxauto;border:1pxsolid#ccc;}.inner{width:730px;height:454px;background-color:#0099
- 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-左三角
前端笨鸟
html学习笔记css
左三角div{width:0;height:0;border-style:solid;border-width:5px05px7px;border-color:transparenttransparenttransparentred;font-size:0;line-height:0;}
- 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;
- 【css】border边框影响布局解决方案
前端小趴菜05
css前端javascript
需求(border改变不影响布局)最近在写项目的时候遇到这样一个问题,我给元素添加动态border的时候,随着border的生效,会影响border之外的布局解决方案:border边框影响布局之问题的发生,到底需要如何解决?下面我提供2种方案供大家参考:1.用outline替代border{//原样式border:1pxsolid#0081FF;//替换后outline:1pxsolid#0081
- 掌控互联网脉络:深入解析边界网关协议(BGP)的力量与挑战
程序员Chino的日记
智能路由器网络
BGP简介边界网关协议(BorderGatewayProtocol,BGP)是互联网上最重要的路由协议之一,负责在不同自治系统(AS)之间传播路由信息。BGP使得互联网中的不同网络可以互相通信,支持互联网的规模化扩展和复杂性管理。BGP的历史可以追溯到1989年,当时为了解决当时扩展性问题而被提出,并已经发展成为现代互联网基础设施的核心部分。BGP的主要功能是允许不同的网络运营商(通过自治系统号标
- 前端实现页面水印
修复bug
前端cssvue.jsjavascript
Document*{box-sizing:border-box;list-style:none;}html{margin:0;padding:0;}body{margin:0!important;padding:0;height:auto;}.box{width:100%;height:100vh;overflow:scroll;border:1pxsolidred;}/*滚动条样式*/.box:
- Echarts堆叠柱状图圆角设置
PorkCanteen
前端学习笔记echarts前端javascript
背景工作中有需要使用Echarts堆叠柱状图,并给单根柱条头部及底部的颜色设置圆角,常规的设置会生效于同一类颜色,无法达到效果,故设计一个简单的算法,给需要的颜色添加圆角。以下内容已横向柱状图为例。分析给柱子设置圆角的方法,是给series设置itemStyle-barborderRadius,但是series指的是同一类颜色,会导致不同坐标的柱子无法根据自己具体的内容给不同的顶部(或底部)颜色设
- HTML + CSS 高频面试题
王哈哈的学习笔记
html前端
盒模型CSS盒模型本质是一个盒子,封装周围的HTML元素,包括margin,border,padding,和content。根据盒子大小的计算方式不同,盒模型分为两种:1.标准盒模型:box-sizing:content-box。设置width和height设置的是content的大小。盒子实际的宽度需要加上两边的border和padding。2.怪异盒模型(IE盒模型):box-sizing:b
- HTML5+CSS3小实例:有点小酷的input输入框动画
艾恩小灰灰
HTML5+CSS3实现有点小酷的input输入框动画,带动画的输入框,总是让人忍不住去点它。先看效果:源代码:您的姓名*{margin:0;padding:0;outline:none;/*这个是告诉浏览器:你想要设置的边框和内边距的值是包含在总宽高内的*/box-sizing:border-box;}body{/*弹性布局水平垂直居中*/display:flex;align-items:cen
- HTML5+CSS3小实例:广告灯牌效果的loading动画
艾恩小灰灰
实例:广告灯牌效果的loading动画技术栈:HTML+CSS效果:源码:【html】广告灯牌效果的loading动画拼命加载中...【css】*{/*初始化*/margin:0;padding:0;/*box-sizing:border-box;*/}body{/*100%窗口高度*/min-height:100vh;/*弹性布局水平+垂直居中*/display:flex;justify-con
- 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
- 半透明边框
喜宝小窝儿
半透明颜色:rgba()、hsla()代码:{border:10pxdashedrgba(255,0,0,0.3);width:200px;padding:10px;background:pink;}效果如图:问题:background默认延伸到边框的外线处。解决办法:background-clip:padding-box;效果如图:该属性有三个值:padding-box、border-box(默
- 微信小程序swiper 视频中间大,两边小,轮播滑到中间视频自动播放组件教程
Garc
微信小程序小程序
静态效果:进入下面小程序可以体验效果,点击底部看剧栏目一、创建小程序组件二、代码1、WXML2?1:0}}"previous-margin="255rpx"next-margin="255rpx"bindchange="swiperChange">2、wxss.swiper-wrapper{flex:1;width:100%;height:100%;margin:0auto;border-radi
- 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
- 微信小程序搜索框样式
北海南风
小程序微信小程序css3css
效果如下:代码:.wxml搜索.wxss.weui-search-bar{position:relative;padding:8px10px;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;background-color:#EFEFF4;border-top:1rpxsolid#D7D6DC;
- 微信小程序顶部搜索框 (带源码 建议收藏)
瑾!
小程序
这是一个最简单的顶部搜索框代码如下wxml搜索wxss.weui-search-bar{position:relative;padding:8px10px;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;background-color:#EFEFF4;border-top:1rpxsolid#
- 微信小程序搜索功能的实现(模糊搜索、带历史记录)
秦悸
小程序微信小程序javascript小程序
搜索页wxml历史记录清除{{item.title}}{{item.title}}{{item.rating.value}}分/{{item.year}}搜索页wxss.item-list-group{padding:10rpx20rpx;}.item-list-group.item-group{padding:10rpx0;border-bottom:1pxsolid#e4e4e4;displa
- web淘宝商品页
Andrewav
笔记html前端
代码:仿淘宝.good{border:1pxsolidred;width:220px;height:360px;}.pic{width:220px;height:220px;position:relative;}.pic>img{width:220px;height:220px;}.find>div{width:110px;background-color:#f40;color:white;tex
- css向左浮动错乱,CSS - 浮动:左对齐问题
weixin_39795268
css向左浮动错乱
我建立了一个论坛使用的DIV这里列出的是我有CSS-浮动:左对齐问题/*forumlikebuild*/.myForum{float:left;width:620px;margin-top:10px;border:2pxsolid#0F5C8E;padding:1px;overflow:hidden;display:block;}.myForum>.header{height:10px;backg
- 微信小程序view设置margin-top和margin-button无效的解决方案
韶光流年都束之高阁
微信小程序微信小程序小程序css
微信小程序view设置margin-top和margin-button无效的解决方案问题发现解决过程解决问题正确办法综上所述,position、overflow、border属性都可以解决这个问题制作不易,感谢三联,谢谢大家了问题发现当我新建一个微信小程序项目时,发现我内层的margin发生了错误,他只在左侧有外边距,而在上侧并没有外边距,经过查找发现margin-top和margin-butto
- iOS 使用Image I/O 实现超大图片降采样
刘小哈哈哈
ios
一个图片解码成未压缩的位图的时候,占用的内存和图片的文件大小没有关系,和图片的尺寸大小有关系,尺寸越大,所需要的像素点越多,所以超大图片,我们需要进行优化处理这里直接上降采样代码给UIImage添加一个分类,在分类中添加一个方法,该size就是UIImageView的大小-(UIImage*)resizeCG:(CGSize)size{CGFloatmaxPixelSize=MAX(size.wi
- 【学生】日记带我走进文学殿堂
Fwx烟雨倾城
他个子不高,带着一副黑边近视镜。即便隔着厚厚的镜片也能感觉到他咄咄逼人的目光;黑白相间的头发,被分成三七,倔强地坚守着各自的阵地。虽个子不高,可他声音洪亮。有如丹田之气发声,威慑力极强;他旁征博引,兴趣盎然;他是优秀教师,经常有外校老师前来观摩学习;他是省市优秀教师,名声很大;他不但课讲的好,字也写得漂亮,而且经常有文章见于报端。他就是我的班主任老师,主教语文。名字和唐王李世民只相差一个字——李世
- css3盒子
ldd_eb
csscss3前端css
盒子模型一.看透网页布局本质二.认识盒子三.盒子的边框(border)1.概念2.简写及分开写法3.合并问题(会相加)4.边框会影响盒子实际大小四.盒子的内边距(padding)1.概念2.简写3.内边距会影响盒子实际大小4.特殊情况(内边距不影响盒子实际大小)5.实际应用(导航栏)五.盒子的外边距(margin)1.概念2.简写(和内边距一样)3.典型应用(使块元素水平居中)4.合并问题(取大)
- 【CSS】display:flex和display: inline-flex区别
Triumph-light
csscsscss3前端
flex:将对象作为弹性伸缩盒显示inline-flex:将对象作为内联块级弹性伸缩盒显示DOM结构flex.main{background-color:#0f0;display:flex;/*父div设置该属性*/}.main>div{width:50px;height:50px;border:1pxsolidblack;}此时没有为父元素main设置宽度,默认为100%;inline-flex
- 6、轮播图案例
@zyf哈哈哈哈
css3css前端
Document*{margin:0;padding:0;}#box{position:relative;margin:30pxauto;width:400px;height:450px;border:10pxdottedred;}#parent{width:400px;height:300px;border:2pxsolidblue;overflow:hidden;}#parentimg{flo
- PHP如何实现二维数组排序?
IT独行者
二维数组PHP排序
二维数组在PHP开发中经常遇到,但是他的排序就不如一维数组那样用内置函数来的方便了,(一维数组排序可以参考本站另一篇文章【PHP中数组排序函数详解汇总】)。二维数组的排序需要我们自己写函数处理了,这里UncleToo给大家分享一个PHP二维数组排序的函数:
代码:
functionarray_sort($arr,$keys,$type='asc'){
$keysvalue= $new_arr
- 【Hadoop十七】HDFS HA配置
bit1129
hadoop
基于Zookeeper的HDFS HA配置主要涉及两个文件,core-site和hdfs-site.xml。
测试环境有三台
hadoop.master
hadoop.slave1
hadoop.slave2
hadoop.master包含的组件NameNode, JournalNode, Zookeeper,DFSZKFailoverController
- 由wsdl生成的java vo类不适合做普通java vo
darrenzhu
VOwsdlwebservicerpc
开发java webservice项目时,如果我们通过SOAP协议来输入输出,我们会利用工具从wsdl文件生成webservice的client端类,但是这里面生成的java data model类却不适合做为项目中的普通java vo类来使用,当然有一中情况例外,如果这个自动生成的类里面的properties都是基本数据类型,就没问题,但是如果有集合类,就不行。原因如下:
1)使用了集合如Li
- JAVA海量数据处理之二(BitMap)
周凡杨
java算法bitmapbitset数据
路漫漫其修远兮,吾将上下而求索。想要更快,就要深入挖掘 JAVA 基础的数据结构,从来分析出所编写的 JAVA 代码为什么把内存耗尽,思考有什么办法可以节省内存呢? 啊哈!算法。这里采用了 BitMap 思想。
首先来看一个实验:
指定 VM 参数大小: -Xms256m -Xmx540m
- java类型与数据库类型
g21121
java
很多时候我们用hibernate的时候往往并不是十分关心数据库类型和java类型的对应关心,因为大多数hbm文件是自动生成的,但有些时候诸如:数据库设计、没有生成工具、使用原始JDBC、使用mybatis(ibatIS)等等情况,就会手动的去对应数据库与java的数据类型关心,当然比较简单的数据类型即使配置错了也会很快发现问题,但有些数据类型却并不是十分常见,这就给程序员带来了很多麻烦。
&nb
- Linux命令
510888780
linux命令
系统信息
arch 显示机器的处理器架构(1)
uname -m 显示机器的处理器架构(2)
uname -r 显示正在使用的内核版本
dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI)
hdparm -i /dev/hda 罗列一个磁盘的架构特性
hdparm -tT /dev/sda 在磁盘上执行测试性读取操作
cat /proc/cpuinfo 显示C
- java常用JVM参数
墙头上一根草
javajvm参数
-Xms:初始堆大小,默认为物理内存的1/64(<1GB);默认(MinHeapFreeRatio参数可以调整)空余堆内存小于40%时,JVM就会增大堆直到-Xmx的最大限制
-Xmx:最大堆大小,默认(MaxHeapFreeRatio参数可以调整)空余堆内存大于70%时,JVM会减少堆直到 -Xms的最小限制
-Xmn:新生代的内存空间大小,注意:此处的大小是(eden+ 2
- 我的spring学习笔记9-Spring使用工厂方法实例化Bean的注意点
aijuans
Spring 3
方法一:
<bean id="musicBox" class="onlyfun.caterpillar.factory.MusicBoxFactory"
factory-method="createMusicBoxStatic"></bean>
方法二:
- mysql查询性能优化之二
annan211
UNIONmysql查询优化索引优化
1 union的限制
有时mysql无法将限制条件从外层下推到内层,这使得原本能够限制部分返回结果的条件无法应用到内层
查询的优化上。
如果希望union的各个子句能够根据limit只取部分结果集,或者希望能够先排好序在
合并结果集的话,就需要在union的各个子句中分别使用这些子句。
例如 想将两个子查询结果联合起来,然后再取前20条记录,那么mys
- 数据的备份与恢复
百合不是茶
oraclesql数据恢复数据备份
数据的备份与恢复的方式有: 表,方案 ,数据库;
数据的备份:
导出到的常见命令;
参数 说明
USERID 确定执行导出实用程序的用户名和口令
BUFFER 确定导出数据时所使用的缓冲区大小,其大小用字节表示
FILE 指定导出的二进制文
- 线程组
bijian1013
java多线程threadjava多线程线程组
有些程序包含了相当数量的线程。这时,如果按照线程的功能将他们分成不同的类别将很有用。
线程组可以用来同时对一组线程进行操作。
创建线程组:ThreadGroup g = new ThreadGroup(groupName);
&nbs
- top命令找到占用CPU最高的java线程
bijian1013
javalinuxtop
上次分析系统中占用CPU高的问题,得到一些使用Java自身调试工具的经验,与大家分享。 (1)使用top命令找出占用cpu最高的JAVA进程PID:28174 (2)如下命令找出占用cpu最高的线程
top -Hp 28174 -d 1 -n 1
32694 root 20 0 3249m 2.0g 11m S 2 6.4 3:31.12 java
- 【持久化框架MyBatis3四】MyBatis3一对一关联查询
bit1129
Mybatis3
当两个实体具有1对1的对应关系时,可以使用One-To-One的进行映射关联查询
One-To-One示例数据
以学生表Student和地址信息表为例,每个学生都有都有1个唯一的地址(现实中,这种对应关系是不合适的,因为人和地址是多对一的关系),这里只是演示目的
学生表
CREATE TABLE STUDENTS
(
- C/C++图片或文件的读写
bitcarter
写图片
先看代码:
/*strTmpResult是文件或图片字符串
* filePath文件需要写入的地址或路径
*/
int writeFile(std::string &strTmpResult,std::string &filePath)
{
int i,len = strTmpResult.length();
unsigned cha
- nginx自定义指定加载配置
ronin47
进入 /usr/local/nginx/conf/include 目录,创建 nginx.node.conf 文件,在里面输入如下代码:
upstream nodejs {
server 127.0.0.1:3000;
#server 127.0.0.1:3001;
keepalive 64;
}
server {
liste
- java-71-数值的整数次方.实现函数double Power(double base, int exponent),求base的exponent次方
bylijinnan
double
public class Power {
/**
*Q71-数值的整数次方
*实现函数double Power(double base, int exponent),求base的exponent次方。不需要考虑溢出。
*/
private static boolean InvalidInput=false;
public static void main(
- Android四大组件的理解
Cb123456
android四大组件的理解
分享一下,今天在Android开发文档-开发者指南中看到的:
App components are the essential building blocks of an Android
- [宇宙与计算]涡旋场计算与拓扑分析
comsci
计算
怎么阐述我这个理论呢? 。。。。。。。。。
首先: 宇宙是一个非线性的拓扑结构与涡旋轨道时空的统一体。。。。
我们要在宇宙中寻找到一个适合人类居住的行星,时间非常重要,早一个刻度和晚一个刻度,这颗行星的
- 同一个Tomcat不同Web应用之间共享会话Session
cwqcwqmax9
session
实现两个WEB之间通过session 共享数据
查看tomcat 关于 HTTP Connector 中有个emptySessionPath 其解释如下:
If set to true, all paths for session cookies will be set to /. This can be useful for portlet specification impleme
- springmvc Spring3 MVC,ajax,乱码
dashuaifu
springjquerymvcAjax
springmvc Spring3 MVC @ResponseBody返回,jquery ajax调用中文乱码问题解决
Spring3.0 MVC @ResponseBody 的作用是把返回值直接写到HTTP response body里。具体实现AnnotationMethodHandlerAdapter类handleResponseBody方法,具体实
- 搭建WAMP环境
dcj3sjt126com
wamp
这里先解释一下WAMP是什么意思。W:windows,A:Apache,M:MYSQL,P:PHP。也就是说本文说明的是在windows系统下搭建以apache做服务器、MYSQL为数据库的PHP开发环境。
工欲善其事,必须先利其器。因为笔者的系统是WinXP,所以下文指的系统均为此系统。笔者所使用的Apache版本为apache_2.2.11-
- yii2 使用raw http request
dcj3sjt126com
http
Parses a raw HTTP request using yii\helpers\Json::decode()
To enable parsing for JSON requests you can configure yii\web\Request::$parsers using this class:
'request' =&g
- Quartz-1.8.6 理论部分
eksliang
quartz
转载请出自出处:http://eksliang.iteye.com/blog/2207691 一.概述
基于Quartz-1.8.6进行学习,因为Quartz2.0以后的API发生的非常大的变化,统一采用了build模式进行构建;
什么是quartz?
答:简单的说他是一个开源的java作业调度框架,为在 Java 应用程序中进行作业调度提供了简单却强大的机制。并且还能和Sp
- 什么是POJO?
gupeng_ie
javaPOJO框架Hibernate
POJO--Plain Old Java Objects(简单的java对象)
POJO是一个简单的、正规Java对象,它不包含业务逻辑处理或持久化逻辑等,也不是JavaBean、EntityBean等,不具有任何特殊角色和不继承或不实现任何其它Java框架的类或接口。
POJO对象有时也被称为Data对象,大量应用于表现现实中的对象。如果项目中使用了Hiber
- jQuery网站顶部定时折叠广告
ini
JavaScripthtmljqueryWebcss
效果体验:http://hovertree.com/texiao/jquery/4.htmHTML文件代码:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>网页顶部定时收起广告jQuery特效 - HoverTree<
- Spring boot内嵌的tomcat启动失败
kane_xie
spring boot
根据这篇guide创建了一个简单的spring boot应用,能运行且成功的访问。但移植到现有项目(基于hbase)中的时候,却报出以下错误:
SEVERE: A child container failed during start
java.util.concurrent.ExecutionException: org.apache.catalina.Lif
- leetcode: sort list
michelle_0916
Algorithmlinked listsort
Sort a linked list in O(n log n) time using constant space complexity.
====analysis=======
mergeSort for singly-linked list
====code======= /**
* Definition for sin
- nginx的安装与配置,中途遇到问题的解决
qifeifei
nginx
我使用的是ubuntu13.04系统,在安装nginx的时候遇到如下几个问题,然后找思路解决的,nginx 的下载与安装
wget http://nginx.org/download/nginx-1.0.11.tar.gz
tar zxvf nginx-1.0.11.tar.gz
./configure
make
make install
安装的时候出现
- 用枚举来处理java自定义异常
tcrct
javaenumexception
在系统开发过程中,总少不免要自己处理一些异常信息,然后将异常信息变成友好的提示返回到客户端的这样一个过程,之前都是new一个自定义的异常,当然这个所谓的自定义异常也是继承RuntimeException的,但这样往往会造成异常信息说明不一致的情况,所以就想到了用枚举来解决的办法。
1,先创建一个接口,里面有两个方法,一个是getCode, 一个是getMessage
public
- erlang supervisor分析
wudixiaotie
erlang
当我们给supervisor指定需要创建的子进程的时候,会指定M,F,A,如果是simple_one_for_one的策略的话,启动子进程的方式是supervisor:start_child(SupName, OtherArgs),这种方式可以根据调用者的需求传不同的参数给需要启动的子进程的方法。和最初的参数合并成一个数组,A ++ OtherArgs。那么这个时候就有个问题了,既然参数不一致,那