- 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
- 312个免费高速HTTP代理IP(能隐藏自己真实IP地址)
yangshangchuan
高速免费superwordHTTP代理
124.88.67.20:843
190.36.223.93:8080
117.147.221.38:8123
122.228.92.103:3128
183.247.211.159:8123
124.88.67.35:81
112.18.51.167:8123
218.28.96.39:3128
49.94.160.198:3128
183.20
- pull解析和json编码
百合不是茶
androidpull解析json
n.json文件:
[{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]
pull.xml文件
<?xml version="1.0" encoding="utf-8"?>
<stu>
<name>java
- [能源与矿产]石油与地球生态系统
comsci
能源
按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....
那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
- 类与对象浅谈
沐刃青蛟
java基础
类,字面理解,便是同一种事物的总称,比如人类,是对世界上所有人的一个总称。而对象,便是类的具体化,实例化,是一个具体事物,比如张飞这个人,就是人类的一个对象。但要注意的是:张飞这个人是对象,而不是张飞,张飞只是他这个人的名字,是他的属性而已。而一个类中包含了属性和方法这两兄弟,他们分别用来描述对象的行为和性质(感觉应该是
- 新站开始被收录后,我们应该做什么?
IT独行者
PHPseo
新站开始被收录后,我们应该做什么?
百度终于开始收录自己的网站了,作为站长,你是不是觉得那一刻很有成就感呢,同时,你是不是又很茫然,不知道下一步该做什么了?至少我当初就是这样,在这里和大家一份分享一下新站收录后,我们要做哪些工作。
至于如何让百度快速收录自己的网站,可以参考我之前的帖子《新站让百
- oracle 连接碰到的问题
文强chu
oracle
Unable to find a java Virtual Machine--安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案
作者:草根IT网 来源:未知 人气:813标签:
导读:安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径,找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
- Swing中按ctrl键同时移动鼠标拖动组件(类中多借口共享同一数据)
小桔子
java继承swing接口监听
都知道java中类只能单继承,但可以实现多个接口,但我发现实现多个接口之后,多个接口却不能共享同一个数据,应用开发中想实现:当用户按着ctrl键时,可以用鼠标点击拖动组件,比如说文本框。
编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口,重写方法。定义一个全局变量boolea
- linux常用的命令
aichenglong
linux常用命令
1 startx切换到图形化界面
2 man命令:查看帮助信息
man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分
name:对命令的简单说明
synopsis:命令的使用格式说明
description:命令的详细说明信息
options:命令的各项说明
3 date:显示时间
语法:date [OPTION]... [+FORMAT]
- eclipse内存优化
AILIKES
javaeclipsejvmjdk
一 基本说明 在JVM中,总体上分2块内存区,默认空余堆内存小于 40%时,JVM就会增大堆直到-Xmx的最大限制;空余堆内存大于70%时,JVM会减少堆直到-Xms的最小限制。 1)堆内存(Heap memory):堆是运行时数据区域,所有类实例和数组的内存均从此处分配,是Java代码可及的内存,是留给开发人
- 关键字的使用探讨
百合不是茶
关键字
//关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final 类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖,但可以继承 final 变量 只能有一次赋值,赋值后不能改变 final 不能用来修饰构造方法*///this()
- JS中定义对象的几种方式
bijian1013
js
1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象):
<html>
<head>
<title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title>
</head>
<script>
var obj = new Object();
- 表驱动法实例
bijian1013
java表驱动法TDD
获得月的天数是典型的直接访问驱动表方式的实例,下面我们来展示一下:
MonthDaysTest.java
package com.study.test;
import org.junit.Assert;
import org.junit.Test;
import com.study.MonthDays;
public class MonthDaysTest {
@T
- LInux启停重启常用服务器的脚本
bit1129
linux
启动,停止和重启常用服务器的Bash脚本,对于每个服务器,需要根据实际的安装路径做相应的修改
#! /bin/bash
Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo);
Ops=(Start, Stop, Restart);
currentDir=$(pwd);
echo
- 【HBase六】REST操作HBase
bit1129
hbase
HBase提供了REST风格的服务方便查看HBase集群的信息,以及执行增删改查操作
1. 启动和停止HBase REST 服务 1.1 启动REST服务
前台启动(默认端口号8080)
[hadoop@hadoop bin]$ ./hbase rest start
后台启动
hbase-daemon.sh start rest
启动时指定
- 大话zabbix 3.0设计假设
ronin47
What’s new in Zabbix 2.0?
去年开始使用Zabbix的时候,是1.8.X的版本,今年Zabbix已经跨入了2.0的时代。看了2.0的release notes,和performance相关的有下面几个:
:: Performance improvements::Trigger related da
- http错误码大全
byalias
http协议javaweb
响应码由三位十进制数字组成,它们出现在由HTTP服务器发送的响应的第一行。
响应码分五种类型,由它们的第一位数字表示:
1)1xx:信息,请求收到,继续处理
2)2xx:成功,行为被成功地接受、理解和采纳
3)3xx:重定向,为了完成请求,必须进一步执行的动作
4)4xx:客户端错误,请求包含语法错误或者请求无法实现
5)5xx:服务器错误,服务器不能实现一种明显无效的请求
- J2EE设计模式-Intercepting Filter
bylijinnan
java设计模式数据结构
Intercepting Filter类似于职责链模式
有两种实现
其中一种是Filter之间没有联系,全部Filter都存放在FilterChain中,由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下:
package com.ljn.filter.custom;
import java.util.ArrayList;
- 修改jboss端口
chicony
jboss
修改jboss端口
%JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml
中找到
<!-- The ports-default bindings are obtained by taking the base bindin
- c++ 用类模版实现数组类
CrazyMizzz
C++
最近c++学到数组类,写了代码将他实现,基本具有vector类的功能
#include<iostream>
#include<string>
#include<cassert>
using namespace std;
template<class T>
class Array
{
public:
//构造函数
- hadoop dfs.datanode.du.reserved 预留空间配置方法
daizj
hadoop预留空间
对于datanode配置预留空间的方法 为:在hdfs-site.xml添加如下配置
<property>
<name>dfs.datanode.du.reserved</name>
<value>10737418240</value>
 
- mysql远程访问的设置
dcj3sjt126com
mysql防火墙
第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况,my.cnf放置于在以下目录: /etc/mysql/my.cnf (Debian linux) /etc/my.cnf (Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf,修改内容从以下行: [mysqld] 你所需要: 1
- ios 使用特定的popToViewController返回到相应的Controller
dcj3sjt126com
controller
1、取navigationCtroller中的Controllers
NSArray * ctrlArray = self.navigationController.viewControllers;
2、取出后,执行,
[self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
- Linux正则表达式和通配符的区别
eksliang
正则表达式通配符和正则表达式的区别通配符
转载请出自出处:http://eksliang.iteye.com/blog/1976579
首先得明白二者是截然不同的
通配符只能用在shell命令中,用来处理字符串的的匹配。
判断一个命令是否为bash shell(linux 默认的shell)的内置命令
type -t commad
返回结果含义
file 表示为外部命令
alias 表示该
- Ubuntu Mysql Install and CONF
gengzg
Install
http://www.navicat.com.cn/download/navicat-for-mysql
Step1: 下载Navicat ,网址:http://www.navicat.com/en/download/download.html
Step2:进入下载目录,解压压缩包:tar -zxvf navicat11_mysql_en.tar.gz
- 批处理,删除文件bat
huqiji
windowsdos
@echo off
::演示:删除指定路径下指定天数之前(以文件名中包含的日期字符串为准)的文件。
::如果演示结果无误,把del前面的echo去掉,即可实现真正删除。
::本例假设文件名中包含的日期字符串(比如:bak-2009-12-25.log)
rem 指定待删除文件的存放路径
set SrcDir=C:/Test/BatHome
rem 指定天数
set DaysAgo=1
- 跨浏览器兼容的HTML5视频音频播放器
天梯梦
html5
HTML5的video和audio标签是用来在网页中加入视频和音频的标签,在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。 How to enable <video> and <audio> tags in
- Bundle自定义数据传递
hm4123660
androidSerializable自定义数据传递BundleParcelable
我们都知道Bundle可能过put****()方法添加各种基本类型的数据,Intent也可以通过putExtras(Bundle)将数据添加进去,然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity
把数据放到Intent
- C#:异步编程和线程的使用(.NET 4.5 )
powertoolsteam
.net线程C#异步编程
异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程,可使用线程也可以不用。将异步与线程同时讲,将有助于我们更好的理解它们的特征。
本文中涉及关键知识点
1. 异步编程
2. 线程的使用
3. 基于任务的异步模式
4. 并行编程
5. 总结
异步编程
什么是异步操作?异步操作是指某些操作能够独立运行,不依赖主流程或主其他处理流程。通常情况下,C#程序
- spark 查看 job history 日志
Stark_Summer
日志sparkhistoryjob
SPARK_HOME/conf 下:
spark-defaults.conf 增加如下内容
spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true
spark-env.sh 增加如下内容
export SP
- SSH框架搭建
wangxiukai2015eye
springHibernatestruts
MyEclipse搭建SSH框架 Struts Spring Hibernate
1、new一个web project。
2、右键项目,为项目添加Struts支持。
选择Struts2 Core Libraries -<MyEclipes-Library>
点击Finish。src目录下多了struts