- HTML5+CSS3+JS小实例:黑客帝国“代码雨”特效
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascript前端csshtml
实例:黑客帝国“代码雨”特效技术栈:HTML+CSS+JS效果:源码:【HTML】黑客帝国“代码雨”特效【CSS】*{margin:0;padding:0;}body{overflow:hidden;}canvas{
- BUGKU-WEB 滑稽
默默提升实验室
#BUGKUBUGKU
题目描述没啥好说的,直接启动场景吧:解题思路花里胡哨的界面(js效果),有啥用呢?直接看源码吧(ctrl+u):相关工具略解题步骤ctrl+u,发现在注释中直接标明了flag得到Flagflag{acf26d3401aa10cf30a981b31aca5e15}送分题这是!新知识点略
- 前端工作流程?
hudaren
1、拿到原型图和产品经理沟通业务需求。2、拿到设计稿先规划一下思路然后切图布局。3、写出js效果。4、拿到后端的接口文档测试一下接口是否可用。5、对接数据渲染到页面。
- HTML5+CSS3+JS小实例:黑色的简约下拉菜单
艾恩小灰灰
实例:黑色的简约下拉菜单技术栈:HTML+CSS+JS效果:源码:【html】黑色的简约下拉菜单抖音【css】*{/*初始化*/margin:0;padding:0;box-sizing:border-box;}/*:root选择器匹配文档根元素*/:root{/*声明自定义属性*/--rotate-arrow:0;--dropdown-height:0;--list-opacity:0;--tr
- ctfshow信息收集(web1-web20)
网安小t
信息收集CTFSHOW信息收集web渗透网络安全渗透测试
目录web1web2web3web4web5web6web7web9web10web11web14web15web16web17web18web19web20web1根据提示的孩子开发的时候注释没有被及时删除web2js原因无法查看源代码第一种方法在url前加入view-source:会显示页面源代码,可以告诉浏览器直接显示网页的源代码不受js限制第二种方式浏览器禁用js浏览器中直接禁用js效果(
- HTML5+CSS3+JS小实例:五彩纸屑礼花筒
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascript前端html
实例:五彩纸屑礼花筒技术栈:HTML+CSS+JS效果:源码:【HTML】五彩纸屑礼花筒【CSS】
- HTML5+CSS3+JS小实例:音频可视化
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascript前端音视频css
实例:音频可视化技术栈:HTML+CSS+JS效果:源码:【HTML】音频可视化【CSS】*{margin:
- 前端常用js、css效果
yijianace
前端前端javascriptcss
前端常用js效果效果参考代码文本横向滚动文本无限滚动无缝轮播无缝滚动盒子上下移动樱花飘落效果主要整理了几个常用的,方便平时做项目的时候参考文本横向滚动文本无限滚动无缝轮播无缝滚动盒子上下滚动樱花飘落效果参考代码文本横向滚动横向滚动文字这是要滚动的文本内容。.scroll-container{width:300px;height:30px;margin:20pxauto;border:1pxsoli
- HTML5+CSS3+JS小实例:特殊验证码输入框
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascript前端html
实例:特殊验证码输入框技术栈:HTML+CSS+JS效果:源码:【HTML】特殊验证码输入框<pclas
- HTML5+CSS3+Vue小实例:彩色圆环溶解加载动画
艾恩小灰灰
HTML+CSS+JS小实例html5css3vue.js前端csshtml
实例:彩色圆环溶解加载动画技术栈:HTML+CSS+Vue.js效果:源码:【HTML】彩色圆环溶解加载动画<iv-for="item,indexin72":style="{'--rz':(index*5)+'deg',
- 用js显示当前时间
我的笑狗很磕癌.
javascript前端html
目录以下是我全部代码其中,关键代码是js效果如图所示关键代码解释如下setInterval:getElementById:innerHTML:在初步学习js时,可能会有一些朋友能用上js来显示时间,因此我在此提供一种方法供大家参考。以下是我全部代码#time{color:red;font-size:30px;}functionshow(){varweeks=['天','一','二','三','四'
- HTML5+CSS3+JS小实例:网站实现一键切换暗色主题
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascriptcss前端html
实例:网站实现一键切换暗色主题技术栈:HTML+CSS+JS效果:源码:【HTML】网站实现一键切换暗色主题
- HTML5+CSS3+JS小实例:过年3D烟花秀
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascript3d前端html
实例:过年3D烟花秀技术栈:HTML+CSS+JS效果:源码:【HTML】过年3D烟花秀,在此祝大家新年快乐,恭喜发财!【CSS】
- HTML+CSS做一个时尚柿子造型计时器
白大锅
前端酷炫合集javascripthtmlcss计时器特效计时器
文章目录效果展示代码展示HTMLJS效果展示代码展示HTML<htmllang
- HTML+CSS做一个冰立方体时钟
白大锅
前端酷炫合集htmlcss前端时钟时钟特效
文章目录效果展示代码展示HTMLJS效果展示代码展示HTML<htmllang
- HTML5+CSS3+JS小实例:过山车文字动画特效
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascripthtml前端
实例:过山车文字动画特效技术栈:HTML+CSS+JS效果:源码:【HTML】【JS】过山车文字动画特效hellohelloworld!//使用插件Splitting({whitespace:true
- HTML5+CSS3+JS小实例:自适应瀑布流布局
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascript前端csshtml
实例:自适应瀑布流布局技术栈:HTML+CSS+JS效果:源码:【HTML】自适应瀑布流布局【CSS】*{margin:0;padding:0;}.container{width:90%;m
- HTML5+CSS3+JS小实例:可拖拽排序的人物列表
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascript前端html
实例:可拖拽排序的人物列表技术栈:HTML+CSS+JS效果:源码:【HTML】可拖拽排序的人物列表路飞</sp
- 基于react-native-date-picker的日期选择组件
miao_zz
react-nativereactnativereact.jsjavascript
基于react-native-date-picker的日期选择组件效果示例图安装依赖封装组件PickerDateComponent使用组件device.js效果示例图安装依赖https://www.npmjs.com/package/react-native-date-picker?activeTab=readmenpminstallreact-native-date-picker--save封装
- 基于react-native-wheel-pick的三级地址选择
miao_zz
react-nativereactnativereact.jsjavascript
基于react-native-wheel-pick的三级地址选择效果示例图安装依赖封装组件PickerAddressComponent使用组件device.js效果示例图安装依赖ReactNative>=0.60+https://www.npmjs.com/package/react-native-wheel-pick1.安装npminstallreact-native-wheel-pick--s
- html电子签名
陈天在睡觉
知识点总结WEBhtml前端javascript
html电子签名html5实现手写签名板,点击保存即可生成base64格式的图片使用H5自带的canvas,无需引入js无需引入别的js效果图html代码电子签名*{margin:0;padding:0;}.canvas{/*width:100%;*/display:block;border:1pxsolidred;}#clear{margin:0auto;display:inline-block
- HTML5+CSS3+JS小实例:数字滑动选择控件
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascripthtml前端
实例:数字滑动选择控件技术栈:HTML+CSS+JS效果:源码:【HTML】数字滑动选择控件000102
- HTML5+CSS3+JS小实例:蜂巢里的小蜜蜂光标特效
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascript前端csshtml
实例:蜂巢里的小蜜蜂光标特效技术栈:HTML+CSS+JS效果:源码:【HTML】蜂巢里的小蜜蜂光标特效<
- HTML5+CSS3+JS小实例:Canvas图片滑块拖动验证码
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascripthtml前端
实例:Canvas图片滑块拖动验证码技术栈:HTML+CSS+JS效果:源码:【HTML】Canvas图片滑块拖动验证码<divclass="r
- HTML5+CSS3+JS小实例:九宫格图片鼠标移入移出方向感知特效
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascript前端css
实例:九宫格图片鼠标移入移出方向感知特效技术栈:HTML+CSS+JS效果:源码:【HTML】九宫格图片鼠标移入移出方向感知特效也许你永远都不会知道,你的一句话,我会记得很久;你的一个不以为然的承诺,我却苦苦守侯。
- 五、项目笔记实践
毛小意
以下是具体项目,特做笔记进行记录。学习笔记一:考核项目简易选课系统项目名称:简易选课系统:项目数据库:角色老师:ID,编号,姓名,职称,性别课程:ID,课程名,课程编号,课时分[10-50]学生:ID,编号,姓名,性别,年龄业务描述:2>教师进入系统:1>修改密码2>选择要教授的课程(每个老师最多只能选择教授3个课程)3>查看自己教授的课程下面有哪些学生。页面和js效果确定:页面效果如下图所示,修
- HTML5+CSS3+JS小实例:使用L2Dwidget实现二次元卡通看板娘
艾恩小灰灰
HTML+CSS+JS小实例html5css3javascript前端csshtml
实例:使用L2Dwidget实现二次元卡通看板娘技术栈:HTML+CSS+JS效果:源码:使用L2Dwidget实现二次元卡通看板娘body{background-image:linear-gradient(totop,#ff9a9e,#fecfef);}L2Dwidget.init({model:{//模型
- 纯前端实现3D旋转动态词云
__不靠谱先生
动态词云词云前端动态词云wordCloud前端
功能埋点:1.纯前端实现,(很简单,也能继续优化,变色等等)2.对数据格式没有要求3.每一项可点击,可做JS效果(搜索,跳转等)先看词云效果(动态旋转)不是gif图,实际是3D自动旋转效果上代码:HTML//body里面没有任何元素,元素在js里创建了一个div//两个script标签,上面的是jq的插件库网上找个版本就好,下面是自己写的js,下面会贴出来。CSSbody{background:#
- 微信小程序实现翻书效果
小刚大侠
微信小程序前端javascript
最近要在微信小程序里实现一个类似翻页的场景,网上翻看了多个案例无非就两种实现,第一种通过css3d变换+动画实现,第二使用Turn.js现成库。前者实现效果一般,后者js库是基于古老的JQuery来实现的并没办法移植到小程序了里。下面就自己调研了一下turnjs来实现小程序的简单版本turnjs效果截图我的实现思路:排版布局,通过绝对定位方式实现书页堆叠到一起就行(随意发挥)监听touchmove
- react中实现预览pdf功能(react-pdf-js)
Joey_iSleepy
javaScriptreactjavascriptreact.js前端
使用的是reactHook写法,文件是直接引入的pdf文件,也可以识别base64数据格式安装依赖:cnpminstallreact-pdf-js效果如下:importReact,{memo,useCallback,useState}from"react";//react预览pdf文件插件importPDFfrom"react-pdf-js";importpdfsfrom"/bestFirends
- C/C++Win32编程基础详解视频下载
择善Zach
编程C++Win32
课题视频:C/C++Win32编程基础详解
视频知识:win32窗口的创建
windows事件机制
主讲:择善Uncle老师
学习交流群:386620625
验证码:625
--
- Guava Cache使用笔记
bylijinnan
javaguavacache
1.Guava Cache的get/getIfPresent方法当参数为null时会抛空指针异常
我刚开始使用时还以为Guava Cache跟HashMap一样,get(null)返回null。
实际上Guava整体设计思想就是拒绝null的,很多地方都会执行com.google.common.base.Preconditions.checkNotNull的检查。
2.Guava
- 解决ora-01652无法通过128(在temp表空间中)
0624chenhong
oracle
解决ora-01652无法通过128(在temp表空间中)扩展temp段的过程
一个sql语句后,大约花了10分钟,好不容易有一个结果,但是报了一个ora-01652错误,查阅了oracle的错误代码说明:意思是指temp表空间无法自动扩展temp段。这种问题一般有两种原因:一是临时表空间空间太小,二是不能自动扩展。
分析过程:
既然是temp表空间有问题,那当
- Struct在jsp标签
不懂事的小屁孩
struct
非UI标签介绍:
控制类标签:
1:程序流程控制标签 if elseif else
<s:if test="isUsed">
<span class="label label-success">True</span>
</
- 按对象属性排序
换个号韩国红果果
JavaScript对象排序
利用JavaScript进行对象排序,根据用户的年龄排序展示
<script>
var bob={
name;bob,
age:30
}
var peter={
name;peter,
age:30
}
var amy={
name;amy,
age:24
}
var mike={
name;mike,
age:29
}
var john={
- 大数据分析让个性化的客户体验不再遥远
蓝儿唯美
数据分析
顾客通过多种渠道制造大量数据,企业则热衷于利用这些信息来实现更为个性化的体验。
分析公司Gartner表示,高级分析会成为客户服务的关键,但是大数据分析的采用目前仅局限于不到一成的企业。 挑战在于企业还在努力适应结构化数据,疲于根据自身的客户关系管理(CRM)系统部署有效的分析框架,以及集成不同的内外部信息源。
然而,面对顾客通过数字技术参与而产生的快速变化的信息,企业需要及时作出反应。要想实
- java笔记4
a-john
java
操作符
1,使用java操作符
操作符接受一个或多个参数,并生成一个新值。参数的形式与普通的方法调用不用,但是效果是相同的。加号和一元的正号(+)、减号和一元的负号(-)、乘号(*)、除号(/)以及赋值号(=)的用法与其他编程语言类似。
操作符作用于操作数,生成一个新值。另外,有些操作符可能会改变操作数自身的
- 从裸机编程到嵌入式Linux编程思想的转变------分而治之:驱动和应用程序
aijuans
嵌入式学习
笔者学习嵌入式Linux也有一段时间了,很奇怪的是很多书讲驱动编程方面的知识,也有很多书将ARM9方面的知识,但是从以前51形式的(对寄存器直接操作,初始化芯片的功能模块)编程方法,和思维模式,变换为基于Linux操作系统编程,讲这个思想转变的书几乎没有,让初学者走了很多弯路,撞了很多难墙。
笔者因此写上自己的学习心得,希望能给和我一样转变
- 在springmvc中解决FastJson循环引用的问题
asialee
循环引用fastjson
我们先来看一个例子:
package com.elong.bms;
import java.io.OutputStream;
import java.util.HashMap;
import java.util.Map;
import co
- ArrayAdapter和SimpleAdapter技术总结
百合不是茶
androidSimpleAdapterArrayAdapter高级组件基础
ArrayAdapter比较简单,但它只能用于显示文字。而SimpleAdapter则有很强的扩展性,可以自定义出各种效果
ArrayAdapter;的数据可以是数组或者是队列
// 获得下拉框对象
AutoCompleteTextView textview = (AutoCompleteTextView) this
- 九封信
bijian1013
人生励志
有时候,莫名的心情不好,不想和任何人说话,只想一个人静静的发呆。有时候,想一个人躲起来脆弱,不愿别人看到自己的伤口。有时候,走过熟悉的街角,看到熟悉的背影,突然想起一个人的脸。有时候,发现自己一夜之间就长大了。 2014,写给人
- Linux下安装MySQL Web 管理工具phpMyAdmin
sunjing
PHPInstallphpMyAdmin
PHP http://php.net/
phpMyAdmin http://www.phpmyadmin.net
Error compiling PHP on CentOS x64
一、安装Apache
请参阅http://billben.iteye.com/admin/blogs/1985244
二、安装依赖包
sudo yum install gd
- 分布式系统理论
bit1129
分布式
FLP
One famous theory in distributed computing, known as FLP after the authors Fischer, Lynch, and Patterson, proved that in a distributed system with asynchronous communication and process crashes,
- ssh2整合(spring+struts2+hibernate)-附源码
白糖_
eclipsespringHibernatemysql项目管理
最近抽空又整理了一套ssh2框架,主要使用的技术如下:
spring做容器,管理了三层(dao,service,actioin)的对象
struts2实现与页面交互(MVC),自己做了一个异常拦截器,能拦截Action层抛出的异常
hibernate与数据库交互
BoneCp数据库连接池,据说比其它数据库连接池快20倍,仅仅是据说
MySql数据库
项目用eclipse
- treetable bug记录
braveCS
table
// 插入子节点删除再插入时不能正常显示。修改:
//不知改后有没有错,先做个备忘
Tree.prototype.removeNode = function(node) {
// Recursively remove all descendants of +node+
this.unloadBranch(node);
// Remove
- 编程之美-电话号码对应英语单词
bylijinnan
java算法编程之美
import java.util.Arrays;
public class NumberToWord {
/**
* 编程之美 电话号码对应英语单词
* 题目:
* 手机上的拨号盘,每个数字都对应一些字母,比如2对应ABC,3对应DEF.........,8对应TUV,9对应WXYZ,
* 要求对一段数字,输出其代表的所有可能的字母组合
- jquery ajax读书笔记
chengxuyuancsdn
jQuery ajax
1、jsp页面
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()
- JWFD工作流拓扑结构解析伪码描述算法
comsci
数据结构算法工作活动J#
对工作流拓扑结构解析感兴趣的朋友可以下载附件,或者下载JWFD的全部代码进行分析
/* 流程图拓扑结构解析伪码描述算法
public java.util.ArrayList DFS(String graphid, String stepid, int j)
- oracle I/O 从属进程
daizj
oracle
I/O 从属进程
I/O从属进程用于为不支持异步I/O的系统或设备模拟异步I/O.例如,磁带设备(相当慢)就不支持异步I/O.通过使用I/O 从属进程,可以让磁带机模仿通常只为磁盘驱动器提供的功能。就好像支持真正的异步I/O 一样,写设备的进程(调用者)会收集大量数据,并交由写入器写出。数据成功地写出时,写入器(此时写入器是I/O 从属进程,而不是操作系统)会通知原来的调用者,调用者则会
- 高级排序:希尔排序
dieslrae
希尔排序
public void shellSort(int[] array){
int limit = 1;
int temp;
int index;
while(limit <= array.length/3){
limit = limit * 3 + 1;
- 初二下学期难记忆单词
dcj3sjt126com
englishword
kitchen 厨房
cupboard 厨柜
salt 盐
sugar 糖
oil 油
fork 叉;餐叉
spoon 匙;调羹
chopsticks 筷子
cabbage 卷心菜;洋白菜
soup 汤
Italian 意大利的
Indian 印度的
workplace 工作场所
even 甚至;更
Italy 意大利
laugh 笑
m
- Go语言使用MySQL数据库进行增删改查
dcj3sjt126com
mysql
目前Internet上流行的网站构架方式是LAMP,其中的M即MySQL, 作为数据库,MySQL以免费、开源、使用方便为优势成为了很多Web开发的后端数据库存储引擎。MySQL驱动Go中支持MySQL的驱动目前比较多,有如下几种,有些是支持database/sql标准,而有些是采用了自己的实现接口,常用的有如下几种:
http://code.google.c...o-mysql-dri
- git命令
shuizhaosi888
git
---------------设置全局用户名:
git config --global user.name "HanShuliang" //设置用户名
git config --global user.email "
[email protected]" //设置邮箱
---------------查看环境配置
git config --li
- qemu-kvm 网络 nat模式 (四)
haoningabc
kvmqemu
qemu-ifup-NAT
#!/bin/bash
BRIDGE=virbr0
NETWORK=192.168.122.0
GATEWAY=192.168.122.1
NETMASK=255.255.255.0
DHCPRANGE=192.168.122.2,192.168.122.254
TFTPROOT=
BOOTP=
function check_bridge()
- 不要让未来的你,讨厌现在的自己
jingjing0907
生活 奋斗 工作 梦想
故事one
23岁,他大学毕业,放弃了父母安排的稳定工作,独闯京城,在家小公司混个小职位,工作还算顺手,月薪三千,混了混,混走了一年的光阴。 24岁,有了女朋友,从二环12人的集体宿舍搬到香山民居,一间平房,二人世界,爱爱爱。偶然约三朋四友,打扑克搓麻将,日子快乐似神仙; 25岁,出了几次差,调了两次岗,薪水涨了不过百,生猛狂飙的物价让现实血淋淋,无力为心爱银儿购件大牌
- 枚举类型详解
一路欢笑一路走
enum枚举详解enumsetenumMap
枚举类型详解
一.Enum详解
1.1枚举类型的介绍
JDK1.5加入了一个全新的类型的”类”—枚举类型,为此JDK1.5引入了一个新的关键字enum,我们可以这样定义一个枚举类型。
Demo:一个最简单的枚举类
public enum ColorType {
RED
- 第11章 动画效果(上)
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/
- Eclipse中jsp、js文件编辑时,卡死现象解决汇总
ljf_home
eclipsejsp卡死js卡死
使用Eclipse编辑jsp、js文件时,经常出现卡死现象,在网上百度了N次,经过N次优化调整后,卡死现象逐步好转,具体那个方法起到作用,不太好讲。将所有用过的方法罗列如下:
1、取消验证
windows–>perferences–>validation
把 除了manual 下面的全部点掉,build下只留 classpath dependency Valida
- MySQL编程中的6个重要的实用技巧
tomcat_oracle
mysql
每一行命令都是用分号(;)作为结束
对于MySQL,第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的,但当一行MySQL被插入在PHP代码中时,最好把后面的分号省略掉,例如:
mysql_query("INSERT INTO tablename(first_name,last_name)VALUES('$first_name',$last_name')");
- zoj 3820 Building Fire Stations(二分+bfs)
阿尔萨斯
Build
题目链接:zoj 3820 Building Fire Stations
题目大意:给定一棵树,选取两个建立加油站,问说所有点距离加油站距离的最大值的最小值是多少,并且任意输出一种建立加油站的方式。
解题思路:二分距离判断,判断函数的复杂度是o(n),这样的复杂度应该是o(nlogn),即使常数系数偏大,但是居然跑了4.5s,也是醉了。 判断函数里面做了3次bfs,但是每次bfs节点最多