青春..荒唐
- 浏览: 974831 次
- 性别:
-
最新评论
-
ouyida3：
大年初一写技术博客，牛
多种方案实现 CSS 斜线 -
青春..荒唐：
标准①lang 属性规定元素内容的语言，lang=" ...
前端面试问题总结 -
青春..荒唐：
新增1：①垂直居中一个img：img{ display: ...
前端面试问题总结 -
青春..荒唐：
新增：①事件委托：利用事件冒泡，自己所触发的事件，让父元素代替 ...
前端面试问题总结 -
田进丰：
居然还有java代码？
基于jQuery图片轮播
文章列表
【前言】
记录一款特效，以后讲课讲解下
【主体】
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery插件——仿新浪微博限制输入字数的textarea</title>
<script src="http://apps.bdimg.com/libs/jquery/1.1 ...
rem是什么？
rem是css3中新增加的一个单位属性(font size of the root element),根据页面的根节点的字体大小进行转变的单位。root！！！！！！！！！根节点，也就是html。
例：(下面例子中的根节点是html ，它的字体大小是100px，所 ...
在JavaScript中，经常会遇到JavaScript的事件机制，例如，事件绑定、事件监听、事件委托（事件代理）等。这些名词是什么意思呢，有什么作用呢？
事件绑定
要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处 ...
【前言】
事件委托/代理是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的
【主体】
概述：
那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真是恰当，我就不去想别的例子来解释了，借花献佛，我摘过来，大家认真领会一下事件委托到底是一个什么原理：
有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公 ...
【前言】
这里简单总结下数组操作------查找数组元素indexOf()和lastIndexOf()两者的区别
【主体】
indexOf 和 lastIndexOf 是什么？
indexOf 和 lastIndexOf 都是索引文件
indexOf 是查某个指定的字符串在字符串首次出现的位置（索引值） （也就是从前往后查）
eg：
lastIndexOf 是从右向左查某个指定的字符串在字符串中最后一次出现的位置（也就是从后往前查）
eg：
【前言】
本文介绍下原生JS实现简单图片放大镜效果
【主体】
时间问题，直接上源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>放大镜</title>
<style type="text/css">
/*代码初始化*/
*{
margin: 0;
padding: 0;
}
/*代码主体*/
.small_b ...
【前言】
经常看到网页中有回到顶部的效果，今天也研究一下回到顶部有哪些方法。众所周知，用锚链接是实现回到最简单的方法，但是从用户体验效果来说，并不是最好的。（锚链接回到顶部时太快了，而且用户可 ...
【前言】
学生练习轮播时遇到一个问题，就是在HTML中写了四个< li >标签，想给每个li 绑定一个点击事件，通过点击每个li ,弹出它对应的索引。但是运行的时候发现点击任何一个li都弹出的是4，而不是对应的li索引
【主体】
页面代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>练习</title>
<style type="text ...
【前言】
刚才有个同学为了道问题：“怎么使文本竖直排列？”
常用的方法就是将元素的宽度调小，文本自然会竖直排列，那么除此外还有别的方法吗？这里我简单总结几个别的方法。以后上课重点强调下
【主体】
（1）常用方法
<div class="one">我是竖列排版</div>
<div class="two">I AM ENGLISH</div>
.one {
width: 20px;
margin: 0 auto;
line-he ...
【前言】
经常看到一句话，css使absolute相对于父容器进行定位而不是以body（为什么绝对定位（absolute）的父级元素必须是相对定位（relative））
【总结】
如果父级元素是绝对定位（absolute）或者没有设置，里面的绝对定位（absolute）自动以body定位。这句话是错的。
正确的是：只要父级元素设了position并且不是static（默认既是static），那么设定了absolute的子元素即以此为包含块（最近的）。
绝对定位（Absolute positioning）元素定位的参照物是其包含块，既相对于其包 ...
【前言】
最近使用了百度推出的一款js插件ueditor用于后台文章编辑。但是使用过程中遇到了一些问题：
在本地使用时没有问题，但是项目迁移到服务器后出现问题：在文章插入图片的时候，总显示创建目录失败。
【主体】
接下来分析下问题：
首先，每个ueditor在创建的时候必须赋予一个特定的id，而且在创建成功，完成特定功能之后必须特定销毁，不然，通过事件如onclick触发生成ueditor，若第一个在没有销毁的情况下想要创建第二个，是失败的。
在发布文章时使用ueditor上传图片时，老是报错：上传目录创建失败。
打开fid ...
【前言】
本文总结一些JS测试练习题，以后讲课练习用，不停更新中... ...
【主体】
（1）数组下标
var arr = [];
arr.foo = 2;
arr["aa"] = 3;
arr[0] = 1;
console.log(arr);//[1, foo: 2, aa: 3]
（2）
今天先写到这里，下次继续
.
【前言】
本文简单说明下伪类和伪元素的区别。在CSS1，CSS2中，大家或多或少的用过 :hover，:visited, :before, :after。CSS1和CSS2中对伪类的伪元素的区别比较模糊，甚至经常有同行将:before、:after称为伪类。CSS3对这两个概念做了 ...
【前言】
分享个常见的JS加密解密
【主体】
<html>
<head>
<meta charset="utf-8" />
<title>JS加密解密</title>
</head>
<body>
<h1> 加密解密 </h1>
<input type="text" id="secret" />
<input type="button" value ...
【前言】
刚听到别的老师说道空标签，感觉说法不太严谨，这里简单总结下
【主体】
（1）没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，如<br />
（2）特性：
①空标签不成对出现
②标签多用来占位，像<input />框，没有属性的话是没有值的。仅一个空标签做不了什么事情。这点和<hr />不一样，<hr />标签在 HTML 页面中创建一条水平线。
（3）作用：
用来占位，以便后面要插入什么数据就 ...