- uniapp 微信小程序 金额展示套餐
竣子好逑
uniappv2组件uni-app微信小程序小程序
html喜欢作者其他金额-->￥{{item}}js//打赏asyncfun_reward(price){//里面写逻辑},css.gradelist{padding:30rpx;background:#f5f5f5;border-radius:8rpx;box-sizing:border-box;border-radius:12rpx;margin-top:30rpx;.gradelisTitl
- CSS3新特性
FL1623863121
css3前端css
CSS3新特性CSS3是最新的CSS标准，旨在扩展CSS2.1。圆角通过border-radius属性可以给任何元素制作圆角。border-radius:所有四个边角border-*-*-radius属性的缩写。border-top-left-radius:定义了左上角的弧度。border-top-right-radius:定义了右上角的弧度。border-bottom-right-radius:
- 用JavaScript写一个简单的9*9乘法表
迷雾yx
javascript开发语言ecmascript
Documentspan{width:80px;padding:5px10px;display:inline-block;/*可以使行内元素表现得像块级元素一样*/text-align:center;/*文本居中*/border:1pxsolidturquoise;margin:2px;/*每个边框之间距离为2px*/border-radius:10px;/*边框圆润*/box-shadow:6p
- １１．２０－补充
索伯列夫
translate:transform:transform属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。transition:div中的div居中transform:translateX(-50%)扇形：div{width:0;height:0;border:11pxsolidred;border-radius:11px;border-color:redtransp
- 用html写出生日蛋糕,纯HTML5+CSS3制作生日蛋糕代码
天眼查
用html写出生日蛋糕
.birthday.container{width:600px;height:600px;margin:0pxauto;background:#fafafa;border-radius:5px;position:relative;}/****顶层的**/.birthday.top-one{position:absolute;width:280px;height:280px;bottom:200px
- 5-2day-homework(登录窗口)
阅心_5cc2
登录页面body{margin:0;padding:0;background:url(../img/timg.jpg);}.d1{margin:50px200px;height:300px;width:310px;background-color:rgba(230,230,230,0.7);padding:60px45px;border-radius:20px;}.t1{display:block
- 【vue3+ts+vant】上传图片
lisa带你捕蟑螂
vue.js前端typescript
1.使用van-upload组件，进行样式和功能配置组件基础结构配置文字和图标配置最多数量和最大体积支持双向数据绑定，支持选择图片后触发函数，支持点击删除事件函数基础结构最多9张图,最大5MB修改组件样式scss::v-deep(){.van-uploader{&__preview{&-delete{left:-6px;top:-6px;border-radius:50%;background-c
- el-radio-group样式自定义
懒人w
工作记录随笔笔记前端elementui
效果图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tirq7Q04-1687314122585)(/images/essay/essay-0.1.png)].ai-tab-change{//中部按钮样式.el-radio-button__inner{//width:82px;//height:36px;border-radius:10px10px10px10px;
- css渐变边框的两种方案
冰眸js
前端javascripthtml
方案一：双层元素，使用一个单独的元素作为渐变色背景放在最下层，上层设置一个透明的border和纯色的背景（需要设置background-clip:padding-box以避免盖住下层元素的border）,上下两层设置相同的border-radius。Loremipsumdolor,sitametconsecteturadipisicingelit.Isterationenecessitatibus
- CSS 自定义滚动条样式
MGLMONSTER
/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{width:10px;height:10px;background-color:#F5F5F5;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);border-radius:1
- DOM鼠标事件、 表单事件、添加事件监听
船长㉿
JavaScript
鼠标事件click:单机事件dblclick：双击事件mousedown:鼠标按下时触发mouseup:鼠标抬起是触发mouseenter:鼠标移入触发mouseleave：鼠标离开触发mousemove:鼠标移动.btn{width:100px;height:50px;border-radius:10px;background:gray;line-height:50px;cursor:point
- 使用css实现水球效果
——jinqiang12345
htmlcss动画
通过在制定overflow：hidden的元素上添加非常大圆形，而且圆形设置圆角，并不断滚动，数量多了就可以显示出水波效果@keyframesroll{form{transform:rotate(0deg);}to{transform:rotate(360deg);}}.shuiqiu{width:200px;height:200px;border-radius:50%;border:5pxsol
- css的选择器
垦利不
css前端javascript
输入框2hhhhhhh输入框1以上述代码为例1.类选择器.input2{background-color:#f2f2f2;/*浅灰色背景*/border:2pxsolid#007bff;/*蓝色边框*/color:#333;/*字体颜色*/font-size:16px;/*字体大小*/padding:10px;/*内边距*/border-radius:5px;/*边框圆角*/width:300px
- 修改原神角色数据列表：更好用了
与妖为邻
原神升级计划数据表htmlcss3前端javascript
原神角色数据列表body{background:#0b1b2c;}/*原神角色列表样式*/#GenshinRoleTableContainer{display:flex;table{border-collapse:collapse;caption{background-color:#80a4b1;border-radius:5px5px00;}th,td{text-align:center;bor
- 移动端ipad布局适配
G24gg
cssjavascript前端
.wrapper{display:flex;align-items:center;justify-content:center;height:100%;}/*ipad移动端布局适配*/@media(min-width:768px){:deep(.yds-input){width:500px!important;border-radius:45px!important;/*其他样式规则*/}/*按钮
- 微信小程序--31(todolist案例)
阿巴阿巴啊啊啊
小程序学习微信小程序小程序
一.功能输入待办事件添加代办事件删除代办事件二、步骤1.添加输入框.wxml代码：.wxss代码：/*1.输入框样式*/input{border:1rpxsolidblue;height:50px;line-height:50px;border-radius:10px;}效果图：2.添加按钮.wxlm代码：add.wxss代码：/*#将输入框和按钮放置到一行样式*/.box{display:fle
- uniapp+vue3的轮播图
总萌大人
uni-app前端javascript
图片：宽度：690,高度：340.layout{.banner{width:750rpx;padding:30rpx0;swiper{width:750rpx;height:340rpx;&-item{width:100%;height:100%;padding:030rpx;image{width:100%;height:100%;border-radius:12rpx;}}}}}在公共样式加入
- 微信小程序修改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
- 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;
- 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
- 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
- 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
- html页面js获取参数值
0624chenhong
html
1.js获取参数值js
function GetQueryString(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = windo
- MongoDB 在多线程高并发下的问题
BigCat2013
mongodbDB高并发重复数据
最近项目用到 MongoDB , 主要是一些读取数据及改状态位的操作. 因为是结合了最近流行的 Storm进行大数据的分析处理，并将分析结果插入Vertica数据库，所以在多线程高并发的情境下, 会发现 Vertica 数据库中有部分重复的数据. 这到底是什么原因导致的呢？笔者开始也是一筹莫 展，重复去看 MongoDB 的 API , 终于有了新发现 ：
com.mongodb.DB 这个类有
- c++ 用类模版实现链表(c++语言程序设计第四版示例代码)
CrazyMizzz
数据结构C++
#include<iostream>
#include<cassert>
using namespace std;
template<class T>
class Node
{
private:
Node<T> * next;
public:
T data;
- 最近情况
麦田的设计者
感慨考试生活
在五月黄梅天的岁月里，一年两次的软考又要开始了。到目前为止，我已经考了多达三次的软考，最后的结果就是通过了初级考试（程序员）。人啊，就是不满足，考了初级就希望考中级，于是，这学期我就报考了中级，明天就要考试。感觉机会不大，期待奇迹发生吧。这个学期忙于练车，写项目，反正最后是一团糟。后天还要考试科目二。这个星期真的是很艰难的一周，希望能快点度过。
- linux系统中用pkill踢出在线登录用户
被触发
linux
由于linux服务器允许多用户登录，公司很多人知道密码，工作造成一定的障碍所以需要有时踢出指定的用户
1/#who 查出当前有那些终端登录（用 w 命令更详细）
# who
root pts/0 2010-10-28 09:36 (192
- 仿QQ聊天第二版
肆无忌惮_
qq
在第一版之上的改进内容:
第一版链接:
http://479001499.iteye.com/admin/blogs/2100893
用map存起来号码对应的聊天窗口对象,解决私聊的时候所有消息发到一个窗口的问题.
增加ViewInfo类,这个是信息预览的窗口,如果是自己的信息,则可以进行编辑.
信息修改后上传至服务器再告诉所有用户,自己的窗口
- java读取配置文件
知了ing
1，java读取.properties配置文件
InputStream in;
try {
in = test.class.getClassLoader().getResourceAsStream("config/ipnetOracle.properties");//配置文件的路径
Properties p = new Properties()
- __attribute__ 你知多少？
矮蛋蛋
C++gcc
原文地址:
http://www.cnblogs.com/astwish/p/3460618.html
GNU C 的一大特色就是__attribute__ 机制。__attribute__ 可以设置函数属性（Function Attribute ）、变量属性（Variable Attribute ）和类型属性（Type Attribute ）。
__attribute__ 书写特征是：
- jsoup使用笔记
alleni123
java爬虫JSoup
<dependency>
<groupId>org.jsoup</groupId>
<artifactId>jsoup</artifactId>
<version>1.7.3</version>
</dependency>
2014/08/28
今天遇到这种形式，
- JAVA中的集合 Collectio 和Map的简单使用及方法
百合不是茶
listmapset
List ,set ,map的使用方法和区别
java容器类类库的用途是保存对象，并将其分为两个概念：
Collection集合：一个独立的序列，这些序列都服从一条或多条规则;List必须按顺序保存元素 ，set不能重复元素；Queue按照排队规则来确定对象产生的顺序（通常与他们被插入的
- 杀LINUX的JOB进程
bijian1013
linuxunix
今天发现数据库一个JOB一直在执行，都执行了好几个小时还在执行，所以想办法给删除掉
系统环境：
ORACLE 10G
Linux操作系统
操作步骤如下：
第一步.查询出来那个job在运行，找个对应的SID字段
select * from dba_jobs_running--找到job对应的sid
&n
- Spring AOP详解
bijian1013
javaspringAOP
最近项目中遇到了以下几点需求，仔细思考之后，觉得采用AOP来解决。一方面是为了以更加灵活的方式来解决问题，另一方面是借此机会深入学习Spring AOP相关的内容。例如，以下需求不用AOP肯定也能解决，至于是否牵强附会，仁者见仁智者见智。
1.对部分函数的调用进行日志记录，用于观察特定问题在运行过程中的函数调用
- [Gson六]Gson类型适配器(TypeAdapter)
bit1129
Adapter
TypeAdapter的使用动机
Gson在序列化和反序列化时，默认情况下，是按照POJO类的字段属性名和JSON串键进行一一映射匹配，然后把JSON串的键对应的值转换成POJO相同字段对应的值，反之亦然，在这个过程中有一个JSON串Key对应的Value和对象之间如何转换(序列化/反序列化)的问题。
以Date为例，在序列化和反序列化时，Gson默认使用java.
- 【spark八十七】给定Driver Program， 如何判断哪些代码在Driver运行，哪些代码在Worker上执行
bit1129
driver
Driver Program是用户编写的提交给Spark集群执行的application，它包含两部分
作为驱动： Driver与Master、Worker协作完成application进程的启动、DAG划分、计算任务封装、计算任务分发到各个计算节点(Worker)、计算资源的分配等。
计算逻辑本身，当计算任务在Worker执行时，执行计算逻辑完成application的计算任务
- nginx 经验总结
ronin47
nginx 总结
深感nginx的强大，只学了皮毛，把学下的记录。
获取Header 信息，一般是以$http_XX（ＸＸ是小写）
获取body,通过接口，再展开，根据Ｋ取Ｖ
获取uri,以$arg_XX
&n
- 轩辕互动-1.求三个整数中第二大的数2.整型数组的平衡点
bylijinnan
数组
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;
public class ExoWeb {
public static void main(String[] args) {
ExoWeb ew=new ExoWeb();
System.out.pri
- Netty源码学习-Java-NIO-Reactor
bylijinnan
java多线程netty
Netty里面采用了NIO-based Reactor Pattern
了解这个模式对学习Netty非常有帮助
参考以下两篇文章：
http://jeewanthad.blogspot.com/2013/02/reactor-pattern-explained-part-1.html
http://gee.cs.oswego.edu/dl/cpjslides/nio.pdf
- AOP通俗理解
cngolon
springAOP
1.我所知道的aop 初看aop,上来就是一大堆术语，而且还有个拉风的名字，面向切面编程，都说是OOP的一种有益补充等等。一下子让你不知所措，心想着：怪不得很多人都和 我说aop多难多难。当我看进去以后，我才发现：它就是一些java基础上的朴实无华的应用，包括ioc，包括许许多多这样的名词，都是万变不离其宗而 已。 2.为什么用aop&nb
- cursor variable 实例
ctrain
variable
create or replace procedure proc_test01
as
type emp_row is record(
empno emp.empno%type,
ename emp.ename%type,
job emp.job%type,
mgr emp.mgr%type,
hiberdate emp.hiredate%type,
sal emp.sal%t
- shell报bash: service: command not found解决方法
daizj
linuxshellservicejps
今天在执行一个脚本时，本来是想在脚本中启动hdfs和hive等程序，可以在执行到service hive-server start等启动服务的命令时会报错，最终解决方法记录一下：
脚本报错如下：
./olap_quick_intall.sh: line 57: service: command not found
./olap_quick_intall.sh: line 59
- 40个迹象表明你还是PHP菜鸟
dcj3sjt126com
设计模式PHP正则表达式oop
你是PHP菜鸟，如果你：1. 不会利用如phpDoc 这样的工具来恰当地注释你的代码2. 对优秀的集成开发环境如Zend Studio 或Eclipse PDT 视而不见3. 从未用过任何形式的版本控制系统，如Subclipse4. 不采用某种编码与命名标准 ，以及通用约定，不能在项目开发周期里贯彻落实5. 不使用统一开发方式6. 不转换（或）也不验证某些输入或SQL查询串（译注：参考PHP相关函
- Android逐帧动画的实现
dcj3sjt126com
android
一、代码实现：
private ImageView iv;
private AnimationDrawable ad;
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout
- java远程调用linux的命令或者脚本
eksliang
linuxganymed-ssh2
转载请出自出处：
http://eksliang.iteye.com/blog/2105862
Java通过SSH2协议执行远程Shell脚本(ganymed-ssh2-build210.jar)
使用步骤如下：
1.导包
官网下载:
http://www.ganymed.ethz.ch/ssh2/
ma
- adb端口被占用问题
gqdy365
adb
最近重新安装的电脑，配置了新环境，老是出现：
adb server is out of date. killing...
ADB server didn't ACK
* failed to start daemon *
百度了一下，说是端口被占用，我开个eclipse，然后打开cmd，就提示这个，很烦人。
一个比较彻底的解决办法就是修改
- ASP.NET使用FileUpload上传文件
hvt
.netC#hovertreeasp.netwebform
前台代码：
<asp:FileUpload ID="fuKeleyi" runat="server" />
<asp:Button ID="BtnUp" runat="server" onclick="BtnUp_Click" Text="上 传" />
- 代码之谜（四）- 浮点数（从惊讶到思考）
justjavac
浮点数精度代码之谜IEEE
在『代码之谜』系列的前几篇文章中，很多次出现了浮点数。 浮点数在很多编程语言中被称为简单数据类型，其实，浮点数比起那些复杂数据类型（比如字符串）来说， 一点都不简单。
单单是说明 IEEE浮点数 就可以写一本书了，我将用几篇博文来简单的说说我所理解的浮点数，算是抛砖引玉吧。 一次面试
记得多年前我招聘 Java 程序员时的一次关于浮点数、二分法、编码的面试， 多年以后，他已经称为了一名很出色的
- 数据结构随记_1
lx.asymmetric
数据结构笔记
第一章
1.数据结构包括数据的
逻辑结构、数据的物理/存储结构和数据的逻辑关系这三个方面的内容。 2.数据的存储结构可用四种基本的存储方法表示，它们分别是
顺序存储、链式存储 、索引存储 和 散列存储。 3.数据运算最常用的有五种，分别是
查找/检索、排序、插入、删除、修改。 4.算法主要有以下五个特性：
输入、输出、可行性、确定性和有穷性。 5.算法分析的
- linux的会话和进程组
网络接口
linux
会话： 一个或多个进程组。起于用户登录，终止于用户退出。此期间所有进程都属于这个会话期。会话首进程：调用setsid创建会话的进程1.规定组长进程不能调用setsid，因为调用setsid后，调用进程会成为新的进程组的组长进程.如何保证？ 先调用fork，然后终止父进程，此时由于子进程的进程组ID为父进程的进程组ID，而子进程的ID是重新分配的，所以保证子进程不会是进程组长，从而子进程可以调用se
- 二维数组 元素的连续求解
1140566087
二维数组ACM
import java.util.HashMap;
public class Title {
public static void main(String[] args){
f();
}
// 二位数组的应用
//12、二维数组中，哪一行或哪一列的连续存放的0的个数最多，是几个0。注意，是“连续”。
public static void f(){
- 也谈什么时候Java比C++快
windshome
javaC++
刚打开iteye就看到这个标题“Java什么时候比C++快”，觉得很好笑。
你要比，就比同等水平的基础上的相比，笨蛋写得C代码和C++代码，去和高手写的Java代码比效率，有什么意义呢？
我是写密码算法的，深刻知道算法C和C++实现和Java实现之间的效率差，甚至也比对过C代码和汇编代码的效率差，计算机是个死的东西，再怎么优化，Java也就是和C
