- 独特的倒计时容器uniqueCountdownContainer:添加了5个默认的倒计时
与妖为邻
htmlcsscss3
独特的倒计时容器uniqueCountdownContainerbody{background:#0b1b2c;}/*独特的倒计时容器uniqueCountdownContainer开始*/#uniqueCountdownContainer{top:42px;right:0;position:fixed;display:flex;flex-direction:column;flex-wrap:wr
- 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;}.
- 卡片翻折效果
优雅的大白鹅
项目实用小方法前端css
{newArray(4).fill(1)?.map(()=>{return(cardcard);})}.cards{display:flex;justify-content:space-around;}.card{position:relative;}.card1,.card2{width:200px;height:220px;background-color:pink;position:abso
- ecchart关系图展示(知识图谱)
P-ShineBeam
知识基础echarts前端javascript
ECharts关系图#box{display:none;background-color:lightgoldenrodyellow;width:200px;height:260px;position:absolute;right:10px;top:150px;}#box-type{display:block;}#box-name{display:block;}/*#box-index{*//*di
- 【css】 CSS之经典的三栏布局和水平垂直居中
小墨鱼_z
csscss前端
1、三栏布局问题:⾼度固定,左右两侧的盒⼦宽度为200px,中间⾃适应解决float实现position实现flex实现2、水平垂直居中行内块元素1.line-heighttext-align:center2.display:flex;justify-content:center;align-items:center;块级元素1.position+margin清楚⼦元素的宽⾼2.position+
- 【GB28181】 SDP 报文内容(UDP、TCP主动、TCP被动)
废人一枚
#GB28181udptcp/ip网络GB28181SDP
GB28181SDP报文UDP预览回放下载TCP主动预览回放下载TCP被动预览回放下载根据《GB/T28181—2016》4.3.1、5.2的要求,SIP和流媒体都应该支持TCP和UDP两种方式以下是抓取GB28181分别在视频预览、回放和下载时交互的SDP信息。UDP预览v=0o=3402000000132000001100INIP4192.168.10.128s=Playc=INIP4192.
- HTML5+CSS:Flex属性的应用
垦利不
csshtml5css3
引言:Flex布局是什么?Flex是FlexibleBox的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display:flex;}行内元素也可以使用Flex布局。.box{ display:inline-flex;}Webkit内核的浏览器,必须加上-webkit前缀。.box{ display:-webkit-flex;/*Safa
- monster-summon
爱你的虎口我脱离了危险
Richandfungameplay,alotofcontentisnotfun!ThegameisbasedoninstantgameplayandchallengestheultimateBOSS!
- css动画实现转盘旋转,1.使用css3实现大转盘
小仙元
css动画实现转盘旋转
先上效果图,如图所示:最终效果第一步:画个父容器+12个子容器(扇叶)将父容器居中,子容器使用absolute定位,基本代码如下:html>body{display:flex;height:95vh;align-items:center;justify-content:center;}.container{position:relative;width:150px;height:150px;bac
- 【React】react实现前端播放m3u8格式视频
ah_biao
前端react视频处理hls
DPlayer文档:http://dplayer.js.org导入依赖yarnadddplayerhls.js在头部引入依赖importDPlayerfrom'dplayer'constHls=require('hls.js')新建一个div初始化播放器componentDidMount(){video=newDPlayer({container:document.getElementById('
- 泽平 的ScalersTalk第八轮新概念朗读持续力训练Day 592 20221104
郑泽平
练习材料:Lesson19Soldout'Theplaymaybeginatanymoment,'Isaid.'Itmayhavebegunalready,'Susananswered.Ihurriedtotheticket-office.'MayIhavetwoticketsplease?'Iasked.'I'msorry,we'vesoldout,'thegirlsaid.'Whatapity
- 【Python游戏】用Python做一个雷霆战机小游戏(附素材和原码)
苏南Python~
Pythonpython游戏pygame
前言hello,大家好鸭之前有很多朋友都在问我要一些游戏的代码所以这篇文章就出来啦模块准备importpygame,osimporttimeimportrandom素材准备需要源码.素材.点击即可领取(备注:苏)实现代码前期准备设置开火音乐effect=pygame.mixer.Sound('sounds/fire.wav')pygame.mixer.Sound.play(effect)加载BOS
- 基于pygame的雷电战机小游戏
莫听穿林打叶生
pygamepython雷电小游戏
importpygameimportsysimportrandom#初始化Pygamepygame.init()#设置窗口尺寸WIDTH,HEIGHT=800,600screen=pygame.display.set_mode((WIDTH,HEIGHT))pygame.display.set_caption("雷电战机")#设置颜色BLACK=(0,0,0)RED=(255,0,0)GREEN=
- 成功解决:jenkins构建失败,cannot open directory /home/centos/: Permission denied等问题
兰若姐姐
安装教程报错解决工具使用专栏jenkinscentosservlet
这是报错:LANG=en_US.UTF-8JOB_NAME=interface_automation_testingBUILD_DISPLAY_NAME=#25BUILD_ID=25NOTIFY_SOCKET=/run/systemd/notifyJOB_BASE_NAME=interface_automation_testingGIT_PREVIOUS_SUCCESSFUL_COMMIT
- Plan
小墨工坊
最近在激励娃这件事上,做了一些小规划,在playtask上列了几个条目,日计划和周计划。主要原因是现在小朋友开始有自己的想法,刷分级不再像以前那么顺利了,每一页都会有很多的问题,当然,有自己的想法说明在思考,是个好现象,但是同时刷书的速度明显下降,每天十本差不多的半个多小时,节奏很慢,时间一长注意力就开始下降,常有中途而废,所以开始列计划跟踪进度。每天6条计划,执行一周下来,平均每天完成3条。分析
- Dream的Scalers Talk第五轮新概念朗读持续力训练day17-20191027
Dream_aee5
练习材料:Lesson17AlwaysyoungMyauntJenniferisanactress.Shemustbeatleastthirty-fiveyearsold.Inspiteofthis,sheoftenappearsonthestageasayounggirl.Jenniferwillhavetotakepartinanewplaysoon.Thistime,shewillbeagi
- 修改原神角色数据列表:更好用了
与妖为邻
原神升级计划数据表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
- 【Bug记录】友元函数不能访问私有成员?
睡觉待开机
BugbugCPP
项目场景:问题源码:classPerson{public:friendvoidDisplay(constPerson&p,constStudent&s);protected:string_name="1";//姓名};classStudent:publicPerson{protected:string_s="2";};voidDisplay(constPerson&p,constStudent&s
- HCIP---BGP的基本配置
[白首]
java开发语言
6,BGP的基本配置1,BGP建邻的基本配置:1,EBGP对等体关系直连建邻[r1]bgp1----启动BGP进程----后面的1不是进程号,而是配置路由器所在AS的AS号[r1-bgp][r1-bgp]router-id1.1.1.1---配置RID[r1-bgp]peer12.0.0.2as-number2---手工指定对等体关系[r1]displaybgppeer---查看BGP邻居表的命令
- c语言 三子棋
努力编程,活在当下
算法
game.c#include#include"game.h"voidInitarr(chararr[row][col],intROW,intCOL){for(inti=0;i#include#definerow3//不要加;#definecol3voidInitarr(chararr[row][col],intROW,intCOL);voidDisplay(chararr[row][col],in
- Kotlin作用域函数:let、also、run、apply、with
menglongfeng3385
kotlin前端开发语言
let函数使用场景:可空变量的操作,无需判空p?.let{ it.name="lily" it.age="21" }also函数使用场景:多个扩展函数链式调用(返回值是本身)p?.also{it.name="deni"it.age="26"}?.displayInfo()with函数使用场景:可以省去类名重复,直接调用类的方法就行with(p){name="leon"age="26"
- C语言程序设计-实现三(N)子棋游戏
元气代码鼠
游戏
画自己喜欢的画,别停笔小艺术家。实现三子棋:test.c//测试游戏的逻辑#include"game.h"//自己的头文件voidmenu(){printf("*****************************\n");printf("******1.play0.exit******\n");printf("*****************************\n");}voidga
- ipad作为笔记本的扩展或者镜像屏幕
zs_Sunshine
研究的日常
PC链接ipad准备工作:PC、ipad苹果数据线一根PC端、ipad分别安装软件Splashtop_Wired_XDisplayhttps://www.splashtop.com/wiredxdisplaywin+p切换投屏/扩展可能存在的问题:PC端一直处于镜像复制屏幕:PC端SWX软件高级设置去掉默认的勾选项“启用镜射模式”ipad黑屏:打开PC端iTunes,检查是否需要更新ipad,更新
- 移动端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;/*其他样式规则*/}/*按钮
- WPF:WPF绘制曲线
H_MZ
c#ui
简述 WPF开发中经常需要绘制曲线、直方图等。虽然WPF自带了绘制图形等基础功能,但做程序一个很基础的原则就是避免重复造轮子。在GitHub上找到了微软官方的WPF绘制曲线开源库:InteractiveDataDisplay.WPF。我使用的IDE是VS201x,建议使用NuGet安装--引用InteractiveDataDisplay.WPF。如何使用NuGet,请自行百度。以下是我实验的该开
- 在WPF的MVVM架构中,用OxyPlot绘制曲线过程
木子月月鱼
wpf
1.打开第一节新建的MVVM项目。2.将OxyPlot.dll,OxyPlot.WindowsFroms.dll,OxyPlot.Wpf.dll和OxyPlot.Wpf.Shared.dll添加到项目的引用中。3.新建CurveDisplayVM.cs绘制曲线的类。具体代码见附件。4.在UserControl2.xaml页面添加一个Grid用来放置画曲线的plot。点击该Grid。在右侧的Data
- 33.带前缀的输入框 & 带图像剪切的卡片
@大迁世界
CSS技巧与案例详解前端javascript
带前缀的输入框&带图像剪切的卡片创建一个带有可视化、不可编辑前缀的输入框。使用display:flex创建一个容器元素。移除字段的边框和轮廓。将它们应用于父元素,使其看起来像一个输入框。使用:focus-within伪类选择器来相应地设置父元素的样式,当用户与字段交互时。<spanclass="
- Ansible-playbook 应用梳理
讲文张字
前面已经介绍过Ansible的安装配置及常见模块的使用--《Linux下使用Ansible处理批量操作》Palybook简介palybook是由一个或多个paly组成的列表,play的主要功能在于将事先归并为一组的主机装扮成事先通过ansible中的task定义好的角色。从根本上来讲,所谓t
- 2022-08-15简洁的英文写作(3)
Thinker
ComplexWordiness(一些冗余表达的复杂情形)1.BelaboringtheObvious(过度说明那些显而易见的内容)1a.Imagineapictureofsomeoneengagedintheactivityoftryingtolearntherulesforplayingthegameofchess.1b.Imaginesomeonetryingtolearntheruleso
- 火狐浏览器应用商店不支持下载
CDL_LuFei
经验分享
前言之前手机一直用的火狐浏览器,现在换了新的手机,又想下载使用,从官网直接下载现在直接跳载到GooglePlay才能下载,但是国内又用不了的,这里就记录一下怎么在手机应用商店不支持情况下载。从FTP服务器下载Beta版FTP,可以最新的测试版v130.0b8,点击进去可以发现有四种安装,分别适用不同架构的处理,这里简单叙述一下不同安装包适用的情况Android系统在早期时候仅支持armv5的CPU
- 桌面上有多个球在同时运动,怎么实现球之间不交叉,即碰撞?
换个号韩国红果果
html小球碰撞
稍微想了一下,然后解决了很多bug,最后终于把它实现了。其实原理很简单。在每改变一个小球的x y坐标后,遍历整个在dom树中的其他小球,看一下它们与当前小球的距离是否小于球半径的两倍?若小于说明下一次绘制该小球(设为a)前要把他的方向变为原来相反方向(与a要碰撞的小球设为b),即假如当前小球的距离小于球半径的两倍的话,马上改变当前小球方向。那么下一次绘制也是先绘制b,再绘制a,由于a的方向已经改变
- 《高性能HTML5》读后整理的Web性能优化内容
白糖_
html5
读后感
先说说《高性能HTML5》这本书的读后感吧,个人觉得这本书前两章跟书的标题完全搭不上关系,或者说只能算是讲解了“高性能”这三个字,HTML5完全不见踪影。个人觉得作者应该首先把HTML5的大菜拿出来讲一讲,再去分析性能优化的内容,这样才会有吸引力。因为只是在线试读,没有机会看后面的内容,所以不胡乱评价了。
- [JShop]Spring MVC的RequestContextHolder使用误区
dinguangx
jeeshop商城系统jshop电商系统
在spring mvc中,为了随时都能取到当前请求的request对象,可以通过RequestContextHolder的静态方法getRequestAttributes()获取Request相关的变量,如request, response等。 在jshop中,对RequestContextHolder的
- 算法之时间复杂度
周凡杨
java算法时间复杂度效率
在
计算机科学 中,
算法 的时间复杂度是一个
函数 ,它定量描述了该算法的运行时间。这是一个关于代表算法输入值的
字符串 的长度的函数。时间复杂度常用
大O符号 表述,不包括这个函数的低阶项和首项系数。使用这种方式时,时间复杂度可被称为是
渐近 的,它考察当输入值大小趋近无穷时的情况。
这样用大写O()来体现算法时间复杂度的记法,
- Java事务处理
g21121
java
一、什么是Java事务 通常的观念认为,事务仅与数据库相关。 事务必须服从ISO/IEC所制定的ACID原则。ACID是原子性(atomicity)、一致性(consistency)、隔离性(isolation)和持久性(durability)的缩写。事务的原子性表示事务执行过程中的任何失败都将导致事务所做的任何修改失效。一致性表示当事务执行失败时,所有被该事务影响的数据都应该恢复到事务执行前的状
- Linux awk命令详解
510888780
linux
一. AWK 说明
awk是一种编程语言,用于在linux/unix下对文本和数据进行处理。数据可以来自标准输入、一个或多个文件,或其它命令的输出。它支持用户自定义函数和动态正则表达式等先进功能,是linux/unix下的一个强大编程工具。它在命令行中使用,但更多是作为脚本来使用。
awk的处理文本和数据的方式:它逐行扫描文件,从第一行到
- android permission
布衣凌宇
Permission
<uses-permission android:name="android.permission.ACCESS_CHECKIN_PROPERTIES" ></uses-permission>允许读写访问"properties"表在checkin数据库中,改值可以修改上传
<uses-permission android:na
- Oracle和谷歌Java Android官司将推迟
aijuans
javaoracle
北京时间 10 月 7 日,据国外媒体报道,Oracle 和谷歌之间一场等待已久的官司可能会推迟至 10 月 17 日以后进行,这场官司的内容是 Android 操作系统所谓的 Java 专利权之争。本案法官 William Alsup 称根据专利权专家 Florian Mueller 的预测,谷歌 Oracle 案很可能会被推迟。 该案中的第二波辩护被安排在 10 月 17 日出庭,从目前看来
- linux shell 常用命令
antlove
linuxshellcommand
grep [options] [regex] [files]
/var/root # grep -n "o" *
hello.c:1:/* This C source can be compiled with:
- Java解析XML配置数据库连接(DOM技术连接 SAX技术连接)
百合不是茶
sax技术Java解析xml文档dom技术XML配置数据库连接
XML配置数据库文件的连接其实是个很简单的问题,为什么到现在才写出来主要是昨天在网上看了别人写的,然后一直陷入其中,最后发现不能自拔 所以今天决定自己完成 ,,,,现将代码与思路贴出来供大家一起学习
XML配置数据库的连接主要技术点的博客;
JDBC编程 : JDBC连接数据库
DOM解析XML: DOM解析XML文件
SA
- underscore.js 学习(二)
bijian1013
JavaScriptunderscore
Array Functions 所有数组函数对参数对象一样适用。1.first _.first(array, [n]) 别名: head, take 返回array的第一个元素,设置了参数n,就
- plSql介绍
bijian1013
oracle数据库plsql
/*
* PL/SQL 程序设计学习笔记
* 学习plSql介绍.pdf
* 时间:2010-10-05
*/
--创建DEPT表
create table DEPT
(
DEPTNO NUMBER(10),
DNAME NVARCHAR2(255),
LOC NVARCHAR2(255)
)
delete dept;
select
- 【Nginx一】Nginx安装与总体介绍
bit1129
nginx
启动、停止、重新加载Nginx
nginx 启动Nginx服务器,不需要任何参数u
nginx -s stop 快速(强制)关系Nginx服务器
nginx -s quit 优雅的关闭Nginx服务器
nginx -s reload 重新加载Nginx服务器的配置文件
nginx -s reopen 重新打开Nginx日志文件
- spring mvc开发中浏览器兼容的奇怪问题
bitray
jqueryAjaxspringMVC浏览器上传文件
最近个人开发一个小的OA项目,属于复习阶段.使用的技术主要是spring mvc作为前端框架,mybatis作为数据库持久化技术.前台使用jquery和一些jquery的插件.
在开发到中间阶段时候发现自己好像忽略了一个小问题,整个项目一直在firefox下测试,没有在IE下测试,不确定是否会出现兼容问题.由于jquer
- Lua的io库函数列表
ronin47
lua io
1、io表调用方式:使用io表,io.open将返回指定文件的描述,并且所有的操作将围绕这个文件描述
io表同样提供三种预定义的文件描述io.stdin,io.stdout,io.stderr
2、文件句柄直接调用方式,即使用file:XXX()函数方式进行操作,其中file为io.open()返回的文件句柄
多数I/O函数调用失败时返回nil加错误信息,有些函数成功时返回nil
- java-26-左旋转字符串
bylijinnan
java
public class LeftRotateString {
/**
* Q 26 左旋转字符串
* 题目:定义字符串的左旋转操作:把字符串前面的若干个字符移动到字符串的尾部。
* 如把字符串abcdef左旋转2位得到字符串cdefab。
* 请实现字符串左旋转的函数。要求时间对长度为n的字符串操作的复杂度为O(n),辅助内存为O(1)。
*/
pu
- 《vi中的替换艺术》-linux命令五分钟系列之十一
cfyme
linux命令
vi方面的内容不知道分类到哪里好,就放到《Linux命令五分钟系列》里吧!
今天编程,关于栈的一个小例子,其间我需要把”S.”替换为”S->”(替换不包括双引号)。
其实这个不难,不过我觉得应该总结一下vi里的替换技术了,以备以后查阅。
1
所有替换方案都要在冒号“:”状态下书写。
2
如果想将abc替换为xyz,那么就这样
:s/abc/xyz/
不过要特别
- [轨道与计算]新的并行计算架构
comsci
并行计算
我在进行流程引擎循环反馈试验的过程中,发现一个有趣的事情。。。如果我们在流程图的每个节点中嵌入一个双向循环代码段,而整个流程中又充满着很多并行路由,每个并行路由中又包含着一些并行节点,那么当整个流程图开始循环反馈过程的时候,这个流程图的运行过程是否变成一个并行计算的架构呢?
- 重复执行某段代码
dai_lm
android
用handler就可以了
private Handler handler = new Handler();
private Runnable runnable = new Runnable() {
public void run() {
update();
handler.postDelayed(this, 5000);
}
};
开始计时
h
- Java实现堆栈(list实现)
datageek
数据结构——堆栈
public interface IStack<T> {
//元素出栈,并返回出栈元素
public T pop();
//元素入栈
public void push(T element);
//获取栈顶元素
public T peek();
//判断栈是否为空
public boolean isEmpty
- 四大备份MySql数据库方法及可能遇到的问题
dcj3sjt126com
DBbackup
一:通过备份王等软件进行备份前台进不去?
用备份王等软件进行备份是大多老站长的选择,这种方法方便快捷,只要上传备份软件到空间一步步操作就可以,但是许多刚接触备份王软件的客用户来说还原后会出现一个问题:因为新老空间数据库用户名和密码不统一,网站文件打包过来后因没有修改连接文件,还原数据库是好了,可是前台会提示数据库连接错误,网站从而出现打不开的情况。
解决方法:学会修改网站配置文件,大多是由co
- github做webhooks:[1]钩子触发是否成功测试
dcj3sjt126com
githubgitwebhook
转自: http://jingyan.baidu.com/article/5d6edee228c88899ebdeec47.html
github和svn一样有钩子的功能,而且更加强大。例如我做的是最常见的push操作触发的钩子操作,则每次更新之后的钩子操作记录都会在github的控制板可以看到!
工具/原料
github
方法/步骤
- ">的作用" target="_blank">JSP中的作用
蕃薯耀
JSP中<base href="<%=basePath%>">的作用
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
- linux下SAMBA服务安装与配置
hanqunfeng
linux
局域网使用的文件共享服务。
一.安装包:
rpm -qa | grep samba
samba-3.6.9-151.el6.x86_64
samba-common-3.6.9-151.el6.x86_64
samba-winbind-3.6.9-151.el6.x86_64
samba-client-3.6.9-151.el6.x86_64
samba-winbind-clients
- guava cache
IXHONG
cache
缓存,在我们日常开发中是必不可少的一种解决性能问题的方法。简单的说,cache 就是为了提升系统性能而开辟的一块内存空间。
缓存的主要作用是暂时在内存中保存业务系统的数据处理结果,并且等待下次访问使用。在日常开发的很多场合,由于受限于硬盘IO的性能或者我们自身业务系统的数据处理和获取可能非常费时,当我们发现我们的系统这个数据请求量很大的时候,频繁的IO和频繁的逻辑处理会导致硬盘和CPU资源的
- Query的开始--全局变量,noconflict和兼容各种js的初始化方法
kvhur
JavaScriptjquerycss
这个是整个jQuery代码的开始,里面包含了对不同环境的js进行的处理,例如普通环境,Nodejs,和requiredJs的处理方法。 还有jQuery生成$, jQuery全局变量的代码和noConflict代码详解 完整资源:
http://www.gbtags.com/gb/share/5640.htm jQuery 源码:
(
- 美国人的福利和中国人的储蓄
nannan408
今天看了篇文章,震动很大,说的是美国的福利。
美国医院的无偿入院真的是个好措施。小小的改善,对于社会是大大的信心。小孩,税费等,政府不收反补,真的体现了人文主义。
美国这么高的社会保障会不会使人变懒?答案是否定的。正因为政府解决了后顾之忧,人们才得以倾尽精力去做一些有创造力,更造福社会的事情,这竟成了美国社会思想、人
- N阶行列式计算(JAVA)
qiuwanchi
N阶行列式计算
package gaodai;
import java.util.List;
/**
* N阶行列式计算
* @author 邱万迟
*
*/
public class DeterminantCalculation {
public DeterminantCalculation(List<List<Double>> determina
- C语言算法之打渔晒网问题
qiufeihu
c算法
如果一个渔夫从2011年1月1日开始每三天打一次渔,两天晒一次网,编程实现当输入2011年1月1日以后任意一天,输出该渔夫是在打渔还是在晒网。
代码如下:
#include <stdio.h>
int leap(int a) /*自定义函数leap()用来指定输入的年份是否为闰年*/
{
if((a%4 == 0 && a%100 != 0
- XML中DOCTYPE字段的解析
wyzuomumu
xml
DTD声明始终以!DOCTYPE开头,空一格后跟着文档根元素的名称,如果是内部DTD,则再空一格出现[],在中括号中是文档类型定义的内容. 而对于外部DTD,则又分为私有DTD与公共DTD,私有DTD使用SYSTEM表示,接着是外部DTD的URL. 而公共DTD则使用PUBLIC,接着是DTD公共名称,接着是DTD的URL.
私有DTD
<!DOCTYPErootSYST