javascript
关注
分享
扫一扫
文章平均质量分 78
Surpass-oneself
web前端小白,希望在这里和大家一起学习、分享自己的知识、共同进步。
展开
-
Ajax基础知识点一
一、有关客户端和服务器端的知识点客户端是用户接受信息的平台分为浏览器、ＡＰＰ 应用软件，手机QQ、微博、邮箱等等。那他们是从哪里获取的数据的？那就需要说服务器，服务器是为谁服务的？为广大的网民提供服务，提供什么服务？提供用户需要的数据，比如一个网站的数据都保存服务器上，如果用户需要网站 数据只需要发送请求就可以。根据不同的数据有不同的服务种类，有网页服务，使用的服务器是（Apache tomcat...原创 2018-04-22 08:56:39 · 256 阅读 · 0 评论 -
屏幕滑动效果图
一、是源代码可以复制粘贴直接看效果，点击每个导航栏目，body的背景颜色都将是导航条的背景颜色，会出现滑动的效果。二、这个实现的关键是，如何让背景，回到body中，这个target值如何设置。,在每次的背景变化中，注意背景在整个documeng文档中什么是不变的。缓动动画的原理都知道是 var leader=leader+(target-leader)/10;<!DOCTYPE html&g...原创 2018-04-25 20:02:04 · 756 阅读 · 0 评论 -
html的结构访问
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>我的页面</title></head><body></body>&原创 2018-04-25 19:38:51 · 196 阅读 · 0 评论 -
模拟垂直滚动条
一，模拟垂直滚动条的事件分析首先是，滚动条和内容的位置，应该是同级关系，所以我们需要把他们放入到同一个盒子中。在拖动滚到条的时候内容跟着变化。二、效果实现，首先是获取元素，内容、盒子、滚动条。然后，分析滚动条的大小和内容的高度之间的关系。再确定事件，想想用了什么事件，首先是onmousedown事件，然后是onmousemove鼠标移动。在鼠标移动的过程中，又有几个问题，移动的时候滚动条的大小怎么...转载 2018-04-25 19:33:19 · 271 阅读 · 0 评论 -
jQuery中的DOM知识点
一、 jQuryz对象和DOM对象的区别：DOM是文档对象模型，每个DOM对象都可以看成一棵树，构建了基本的网页。而jquery对象是通过包装之后产生的。jquery对象是jquery自己所独有的。DOM对象和jquery对象的任何方法都是私有的，不可以相互使用。比如：获取值的方法$("li').html和ＤＯＭ中回去值的方法是document.getElementById("li").inner...原创 2018-04-21 20:25:16 · 275 阅读 · 0 评论 -
document.getElementByClassName的ｃｌａｓｓ封装问题
封装自己class类 使得浏览器识别className获取元素的方法 原理： （核心） 我们要取出所有的盒子， 利用遍历的方法 ， 通过每一个盒子的className 来判断。 如果相等就留下。<script> window.onload = function(){ //封装自己class类名 function getClass(classna...原创 2018-04-21 19:31:05 · 2938 阅读 · 0 评论 -
鼠标经过的时候放大镜的效果
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * {margin: 0;padding: 0;} img原创 2018-04-24 16:35:59 · 955 阅读 · 0 评论 -
水平拖动滚动条
这个过程分为三步走： 一、分析首先获取元素 记得onmousemove 一定要写在onmousedown当中，善于利用var that=this 在onmosedown中最为重要的是获取移动的距离 首先是event.client-leftVal 的值； 二、 判断移动的距离是否超出范围，由于that.style.left获取的是字符串所以使用 paseInt转化为数字判断。最后把移动的...原创 2018-04-24 16:01:20 · 723 阅读 · 1 评论 -
体会event 事件中的 client offset page 中的区别
点击桌面上的div 都会产生一个对象，存放着点击之后的相关的信息；相关信息的集合。其中event的属性和方法有，width该窗口的或者框架的宽度 pageX光标相对于网页的水平位置 clientX相对于网页中可视区域水平位置。比如鼠标点击之后的坐标等等；既然是对象就有很多的属性和方法。<!DOCTYPE html><html><head lang="en">...原创 2018-04-24 15:37:04 · 496 阅读 · 0 评论 -
导航栏筋斗云特效
这个导航栏的效果非常简单是，在鼠标经过的时候，筋斗云会在导航中运动，一旦鼠标点击之后，筋斗云会停止在导航栏上。分析解觉思路： 思路首先获取元素 再次，有个鼠标onmouseover事件和onclick事件 最后是 onmouseout事件遍历 lis然后 执行 onmouseover事件 事件处理的过程中我们需要那些数据，一是存储鼠标经过的位置 二是存储鼠标离开的位置 最后是鼠标点击的位...原创 2018-04-24 15:12:20 · 1201 阅读 · 1 评论 -
字符串容器中常用的函数
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body></body><转载 2018-04-23 16:03:21 · 226 阅读 · 0 评论 -
有关函数的执行环境和作用域
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body></body><转载 2018-04-23 15:48:59 · 147 阅读 · 0 评论 -
上传正确格式的图片文件方法
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><input type="file原创 2018-04-22 19:22:30 · 3357 阅读 · 0 评论 -
网址编码
encodeURLComponent()函数可以把字符串作为URL组件进行编码decodeURLComponent()函数可以把字符串作为URl组件进行解码由于后台对于传输过去的网址中的特殊的符号，他们并不认识，所以需要解码成，后台能够认识和识别的符号，比如符号？// 都需要进行转义。<!DOCTYPE html><html><head lang="en"> ...原创 2018-04-22 19:12:45 · 404 阅读 · 0 评论 -
JS中关于字符串返回的操作
1.1 复习1. 按钮不可用 disabled = “disabled” || true 2. setTimeout 只执行一次 setInterval 执行很多次 3. 递归调用 ： 函数自己调用自己 函数递归调用 不提倡用函数名 而喜欢用的是 arguments.callee 返回的是 正在执行的函数 本身4. 逻辑运算符 与 &...原创 2018-04-22 19:04:27 · 4990 阅读 · 0 评论 -
无缝滚动效果图
无缝滚动的效果是背后的图片滚动，当鼠标放上去的时候就停止滚动。在鼠标离开的时候就继续滚动。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style>原创 2018-04-22 18:40:05 · 311 阅读 · 0 评论 -
javascript的焦点图
焦点图，思路我感觉，JS在网页中的运用，只要有清晰的思维就可以。第一步需要做什么，第二步不要做什么。在我们做一些消过毒时候，运用了那些JS的知识，需要用到的事件是什么，执行的步骤，是什么。 这个效果的目的是让我们的鼠标放上去的时候背后的图片跟着滑动，按钮的颜色跟着变化。我们首先分析，按钮的颜色变化需要用到排他思想使用排他思想先遍历所有的元素，对于获取的元素执行onmouse...原创 2018-04-22 17:34:52 · 518 阅读 · 0 评论 -
两侧跟随广告
var top = pic.offsetTop; target = scroll().top + top; // 把最新的 scrolltop 给 target 在这里例子当中最为重要的是两句。为什么要加上，top的值。我们知道，水平滚到条滚动的时候。图片是需要动的，我 打印了scroll().top 和target的值。我们看到是图片变化的距离和scroll().top的变化的距离...原创 2018-04-25 20:38:41 · 285 阅读 · 0 评论