青春..荒唐
- 浏览: 974845 次
- 性别:
-
最新评论
-
ouyida3：
大年初一写技术博客，牛
多种方案实现 CSS 斜线 -
青春..荒唐：
标准①lang 属性规定元素内容的语言，lang=" ...
前端面试问题总结 -
青春..荒唐：
新增1：①垂直居中一个img：img{ display: ...
前端面试问题总结 -
青春..荒唐：
新增：①事件委托：利用事件冒泡，自己所触发的事件，让父元素代替 ...
前端面试问题总结 -
田进丰：
居然还有java代码？
基于jQuery图片轮播
文章列表
【前言】
本文简单介绍下Number()和parseInt()的区别
【主体】
Number()和parseInt()一样，都可以用来进行数字的转换
区别在于：
当转换的内容包含非数字的时候，Number() 会返回NaN(Not a Number)
parseInt() 要看情况，如果以数字开头，就会返回开头的合法数字部分，如果以非数字开头，则返回NaN
.
【前言】
如图，在控制台只是定义一个字符串变量，回车后就会出现undefined，很多小伙伴可能会出现疑问，为什么呢？
【主体】
解析：控制台输出的是你输入的表达式计算出的结果。如果输入的是js语句，或者没有返回值的函数，就输出undefined
什么意思呢？接下来我们参考prompt和confirm方法来验证下
观察后可以发现控制台输出的是表达式或方法运算后返回的结果
例如：
最后看一个带有返回值的函数
.
【前言】
本文简单介绍下document.body 与 document.documentElement区别
【主体】
（1）什么是document.body？
返回html dom中的body节点 即<body>
（2）什么是 document.documentElement？
返回html dom中的root 节点 即<html>
（3）document.documentElement 与 document.body的应用场景
获取 scrollTop 方面的差异
①在chrome(版本 52.0 ...
【前言】
本文罗列总结下常见的JS案例，为以后备课做个参考。
【主体】
（1）页面加载完毕之前loading提示效果
<!DOCTYPE html>
<html>
<head>
<title>JS加载</title>
<script type="text/javascript">
//获取浏览器页面可见高度和宽度
var _PageHeight = document.documentElement.clientHeight,
_PageWidth ...
【前言】
简单总结下jQuery中append()和appendTo()的区别
【主体】
1、简单理解 （插入对象不同）
append()前面是被插入的对象，后面是要在对象内插入的元素内容
appendTo()前面是要插入的元素内容，而后面是被插入的对象
2、实际案例
（1）a.append(b)是将b插入a的后面
（2）a.appendTo(b)是将a插入到b的后面
3、实例解析
结合上篇案例来了解下
（1）文字向上滚动----append()方法
$(this).css({"marginTop ...
【前言】
jQuery实现文字上下滚动，原理很简单（jQuery动画+css方法）。这里简单总结下，以后讲课备录。
【主体】
1、知识点
（1）animate方法实现向上滚动
（2）css方法重定义样式
2、原理
通过jquery动画向上滚动，之后通过css方法重定义位置，接下来通过appendTo()方法将上一条记录插入到最后，以此实现依次循环播放。（注意：append()方法与appendTo()区别jQuery中append()和appendTo()的区别
）
3、代码
下面直接上代码，
<!DOCTY ...
【前言】
简单总结下JS常见的宽高获取方法，例如clientHeight、scrollHeight、offsetHeight等。
先简单看个案例demo，效果图如下：
【主体】
一、宽高
（1）clientHeight、clientWidth→元素宽高（height+padding，不包含边框），可以理解为元素可视区域高度
（2）offsetHeight、offectWidth→元素宽高（height+padding+border，包含边框），可以理解为元素的可视高度
（3）scrollHeight、scrollWidt ...
【前言】
纯JS实现文字或新闻竖直方向滚动，先看个案例
【主体】
（1）JS获取数值方向滚动距离selector.scrollTop
（2）JS获取元素高度（包含边框和内边距）selector.offectHeight
（3）高度获取
1、clientHeight：height+上下padding（内部可视区高度）
2、offsetHeight：height+上下padding+上下border-width（div的可视高度）
3、scrollHeight ...
【前言】
最近做项目的时候遇到了一个坑，浪费了将近一晚上的时间，原因就是有一个地方要改变checkbox的状态，当时我使用的是attr("checked", true)来状态，当时遇到的问题就是我在chrome中运行正常，但是在微信开发 ...
【前言】
jQuery实现全选与全不选
【主体】
之前文章用JS实现全选纯JS实现全选与全不选，这里介绍下如何通过jquery实现全选。
全选：<input type="checkbox" name="delAll" onchange="checkAll()">
<input type="checkbox" name="del">
<input type="checkbox" name=" ...
【前言】
JS节点操作：创建、添加、删除等。属性操作：创建、添加等。
首先总结下常见的节点分类：
1、整个文档是一个文档节点
2、每个 HTML 元素是元素节点
3、HTML 元素内的文本是文本节点
4、每个 HTML 属性是属性节点
5、注释是注释节点
【主体】
（1）获取节点
document.getElementById()→通过id获取
document.getElementsByName()→通过name获取
document.getElementsByTagName()→通过标签名 ...
【前言】
工作中经常遇到取各种父级、子级、同胞级元素，这里罗列下。
【主体】
（1）JS的获取方式
<div id = "dom"><br>
<div></div> <br>
<div></div> <br>
& ...
【前言】
纯JS实现全选与全不选
【主体】
第一种方法比较容易理解，但代码结构较为累赘，还多了一个变量记录状态。
全选：<input type="checkbox" name="delAll" onchange="checkAll()">
<input type="checkbox" name="del">
<input type="checkbox" name="del">
< ...
【前言】
最近教学生用JS手写一个表格的增删改查，发现一些学生共性问题，这里简单总结下，希望有所帮助。
【主体】
问题比较多，这里大概列举几个常见的
（1）获取表单值写到了点击事件外部，导 ...
【前言】
表单一点击提交按钮(submit)必然跳转页面，如果表单的action为空也会跳转到自己的页面，即效果为刷新当前页。 如下，可以看到一点击提交按钮，浏览器的刷新按钮闪了一下：
【主体】
如果想要阻止表单的默认提交事件，有以下几种方法：
（1）将<input>标签内按钮类型从type="submit"修改为type="button"
（2）表单内的<button>未指定类型时，默认的类型为submit，可以显式的修改为<button type="button"& ...