- 博客(23)
- 收藏
- 关注
RSS订阅原创 show()、hide()、toggle()等方法动画查询
show()显示、hide()隐藏、toggle()切换slideDown()、slideUp()、slideToggle()方法slideDown : 下滑展开slideUp：上滑收回slideToggle : 滑动切换slideDown()的起点一定是display:none换句话说，只有display:none的元素，才能够调用slideDown()动画机理：一个display...
2019-10-27 22:49:51
384
原创 jquery的常用方法 eq(), get(),size(),each(), index()
筛选器这些都是关于序号的：1$("p") 所有的p2$("p:first") 第一个p3$("p:last") 最后一个p4$("p:eq(3)") 下标为3的p5$("p:lt(3)") 下标小于3的p6$("p:gt(3)") 下标大于3的p7$("p:odd") 下标是奇数的p8$("p:even") 下标是偶数的p特别的，eq可以单独提炼为方法，可以连续打点...
2019-10-27 20:57:19
535
原创 正则表达式，的一些常用知识，自查
////////////////////////////////////////////////////////////////////////////////////////////////////////slice 获取子字符串substring 获取子字符串substr 获取子字符串charAt 获取某个字符split 分割字符串，获得数组search 查找...
2019-10-22 11:45:10
260
原创 数组与字符串之间的灵活运用的十题
编写函数repeat(char,n) 实现重复char字符串n次比如repeat(“★”,6) 返回"★★★★★★"function rev(char,n){ var arr="" for(var i=0;i<n;i++){ arr=arr.concat(char) } console.log(arr) }//方法二 func...
2019-10-21 16:44:14
577
原创 CMD规范,es6中的CMD规范
Common Module Definition，通用模块定义它的实现：common.js、sea.js（淘宝玉伯）、node.js。对比AMD，只有require.js对AMD进行了实现 Angular1使用了AMD规范，而Angular2放弃了AMD规范，转入了CMD阵营，Angular4、5都是CMD的。CMD总结：nodejs是遵循CMD规范的，可以裸奔CMD规范。所以大家已...
2019-09-28 17:19:14
515
原创 webpack的基础介绍
webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用，但它也能够胜任转换(transform)、打包(bundle)或包裹(package)任何资源(resource or asset)。webpack js/main.js dist/all.js此时，两个js文件：main.js、yuan.js被打包成为了一个js文件。...
2019-09-28 15:51:46
165
原创 AMD规范
纯整理，纯记录，本人菜鸟，所以不写任何个人观点，以免怡笑四方在模块化发展的路途上，最开始时服务端需要模块化，而且服务端不需要异步加载，所以有了COMMEN.js,后来浏览器的需求量，代码量太大，必须要模块化了，然而，浏览器还必须大量的异步加载。所以，AMD就诞生了，require.js实现了AMD的规范化，require.js的诞生，就是为了解决这两个问题：1）实现js文件的异步加载，避免网...
2019-09-28 13:25:05
429
原创 promise 对象
promise真的是重点中的难点用fs.readFile()方法顺序读取三个文件，此时：var fs = require("fs"); function duwenjian(url,callback){ fs.readFile(url,(err,data)=>{ if (err){ callback(er...
2019-09-28 08:27:18
259
原创 ES6关于类的改变
首先我们先复习一下原来的继承的实现function People(name,age,sex){ this.name = name; this.age = age; this.sex = sex;}People.prototype.changge = function(){ console.log(`我是一个${this.name}，我今年${this.age}岁了`);}func...
2019-09-27 19:41:14
134
原创 es6里面对于函数的改变
1 箭头函数不得不说箭头函数，好用指向性强下面的sum就是标准的箭头函数，省略掉了function这个关键字：const sum = (a,b) => { return a + b;}console.log(sum(3,4));=>是一个完整的运算符，之间不能有空格。如果函数体内只有一行语句，可以省略{}和return。 const sum = (a,b) =>...
2019-09-27 17:46:47
117
原创 ES6里面对象的改变
1 省略V当一个对象的k、v相同（k的名字和v的变量名相同），此时可以省略v。比如下面有三个变量a、b、c，要作为一个对象的属性名a、b、c，同时值也是1、2、3。因为k、v一致，此时就可以省略v：var a = 1;var b = 2;var c = 3;var obj = { a , b , c}console.log(obj);这种省略v的写法非常常见：var ...
2019-09-27 16:37:32
1534
原创 ES6 数组 forEach(),Map(),filter(),reduce()
forEach()长久以来我们用for(var i = 0 ; i < arr.length ; i ++){}来遍历数组。但是今天，我们有了forEach()函数，今天开始再也不用for循环遍历数组了！var arr = ["白板","幺鸡","二条","三万","四筒"];arr.forEach(function(item , index){ console.log(item ...
2019-09-27 16:00:27
338
原创 es6常识变量的自动解构和剩余参数
*const声明一个只读的常量。一旦声明，常量的值就不能改变。通常用const定义函数*let用来定义块级作用域变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。需要注意：1） 不管是let还是const，都没有了变量声明的提升；console.log(m); //报错，没有变量声明的提升；let m = 100;2) 不管是let还是const，babe...
2019-09-27 13:24:10
408
原创 异步加载js和js加载时间线
js加载的缺点，加载工具方法没必要阻塞文档，使得js加载会影响页面效率，一旦网速不好，那么整个网站将会等待js加载而不进行后续渲染等工作有些工具需要用到在加载，不用不加载...
2019-09-27 09:56:51
177
原创 文本类和窗体操作事件
文本类操作事件，input focus blur change var input = document.getElementsByTagName('input')[0]; input.oninput = function(e){ console.log(this.value) } //...
2019-09-26 15:56:43
108
原创 鼠标左右键，区分点击和拖拽和键盘事件
鼠标左右键的区分 如何区分鼠标的左右键0/1/2 //在源对象里 // button=0左键 // button=2右键 document.onmousedown = function (e) { if(e.button==2){ console.log('right'); ...
2019-09-26 13:46:03
1423
原创 事件源对象和事件委托机制
事件源对象是什么我们打印出来看看<div class="wrapper" style="width: 100px;height: 100px;background-color:red;"> <div class="box" style="width: 50px;height: 50px; background-color:yellow;"></div>...
2019-09-26 09:22:30
386
原创 addEventListener(),封装取消冒泡的函数stopBubble(event)
1冒泡事件是结构上的向外冒泡捕获事件是结构上向里捕获那么冒泡事件和捕获事件谁先执行啊 var wrapper =document.getElementsByClassName('wrapper')[0]; var content =document.getElementsByClassName('content')[0]; var box =document.getElementsByC...
2019-09-26 08:58:47
739
原创 js绑定事件和解除事件
绑定事件三种方法，第一种，<div style="width: 100px;height: 100px;background-color:red;"></div> var div =document.getElementsByTagName('div')[0]; div.onclick=function(){ console.log('...
2019-09-25 19:57:52
1391
原创 怎么用给git向github传输数据
第一步首先要注册账号，当你查找这样的答案的时候，我猜想你还没有注册账号，需要使用到邮箱，所以你应该有一个常用的邮箱地址第二步，你的本地仓库由 git 维护的三棵"树"组成。第一个是你的 工作目录，它持有实际文件；第二个是 暂存区（Index），它像个缓存区域，临时保存你的改动；最后是 HEAD，它指向你最后一次提交的结果。你可以提出更改（把它们添加到暂存区），使用如下命令：git add...
2019-09-17 18:15:11
306
原创 立体旋转
<html> <head> <style> .lifangti { transform-style: preserve-3d; transform: rotateX(45deg) rotateZ(45deg); transform-origin: 50px 50px; top: 50%; left: 50...
2019-07-09 19:54:26
99
原创 CSS3动态图
简单的css3的动态图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="dongtai tu.css"/> <...
2019-07-08 14:18:08
677
原创 flex布局
flex的交叉布局<div class="wrap"><div class="menu1"> <div class="box1">1</div> <div class="box1">2</div> <div class="box1">3</div> <div class="box1"...
2019-06-01 00:14:52
190
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人