自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

xiaokehai的专栏

我以乌龟的速度,笨鸟的思想,前进,不要问自己可不可能,若不去做则更不可能

  • 博客(54)
  • 问答 (3)
  • 收藏
  • 关注

原创 官网适配遇到的问题

 遇到的问题:1:如果给设计稿是1920*1080,和750*1334设计稿你怎么做适配2:怎么合理使用rem,%3:在pc端怎么适配各种大小不一的尺寸电脑4:当页面在刷新出现那么一瞬间样式没有渲染,1秒后又好的情况怎么处理5:使用最小尺寸电脑通常限制到1200 第一:在pc端适配,限制最小尺寸1200保证样式不乱,文字很大的情况下使用rem适配,       ...

2018-08-15 10:12:57 1034

原创 ,当调用mouseout的时候由于我需要隐藏的层上面有好几个层,所有当鼠标在该层划过子层的时候也会调用mouseout,从而隐藏掉该层

困扰的一个问题:        当调用mouseout的时候由于我需要隐藏的层上面有好几个层,所有当鼠标在该层划过子层的时候也会调用mouseout,从而隐藏掉该层  我想实现的是:         当鼠标划过该子层不触发mouseout事件,         怎么实现的呢,我从该博客中得到了启发:http://bbs.csdn.net/topics/360212618    

2016-12-05 13:37:16 327

原创 在eclipse里报这个错Http Status 500-/***.jsp(line:2,column:39) The JSP specification requires ............

报错:发现错误将prefix前空一个格子就可以了。

2016-10-29 21:11:16 4525

原创 使用chart.js插件与响应式问题

直接切入主题:          这是一个困了我半天的chart.js的响应式问题,刚开始是插件找不对,制作响应式的坐标轴曲线图问题。响应式后成功了的效果图:步骤:一、下载chart.js插件:http://www.bootcss.com/p/chart.js/            二、使用html5画布标签来实现曲线坐标

2016-09-30 18:05:06 3024

翻译 js身份验证

var vcity={ 11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古", 21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏", 33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南", 42:"湖北",43:"湖南",44:

2016-06-27 09:43:59 459

原创 点击一个链接可以在指定的div块中显示(使用jquery实现)

没有学过jquery,第一次知道实现这个功能 点击一个连接可以指定到一个div块里显示连接的内容 以前只知道这个效果使用框架ifram实现,现在有懂了另一个方式实现(有点小激动了,虽然这个对于大神来说好简单,但是对于我这个小小的~~~来说,是个喜悦(*^▽^*))

2016-05-18 10:58:50 4988

翻译 <input >上传图片文件的解说

Document #div_img{ width: 200px; height: 200px; border:1px solid red; } .poto{ width: 200px; height: 200px; }

2016-04-27 20:47:26 412

翻译 相册滚动

html页面:解析如下:HTML页面代码: Document function getByClass(oParent,sClass){ var aEle=oParent.getElementsByTagName('*'); var aResult=[]; for(var i=0;i<aEle.length;i++){ if(

2016-03-24 22:15:20 359

原创 右侧悬浮框

在学习右侧悬浮框之前,我对这个offsetLeft(理解了offsetLeft就理解了offsetTop)有疑惑对offsetLeft的理解:右侧悬浮框:核心思想:找出滑块的实际位置+运动框架代码如下:#box{width: 100px;height: 150px;background-color: red;position: abs

2016-03-23 11:57:18 501

翻译 javaScript开发视屏课程(将获取元素封装成方法)

封装好的元素方法如下:function getByClass(oParent,sClass){                   var aEle=oParent.getElementsByTagName('*');/*其中“*”表示通配符,可以表示元素*/             var aResult=[];/*将选中的元素放在这个数组里*/              for

2016-03-17 15:25:25 438

原创 制作无缝滚动的滚动封装好的函数:

