- JavaScript初级入门练习
飞灰非辉
JavaScript为简称js,是现如今十分流行的脚本语言,可插入HTML页面编程代码,对页面改进设计,实现动态操作,此处进行两个简单的js练习,熟悉js操作.一.全选操作在我们日常上网中,经常会接触到全选操作.本文中通过HTML,CSS,JavaScrpit进行一个简单的实现1.HTML搭建网页结构此处通过使用表格标签.创建一个表格,使用input属性,插入可选框,通过tr,td对表格行列项的内
- js练习-自动播放一幻灯片效果
_cherry
一直觉得js学的不扎实,网上找了项目练手,项目地址在这里。分析幻灯片是通过设置class="current"来更换图片和改变图片序号按钮样式的;通过设置setInterval实现自动滚动;对图片序号按钮添加「鼠标悬停事件」。鼠标悬停,幻灯片切换到相应页面;鼠标停留在幻灯片上时,幻灯片不滚动。实现实现幻灯片自动滚动。letlist=document.querySelector(".list");le
- JS练习题1
tkmiz
1.作用域问题+变量提升函数内部有varn,外部无法访问函数私有变量n。varn1=55;varn2=56;//经过func()后被修改为300functionfunc(n,n1){//变量提升,相当于//varn=55;//varn1=56;n=300;n1=300;n2=300;//内部没有定义n2,会访问全局}func(n1,n2);console.log(n1);//输出55console
- js练习小游戏---旋转的地球!!!( position+位移使用!!!)
白白♛~
javascriptcss前端
注意:初学者不建议直接复制希望在理解了以后再写一遍地球仪div{width:140px;height:140px;overflow:hidden;margin:auto;position:relative;border-radius:50%;}img{animation:dq10slinearinfinite;position:absolute;left:-200px;}@keyframesdq{
- CSS3——动画
Komorebi_9999
css3前端css
动画什么是帧一段动画,就是一段时间内连续播放n个画面。每一张画面,我们管它叫做“帧”。一定时间内连续快速播放若干个顿,就成了人眼中所看到的动画。同样时间内,播放的帧数越多,画面看起来越流畅。2.什么是关键帧关键帧指的是,在构成一段动画的若干帧中,起到决定性作用的2-3帧from和百分比可以混着用,但是一般不建议动画的简单定义方式js练习/*定义一个动画(定义一组关键帧)*//*开始帧,一般情况下不
- CSS3——多列布局
Komorebi_9999
css3前端css
文字的多列布局js练习.outer{width:1000px;margin:0auto;/*直接指定列数*//*下面布局的属性要给容器加*/column-count:4;/*指定每一列的宽度,会自动计算列数*//*column-width:220px;*//*复合属性,同时指定列宽和列数(不推荐使用)哪个计算得到的列数少就以哪个为准columns:4;*//*调整列间距*/column-gap:2
- HTML,CSS,JS练习题
小铮冲冲冲
1.与其他IEEE754表示浮点数的编程语言一样,JavaScript的number存在精度问题,比如0.2+0.4的结果是0.6000000000000001。以下选项中,能得到0.6的是?A.parseFloat(0.2+0.4)B.parseFloat((0.2+0.4).toFixed(1))C.Math.round(0.2+0.4)D.parseFloat((0.2+0.6).toPre
- H5C3和js练习题
小小小萌新12138
前端csshtml5
H5C3H5C3和Html,css相比有什么变化H5新特性:拖拽释放(Drapanddrop)APIondrop拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在HTML5中,拖放是标准的一部分,任何元素都能够拖放。自定义属性data-id语义化更好的内容标签(header,nav,footer,aside,article,section)音频,视频(audio,video)如果浏览器不支持自
- js练习题:构建函数创建一个电脑对象
诗意孤舟
jsjavascript前端开发语言
js练习题:构建函数创建一个电脑对象该对象有颜色,重量,品牌,型号,可以看电影,听音乐,打游戏和敲代码。functionComputer(color,weight,brand,model){this.color=color;this.weight=weight;this.brand=brand;this.model=model;this.amusement=function(movie,music
- js练习题:对象字面量的形式创建一个名字为可可的狗对象
诗意孤舟
jsjavascript前端html5
js练习题:对象字面量的形式创建一个名字为可可的狗对象名称:可可类型:阿拉斯加犬年龄:5岁颜色:棕红色技能:汪汪汪(Call),演电影(ShowFilm)Document//对象字面量的形式创建一个名字为可可的狗对象varobj={name:'可可',type:'阿拉斯加犬',age:'5岁',color:'棕红色',sayCall:function(){//document.write('汪汪汪
- JS练习题
愚人钊呀
JavaScriptjava前端服务器
目录1.九九乘法表varstr="";for(vari=1;i----------------------------------------2.计算两数运算结果functionjisuan(){varresult;varnum1=prompt("请输入第一个数");varnum2=prompt("请输入第二个数");varoperator=prompt("请输入运算符");switch(oper
- 网页布局元素填充思路 ———— 先布局,再局部
'刘小\b琦'
前端html前端
【引言】今天来分享一下在JS练习项目中学习到的网页布局思路,适合刚接触JS的小白在做练习项目,不知所措的时候看喔~简单来说就是————先布局,再局部。在初次做练习项目的时候,大多都会先仿照一个网站先进行一个试练,当里面的网页、代码、图片,都多到不行。而网页的布局排版都是毫无逻辑可言的,那我们该如何开始入手这个项目呢?【目录】从简单的网页入手登录页注册页购物车页首页商品展示页先布局再局部【正文】从简
- 力扣题目——143. 重排链表
云梦摘星大菜豆
基于js的算法题解链表数据结构算法
注:本文的代码实现使用的是JS(JavaScript),为前端中想使用JS练习算法和数据结构的小伙伴提供解题思路。描述给定一个单链表L的头节点head,单链表L表示为:L0→L1→…→Ln−1→LnL_0→L_1→…→L_{n-1}→L_nL0→L1→…→Ln−1→Ln请将其重新排列后变为:L0→Ln→L1→Ln−1→L2→Ln−2→…L_0→L_n→L_1→L_{n-1}→L_2→L_{n-2}
- js练习题(14个)
json{shen:"jing"}
javascript前端开发语言
functionfoo(val){if(val>5){console.log('aaa');}elseif(val>10){console.log('bbb');}elseif(val>15){console.log('bbb');}}foo(6);foo(11);foo(16);//其实这里的if...elseif相当于python//中的if...elif,程序会依次评估寻找第一个结果为tru
- JS练习(数组、函数)
ackhrst27078
xhtmljavascriptViewUI
代码代码~数组document.write('1、vararr1=[10,4,20,15,6,9]使用函数来实现求出此数组中最大的数与最小的数及最大的数与最小的数的位置')vararr=[10,4,20,15,6,9],a,i=0,l=arr.length-1,j=-1;a=arr[i]while(i')i=0,a=arr[i],l=arr.length-1while(iarr[++i]){a=a
- JS练习 拖拽
格格不入ち
前端html5javascriptcss
拖拽练习#moveBox{width:100px;height:100px;background-color:#bfa;position:absolute;}#box1{width:100px;height:100px;background-color:red;position:absolute;top:100px;}varmoveBox=document.getElementById("move
- JS练习 div块根据滚轮变化
格格不入ち
前端html5javascripthtml
目标:创建一个div块,在div块上操作滚轮,滚轮向下滚动时div块变高(高度增加);滚轮向上滚动时div块高度减小。代码:滚轮事件练习box6//滚轮事件//滚轮向下,框边长,滚轮向下,框变短varbox6=document.getElementById("box6");//IE中必须使用addEventListener()方法IE9//box6.addEventListener("wheel"
- 【js练习】自动手动获取焦点、失去焦点事件
果冻胶
前端javascript
手动、自动获取和失去焦点事件#search{color:dimgray;}//手动获取焦点:focus。自动获取焦点:onfocus。window.onload=function(){varoSearch=document.getElementById("search");oSearch.onfocus=function(){if(this.value=="百度一下"){this.value=";
- 【js练习】鼠标按下和松开事件
果冻胶
前端javascript
鼠标按下和松开事件window.onload=function(){varoDiv=document.getElementById("title");varoBtn=document.getElementById("btn");oBtn.onmousedown=function(){oDiv.style.color="#f3715c";oBtn.style.backgroundColor="#f3
- 【js练习】鼠标移入和移出事件
果冻胶
前端javascript
鼠标移入和移出事件/*这是css鼠标经过变色,如果不写script它会让文字消隐。*/div{font-size:100px;color:black;text-align:center;line-height:60px;transition:all1s;}div:hover{color:rgba(0,0,0,0);text-shadow:#a9f5960px0px100px;}//这是鼠标进入和出
- JS练习---纯JS创建table表格(详解)
Philo`
JSjavascript前端开发语言
练习:用纯JavaScript语言创建一个五行三列的table表格。目标效果展示:代码详解:date=["r1c1","r1c2","r1c3",4,5,6,7,8,9,10,11,12,13,14,15];//先获取容器box,在box进行表格的添加varbox=document.getElementById("box")//先定义一个大容器table,用来存放下面的tr和tdvartable=
- 一个 Vue.js 在线挑战平台
非著名程序员
编程语言javavue人工智能github
【公众号回复“1024”,免费领取程序员赚钱实操经验】大家好,我是章鱼猫。今天给大家推荐的这个开源项目很有意思,是一个Vue学习的在线挑战平台,开源的。这个开源项目里面提供了多道Vue.js练习题,帮你一步步掌握Vue.js的使用。该项目意在帮助你更好地了解Vue.js,编写出实用程序,或单纯享受挑战乐趣。如果你想学习Vue,可以看看这个开源项目,挺有意思的。开源项目地址:https://gith
- js刷题练习---牛客网
前端小白在前进
回炉重造jsjavascript开发语言ecmascript
这段时间有部分小伙伴在问有没有什么好的刷题网站在这里给大家推荐一款刷题网站点击访问牛客网牛客网支持多种编程语言的学习,各大互联网大厂面试真题,从基础到拔高,快来体验一下吧!引言前段时间想找一些网站提高一下js水平,无意间进入到牛客网,牛客网中有前端的html、css、js练习题,有基础的,有拔高的,今天我正式去练习一下,觉得牛客网有多个优点:代码便于调试,运行着也非常方便页面相对来说非常简洁,没有
- VUE前端框架
挪威@森林
前端的基础知识前端htmlcssvue.js前端框架
目录vue概述MVVM框架入门案例创建HTML文件,并引入vue.js练习Vue的基础语法–1,运算符&函数–2,解析类型丰富的data–3,data的三种写法二,Vue的指令–1,概述–2,v-model&v-cloak-3,v-if&v-show&v-for–4,v-on&v-bind三,Vue组件Component–1,概述–2,全局组件–3,局部组件四,Vue的Ajax–1,Ajax的概述
- 自制登陆页面(前端HTML,CSS,JS练习)
代号[K]
HTMLCSSJS登陆页面
自制静态登陆页面,在同一页面中,实现点击注册按钮,变换到注册的盒子,并且实现两次输入密码不一致的提示操作,登陆密码错误提示,并且3次失败后拒绝登陆源代码获取:https://github.com/akh5/web/tree/master/login实现效果:登陆,注册按钮有一个延时填充颜色的效果点击注册后会切换盒子到注册密码不一致时提示密码错误提示三次失败后,移除登陆按钮,禁止登陆登陆界面————
- js练习:仿京东放大镜案例
阿旋要毕业~
前端案例练习javascript
1.实现效果:移动遮挡框,右边的图片响应的放大并移动。2.实现思路:(1)鼠标移动到图片上,遮罩层和右边盒子显示。鼠标移出,遮罩层和右边盒子消失。(2)黄色遮罩层跟随鼠标移动(3)右边图片跟随左边图片移动注意:右边图片的移动方向与左边遮罩层的移动方向相反,因此,右边图片移动距离是负的。右边大盒子:多余的图片不显示,用overflow:hidden.来隐藏3.代码展示仿京东放大镜案例body{pad
- JS练习-淘宝商品广告效果
孙竞博
淘宝商品广告效果window.onload=function(){varoLi=document.getElementsByTagName('li');varimg=document.getElementsByTagName('img')[0];varpics=['8-img/1.png','8-img/2.png','8-img/3.png','8-img/4.png','8-img/5.png
- JS练习-文字搬运工
孙竞博
Titlehtml,body{margin:0;padding:0;background:#C0C0C0;}#wrapper{margin:50pxauto;width:800px;background:#fff;overflow:hidden;padding:20px;border-radius:10px;}textarea{background:#EFEFD6;border:none;widt
- cgb2108-day11
cgblpx
cgb2108班的笔记java
文章目录一,JS练习--1,测试二,DOM--1,概述--2,测试三,JSON--1,概述--2,测试创建js文件,存放js代码创建html网页文件,引入js代码四,Vue--1,概述--2,入门案例--3,总结4,改造入门案例五,Vue的运算符--1,测试一,JS练习–1,测试//创建JS对象:letan2={name:"大黄",//添加属性eat:function(x){//添加函数conso
- JS练习3:基础知识总结(牛客)
pp_5793
1三个等号的应用:vara,b;if(a===b){return1;}else{return0;}三个等号在这里表示不仅数值相等,其数据类型也相等。2返回Undefined的典型场景(1)对象没有定义vari;i//Undefined(2)函数没有传入参数,该参数相当于Undefined:function(x){returnx;}f()//Undefined(3)函数没有返回值时。默认返回Unde
- springmvc 下 freemarker页面枚举的遍历输出
杨白白
enumfreemarker
spring mvc freemarker 中遍历枚举
1枚举类型有一个本地方法叫values(),这个方法可以直接返回枚举数组。所以可以利用这个遍历。
enum
public enum BooleanEnum {
TRUE(Boolean.TRUE, "是"), FALSE(Boolean.FALSE, "否");
- 实习简要总结
byalias
工作
来白虹不知不觉中已经一个多月了,因为项目还在需求分析及项目架构阶段,自己在这段
时间都是在学习相关技术知识,现在对这段时间的工作及学习情况做一个总结:
(1)工作技能方面
大体分为两个阶段,Java Web 基础阶段和Java EE阶段
1)Java Web阶段
在这个阶段,自己主要着重学习了 JSP, Servlet, JDBC, MySQL,这些知识的核心点都过
了一遍,也
- Quartz——DateIntervalTrigger触发器
eksliang
quartz
转载请出自出处:http://eksliang.iteye.com/blog/2208559 一.概述
simpleTrigger 内部实现机制是通过计算间隔时间来计算下次的执行时间,这就导致他有不适合调度的定时任务。例如我们想每天的 1:00AM 执行任务,如果使用 SimpleTrigger,间隔时间就是一天。注意这里就会有一个问题,即当有 misfired 的任务并且恢复执行时,该执行时间
- Unix快捷键
18289753290
unixUnix;快捷键;
复制,删除,粘贴:
dd:删除光标所在的行 &nbs
- 获取Android设备屏幕的相关参数
酷的飞上天空
android
包含屏幕的分辨率 以及 屏幕宽度的最大dp 高度最大dp
TextView text = (TextView)findViewById(R.id.text);
DisplayMetrics dm = new DisplayMetrics();
text.append("getResources().ge
- 要做物联网?先保护好你的数据
蓝儿唯美
数据
根据Beecham Research的说法,那些在行业中希望利用物联网的关键领域需要提供更好的安全性。
在Beecham的物联网安全威胁图谱上,展示了那些可能产生内外部攻击并且需要通过快速发展的物联网行业加以解决的关键领域。
Beecham Research的技术主管Jon Howes说:“之所以我们目前还没有看到与物联网相关的严重安全事件,是因为目前还没有在大型客户和企业应用中进行部署,也就
- Java取模(求余)运算
随便小屋
java
整数之间的取模求余运算很好求,但几乎没有遇到过对负数进行取模求余,直接看下面代码:
/**
*
* @author Logic
*
*/
public class Test {
public static void main(String[] args) {
// TODO A
- SQL注入介绍
aijuans
sql注入
二、SQL注入范例
这里我们根据用户登录页面
<form action="" > 用户名:<input type="text" name="username"><br/> 密 码:<input type="password" name="passwor
- 优雅代码风格
aoyouzi
代码
总结了几点关于优雅代码风格的描述:
代码简单:不隐藏设计者的意图,抽象干净利落,控制语句直截了当。
接口清晰:类型接口表现力直白,字面表达含义,API 相互呼应以增强可测试性。
依赖项少:依赖关系越少越好,依赖少证明内聚程度高,低耦合利于自动测试,便于重构。
没有重复:重复代码意味着某些概念或想法没有在代码中良好的体现,及时重构消除重复。
战术分层:代码分层清晰,隔离明确,
- 布尔数组
百合不是茶
java布尔数组
androi中提到了布尔数组;
布尔数组默认的是false, 并且只会打印false或者是true
布尔数组的例子; 根据字符数组创建布尔数组
char[] c = {'p','u','b','l','i','c'};
//根据字符数组的长度创建布尔数组的个数
boolean[] b = new bool
- web.xml之welcome-file-list、error-page
bijian1013
javaweb.xmlservleterror-page
welcome-file-list
1.定义:
<welcome-file-list>
<welcome-file>login.jsp</welcome>
</welcome-file-list>
2.作用:用来指定WEB应用首页名称。
error-page1.定义:
<error-page&g
- richfaces 4 fileUpload组件删除上传的文件
sunjing
clearRichfaces 4fileupload
页面代码
<h:form id="fileForm"> <rich:
- 技术文章备忘
bit1129
技术文章
Zookeeper
http://wenku.baidu.com/view/bab171ffaef8941ea76e05b8.html
http://wenku.baidu.com/link?url=8thAIwFTnPh2KL2b0p1V7XSgmF9ZEFgw4V_MkIpA9j8BX2rDQMPgK5l3wcs9oBTxeekOnm5P3BK8c6K2DWynq9nfUCkRlTt9uV
- org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案
白糖_
Hibernate
文章摘自:http://blog.csdn.net/yangwawa19870921/article/details/7553181
在编写HQL时,可能会出现这种代码:
select a.name,b.age from TableA a left join TableB b on a.id=b.id
如果这是HQL,那么这段代码就是错误的,因为HQL不支持
- sqlserver按照字段内容进行排序
bozch
按照内容排序
在做项目的时候,遇到了这样的一个需求:
从数据库中取出的数据集,首先要将某个数据或者多个数据按照地段内容放到前面显示,例如:从学生表中取出姓李的放到数据集的前面;
select * fro
- 编程珠玑-第一章-位图排序
bylijinnan
java编程珠玑
import java.io.BufferedWriter;
import java.io.File;
import java.io.FileWriter;
import java.io.IOException;
import java.io.Writer;
import java.util.Random;
public class BitMapSearch {
- Java关于==和equals
chenbowen00
java
关于==和equals概念其实很简单,一个是比较内存地址是否相同,一个比较的是值内容是否相同。虽然理解上不难,但是有时存在一些理解误区,如下情况:
1、
String a = "aaa";
a=="aaa";
==> true
2、
new String("aaa")==new String("aaa
- [IT与资本]软件行业需对外界投资热情保持警惕
comsci
it
我还是那个看法,软件行业需要增强内生动力,尽量依靠自有资金和营业收入来进行经营,避免在资本市场上经受各种不同类型的风险,为企业自主研发核心技术和产品提供稳定,温和的外部环境...
如果我们在自己尚未掌握核心技术之前,企图依靠上市来筹集资金,然后使劲往某个领域砸钱,然
- oracle 数据块结构
daizj
oracle块数据块块结构行目录
oracle 数据块是数据库存储的最小单位,一般为操作系统块的N倍。其结构为:
块头--〉空行--〉数据,其实际为纵行结构。
块的标准大小由初始化参数DB_BLOCK_SIZE指定。具有标准大小的块称为标准块(Standard Block)。块的大小和标准块的大小不同的块叫非标准块(Nonstandard Block)。同一数据库中,Oracle9i及以上版本支持同一数据库中同时使用标
- github上一些觉得对自己工作有用的项目收集
dengkane
github
github上一些觉得对自己工作有用的项目收集
技能类
markdown语法中文说明
回到顶部
全文检索
elasticsearch
bigdesk elasticsearch管理插件
回到顶部
nosql
mapdb 支持亿级别map, list, 支持事务. 可考虑做为缓存使用
C
- 初二上学期难记单词二
dcj3sjt126com
englishword
dangerous 危险的
panda 熊猫
lion 狮子
elephant 象
monkey 猴子
tiger 老虎
deer 鹿
snake 蛇
rabbit 兔子
duck 鸭
horse 马
forest 森林
fall 跌倒;落下
climb 爬;攀登
finish 完成;结束
cinema 电影院;电影
seafood 海鲜;海产食品
bank 银行
- 8、mysql外键(FOREIGN KEY)的简单使用
dcj3sjt126com
mysql
一、基本概念
1、MySQL中“键”和“索引”的定义相同,所以外键和主键一样也是索引的一种。不同的是MySQL会自动为所有表的主键进行索引,但是外键字段必须由用户进行明确的索引。用于外键关系的字段必须在所有的参照表中进行明确地索引,InnoDB不能自动地创建索引。
2、外键可以是一对一的,一个表的记录只能与另一个表的一条记录连接,或者是一对多的,一个表的记录与另一个表的多条记录连接。
3、如
- java循环标签 Foreach
shuizhaosi888
标签java循环foreach
1. 简单的for循环
public static void main(String[] args) {
for (int i = 1, y = i + 10; i < 5 && y < 12; i++, y = i * 2) {
System.err.println("i=" + i + " y="
- Spring Security(05)——异常信息本地化
234390216
exceptionSpring Security异常信息本地化
异常信息本地化
Spring Security支持将展现给终端用户看的异常信息本地化,这些信息包括认证失败、访问被拒绝等。而对于展现给开发者看的异常信息和日志信息(如配置错误)则是不能够进行本地化的,它们是以英文硬编码在Spring Security的代码中的。在Spring-Security-core-x
- DUBBO架构服务端告警Failed to send message Response
javamingtingzhao
架构DUBBO
废话不多说,警告日志如下,不知道有哪位遇到过,此异常在服务端抛出(服务器启动第一次运行会有这个警告),后续运行没问题,找了好久真心不知道哪里错了。
WARN 2015-07-18 22:31:15,272 com.alibaba.dubbo.remoting.transport.dispatcher.ChannelEventRunnable.run(84)
- JS中Date对象中几个用法
leeqq
JavaScriptDate最后一天
近来工作中遇到这样的两个需求
1. 给个Date对象,找出该时间所在月的第一天和最后一天
2. 给个Date对象,找出该时间所在周的第一天和最后一天
需求1中的找月第一天很简单,我记得api中有setDate方法可以使用
使用setDate方法前,先看看getDate
var date = new Date();
console.log(date);
// Sat J
- MFC中使用ado技术操作数据库
你不认识的休道人
sqlmfc
1.在stdafx.h中导入ado动态链接库
#import"C:\Program Files\Common Files\System\ado\msado15.dll" no_namespace rename("EOF","end")2.在CTestApp文件的InitInstance()函数中domodal之前写::CoIniti
- Android Studio加速
rensanning
android studio
Android Studio慢、吃内存!启动时后会立即通过Gradle来sync & build工程。
(1)设置Android Studio
a) 禁用插件
File -> Settings... Plugins 去掉一些没有用的插件。
比如:Git Integration、GitHub、Google Cloud Testing、Google Cloud
- 各数据库的批量Update操作
tomcat_oracle
javaoraclesqlmysqlsqlite
MyBatis的update元素的用法与insert元素基本相同,因此本篇不打算重复了。本篇仅记录批量update操作的
sql语句,懂得SQL语句,那么MyBatis部分的操作就简单了。 注意:下列批量更新语句都是作为一个事务整体执行,要不全部成功,要不全部回滚。
MSSQL的SQL语句
WITH R AS(
SELECT 'John' as name, 18 as
- html禁止清除input文本输入缓存
xp9802
input
多数浏览器默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值,有2种方法:
方法一: 在不想使用缓存的input中添加 autocomplete="off"; eg: <input type="text" autocomplete="off" name