Zepto 的介绍 #什么是 Zepto zepto是轻量级的JavaScript库,专门为移动端定制的框架。 与jquery有着类似的API,俗称:会jquery就会用zepto #zepto的特点 针对移动端 轻量级,压缩版本只有8kb左右 响应,执行快 语法、API大部分同jquery一样,学习难度低,上手快。 目前API完善的框架
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; position: absol
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; } <
1、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery的核心函数</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js">
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
原理在这里 代码翻写自Simple Oriented Bounding Box OBB collision detection explaining的高赞答案(C++) 向量类Vec3 public class Vec3 { public float X { get; set; } public float Y { get; set; } public float Z { get; set; } public Vec3() { }
【转】 前端笔记之JavaScript(十)深入JavaScript节点&DOM&事件 一、DOM JavaScript语言核心。变量的定义、变量的类型、运算符、表达式、函数、if语句、for循环、算法等等。这些东西都属于语言核心,下次继续学习语言核心就是面向对象了。JavaScript能做非常多的事情:DOM开发、Ajax开
(1)模态框 (2)简易评论框 (3)选项卡 (4)点击 模态框 方法一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模态框</title> <style> .box1 { position: absolute;
jQuery的杰出的DOM操作能力相信已经深入每一个前端Coder,在使用Vue之前我并不能习惯数据驱动的概念,仍然幻想着把jQuery引入到Vue中,直到深入使用Vue以后才发现,原来许多jQ操作DOM的方法都不需要,数据驱动比手工操作DOM方便快捷许多。尽管如此,Vue仍然给了我们原生DOM控制的能力。 环
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1 { width: 100px; height: 100px; backgr
简单解析事件捕捉 上篇博客说到了事件冒泡,其实在JavaScript中,说到事件冒泡还有两个个不得不提的事件捕获和默认事件,我们先来说一下事件捕获。效果如下图: HTML代码: <div class="box1"> <div class="box2"> <div class="box3"> <div
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 8 #box1{ 9
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 #box1{ 8 width: 100px;
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .b1{ width: 200px; height: 200px; background-color: red; } .b2{ width: 400px;
事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行,事件是可以被 JavaScript 侦测到的行为 绑定事件 首先我们要先绑定事件 绑定事件有三种 1)在DOM元素中直接绑定,我们可以在DOM元素上绑定onclick、onmouseover、onmouseout、onmousedown、onmouseup、ondblclick、onk
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; position: absolut
定义H5为我们提供了以 "data-" 为前缀定义需要的属性即可设置自定义属性12<div id="box1" data-name="Musk"></div><div id="box2" data-full-name="Elon Musk"></div>获取使用H5自定义属性对象dataset来获取12345678let box1 = document.get
克隆节点 元素.cloneNode(参数) 参数 : 布尔类型 true false(默认) //body部分 <div id="box"> 我是外面的大盒子 <h1>我是标题</h1> </div> //js部分 //获取元素 var box = document.getElementById("box"); var box1 = box.cloneNode
一、CSS的三种样式 二、通过DOM操作CSS内联样式 修改(设置)样式语法 元素.style.样式名=样式值 读取样式语法 元素.style.样式名 举例: 1.写一个简单的方块加上CSS样式 CSS样式如下: #box1{ width: 200px; height: 200px; background-color: #FF0000; } 2.加上一个bt
1 <!-- 外边距合并:当两个垂直外边距相遇时,他们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大值。解决方案如下: 2 1、使用这种特性 3 2、设置一边的外边距,一般设置margin-top 4 3、将元素浮动或者定位 --> 5 6 <!DOCTYPE htm
类的关系如下: private static class Food { } private static class Fruit extends Food { } private static class Apple extends Fruit { } private static class Lemon extends Fruit { } 包装类 private static class Box<T> {
CSS浮动之高度塌陷 ** “浮动”二字,顾名思义,就是让一个元素飘着、浮着,使之脱离文档流;它的作用就是让竖着排的元素横向排列。** 实例:用两个div标签 浮动之前 浮动之后 浮动的属性值:左浮动:float:left; 右浮动:float:right;
Evernote Export js事件对象 在DOM元素触发事件时,事件处理函数中会产生的一个事件对象event。 事件对象获取方法 所有浏览器都支持event对象,只是支持的方式不一样 FireFox、Chrome等浏览器要获取到event对象,需要从函数中传入,参数名随意 而IE在浏览器中event作为window对象
在假期呆着很无聊,于是翻起了当初在逆战班的笔记,看到了浮动,在现在的主页中,浮动也是比较常用的,也是写下一些自己的看法,所幸写下来分享给大家 如图,3个 div在一起,在页面显示中,会独占一行,成为自上而下的显示顺序,如图 即使前两个div在一行上也不会占满一行,box2也不会在box1后面,因
jQuery中mouseout和mouseleave区别 1 <body> 2 <div id="box1"> 3 <div id="box2"></div> 4 </div> 5 <script src="jquery.js"></script> 6 <script>