- 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
- SQL的各种连接查询
xieke90
UNION ALLUNION外连接内连接JOIN
一、内连接
概念:内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。
内连接(join 或者inner join )
SQL语法:
select * fron
- java编程思想--复用类
百合不是茶
java继承代理组合final类
复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书
一:组合语法:就是将对象的引用放到新类中即可
代码:
package com.wj.reuse;
/**
*
* @author Administrator 组
- [开源与生态系统]国产CPU的生态系统
comsci
cpu
计算机要从娃娃抓起...而孩子最喜欢玩游戏....
要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节....
投入一些资金和资源,人力和政策,让游
- JVM内存区域划分Eden Space、Survivor Space、Tenured Gen,Perm Gen解释
商人shang
jvm内存
jvm区域总体分两类,heap区和非heap区。heap区又分:Eden Space(伊甸园)、Survivor Space(幸存者区)、Tenured Gen(老年代-养老区)。 非heap区又分:Code Cache(代码缓存区)、Perm Gen(永久代)、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。
HotSpot虚拟机GC算法采用分代收
- 页面上调用 QQ
oloz
qq
<A href="tencent://message/?uin=707321921&Site=有事Q我&Menu=yes">
<img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a>
- 一些问题
文强chu
问题
1.eclipse 导出 doc 出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 .....
SQL:3.mysql * 必须得放前面 否则 select&nbs
- 生活没有安全感
小桔子
生活孤独安全感
圈子好小,身边朋友没几个,交心的更是少之又少。在深圳,除了男朋友,没几个亲密的人。不知不觉男朋友成了唯一的依靠,毫不夸张的说,业余生活的全部。现在感情好,也很幸福的。但是说不准难免人心会变嘛,不发生什么大家都乐融融,发生什么很难处理。我想说如果不幸被分手(无论原因如何),生活难免变化很大,在深圳,我没交心的朋友。明
- php 基础语法
aichenglong
php 基本语法
1 .1 php变量必须以$开头
<?php
$a=” b”;
echo
?>
1 .2 php基本数据库类型 Integer float/double Boolean string
1 .3 复合数据类型 数组array和对象 object
1 .4 特殊数据类型 null 资源类型(resource) $co
- mybatis tools 配置详解
AILIKES
mybatis
MyBatis Generator中文文档
MyBatis Generator中文文档地址:
http://generator.sturgeon.mopaas.com/
该中文文档由于尽可能和原文内容一致,所以有些地方如果不熟悉,看中文版的文档的也会有一定的障碍,所以本章根据该中文文档以及实际应用,使用通俗的语言来讲解详细的配置。
本文使用Markdown进行编辑,但是博客显示效
- 继承与多态的探讨
百合不是茶
JAVA面向对象 继承 对象
继承 extends 多态
继承是面向对象最经常使用的特征之一:继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类,这个新类拥有现有类的所有extends是使用继承的关键字:
在A类中定义属性和方法;
class A{
//定义属性
int age;
//定义方法
public void go
- JS的undefined与null的实例
bijian1013
JavaScriptJavaScript
<form name="theform" id="theform">
</form>
<script language="javascript">
var a
alert(typeof(b)); //这里提示undefined
if(theform.datas
- TDD实践(一)
bijian1013
java敏捷TDD
一.TDD概述
TDD:测试驱动开发,它的基本思想就是在开发功能代码之前,先编写测试代码。也就是说在明确要开发某个功能后,首先思考如何对这个功能进行测试,并完成测试代码的编写,然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能,直到完全部功能的开发。
- [Maven学习笔记十]Maven Profile与资源文件过滤器
bit1129
maven
什么是Maven Profile
Maven Profile的含义是针对编译打包环境和编译打包目的配置定制,可以在不同的环境上选择相应的配置,例如DB信息,可以根据是为开发环境编译打包,还是为生产环境编译打包,动态的选择正确的DB配置信息
Profile的激活机制
1.Profile可以手工激活,比如在Intellij Idea的Maven Project视图中可以选择一个P
- 【Hive八】Hive用户自定义生成表函数(UDTF)
bit1129
hive
1. 什么是UDTF
UDTF,是User Defined Table-Generating Functions,一眼看上去,貌似是用户自定义生成表函数,这个生成表不应该理解为生成了一个HQL Table, 貌似更应该理解为生成了类似关系表的二维行数据集
2. 如何实现UDTF
继承org.apache.hadoop.hive.ql.udf.generic
- tfs restful api 加auth 2.0认计
ronin47
目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点:
一是基于客户端的ip设置。这个比较容易实现。
二是基于OAuth2.0认证,这个需要lua,实现起来相对于一来说,有些难度。
现在重点介绍第二种方法实现思路。
前言:我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算,阅读下面的文档,实现自动化并获得收益。SeatGe
- jdk环境变量配置
byalias
javajdk
进行java开发,首先要安装jdk,安装了jdk后还要进行环境变量配置:
1、下载jdk(http://java.sun.com/javase/downloads/index.jsp),我下载的版本是:jdk-7u79-windows-x64.exe
2、安装jdk-7u79-windows-x64.exe
3、配置环境变量:右击"计算机"-->&quo
- 《代码大全》表驱动法-Table Driven Approach-2
bylijinnan
java
package com.ljn.base;
import java.io.BufferedReader;
import java.io.FileInputStream;
import java.io.InputStreamReader;
import java.util.ArrayList;
import java.util.Collections;
import java.uti
- SQL 数值四舍五入 小数点后保留2位
chicony
四舍五入
1.round() 函数是四舍五入用,第一个参数是我们要被操作的数据,第二个参数是设置我们四舍五入之后小数点后显示几位。
2.numeric 函数的2个参数,第一个表示数据长度,第二个参数表示小数点后位数。
例如:
select cast(round(12.5,2) as numeric(5,2))  
- c++运算符重载
CrazyMizzz
C++
一、加+,减-,乘*,除/ 的运算符重载
Rational operator*(const Rational &x) const{
return Rational(x.a * this->a);
}
在这里只写乘法的,加减除的写法类似
二、<<输出,>>输入的运算符重载
&nb
- hive DDL语法汇总
daizj
hive修改列DDL修改表
hive DDL语法汇总
1、对表重命名
hive> ALTER TABLE table_name RENAME TO new_table_name;
2、修改表备注
hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm
- jbox使用说明
dcj3sjt126com
Web
参考网址:http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [
点击下载]
技术交流QQGroup:172543951 100521167
[2011-11-11] jBox v2.3 正式版
- [调整&修复] IE6下有iframe或页面有active、applet控件
- UISegmentedControl 开发笔记
dcj3sjt126com
// typedef NS_ENUM(NSInteger, UISegmentedControlStyle) {
// UISegmentedControlStylePlain, // large plain
&
- Slick生成表映射文件
ekian
scala
Scala添加SLICK进行数据库操作,需在sbt文件上添加slick-codegen包
"com.typesafe.slick" %% "slick-codegen" % slickVersion
因为我是连接SQL Server数据库,还需添加slick-extensions,jtds包
"com.typesa
- ES-TEST
gengzg
test
package com.MarkNum;
import java.io.IOException;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.ServletException;
import javax.servlet.annotation
- 为何外键不再推荐使用
hugh.wang
mysqlDB
表的关联,是一种逻辑关系,并不需要进行物理上的“硬关联”,而且你所期望的关联,其实只是其数据上存在一定的联系而已,而这种联系实际上是在设计之初就定义好的固有逻辑。
在业务代码中实现的时候,只要按照设计之初的这种固有关联逻辑来处理数据即可,并不需要在数据库层面进行“硬关联”,因为在数据库层面通过使用外键的方式进行“硬关联”,会带来很多额外的资源消耗来进行一致性和完整性校验,即使很多时候我们并不
- 领域驱动设计
julyflame
VODAO设计模式DTOpo
概念:
VO(View Object):视图对象,用于展示层,它的作用是把某个指定页面(或组件)的所有数据封装起来。
DTO(Data Transfer Object):数据传输对象,这个概念来源于J2EE的设计模式,原来的目的是为了EJB的分布式应用提供粗粒度的数据实体,以减少分布式调用的次数,从而提高分布式调用的性能和降低网络负载,但在这里,我泛指用于展示层与服务层之间的数据传输对
- 单例设计模式
hm4123660
javaSingleton单例设计模式懒汉式饿汉式
单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问,从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个,单例模式是最好的解决方案。
&nb
- logback
zhb8015
loglogback
一、logback的介绍
Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块:logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class
- 整合Kafka到Spark Streaming——代码示例和挑战
Stark_Summer
sparkstormzookeeperPARALLELISMprocessing
作者Michael G. Noll是瑞士的一位工程师和研究员,效力于Verisign,是Verisign实验室的大规模数据分析基础设施(基础Hadoop)的技术主管。本文,Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间, Michael还提到了将Kafka整合到 Spark Streaming中的一些现状,非常值得阅读,虽然有一些信息在Spark 1.2版
- spring-master-slave-commondao
王新春
DAOspringdataSourceslavemaster
互联网的web项目,都有个特点:请求的并发量高,其中请求最耗时的db操作,又是系统优化的重中之重。
为此,往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层,要保证针对主库进行写操作,对多个从库进行读操作。当然在一些请求中,为了避免主从复制的延迟导致的数据不一致性,部分的读操作也要到主库上。(这种需求一般通过业务垂直分开,比如下单业务的代码所部署的机器,读去应该也要从主库读取数