制作无缝滚动的滚动封装好的函数:function move(obj,speed){//其中obj:表示的是移动的对象,speed:表示的是移动的速度             if(obj.offsetLeft                obj.style.left='0';              }                             if(ob

2016-03-15 10:15:55 481

原创 点击按钮图片变换

效果图:实现的代码和解析如下:Document         #box{          height: 320px;          overflow: hidden;//将超出div块的图片隐藏起来         }         #box1 img{          display: block;     

2016-03-10 22:02:20 830

原创 学习js,时查看浏览器提示的错误Uncaught SyntaxError: Unexpected token [

window.onload=function(){var aDiv=document.getElementsByTagName('div');for(var i=0;i//var aDiv[i].alpha=30;错误重定义了数组,在浏览器那里会报错的aDiv[i].alpha=30;aDiv[i].onmouseover=function(){startMove(this

2015-12-12 16:59:36 2605

原创 css3学习过程中导航条的制作笔记

导航菜单效果图:使用了css3知识点制作:有一下几点:1:将方角画成圆角:border-radius2:阴影效果使得有立体感:box-shadow:3:过度效果:transform里的rotate() ,并使用transition设置了过度的对象,时间,方式还使用了rgba()来调节颜色的透明度Document         ul{ 

2015-11-18 15:48:22 414

原创 css3学习过程----制作曲线阴影效果

曲线图片效果:代码和注释如下:Documentdiv,h1,body{margin: 0;padding: 0;}           .con{            width: 500px;            height: 200px;                    margin: 100px auto;       

2015-11-14 20:35:48 359

原创 CSS3的学习笔记---制作翘边阴影

翘边阴影效果的图片:代码和注释入下:Document   ul,li,img,body{margin:0;padding: 0;}   /*li和ul有间距作为图片的边框*/   ul{    width: 245px;    height: 255px;    border: 1px solid #fff;    margin: 0

2015-11-14 19:48:28 342

原创 实现三列布局

实现三列布局    普通案例:设置好三块的宽高,然后使用浮动布局就可以实现了,看代码实现              Document              div,body{margin:0;padding: 0;}       #one{               border: 2px solid red;               widt

2015-11-08 17:00:11 395

原创 浮动布局和绝对布局

今天我将自己理解的div的浮动布局,绝对布局,和自动居中来做解说在什么情况下使用我们要使用到浮动布局和绝对布局呢?由于div是块级元素,所以在默认情况下,会占据一行,每个块级元素就像流水型一样,从上到下布局,当我们想做个横向多列布局是,我们就可以使用浮动布局和绝对布局。 浮动布局(float)使用:思路:我们将想实现横向布局的每个块级元素,设置为float;至于float的

2015-11-08 12:11:44 1134

原创 js小案例效果学习记录--倒计时

制作简单的倒计时效果图片解析:代码解析:全部代码如下:Documentbody,div{margin: 0px;padding: 0px;}        #con{        width: 500px;        height: 500px;        border: 2px solid green;

2015-10-30 16:51:11 476

原创 js小案例效果学习记录

效果:单击一个按钮可以将图片显示出来,单击另一个按钮有可以将图片隐藏起来图片解释:代码解释:

2015-10-28 23:09:35 419

原创 js小案例效果学习记录

效果:在当前网页里自动弹出一个网页,单击Close按钮时,刚才弹出的网页自动关闭图形解析:代码解析:

2015-10-28 21:52:25 840

原创 js的小案例的实现效果学习笔记

实现多个复选框单击一个按钮就可以实现全选的事件,和单击一个按钮可以将选中的复选框全部取消的事件。思路:制作多个复选框,复选框的name是一样的制作一个按钮,单击这个按钮,这些复选框全部被选中,实现这个事件思路:         先获取input标签的name的值,将获取的这些name的checked属性设置为true;制作一个按钮,单击这个按钮,这些被选中的复选

2015-10-28 16:03:40 571

原创 js小案例效果实现代码学习记录

倒计时到1时就自动转换到慕课网网页,不过可以在5秒内单击返回,可以返回到之前自己访问的前一个网页。现在我来整理一些做这个的思路:1:先布局,将网页的内容做出来。2.实现倒计时的事件就交给Js来实现了。3.实现返回的事件也交给js来实现了。 下面我来说说实现倒计和返回事件时事件的代码解释:

2015-10-28 11:06:45 615

原创 蓝桥杯备战--质因数分解

思路:要理解质因数是什么!那就先解释一下什么是质因数吧!质因数:每个合数都可以写成几个质素相乘的形式,这几个质素被称为该合数的质因数!现在再去理解什么是质素,质素:2再加上所有的素数,即质素是素数;什么是素数:就是只能被1和它本身整除的数 理解好了数学概念,现在来说一下算法吧!看上面三个例子,由数学的计算知道,一个数的质因数是用上面这样的方法,一般我们按照上面的方法时,我们在会

2014-11-17 21:36:07 413

原创 常识算法--素数判断

什么是素数:就是只能被1和它本身整除的数#includeusing namespace std;bool jupanSuShu(int num)//判断该数{int i=0;for(i=2;iif(num%i==0)return false;return true;}int main(){    int n;    int i;    c

2014-11-17 15:27:10 272

翻译 l蓝桥杯备战- Huffuman树

思路:(1)输入一个数组      (2)将数组按从小到大的顺序排列,可以用sort()函数      (3)将数组的前两个元素相加,并去掉,并存入他们之和进入数组      (4)循环内容(2)(3),条件是1,使用理由是:让数组中元素只留下一个元素;题目:问题描述  Huffman树在编码中有着广泛的应用。在这里,我们只关心Huffman树的构造过程。  给出一列数

2014-11-13 21:54:53 559

翻译 蓝桥杯备战-精度加法

大数相加思维想法:先将大数以字符串的形式输入,在将字符串输出,并转变成数字并存入数组中。主要相加部分要这样处理:将两个数组下标对应相加,相加同时要考虑是否进位,并将计算的数值存入数组中,还要注意:反向输出时之前因为数组初始化为0,则要处理掉首位为0的字符,再进行输出,步骤:1:设s1,s2为两个字符串2:设a[i],b[i]为存入字符串s1,s2的数组3:a[i]=s1[i]-

2014-11-12 15:43:59 260

原创 蓝桥杯备战-阶乘计算

问题描述  输入一个正整数n,输出n!的值。  其中n!=1*2*3*…*n。算法描述  n!可能很大,而计算机能表示的整数范围有限,需要使用高精度计算的方法。使用一个数组A来表示一个大整数a,A[0]表示a的个位,A[1]表示a的十位,依次类推。  将a乘以一个整数k变为将数组A的每一个元素都乘以k,请注意处理相应的进位。  首先将a设为1,然后乘2,乘3,当乘到n时,即

2014-11-12 15:05:21 668

原创 蓝桥杯备战-01字串

基础练习 01字串  时间限制:1.0s   内存限制:256.0MB问题描述对于长度为5位的一个01串,每一位都可能是0或1,一共有32种可能。它们的前几个是:0000000001000100001100100请按从小到大的顺序输出这32种01串。输入格式本试题没有输入。输出格式输出32行,按从小到大的顺序每行一个长度为5的01串。样例输出

2014-11-12 13:50:01 307

原创 蓝桥杯备战-字母图形

问题描述利用字母可以组成一些美丽的图形,下面给出了一个例子:ABCDEFGBABCDEFCBABCDEDCBABCDEDCBABC这是一个5行7列的图形,请找出这个图形的规律,并输出一个n行m列的图形。输入格式输入一行,包含两个整数n和m,分别表示你要输出的图形的行数的列数。输出格式输出n行,每个m个字符,为你的图形。样例输入5 7样

2014-11-12 13:41:34 451

原创 蓝桥杯备战-杨辉三角形

问题描述杨辉三角形又称Pascal三角形,它的第i+1行是(a+b)i的展开式的系数。  它的一个重要性质是:三角形中的每个数字等于它两肩上的数字相加。  下面给出了杨辉三角形的前4行:     1    1 1   1 2 1  1 3 3 1  给出n,输出它的前n行。输入格式输入包含一个数n。输出格式输出杨辉三角形的

2014-11-10 09:27:55 573

原创 java 入门-接口

接口   接口声明使用关键字(interface)来声明接口体常量定义接口体中所有常量访问权限一定都是public(允许public与final省略)方法定义该方法所有的抽象方法的访问权限一定都为public,该方法一定是是抽象方法(但public,abstract可以略掉)

2014-10-26 21:58:32 313

原创 蓝桥杯备战-逻辑判断

题目:A、B、C、D、E、F、G、H、I、J 共10名学生有可能参加本次计算机竞赛,也可能不参加。因为某种原因,他们是否参赛受到下列条件的约束:   1. 如果A参加,B也参加;   2. 如果C不参加,D也不参加;   3. A和C中只能有一个人参加;   4. B和D中有且仅有一个人参加;   5. D、E、F、G、H 中至少有2人参加;   6. C和G或

2014-10-26 11:45:32 402

原创 Java入门-abstract类及方法

多态性是指父类的某个方法被其子类重写时,

2014-10-25 19:38:58 305

原创 java入门-对象的上转型对象

我刚接触是觉得这个概念有点抽象,

2014-10-25 15:26:14 782

原创 Java入门 final关键字使用

final关键字可以修饰类,成员

2014-10-25 15:09:05 231

原创 java入门-成员变量的隐藏与方法重写(super)

只要子类中声明的成员变量和父类中的

2014-10-25 13:19:14 1277

原创 Java入门-继承

举例子:         类声明中,

2014-10-25 10:35:29 307

原创 蓝桥杯备战 -海盗比酒量

题目:有一群海盗(不多于20人),在船上比拼酒量。过程如下:打开一瓶酒,所有在场的人平分喝下,有几个人倒下了。再打开一瓶酒平分,又有倒下的,再次重复...... 直到开了第4瓶酒,坐着的已经所剩无几,海盗船长也在其中。当第4瓶酒平分喝下后,大家都倒下了。    等船长醒来,发现海盗船搁浅了。他在航海日志中写到:“......昨天,我正好喝了一瓶.......奉劝大家,开船不喝酒,喝酒别

2014-10-24 20:39:25 1361

原创 Java入门-包

包使用:作用:有效的将相同的名字的类区分开。运行有包名的主类步骤如下:一:写了Studnet类,和主类Example二:建立两个文件夹做包名:在D盘有个文件夹,文件名为java,在java这个文件里建立tom文件夹,再在tom文件夹里建立一个名为jiafei的文件夹三:将Student类放在jiafei文件夹里,将Example主类放在java文件中.四:在环境变量里的

2014-10-22 13:56:47 538

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除