- 卡片翻折效果
优雅的大白鹅
项目实用小方法前端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
- 如何实现两栏布局,三栏布局,水平/垂直居中
An ape
css
两栏布局先写一下样式左右使用float+margin方式实现div{height:200px;color:red;}.left{float:left;width:300px;background-color:green;}.right{width:100%;margin-left:300px;background-color:black;}还可以使用position实现div{height:200
- 【css】如何实现两栏布局,右侧自适应?三栏布局中间自适应呢?
繁星召唤
csshtml前端
一、双栏布局双栏布局非常常见,往往是以一个定宽栏和一个自适应的栏并排展示存在实现思路也非常的简单:使用float左浮左边栏右边模块使用margin-left撑出内容块做内容展示为父级元素添加BFC,防止下方元素飞到上方内容代码如下:.box{overflow:hidden;添加BFC}.left{float:left;width:200px;background-color:gray;height
- 2022-2023学年英语周报九年级第10期答案及试题(初三第十期)
gaokaos
阅读理解:CastleRock,Colorado,isintheFrontRange进入查看:2022-2023学年英语周报九年级第10期答案及试题(初三第十期)CastleRock,Colorado,isintheFrontRangebetweenDenverandColoradoSprings.Thetownwasfirstsettledinthe1870sandnamedfortherock
- 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
- uniapp微信小程序,授权弹框,样式/主题
LuckyRui1209
uni-app微信小程序小程序
在masifast.json中mp-weixin设置darkmode:true,"mp-weixin":{"darkmode":true,"themeLocation":"theme.json",//如果theme.json在根目录可省略}theme.json{"light":{"navBgColor":"#f8f8f8","navTxtStyle":"black"},"dark":{"navBg
- pdfmake不能设置表格边框颜色?
智商不够_熬夜来凑
javascript前端开发语言
找到pdfmake>build>pdfmake.js中:找到定义的“TableProcessor.prototype.drawVerticalLine”和“TableProcessor.prototype.drawHorizontalLine”两个方法:重新定义borderColor:varborderColor=this.tableNode.table.borderColor||"#DBDBDB
- 修改数据器
与妖为邻
javascript前端htmlcss3页面修改本地文件
修改数据器/*修改数据器样式*/#readFolder{/*修改数据器按钮字体*/font-size:1.5rem;color:#e6a23c;cursor:pointer;}#addReadFolder{margin-top:10px;margin-left:10px;button{color:#fe0404;cursor:pointer;}#buttonContainer{/*关闭按钮的*/p
- Visual Studio Code 基本插件
先new一个对象.
vscodeidevisualstudiocode
1、名称:Chinese(Simplified)(简体中文);2、名称:AutoImport自动导包插件3、名称:Beautify格式化工具4、名称:BetterComments注释工具5、名称:ColorInfo在颜色上悬停光标,就可以预览色块中色彩模型的详细信息6、名称:CSScomb自动排序插件7、名称:ESLint能帮助我们自动整理代码格式8、名称:HTMLClassSuggestions
- B3 Unit 1 复盘
王馨怡
Part11,从本单元中我学到的最重要的理念(精读和视听说分别总结)视听说:Theworldissocolorful,therearenumerousexperiencetohavefun.Themoredaretoattemptnewthings,themorepleasureandnewerexperienceyouwillget.精读:Don'tjudgepeoplebyappearance
- 35.深入聚合数据分析_实战bucket+metric:统计每种颜色的电视的平均价格
小山居
35.深入聚合数据分析_实战bucket+metric:统计每种颜色的电视的平均价格GET/tvs/sales/_search{"size":0,"aggs":{"colors":{"terms":{"field":"color"},"aggs":{"avg_price":{"avg":{"field":"price"}}}}}}按照color去分bucket,可以拿到每个colorbucket中
- 染色法(判断是否为二分图)
我想进大厂
深度优先算法图论
O(n+m)二分图:可以把所有的点划分到两边,使得边只在集合之间,集合内部没有边。二分图当且仅当图中不含奇数环(边数为奇数条)//二分图-染色法#include#includeusingnamespacestd;constintN=100010,M=200010;intn,m;inth[N],e[N],ne[N],idx;intcolor[N];voidadd(inta,intb){e[idx]=
- Input输入
BacteriumFox
Input——输入Basic——基本Boolean——布尔Color——颜色Constant——常数Integer——整数Slider——滑块Time——时间Time是游戏开始到当前的时间SineTime与CosineTime可以获得波形时间DeltaTime指两帧之间的时间SmoothDelta可以获得一个稳定的DeltaTimeVector1-4——向量1-4Geometry——几何Bitan
- vue全局参数
大得369
vue.jsjavascript前端
/*eslint-disableno-new*/newVue({el:'#app',router,components:{App},template:'',data:function(){return{wbWinList:[]//定义的变量,全局参数}},})//使用全局参数//this.$root.backgroundColor=666;其它页面如果想监听改变//监听全局变量,更新watch:{
- css的层叠样式
俗庸203
html前端css3
1css的层叠样式有四种:行内样式内嵌样式外链样式导入样式1.1行内样式行内样式又叫做标签样式,它是在标签里面加上style属性。css这是行内标签1.2内嵌样式它的样式写在style标签里面(style标签是要写在head标签里面的喔)cssh2{color:blue;text-align:center;}这是内嵌标签1.3外链样式用外链样式需要以下三个步骤:第一步:新建一个css的文件,专门用
- 修改原神角色数据列表:更好用了
与妖为邻
原神升级计划数据表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
- html5在线俄罗斯方块,HTML5+JS实现俄罗斯方块
俯卧撑菜鸟
html5在线俄罗斯方块
HTML俄罗斯方块@font-face{font-family:tmb;src:url("DS-DIGIB.TTF")format("TrueType");}body>div{font-size:13pt;padding-bottom:8px;}span{font-family:tmb;font-size:20pt;color:green;}俄罗斯方块速度:当前积分:最高积分:jsconstTET
- html css js
chizhuan6861
html回顾字体:font属性:color:颜色size:字号表格:table标签:tr:表格中的行td:单元行中的单元格th:通常使用在table中的第一行,成为表头,不经常使用(效果:字体加粗、居中显示)thead表格头tbody表格体trtdtbodytrtdtfoot表格尾属性:border:边框的宽度bordercolor:边框颜色width:元素的宽度height:元素的高度cells
- TypeScript之基础类型
默默@85
typescripttypescript
TypeScript类型:布尔类型(boolean):letisDone:boolean=false;数字类型(number):letdecimal:number=6;lethex:number=0xf00d;letbinary:number=0b1010;letoctal:number=0o744;字符串类型(string):letcolor:string="blue";数组类型(Array):
- uniapp-:class内使用函数报错及解决方法
爱健身的小刘同学
uni-appcss相关uni-app
在开发时,需要根据状态动态的去渲染颜色,这个时候就用到了:class:class="hColor('2',item,index)"在vue内开发时,此代码片段可以正常使用在uniapp内开发时,相同代码报错,因为在uniapp内:class不支持直接调用函数返回值形式的写法查阅资料,找出解决方法,在对应函数外包裹一层[]就可以实现对应效果对应代码::class="[hColor('1',item,
- Midjourney提示词-动物系列-61
雨过朦胧影
Midjourneymidjourneyai作画Midjourney
colorfultrippypopsurrealismanthropomorphiccaricatureofamongoose,highlydetailedeyesandface,characterdesignbymarkryden,illustratedbyArthurRackhamandBrianFroud,colourful,photorealisticpulpart,trippybusy3
- Android 状态栏总结
xiangxiongfly915
Androidandroid状态栏
文章目录Android状态栏总结全屏+状态栏无文字图标全屏+状态栏有文字图标工具类BarUtils沉浸式状态栏代码下载Android状态栏总结全屏+状态栏无文字图标方式一:设置主题falsetruetrue@android:color/transparenttrueoverridefunonCreate(savedInstanceState:Bundle?){super.onCreate(save
- 一加12 安卓14系统最新,已获取Apatch,安装证书到系统目录,小黄鸟安装证书
qikenao
javascript
测试手机为一加12系统今日最新OnePlus_12_ColorOSPJD110_14.0.0.503(CN01)A.62获取root使用大侠阿木工具箱,Magisk或者Apatch都可以使用movecert插件,链接:https://pan.baidu.com/s/1jkmyuS3-Qf3T-f4168gNmw?pwd=zfjr提取码:zfjr复制这段内容后打开百度网盘手机App,操作更方便哦小黄
- create-react-app配置Antd自定义主题/按需导入
爱读文言文的码农
react.jsjavascript前端
官方定制主题方案AntDesign的样式变量antd的样式使用了Less作为开发语言,并定义了一系列全局/组件的样式变量,你可以根据需求进行相应调整。以下是一些最常用的通用变量,所有样式变量可以在这里找到。@primary-color:#1890ff;//全局主色@link-color:#1890ff;//链接色@success-color:#52c41a;//成功色@warning-color:
- jQuery样式操作
布卡卡的晴空
一、操作css方法1.参数只写属性名,则是返回属性值2.设置修改//1.参数只写属性名,则是返回属性值varstrColor=$(this).css('color');//2.参数是属性名,属性值,逗号分隔,是设置一组样式,属性必须加引号,值如果是数字可以不用跟单位和引号$(this).css(''color'',''red'');//3.参数可以是对象形式,方便设置多组样式。属性名和属性值用冒号
- ES6 手写一个“辨色”小游戏
小皮咖
JAVASCRIPTes6
1.前言依稀记得几年前朋友圈流行的辨色小游戏,找出颜色不同的矩形。前些天突发奇想,打算自己手写一个类似的游戏,话不多说,先上Demo.–项目源码本实例基于ES6实现,并兼容ie9及以上。2.项目结构index.htmlindex.cssindex.js本文主要讲述如何使用js实现功能,htmlcss不在此范围。直接上代码。suporkacolorgame辨色力测试找出所有色块里颜色不同的一个开始挑
- 【C#】【EXCEL】Bumblebee/Classes/ExFont.cs
hmywillstronger
c#exceljava
Bumblebee/Classes/ExFont.csFlowdiagram根据您提供的代码和要求,我将创建一个流程图来展示ExFont类的结构。这个流程图将使用中英双语标注,并对应到代码中的英文。ExFontClassExFont类Members成员变量Constructors构造函数Properties属性Methods方法family:string字体族color:Sd.Color颜色Jus
- 盒子模型和边框
优秀的人A
盒子模型(框模型)一个盒子分为四部分1.内容区(content)2.内边距(padding)3.边框(border)4.外边距(margin)盒子的大小是由(内容区、内边距、边框)决定.box{width:100px;height:100px;background-color:#bfa;border-width:10px;border-color:red;border-style:solid;}设
- Qt/QML学习-PathView
放假当宅宅
Qt/QML学习qt学习
QML学习PathView例程视频讲解代码main.qmlimportQtQuick2.15importQtQuick.Window2.15Window{width:640height:480visible:truetitle:qsTr("HelloWorld")color:"black"PathView{id:pathViewanchors.fill:parentmodel:ListModel{
- mondb入手
木zi_鸣
mongodb
windows 启动mongodb 编写bat文件,
mongod --dbpath D:\software\MongoDBDATA
mongod --help 查询各种配置
配置在mongob
打开批处理,即可启动,27017原生端口,shell操作监控端口 扩展28017,web端操作端口
启动配置文件配置,
数据更灵活 
- 大型高并发高负载网站的系统架构
bijian1013
高并发负载均衡
扩展Web应用程序
一.概念
简单的来说,如果一个系统可扩展,那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集,并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种:
1.
- DISPLAY变量和xhost(原创)
czmmiao
display
DISPLAY
在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
- 获取B/S客户端IP
周凡杨
java编程jspWeb浏览器
最近想写个B/S架构的聊天系统,因为以前做过C/S架构的QQ聊天系统,所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统,由于存在客户端Java应用,所以直接在代码中获取客户端的IP,应用的方法为:
String ip = InetAddress.getLocalHost().getHostAddress();
然而对于WEB
- 浅谈类和对象
朱辉辉33
编程
类是对一类事物的总称,对象是描述一个物体的特征,类是对象的抽象。简单来说,类是抽象的,不占用内存,对象是具体的,
占用存储空间。
类是由属性和方法构成的,基本格式是public class 类名{
//定义属性
private/public 数据类型 属性名;
//定义方法
publ
- android activity与viewpager+fragment的生命周期问题
肆无忌惮_
viewpager
有一个Activity里面是ViewPager,ViewPager里面放了两个Fragment。
第一次进入这个Activity。开启了服务,并在onResume方法中绑定服务后,对Service进行了一定的初始化,其中调用了Fragment中的一个属性。
super.onResume();
bindService(intent, conn, BIND_AUTO_CREATE);
- base64Encode对图片进行编码
843977358
base64图片encoder
/**
* 对图片进行base64encoder编码
*
* @author mrZhang
* @param path
* @return
*/
public static String encodeImage(String path) {
BASE64Encoder encoder = null;
byte[] b = null;
I
- Request Header简介
aigo
servlet
当一个客户端(通常是浏览器)向Web服务器发送一个请求是,它要发送一个请求的命令行,一般是GET或POST命令,当发送POST命令时,它还必须向服务器发送一个叫“Content-Length”的请求头(Request Header) 用以指明请求数据的长度,除了Content-Length之外,它还可以向服务器发送其它一些Headers,如:
- HttpClient4.3 创建SSL协议的HttpClient对象
alleni123
httpclient爬虫ssl
public class HttpClientUtils
{
public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){
SSLContext sslContext=null;
try
{
sslContext=new SSLContextBuilder().l
- java取反 -右移-左移-无符号右移的探讨
百合不是茶
位运算符 位移
取反:
在二进制中第一位,1表示符数,0表示正数
byte a = -1;
原码:10000001
反码:11111110
补码:11111111
//异或: 00000000
byte b = -2;
原码:10000010
反码:11111101
补码:11111110
//异或: 00000001
- java多线程join的作用与用法
bijian1013
java多线程
对于JAVA的join,JDK 是这样说的:join public final void join (long millis )throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
- Java发送http请求(get 与post方法请求)
bijian1013
javaspring
PostRequest.java
package com.bijian.study;
import java.io.BufferedReader;
import java.io.DataOutputStream;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.HttpURL
- 【Struts2二】struts.xml中package下的action配置项默认值
bit1129
struts.xml
在第一部份,定义了struts.xml文件,如下所示:
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://struts.apache.org/dtds/struts
- 【Kafka十三】Kafka Simple Consumer
bit1129
simple
代码中关于Host和Port是割裂开的,这会导致单机环境下的伪分布式Kafka集群环境下,这个例子没法运行。
实际情况是需要将host和port绑定到一起,
package kafka.examples.lowlevel;
import kafka.api.FetchRequest;
import kafka.api.FetchRequestBuilder;
impo
- nodejs学习api
ronin47
nodejs api
NodeJS基础 什么是NodeJS
JS是脚本语言,脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS,浏览器充当了解析器的角色。而对于需要独立运行的JS,NodeJS就是一个解析器。
每一种解析器都是一个运行环境,不但允许JS定义各种数据结构,进行各种计算,还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM,浏览器就提供了docum
- java-64.寻找第N个丑数
bylijinnan
java
public class UglyNumber {
/**
* 64.查找第N个丑数
具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url]
*
题目:我们把只包含因子
2、3和5的数称作丑数(Ugly Number)。例如6、8都是丑数,但14
- 二维数组(矩阵)对角线输出
bylijinnan
二维数组
/**
二维数组 对角线输出 两个方向
例如对于数组:
{ 1, 2, 3, 4 },
{ 5, 6, 7, 8 },
{ 9, 10, 11, 12 },
{ 13, 14, 15, 16 },
slash方向输出:
1
5 2
9 6 3
13 10 7 4
14 11 8
15 12
16
backslash输出:
4
3
- [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新)
comsci
工作流
既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理
大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
- redis常见使用
cuityang
redis常见使用
redis 通常被认为是一个数据结构服务器,主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets
引入jar包 jedis-2.1.0.jar (本文下方提供下载)
package redistest;
import redis.clients.jedis.Jedis;
public class Listtest
- 配置多个redis
dalan_123
redis
配置多个redis客户端
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&quo
- attrib命令
dcj3sjt126com
attr
attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.
只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.
存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件.
- Yii使用公共函数
dcj3sjt126com
yii
在网站项目中,没必要把公用的函数写成一个工具类,有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用,成为公用的函数集合。 function.php如下:
<?php /** * This is the shortcut to D
- linux 系统资源的查看(free、uname、uptime、netstat)
eksliang
netstatlinux unamelinux uptimelinux free
linux 系统资源的查看
转载请出自出处:http://eksliang.iteye.com/blog/2167081
http://eksliang.iteye.com 一、free查看内存的使用情况
语法如下:
free [-b][-k][-m][-g] [-t]
参数含义
-b:直接输入free时,显示的单位是kb我们可以使用b(bytes),m
- JAVA的位操作符
greemranqq
位运算JAVA位移<<>>>
最近几种进制,加上各种位操作符,发现都比较模糊,不能完全掌握,这里就再熟悉熟悉。
1.按位操作符 :
按位操作符是用来操作基本数据类型中的单个bit,即二进制位,会对两个参数执行布尔代数运算,获得结果。
与(&)运算:
1&1 = 1, 1&0 = 0, 0&0 &
- Web前段学习网站
ihuning
Web
Web前段学习网站
菜鸟学习:http://www.w3cschool.cc/
JQuery中文网:http://www.jquerycn.cn/
内存溢出:http://outofmemory.cn/#csdn.blog
http://www.icoolxue.com/
http://www.jikexue
- 强强联合:FluxBB 作者加盟 Flarum
justjavac
r
原文:FluxBB Joins Forces With Flarum作者:Toby Zerner译文:强强联合:FluxBB 作者加盟 Flarum译者:justjavac
FluxBB 是一个快速、轻量级论坛软件,它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写,并已经开发了一段时间。FluxBB 看起来非常有前途的,
- java统计在线人数(session存储信息的)
macroli
javaWeb
这篇日志是我写的第三次了 前两次都发布失败!郁闷极了!
由于在web开发中常常用到这一部分所以在此记录一下,呵呵,就到备忘录了!
我对于登录信息时使用session存储的,所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。
1、实现接口类,在web.xml文件中配置监听类,从而可以使该类完成其工作。
public class Ses
- bootstrp carousel初体验 快速构建图片播放
qiaolevip
每天进步一点点学习永无止境bootstrap纵观千象
img{
border: 1px solid white;
box-shadow: 2px 2px 12px #333;
_width: expression(this.width > 600 ? "600px" : this.width + "px");
_height: expression(this.width &
- SparkSQL读取HBase数据,通过自定义外部数据源
superlxw1234
sparksparksqlsparksql读取hbasesparksql外部数据源
关键字:SparkSQL读取HBase、SparkSQL自定义外部数据源
前面文章介绍了SparSQL通过Hive操作HBase表。
SparkSQL从1.2开始支持自定义外部数据源(External DataSource),这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0,简单介绍SparkSQL自定义外部数据源,访
- Spring Boot 1.3.0.M1发布
wiselyman
spring boot
Spring Boot 1.3.0.M1于6.12日发布,现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下:
1.提供一个新的sprin