- 博客(21)
- 收藏
- 关注
RSS订阅原创 import引入插件的时候，用不用{ }
这个与导出的方式有关。1、如果导入的文件中使用了export导出，如下：那么引入的时候，就需要添加{}。2、如果导入的文件中使用了export default导出，就是默认导出的内容：那么引入的时候，就不需要添加{}。...
2019-04-21 15:34:49
953
1
原创 rem响应式布局公式
(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWid...
2019-04-13 17:01:19
311
原创 Zepto与jQuery的区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati...
2019-04-13 17:00:04
297
原创 zepto插件的写法
HTML文件中调用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>zepto插件的写法</title></head><body> <div>这里是插件</div> <s...
2019-04-13 16:59:42
588
原创 Zepto中touch模块的使用（移动端）
首先需要导入zepto中的touch.js插件<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Zepto中touch模块的使用（移动端）</title> <meta name="viewport" content="maximum-sc...
2019-04-12 15:00:09
1556
原创 zepto中的ajax请求
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>zepto中的ajax请求</title></head><body> <script type="text/javascript" src="../...
2019-04-12 14:28:59
1111
原创 原生JavaScript编写一个ajax
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>编写第1个Ajax</title></head><body> <script type="text/javascript"> functi...
2019-04-12 14:22:14
157
原创 zepto中的动画（二）
<!DOCTYPE html><html><head> <title>zepto之动画</title> <style type="text/css"> div{ position: absolute; font-size: 36px; width: 100px; height: 100px;...
2019-04-12 14:09:25
317
原创 zepto中的动画（一）
<!DOCTYPE html><html><head> <title>zepto中的动画</title></head><body> <div>123</div> <button>点我点我</button> <script type="text/j...
2019-04-12 14:08:07
646
原创 事件之其他用法(自定义事件、命名空间、多个事件绑定)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport"> <title>事...
2019-04-12 11:26:17
220
原创 zepto事件委托或代理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件委托或代理</title></head><body> <ul> <li>我是1</li> <li&g...
2019-04-12 10:51:38
713
原创 事件之ready 和 onload的区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-04-12 10:19:18
209
原创 zepto中css-DOM操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-04-12 10:08:34
672
原创 zepto中的遍历节点 next/prev/siblings/parent/parents
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-04-12 09:59:41
1283
原创 zepto中DOM属性与样式操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-04-11 22:55:37
986
原创 zepto中的DOM操作
插入操作：append/appendTo、prepend/prependTo、after/insertAfter、before/insertBefore<body> <div id="a"> <div class="a_one"></div> </div> <script src="htt...
2019-04-11 22:02:38
421
原创 随机生成0~100中的整数，并排序
const arr = []; for(var i=0; i<10; i++){ arr.push(Math.round(Math.random()*100)); //arr.push(Math.floor(Math.random()*101)); } document.write(arr+'</br>'); arr...
2019-04-03 17:02:08
3023
原创 es6 对象的部分新方法和属性
// Object.is (Object.is 与 === 的比较，除了以下两个不一样，其他大致一样) console.log(Object.is(+0, -0)); //false console.log(+0 === -0);// true console.log(Object.is(NaN, NaN)); // true ...
2019-04-03 16:22:12
754
原创 浅拷贝与深拷贝
1、浅拷贝就是对内存地址的复制，让目标对象指针和源对象指向同一片内存空间。当改变其中一个的时候，另一个也会改变。2、深拷贝是指拷贝对象的具体内容，而内存地址是自主分配的，拷贝结束之后，两个对象虽然存的值是相同的，但是内存地址不一样，两个对象也互不影响，互不干涉。3、用扩展运算符复制的对象，和合并的对象都是属于浅拷贝//扩展运算符 //复制对象 const o...
2019-04-03 15:04:06
146
原创 setTimeout 使页面产生动画变化的效果
document.body.appendChild(demo)是DOM操作，浏览器会当所有的同步任务执行完后（即所有样式都设置完后），再去执行DOM操作重新渲染页面，故第一种方法没有明显的变化...
2019-03-31 21:56:00
532
原创 如何分解一个字符串？运用ES6的字符串解构赋值
const str = 'I am a student';const {a,b,c,...oth} = str;//方法一,运用ES6的结构赋值中的扩展运算符const [ ...spStr1 ] = str;console.log(spStr1);//方法二,字符串的split方法const spStr2 = str.split('');//方法三,跟方法一差不多con...
2019-03-31 21:10:17
1458
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人