- 日历插件-FullCalendar的详细使用
老马聊技术
JavaScript前端javascript
一、介绍FullCalendar是一个功能强大、高度可定制的JavaScript日历组件,用于在网页中显示和管理日历事件。它支持多种视图(月、周、日等),可以轻松集成各种框架,并提供丰富的事件处理功能。二、实操案例具体代码如下:FullCalendar日期选择body{font-family:Arial,sans-serif;margin:20px;}#calendar{max-width:900
- AntV G6动态连线
我在北京coding
Vue3前端css3css前端
完整代码如下AntVG6动态连线*{margin:0;padding:0;box-sizing:border-box;font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;}body{b
- cursor+deepseek实现完整的俄罗斯方块小游戏
RW~
javascript前端css
俄罗斯方块body{margin:0;display:flex;justify-content:center;align-items:center;height:100vh;background:#333;color:white;font-family:Arial,sans-serif;}.game-container{display:flex;gap:20px;}canvas{border:2p
- JS 模仿京东秒杀倒计时
使用定时器页面:.box{height:300px;width:200px;background-color:red;}.box2{padding-top:10px;}h2{color:white;text-align:center;}img{margin-left:70px;}p{color:white;text-align:center;}li{font-family:"微软雅黑";font-
- [特殊字符] 智能学号抽取系统 V4.3.1 —— 教育互动好帮手
阿部多瑞 ABU
教育小程序cssjavascript前端htmlvue
智能学号抽取系统V4.3.1——教育互动好帮手在线体验地址:https://ln0ia2k6.html2web.com/代码智能学号抽取系统V4.3.1/*字体定义*/@font-face{font-family:'KaiTi';src:local('KaiTi');}@font-face{font-family:'XingKai';src:local('STXingkai');}@font-fa
- CSS属性的特性_继承性
51349592
css前端
CSS的某些属性具有继承性(Inheritance):可继承属性在元素上设置后,其后代元素会自动继承该属性继承属性的优先级低于元素直接设置的样式如果后代元素自己有设置该属性,那么优先使用后代元素自己的属性继承是沿着DOM树向下传递的可继承属性字体与文本:font-family,font-size,font-weight,font-stylecolor,line-height,letter-spac
- Vue实现选中多张图片一起拖拽功能
枫叶&情缘
前端Vuevue.jsjavascript前端
Vue图片框选拖拽功能*{box-sizing:border-box;margin:0;padding:0;}body{font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);color:#333;min-height:100v
- 仅使用 javascript 构建第一个应用程序
网络点点滴
Vue3javascript开发语言ecmascript
目的本次的DEMO代码示例非常的简单,如下图我们只需要再上面的输入框中输入内容,下面的内容就是我们对应上面提交的内容代码示例HTML代码AFirstAppGoalAddGoalCSS代码*{box-sizing:border-box;}html{font-family:sans-serif;}body{margin:0;}#app{margin:3remauto;max-width:40rem;p
- html三角形排序按钮,CSS实现三角形的播放器按钮图标
weixin_39668408
html三角形排序按钮
CSS实现三角形的播放器按钮body{background:#000;}header{font-family:"MicroSoftYaHei";font-size:30px;color:#990000;}.circle{width:120px;height:120px;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:
- 分享一个实用的代码对比工具
我科绝伦(Huanhuan Zhou)
csscss3javascript
关键代码如下:代码对比工具*{margin:0;padding:0;box-sizing:border-box;font-family:'SegoeUI','MicrosoftYaHei',sans-serif;}body{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#f0f8ff;min-height:100vh;paddin
- 二维码生成器
Liudef06小白
css前端css3
代码如下二维码生成器*{box-sizing:border-box;margin:0;padding:0;}body{font-family:'SegoeUI','MicrosoftYaHei',sans-serif;background:linear-gradient(135deg,#f5f7fa0%,#c3cfe2100%);min-height:100vh;display:flex;just
- xyz 瓦片leaflet地图组件 显示
XYZ瓦片预览//引用leaflet的css和脚本#map{height:100vh;}#info{position:absolute;bottom:10px;left:10px;z-index:1000;background:white;padding:10px;border-radius:5px;font-family:Arial;font-size:14px;box-shadow:005px
- 分享一个高级SQL工具,一键搞定mop数据库的CRUD生成、SQL美化、性能优化及多数据库转换
我科绝伦(Huanhuan Zhou)
数据库sql性能优化
话不多说,直接上源码。高级SQL工具集:root{--primary:#3498db;--secondary:#2ecc71;--danger:#e74c3c;--warning:#f39c12;--dark:#2c3e50;--light:#ecf0f1;--gray:#95a5a6;}*{margin:0;padding:0;box-sizing:border-box;font-family:
- 一个纯 html 手搓的音乐播放器,支持频谱显示
汪子熙
前端开发相关html前端javascript
源代码如下:MP3元数据解析器body{font-family:'Arial',sans-serif;max-width:800px;margin:0auto;padding:20px;background-color:#f5f5f5;}h1{color:#333;text-align:center;}.container{background-color:white;padding:20px;b
- Bootstrap5 文字排版
智慧浩海
Bootstrapjavascript前端html
Bootstrap5默认设置Bootstrap5默认的font-size为16px,line-height为1.5。默认的font-family为"HelveticaNeue",Helvetica,Arial,sans-serif。此外,所有的元素margin-top:0、margin-bottom:1rem(16px)。-Bootstrap中定义了所有的HTML标题(h1到h6)的样式。请看下面
- input宽度随输入内容自适应(以el-input为例)
Homilier
前端csscss3elementui前端input
效果:思路:1.input用绝对定位,使其宽度与父容器保持一致2.利用一个隐藏的div对齐input的内容,以此来撑开父容器宽度(对齐内容除了输入文本外,还需包含padding,border、margin、font-size、font-family等所有会影响元素宽度的样式)实现:template代码:会使用到下面两个事件,不懂的朋友可以去看看文档。compositionupdate-WebAPI
- html文字红色粗体,闪烁渐变动画效果,中英文切换版本
lljss2020
HTMLhtmlcsscss3
1.代码红色粗体闪烁文字表格-中英文切换*{margin:0;padding:0;box-sizing:border-box;font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;}body{background:linear-gradient(135deg,#1a2a6c,#b21f1f);min-height:100vh;display:
- CSS lesson3 美化网页元素
汤三石
csscss3html
3、美化网页元素3.1、为什么要美化网页1、有效的传递页面信息2、美化页面,吸引用户3、凸显页面的主题4、提高用户的体验span标签:重点要突出的字,使用span套起来。约定俗成的。Title#title1{font-size:40px;}复旦大学欢迎来到复旦大学3.2字体样式font-family:字体font-size:字体大小font-weight:字体粗细color:字体颜色3.3文本样式
- HTML CSS3美化网页元素
TuSi_Cat
HTMLcss3htmlcss
目录一、字体样式二、文本样式三、伪类样式四、列表样式五、背景样式1、背景颜色2、背景图片一、字体样式font-family字体样式font-size 字体大小px像素em根据父容器字体大小改变(em*父级字体大小px)rem根据根元素字体大小改变(rem*根元素字体大小px)font-style 字体风格(倾斜)font-weight 字体粗细简写:font:风格粗细大小类型二、文本样式colo
- html轮播图不能用png么,为什么我轮播图图片显示不出来?
愚者为聪
html轮播图不能用png么
胖虎就是智虎LOGOEN/CN首页关于我们新闻资讯产品展示营销网络招贤纳士联系我们*{margin:0;padding:0;font-family:"微软雅黑";text-decoration:none;list-style:none;}.header{height:100px;background:#FFFFFF;text-align:center;position:relative;}.hea
- CSS引入外部字体的方式(@font-face)
Krlin_
学习htmlcss
环境vscodevuewin10步骤下载字体包后引入:到项目根目录src->assets新建font目录,将下载的字体包中.ttf结尾的文件放入。字体包声明:src中新建css目录,在目录里新建font.css文件,或者直接在html的style标签里使用@font-face,其语法格式如下:@font-face{font-family:"字体名称";src:url("字体存放路径");}</
- Matter.js基础: 交互按钮演示
gCodeTop 格码拓普 老师
前端matter.jsAnimatejavascript
Matter.js交互按钮*{margin:0;padding:0;box-sizing:border-box;font-family:"SegoeUI",Tahoma,Geneva,Verdana,sans-serif;}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:
- Vue引入自定义字体
June561
vue.js前端笔记css
1.全局引入首先下载ttf格式字体文件创建global.css文件@font-face{font-family:'MyCustomFont';src:url('~@/assets/font.ttf')format('truetype');}在main.js中引入import'@/assets/global.css'2.在需要的地方使用font-family:MyCustomFont3.整个项目中使
- el-link用法以及样式修改
前端sweetGirl
element-UIvue.jsjavascript前端elementuihtml5css3
应用场景:点击el-link跳转到相应页面,自定义字体颜色大小html结构去除下划线{{item.title}}css样式通过修改a标签a{font-size:14px;font-family:PingFangSC,PingFangSC;font-weight:600;color:rgba(0,0,0,0.85);}a:hover,a:active{color:#f1657d;}
- CSS篇-3
神秘敲码人
前端面试题前端javascripthtml
1.CSS中哪些样式可以继承?哪些不可以继承?可继承的样式:与字体相关的样式,如:font-size、font-family、color列表样式:list-style(如UL、OL的list-style-type)不可继承的样式:与布局和尺寸相关的样式,如:border、padding、margin、width、height总结:一般来说,与字体、文本样式相关的属性可以继承,而与尺寸、间距、边框相
- HTML5的文本样式
零希
htmlcsshtmlcss3
HTML5的文本样式文本样式 1文字样式 1字体颜色color 2字体大小font-size:px 3字体粗细font-weight:px 范围100到900之间 bold[粗] bolder[加粗] 2字体效果 1字体效果font-style 2字体样式font-family 3文本样式 1文本居中 1text-align=center/left/
- day03
linux-hzh
javascriptcss前端
这就是今天要实现的效果图(颜色提取推荐使用snipaste)代码(仅供参考,不喜勿喷,可以在评论区展示作品)/*WriteyourCSScodehere*/@font-face{font-family:'iconfont';/*Projectid4930922*/src:url('//at.alicdn.com/t/c/font_4930922_zjx4lgsxzjj.woff2?t=174806
- Vue.js中全局替换字体及font-family的实践
开心就多写,一点就开心
前端npmnginx服务器css
引言要给前端换字体了,来学一手font。在Web开发中,字体的选择对于网站的视觉体验至关重要。无论是为了品牌一致性,还是为了提升用户体验,开发者经常需要在项目中全局替换默认字体。在使用Vue.js构建应用时,这一需求同样存在。本文将详细介绍如何在Vue项目中全局替换字体及设置font-family属性,以及如何在组件中使用自定义字体图标。全局字体替换1.添加自定义字体首先,你需要将自定义字体文件(
- CSS可以继承的样式汇总
逍遥运德
前端前端技巧HTML前端cssui
CSS可以继承的样式汇总在CSS中,以下是一些常见的可继承样式属性:字体属性:包括font-family(字体系列)、font-size(字体大小)、font-weight(字体粗细)、font-style(字体风格,如斜体)等。例如,若为父元素设置font-family:Arial,sans-serif;,子元素会继承该字体设置,显示为Arial字体。文本属性:color(文本颜色)、text-
- CSS 样式表的四种应用方式详解以及css注释的应用
哎呦你好
css基础知识人工智能pythoncss前端开发语言
一、外部CSS(推荐方式)定义:将CSS代码保存为独立的.css文件,通过标签引入HTML。优点:实现内容与样式完全分离多个页面可共享同一CSS文件浏览器可缓存CSS文件,提升加载速度案例:创建styles.css文件:css/*styles.css*/body{font-family:Arial,sans-serif;background-color:#f4f4f4;}h1{color:#333
- mysql主从数据同步
林鹤霄
mysql主从数据同步
配置mysql5.5主从服务器(转)
教程开始:一、安装MySQL
说明:在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作,安装MySQL 5.5.22
二、配置MySQL主服务器(192.168.21.169)mysql -uroot -p &nb
- oracle学习笔记
caoyong
oracle
1、ORACLE的安装
a>、ORACLE的版本
8i,9i : i是internet
10g,11g : grid (网格)
12c : cloud (云计算)
b>、10g不支持win7
&
- 数据库,SQL零基础入门
天子之骄
sql数据库入门基本术语
数据库,SQL零基础入门
做网站肯定离不开数据库,本人之前没怎么具体接触SQL,这几天起早贪黑得各种入门,恶补脑洞。一些具体的知识点,可以让小白不再迷茫的术语,拿来与大家分享。
数据库,永久数据的一个或多个大型结构化集合,通常与更新和查询数据的软件相关
- pom.xml
一炮送你回车库
pom.xml
1、一级元素dependencies是可以被子项目继承的
2、一级元素dependencyManagement是定义该项目群里jar包版本号的,通常和一级元素properties一起使用,既然有继承,也肯定有一级元素modules来定义子元素
3、父项目里的一级元素<modules>
<module>lcas-admin-war</module>
<
- sql查地区省市县
3213213333332132
sqlmysql
-- db_yhm_city
SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35
SELECT * FROM db_yhm_city WHERE class_parent_id =169
SELECT d1.cla
- 关于监听器那些让人头疼的事
宝剑锋梅花香
画图板监听器鼠标监听器
本人初学JAVA,对于界面开发我只能说有点蛋疼,用JAVA来做界面的话确实需要一定的耐心(不使用插件,就算使用插件的话也没好多少)既然Java提供了界面开发,老师又要求做,只能硬着头皮上啦。但是监听器还真是个难懂的地方,我是上了几次课才略微搞懂了些。
- JAVA的遍历MAP
darkranger
map
Java Map遍历方式的选择
1. 阐述
对于Java中Map的遍历方式,很多文章都推荐使用entrySet,认为其比keySet的效率高很多。理由是:entrySet方法一次拿到所有key和value的集合;而keySet拿到的只是key的集合,针对每个key,都要去Map中额外查找一次value,从而降低了总体效率。那么实际情况如何呢?
为了解遍历性能的真实差距,包括在遍历ke
- POJ 2312 Battle City 优先多列+bfs
aijuans
搜索
来源:http://poj.org/problem?id=2312
题意:题目背景就是小时候玩的坦克大战,求从起点到终点最少需要多少步。已知S和R是不能走得,E是空的,可以走,B是砖,只有打掉后才可以通过。
思路:很容易看出来这是一道广搜的题目,但是因为走E和走B所需要的时间不一样,因此不能用普通的队列存点。因为对于走B来说,要先打掉砖才能通过,所以我们可以理解为走B需要两步,而走E是指需要1
- Hibernate与Jpa的关系,终于弄懂
avords
javaHibernate数据库jpa
我知道Jpa是一种规范,而Hibernate是它的一种实现。除了Hibernate,还有EclipseLink(曾经的toplink),OpenJPA等可供选择,所以使用Jpa的一个好处是,可以更换实现而不必改动太多代码。
在play中定义Model时,使用的是jpa的annotations,比如javax.persistence.Entity, Table, Column, OneToMany
- 酸爽的console.log
bee1314
console
在前端的开发中,console.log那是开发必备啊,简直直观。通过写小函数,组合大功能。更容易测试。但是在打版本时,就要删除console.log,打完版本进入开发状态又要添加,真不够爽。重复劳动太多。所以可以做些简单地封装,方便开发和上线。
/**
* log.js hufeng
* The safe wrapper for `console.xxx` functions
*
- 哈佛教授:穷人和过于忙碌的人有一个共同思维特质
bijian1013
时间管理励志人生穷人过于忙碌
一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究,结论是:穷人和过于忙碌的人有一个共同思维特质,即注意力被稀缺资源过分占据,引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。
这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国,很快就如鱼得水,哈佛毕业
- other operate
征客丶
OSosx
一、Mac Finder 设置排序方式,预览栏 在显示-》查看显示选项中
二、有时预览显示时,卡死在那,有可能是一些临时文件夹被删除了,如:/private/tmp[有待验证]
--------------------------------------------------------------------
若有其他凝问或文中有错误,请及时向我指出,
我好及时改正,同时也让我们一
- 【Scala五】分析Spark源代码总结的Scala语法三
bit1129
scala
1. If语句作为表达式
val properties = if (jobIdToActiveJob.contains(jobId)) {
jobIdToActiveJob(stage.jobId).properties
} else {
// this stage will be assigned to "default" po
- ZooKeeper 入门
BlueSkator
中间件zk
ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现,使该框架保证了分布式环境中数据的强一致性,也正是基于这样的特性,使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍,本文将结合作者身边的项目例子,系统地对ZK的应用场景进行一个分门归类的介绍。
值得注意的是,ZK并非天生就是为这些应用场景设计的,都是后来众多开发者根据其框架的特性,利
- MySQL取得当前时间的函数是什么 格式化日期的函数是什么
BreakingBad
mysqlDate
取得当前时间用 now() 就行。
在数据库中格式化时间 用DATE_FORMA T(date, format) .
根据格式串format 格式化日期或日期和时间值date,返回结果串。
可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值,以便得到所希望的格式。根据format字符串格式化date值:
%S, %s 两位数字形式的秒( 00,01,
- 读《研磨设计模式》-代码笔记-组合模式
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.List;
abstract class Component {
public abstract void printStruct(Str
- 4_JAVA+Oracle面试题(有答案)
chenke
oracle
基础测试题
卷面上不能出现任何的涂写文字,所有的答案要求写在答题纸上,考卷不得带走。
选择题
1、 What will happen when you attempt to compile and run the following code? (3)
public class Static {
static {
int x = 5; // 在static内有效
}
st
- 新一代工作流系统设计目标
comsci
工作算法脚本
用户只需要给工作流系统制定若干个需求,流程系统根据需求,并结合事先输入的组织机构和权限结构,调用若干算法,在流程展示版面上面显示出系统自动生成的流程图,然后由用户根据实际情况对该流程图进行微调,直到满意为止,流程在运行过程中,系统和用户可以根据情况对流程进行实时的调整,包括拓扑结构的调整,权限的调整,内置脚本的调整。。。。。
在这个设计中,最难的地方是系统根据什么来生成流
- oracle 行链接与行迁移
daizj
oracle行迁移
表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下)
第一种情况:
INSERT的时候,INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks),这种情况称为行链接(Row Chain),一般不可避免(除非使用更大的数据
- [JShop]开源电子商务系统jshop的系统缓存实现
dinguangx
jshop电子商务
前言
jeeshop中通过SystemManager管理了大量的缓存数据,来提升系统的性能,但这些缓存数据全部都是存放于内存中的,无法满足特定场景的数据更新(如集群环境)。JShop对jeeshop的缓存机制进行了扩展,提供CacheProvider来辅助SystemManager管理这些缓存数据,通过CacheProvider,可以把缓存存放在内存,ehcache,redis,memcache
- 初三全学年难记忆单词
dcj3sjt126com
englishword
several 儿子;若干
shelf 架子
knowledge 知识;学问
librarian 图书管理员
abroad 到国外,在国外
surf 冲浪
wave 浪;波浪
twice 两次;两倍
describe 描写;叙述
especially 特别;尤其
attract 吸引
prize 奖品;奖赏
competition 比赛;竞争
event 大事;事件
O
- sphinx实践
dcj3sjt126com
sphinx
安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server
yum install sphinx
如果失败的话使用下面的方式安装
wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm
yum loca
- JPA之JPQL(三)
frank1234
ormjpaJPQL
1 什么是JPQL
JPQL是Java Persistence Query Language的简称,可以看成是JPA中的HQL, JPQL支持各种复杂查询。
2 检索单个对象
@Test
public void querySingleObject1() {
Query query = em.createQuery("sele
- Remove Duplicates from Sorted Array II
hcx2013
remove
Follow up for "Remove Duplicates":What if duplicates are allowed at most twice?
For example,Given sorted array nums = [1,1,1,2,2,3],
Your function should return length
- Spring4新特性——Groovy Bean定义DSL
jinnianshilongnian
spring 4
Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新
- CentOS安装Mysql5.5
liuxingguome
centos
CentOS下以RPM方式安装MySQL5.5
首先卸载系统自带Mysql:
yum remove mysql mysql-server mysql-libs compat-mysql51
rm -rf /var/lib/mysql
rm /etc/my.cnf
查看是否还有mysql软件:
rpm -qa|grep mysql
去http://dev.mysql.c
- 第14章 工具函数(下)
onestopweb
函数
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- POJ 1050
SaraWon
二维数组子矩阵最大和
POJ ACM第1050题的详细描述,请参照
http://acm.pku.edu.cn/JudgeOnline/problem?id=1050
题目意思:
给定包含有正负整型的二维数组,找出所有子矩阵的和的最大值。
如二维数组
0 -2 -7 0
9 2 -6 2
-4 1 -4 1
-1 8 0 -2
中和最大的子矩阵是
9 2
-4 1
-1 8
且最大和是15
- [5]设计模式——单例模式
tsface
java单例设计模式虚拟机
单例模式:保证一个类仅有一个实例,并提供一个访问它的全局访问点
安全的单例模式:
/*
* @(#)Singleton.java 2014-8-1
*
* Copyright 2014 XXXX, Inc. All rights reserved.
*/
package com.fiberhome.singleton;
- Java8全新打造,英语学习supertool
yangshangchuan
javasuperword闭包java8函数式编程
superword是一个Java实现的英文单词分析软件,主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。
升学考试、工作求职、充电提高,都少不了英语的身影,英语对我们来说实在太重要