- 简单的爱心制作
小明爱敲代码
前端javascript开发语言html
在桌面新建txt文件,复制以下代码,然后重命名文件为你的文件.html,用浏览器打开该文件动态爱心与流行效果body{margin:0;overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center;height:100vh;}canvas{display:block;}con
- 前端开发规范:CSS 代码规范指南
易风920
前端开发规范css代码规范前端
CSS代码规范指南代码风格代码格式化样式书写一般有两种:一种是紧凑格式(Compact).web{display:block;width:50px;}一种是展开格式(Expanded).web{display:block;width:50px;}团队约定:统一使用展开格式书写样式代码大小写样式选择器,属性名,属性值关键字全部使用小写字母书写,属性字符串允许使用大小写。/*推荐*/.web{disp
- CSS 文字超出范围显示省略号
有趣的小良
实际开发常见问题css3前端css开发语言
需要实现的效果是当文字太多的时候只显示一行或两行,其余文字用…省略号配合tooltip组件去显示的时候可以用css样式这样实现white-space:pre-wrap!important;overflow:hidden;//超过隐藏text-overflow:ellipsis;//设置省略号display:-webkit-box;-webkit-line-clamp:2;//设置行数,2显示可以显
- Struts2高危漏洞修复方案(S2-016/S2-017)
jzshmyt
JAVAJ2EE
近期Struts2被曝重要漏洞,此漏洞影响struts2.0-struts2.3所有版本,可直接导致服务器被远程控制从而引起数据泄漏,影响巨大,受影响站点以电商、银行、门户、政府居多.官方描述:S2-016:https://cwiki.apache.org/confluence/display/WW/S2-016S2-017:https://cwiki.apache.org/confluence/
- css 光影掠过文字效果
神奇大叔
我有奇妙动画css前端
光影:通过渐变背景图产生文字上有光影:background-clip:text;属性效果图:文字上白色的光影是会移动的代码示例:html,body{width:100%;height:100%;background-image:radial-gradient(ellipsefarthest-sideat40%0%,#455A640%,#26323860%,#1a2327100%);display:
- 文字光影扫过动效
bluejad
javascript前端vue.js
列子1光影扫过文字动效body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#222;margin:0;font-family:'Arial',sans-serif;}.text-container{position:relative;font-size:5rem;
- loading加载中效果 css实现
前端小趴菜05
前端
html代码加载中,请稍候...css样式/*加载中容器的样式*/.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;/*全屏高度,方便展示*///background-color:#f0f0f0;/*可选背景色*/}/*加载指示器的
- 404页面精选(一)翻滚盒子
代码对我眨眼睛
前端#html#csscss前端
内容很详细,直接上代码效果演示源码翻滚盒子body{background:#000;height:100vh;overflow:hidden;display:flex;font-family:"Anton",sans-serif;justify-content:center;align-items:center;perspective:1000px;}div{transform-style:pre
- 【VScode】使用学习--持续汇总
试着
经验分享学习vscode编辑器
VScode使用教程汇总切换python解释器切换语言切换python解释器切换语言使用快捷键打开命令面板:Ctrl+Shift+P输入:ConfigureDisplayLanguage然后重启VScode就可以生效了
- css3加载中动画效果,使用css实现加载中动画效果
weixin_39956022
css3加载中动画效果
css实现加载中动画效果如下:html加载中css.ui-loading-wrap{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;text-align:center;height:40px;.ui-loading{width:20px;height:20px;display:block;background
- HTMLCSS模板实现水滴动画效果
我爱吃朱肉
css3css前端
.container类:定义了页面的容器样式。display:flex:使容器成为弹性容器,方便对其子元素进行布局。justify-content:center和align-items:center:分别使子元素在水平和垂直方向上居中对齐。min-height:100vh:设置容器的最小高度为视口高度的100%,确保页面内容能覆盖整个视口。background-color:#000:设置容器的背景
- python os.environ 不生效_python os.environ 读取和设置环境变量
weixin_39650994
pythonos.environ不生效
>>>importos>>>os.environ.keys()['LC_NUMERIC','GOPATH','GOROOT','GOBIN','LESSOPEN','SSH_CLIENT','LOGNAME','USER','HOME','LC_PAPER','PATH','DISPLAY','LANG','TERM','SHELL','J2REDIR','LC_MONETARY','QT_QPA
- Python os.environ 读取和设置环境变量
ac.char
Pythonpython开发语言后端
Pythonos.environ读取和设置环境变量引入>>>importos查看全部key>>>os.environ.keys()['LC_NUMERIC','GOPATH','GOROOT','GOBIN','LESSOPEN','SSH_CLIENT','LOGNAME','USER','HOME','LC_PAPER','PATH','DISPLAY','LANG','TERM','SHEL
- 08前端项目----升序/降序
Stella2521
前端
升序/降序vue实现升序/降序服务器处理vue实现升序/降序用vue实现升序/降序,以及css绘制三角形综合价格.angle_top{width:0;height:0;display:block;border-style:solid;border-width:06px6px;border-color:transparenttransparent#5e5e5e;position:absolute;t
- centos挂载lvm磁盘和同一磁盘新分区前有lvm分区挂载
KUIT_命运
服务器linux运维
一、挂载lvm磁盘1.安装lvdisplay命令yum-yinstalllvm22.手动激活lv#lvdisplay#注:如果发现LVStatus为NOTavailable则有问题,如为:vailable则正常若出现NOTavailable使用以下命令进行修复:#vgchange-ayvg_group注:vg_group是VGName的名称修复完成后使用lvdisplay命令查看;#lvdispl
- 华为设备路由策略配置命令
Tony_long7483
网络设计与配置华为网络
(一)配置过滤器命令配置地址前缀列表命令[Huawei]ipip-prefixa1permit10.1.1.024//配置地址前缀列表[Huawei]ipip-prefixa2deny10.1.1.132[Huawei]displayipip-prefix//查看地址前缀列表的详细配置信息配置AS属性过滤器命令[Huawei]ipas-path-filter1permit100//配置AS路径过滤
- 华为初级数据通信学习笔记
BinaryStarXin
网络工程师提升计划2网络工程师提升计划1网络工程师提升计划3智能路由器网络网络协议信息与通信wireshark网络安全https
华为初级8.10中午静态路由;静态路由是指由管理员手动配置和维护的路由,是人工写入的。静态路由的缺点在于,当网络拓扑发生变化时,静态路由不会自动适应拓扑改变,而是需要管理员手动进行调整,工作量非常大。静态路由一般适用于结构简单的网络。配置路由表命令:iproute-static目的IP子网掩码下一跳查看路由表:displayiprouting-table
- 解决flex布局space-between最后一行左对齐的方法(所有行列不同情况通用)
flex
.work-list{display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:row;width:1200px;height:290px;&:after{content:'';**width:332px;**////这个宽度为里面.listdediv的宽度}.list{cursor:pointer;font-
- 【交通网络路径查询组件重构记录:从单文件到组合式架构的演进】
Gazer_S
Vue3重构优化重构架构前端vue.jsjavascript前端框架
交通网络路径查询组件重构记录:从单文件到组合式架构的演进引言在前端开发中,经常面临这样的情况:随着功能不断增加,组件变得越来越庞大,代码越来越难以维护。本文将分享一个真实的交通网络路径查询组件重构案例,从单一文件组件到基于组合式API的模块化架构的演进过程,并探讨这种重构的影响、利弊以及组合式API在其中发挥的作用。重构前:单文件组件的困境重构前,station-display.vue组件接近90
- 这些华为设备日常运维的命令,一定得好好地存到手机微信里面!
IT运维大本营
华为运维
以下是对华为路由器和交换机日常运维诊断时常用命令的总结,并且是按照功能进行分类整理的:一、查看设备状态的系统信息系统信息displayversion#查看设备版本信息displayclock#查看系统时间displaydevice#查看设备硬件信息(槽位、模块状态)displaycpu-usage#查看CPU利用率displaymemory-usage#查看内存利用率运行状态displayheal
- 圣诞节快到了,快给你的女朋友来个圣诞树把
小贺要学前端
cssjavascript前端
还在单身的朋友就不要掺和了(开个玩笑)。代码部分使用服务器形式打开即可。体验地址:圣诞树(mxll.xyz)bendi我想复制圣诞树*{box-sizing:border-box;}body{margin:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:
- 56、如何快速让⼀个盒⼦⽔平垂直居中
qq_45600165
前端-面试题前端
在网页开发中,有多种方式能让一个盒子实现水平垂直居中。下面为你介绍几种常见且快速的方法。1.使用Flexbox布局Flexbox是一种非常便捷的布局模型,能够轻松实现元素的水平和垂直居中。html.parent{display:flex;justify-content:center;align-items:center;width:300px;height:300px;background-col
- jquery插件 Datatables,的 fnDraw()方法怎么使用
混进IT圈
jQuerydatatablejqueryJavaScriptViewUI
jquery插件Datatables,的fnDraw()方法如何使用;http://datatables.net/examples/basic_init/scroll_y_theme.htmlJScriptcodefunctionButton2_onclick(){variCurrentPage=oTable.fnSettings()._iDisplayStart;varoSettings=oTa
- iframe嵌套第三方网址报错
更容易记住我
其他nginxifream
第一种报错描述:Refusedtodisplay‘嵌套的网址’inaframebecauseitset‘X-Frame-Options’to‘sameorigin’.X-Frame-Options:X-Frame-Options是一个HTTP响应头部,用于防止网站被嵌入到其他网站的iframe中。该协议定义了一些选项,使网站可以控制在哪些网站中可以嵌入自己的内容,从而防止网站被点击劫持攻击。X-F
- QChart 画饼图
m0_68739984
c++qt
QtQChartView实现如图AnswerToachievethedesiredpiechartdisplayinQtwithpercentagesshownoneachslice,youneedtocreateaQPieSeries,addslicestoit,calculateanddisplaythepercentageforeachslice,andaddtheseriestoaQCha
- 多语言笔记系列:展示程序执行结果
bicijinlian
PolyglotNotebooks教程笔记windowsjavascript
展示程序执行结果Console.WriteLine()方法,输出字符串到结果区域Console.WriteLine("将字符串输出到展示区!");使用内置的Display()方法//直接写变量:限制是必须是最后一行varstrList=newList(){"ab","cd","ef"};strList//使用Display()方法,可以多次调用。估计是.NetInterActive内容实现的扩展方
- 利用纯JS开发浏览器小窗口移动广告小功能
T-shmily
javascriptjavascript
效果展示直接上代码如果要用到vue项目里面,直接按照vue的写法改动就行,一般没有多大的问题,顶部的占位是我项目需求,你可以按照要求改动。*{margin:0;box-sizing:border-box;}.zhanwei{width:100%;height:160px;border:1pxsolidred;}#thediv{width:137px;height:177px;display:fle
- TCPDF不显示带有writeHTML的图像
明天依旧下着大雨
PHPTCPDFPDF生成图像显示HTML转PDFPHP库
$html='';img标签需要是双引号https://stackoverflow.com/questions/13702891/tcpdf-dont-display-image-with-writehtml
- html中button点击效果简单,css动画-实现一个最简单的水波纹效果button
weixin_39559119
类似material-ui的button效果步骤1.在页面写出一个button并赋予简单的样式代码这是一个按钮button{display:block;/*button默认是inline-block无法用margin给它居中*/margin:50pxauto;height:60px;width:150px;color:#FFF;font-size:16px;background:#E95546;o
- CSS——按钮加点击特效
Bonsoir777
css前端vue.js前端框架javascript面试
一、实现效果二、实现过程Document.box{margin:100px00200px;}.button{cursor:pointer;width:184px;height:48px;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.125em;font-weight:800;letter-sp
- apache 安装linux windows
墙头上一根草
apacheinuxwindows
linux安装Apache 有两种方式一种是手动安装通过二进制的文件进行安装,另外一种就是通过yum 安装,此中安装方式,需要物理机联网。以下分别介绍两种的安装方式
通过二进制文件安装Apache需要的软件有apr,apr-util,pcre
1,安装 apr 下载地址:htt
- fill_parent、wrap_content和match_parent的区别
Cb123456
match_parentfill_parent
fill_parent、wrap_content和match_parent的区别:
1)fill_parent
设置一个构件的布局为fill_parent将强制性地使构件扩展,以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。
2) wrap_conte
- 网页自适应设计
天子之骄
htmlcss响应式设计页面自适应
网页自适应设计
网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起,更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小,需要设计几套css样式,用js脚本判断窗口大小,选择加载。结构臃肿,加载负担较大。现笔者经过一定时间的学习,有所心得,故分享于此,加强交流,共同进步。同时希望对大家有所
- [sql server] 分组取最大最小常用sql
一炮送你回车库
SQL Server
--分组取最大最小常用sql--测试环境if OBJECT_ID('tb') is not null drop table tb;gocreate table tb( col1 int, col2 int, Fcount int)insert into tbselect 11,20,1 union allselect 11,22,1 union allselect 1
- ImageIO写图片输出到硬盘
3213213333332132
javaimage
package awt;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imagei
- 自己的String动态数组
宝剑锋梅花香
java动态数组数组
数组还是好说,学过一两门编程语言的就知道,需要注意的是数组声明时需要把大小给它定下来,比如声明一个字符串类型的数组:String str[]=new String[10]; 但是问题就来了,每次都是大小确定的数组,我需要数组大小不固定随时变化怎么办呢? 动态数组就这样应运而生,龙哥给我们讲的是自己用代码写动态数组,并非用的ArrayList 看看字符
- pinyin4j工具类
darkranger
.net
pinyin4j工具类Java工具类 2010-04-24 00:47:00 阅读69 评论0 字号:大中小
引入pinyin4j-2.5.0.jar包:
pinyin4j是一个功能强悍的汉语拼音工具包,主要是从汉语获取各种格式和需求的拼音,功能强悍,下面看看如何使用pinyin4j。
本人以前用AscII编码提取工具,效果不理想,现在用pinyin4j简单实现了一个。功能还不是很完美,
- StarUML学习笔记----基本概念
aijuans
UML建模
介绍StarUML的基本概念,这些都是有效运用StarUML?所需要的。包括对模型、视图、图、项目、单元、方法、框架、模型块及其差异以及UML轮廓。
模型、视与图(Model, View and Diagram)
&
- Activiti最终总结
avords
Activiti id 工作流
1、流程定义ID:ProcessDefinitionId,当定义一个流程就会产生。
2、流程实例ID:ProcessInstanceId,当开始一个具体的流程时就会产生,也就是不同的流程实例ID可能有相同的流程定义ID。
3、TaskId,每一个userTask都会有一个Id这个是存在于流程实例上的。
4、TaskDefinitionKey和(ActivityImpl activityId
- 从省市区多重级联想到的,react和jquery的差别
bee1314
jqueryUIreact
在我们的前端项目里经常会用到级联的select,比如省市区这样。通常这种级联大多是动态的。比如先加载了省,点击省加载市,点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。 针对这种场景,如果我们使用jquery来实现,要考虑很多的问题,数据部分,以及大量的dom操作。比如这个页面上显示了某个区,这时候我切换省,要把市重新初始化数据,然后区域的部分要从页面
- Eclipse快捷键大全
bijian1013
javaeclipse快捷键
Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对上面那条来说了)Alt+En
- js 笔记 函数
征客丶
JavaScript
一、函数的使用
1.1、定义函数变量
var vName = funcation(params){
}
1.2、函数的调用
函数变量的调用: vName(params);
函数定义时自发调用:(function(params){})(params);
1.3、函数中变量赋值
var a = 'a';
var ff
- 【Scala四】分析Spark源代码总结的Scala语法二
bit1129
scala
1. Some操作
在下面的代码中,使用了Some操作:if (self.partitioner == Some(partitioner)),那么Some(partitioner)表示什么含义?首先partitioner是方法combineByKey传入的变量,
Some的文档说明:
/** Class `Some[A]` represents existin
- java 匿名内部类
BlueSkator
java匿名内部类
组合优先于继承
Java的匿名类,就是提供了一个快捷方便的手段,令继承关系可以方便地变成组合关系
继承只有一个时候才能用,当你要求子类的实例可以替代父类实例的位置时才可以用继承。
在Java中内部类主要分为成员内部类、局部内部类、匿名内部类、静态内部类。
内部类不是很好理解,但说白了其实也就是一个类中还包含着另外一个类如同一个人是由大脑、肢体、器官等身体结果组成,而内部类相
- 盗版win装在MAC有害发热,苹果的东西不值得买,win应该不用
ljy325
游戏applewindowsXPOS
Mac mini 型号: MC270CH-A RMB:5,688
Apple 对windows的产品支持不好,有以下问题:
1.装完了xp,发现机身很热虽然没有运行任何程序!貌似显卡跑游戏发热一样,按照那样的发热量,那部机子损耗很大,使用寿命受到严重的影响!
2.反观安装了Mac os的展示机,发热量很小,运行了1天温度也没有那么高
&nbs
- 读《研磨设计模式》-代码笔记-生成器模式-Builder
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/**
* 生成器模式的意图在于将一个复杂的构建与其表示相分离,使得同样的构建过程可以创建不同的表示(GoF)
* 个人理解:
* 构建一个复杂的对象,对于创建者(Builder)来说,一是要有数据来源(rawData),二是要返回构
- JIRA与SVN插件安装
chenyu19891124
SVNjira
JIRA安装好后提交代码并要显示在JIRA上,这得需要用SVN的插件才能看见开发人员提交的代码。
1.下载svn与jira插件安装包,解压后在安装包(atlassian-jira-subversion-plugin-0.10.1)
2.解压出来的包里下的lib文件夹下的jar拷贝到(C:\Program Files\Atlassian\JIRA 4.3.4\atlassian-jira\WEB
- 常用数学思想方法
comsci
工作
对于搞工程和技术的朋友来讲,在工作中常常遇到一些实际问题,而采用常规的思维方式无法很好的解决这些问题,那么这个时候我们就需要用数学语言和数学工具,而使用数学工具的前提却是用数学思想的方法来描述问题。。下面转帖几种常用的数学思想方法,仅供学习和参考
函数思想
把某一数学问题用函数表示出来,并且利用函数探究这个问题的一般规律。这是最基本、最常用的数学方法
- pl/sql集合类型
daizj
oracle集合typepl/sql
--集合类型
/*
单行单列的数据,使用标量变量
单行多列数据,使用记录
单列多行数据,使用集合(。。。)
*集合:类似于数组也就是。pl/sql集合类型包括索引表(pl/sql table)、嵌套表(Nested Table)、变长数组(VARRAY)等
*/
/*
--集合方法
&n
- [Ofbiz]ofbiz初用
dinguangx
电商ofbiz
从github下载最新的ofbiz(截止2015-7-13),从源码进行ofbiz的试用
1. 加载测试库
ofbiz内置derby,通过下面的命令初始化测试库
./ant load-demo (与load-seed有一些区别)
2. 启动内置tomcat
./ant start
或
./startofbiz.sh
或
java -jar ofbiz.jar
&
- 结构体中最后一个元素是长度为0的数组
dcj3sjt126com
cgcc
在Linux源代码中,有很多的结构体最后都定义了一个元素个数为0个的数组,如/usr/include/linux/if_pppox.h中有这样一个结构体: struct pppoe_tag { __u16 tag_type; __u16 tag_len; &n
- Linux cp 实现强行覆盖
dcj3sjt126com
linux
发现在Fedora 10 /ubutun 里面用cp -fr src dest,即使加了-f也是不能强行覆盖的,这时怎么回事的呢?一两个文件还好说,就输几个yes吧,但是要是n多文件怎么办,那还不输死人呢?下面提供三种解决办法。 方法一
我们输入alias命令,看看系统给cp起了一个什么别名。
[root@localhost ~]# aliasalias cp=’cp -i’a
- Memcached(一)、HelloWorld
frank1234
memcached
一、简介
高性能的架构离不开缓存,分布式缓存中的佼佼者当属memcached,它通过客户端将不同的key hash到不同的memcached服务器中,而获取的时候也到相同的服务器中获取,由于不需要做集群同步,也就省去了集群间同步的开销和延迟,所以它相对于ehcache等缓存来说能更好的支持分布式应用,具有更强的横向伸缩能力。
二、客户端
选择一个memcached客户端,我这里用的是memc
- Search in Rotated Sorted Array II
hcx2013
search
Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed?
Would this affect the run-time complexity? How and why?
Write a function to determine if a given ta
- Spring4新特性——更好的Java泛型操作API
jinnianshilongnian
spring4generic type
Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新
- CentOS安装JDK
liuxingguome
centos
1、行卸载原来的:
[root@localhost opt]# rpm -qa | grep java
tzdata-java-2014g-1.el6.noarch
java-1.7.0-openjdk-1.7.0.65-2.5.1.2.el6_5.x86_64
java-1.6.0-openjdk-1.6.0.0-11.1.13.4.el6.x86_64
[root@localhost
- 二分搜索专题2-在有序二维数组中搜索一个元素
OpenMind
二维数组算法二分搜索
1,设二维数组p的每行每列都按照下标递增的顺序递增。
用数学语言描述如下:p满足
(1),对任意的x1,x2,y,如果x1<x2,则p(x1,y)<p(x2,y);
(2),对任意的x,y1,y2, 如果y1<y2,则p(x,y1)<p(x,y2);
2,问题:
给定满足1的数组p和一个整数k,求是否存在x0,y0使得p(x0,y0)=k?
3,算法分析:
(
- java 随机数 Math与Random
SaraWon
javaMathRandom
今天需要在程序中产生随机数,知道有两种方法可以使用,但是使用Math和Random的区别还不是特别清楚,看到一篇文章是关于的,觉得写的还挺不错的,原文地址是
http://www.oschina.net/question/157182_45274?sort=default&p=1#answers
产生1到10之间的随机数的两种实现方式:
//Math
Math.roun
- oracle创建表空间
tugn
oracle
create temporary tablespace TXSJ_TEMP
tempfile 'E:\Oracle\oradata\TXSJ_TEMP.dbf'
size 32m
autoextend on
next 32m maxsize 2048m
extent m
- 使用Java8实现自己的个性化搜索引擎
yangshangchuan
javasuperword搜索引擎java8全文检索
需要对249本软件著作实现句子级别全文检索,这些著作均为PDF文件,不使用现有的框架如lucene,自己实现的方法如下:
1、从PDF文件中提取文本,这里的重点是如何最大可能地还原文本。提取之后的文本,一个句子一行保存为文本文件。
2、将所有文本文件合并为一个单一的文本文件,这样,每一个句子就有一个唯一行号。
3、对每一行文本进行分词,建立倒排表,倒排表的格式为:词=包含该词的总行数N=行号