- 博客(27)
- 收藏
- 关注
RSS订阅原创 es6和es7关于数组的知识（部分补充）
1.拓展运算符（es6）…var arr = [1,2,3,4,5];通过…arr可以获得数组内的各个元素，用于拆分数组也可以对伪数组，字符串使用得到一种伪数组转换为数组的方法var arr1 = […arrA];2.伪数组转换为数组的方法(1)es5var lis = [];for(var i = 0 ; i < arrLike.length ; i ++){lis.push(arrLike[i]);} Array.prototype.slice.call(arrLike)
2020-08-23 21:00:10
344
原创 箭头函数
1.语法：var test = (a,b) => {return a + b}2.参数只有一个参数的时候可以不写()参数包括了rest参数 参数内写…res 使得未知数量的参数形成一个数组 rest参数必须用在参数的最后面3.函数体箭头后面作为执行的函数体和返回值如果只有返回值的时候可以省略{}和return如果写了{} 则必须写return箭头函数没有返回值，则无意义4.注意事项箭头函数不可以使用arguments 但可以使用rest参数箭头函数不能使用new命令箭头函数的
2020-08-23 20:48:19
127
原创 es6的部分属性
1.let会形成块级作用域不存在变量提升只要let在区块中出现了，这个块就会形成封闭作用域TDZ 暂时性死区 typeof 不再安全let 不允许相同作用域内重复变量IIFE立即执行函数 不再需要2.const 用来声明常量（只读） 块级作用域 一旦声明，立即赋值，值不可变 不可重复声明 也会产生TDZ声明复杂数据 类型时 本质上不是值不变 是指针不变3.解构赋值要求格式匹配 let [a,b,c] = [1,2,3]; let [d,[e,[f]]] = [4,[5,[
2020-08-16 19:54:53
155
原创 正则表达式
语法作用^代表开头$代表结尾i不区分大小写g全局匹配\w匹配一个数字、下划线、字母\W匹配一个非数字、非下划线、非字母\d匹配一个数字字符\D匹配一个非数字字符\s任何空白字符\S任何非空白字符.除了换行符之外的任意字符...
2020-08-09 17:32:42
83
原创 audio 的各种方法
<div class="box"> <button>play</button> <button>pause</button> <button>stop</button> <button>快进</button> <button>音量</button> <button>时间&
2020-08-09 17:24:56
2730
原创 关于对象和属性的部分方法
一个新的对象从出生那一刻开始就有一个默认的空的prototypeStudent.prototype = [];function Person() { //对象的属性 this.name = "person"; //对象的方法 this.show = function () { console.log("111") }; //类的属性 Person.num = 11...
2020-08-09 17:15:53
79
原创 css中position定位的几种方式
1.static默认值 按照代码的顺序进行解析 top bottom left right此时无效2.relative相对定位 改变的位置是相对于static的 而且还会占据原来的空间3.absolute绝对定位 相对于上层元素进行定位 不占据原本的空间4.fixed固定定位 相对于viewport 浏览器窗口5.sticky粘性定位 父元素不能使用over-flow:hidden 和 over-flow:auto属性必须指定left right top bottom之一 否则处于相对定
2020-08-02 20:07:31
314
原创 css的各种尺寸
px像素2.%父元素的百分比3.rem和emrem是相对于根元素设定的特定尺寸em是相对于父元素设定的特定尺寸4.vw vh vmvw 即viewportWidth窗口宽度的1%vh 即viewportHeight窗口高度的1%vm vh和vw的最小值
2020-08-02 19:57:12
164
原创 echarts中国地图的制作
1.body部分 <div class="myCharts"></div>2.style部分.myCharts{ height: 800px; width: 800px; }3.script部分 function randomData() { return parseInt(Math.random()*500); } var mydata = [ {na
2020-07-26 21:33:38
238
原创 echarts的引用
//给一个容器<div class = myCharts></div>给容器设置宽高 .myCharts{ height: 800px; width: 800px; }插入echarts插件 <script src="echarts.js"></script>把echarts添加至容器<script> var myCharsMap = echarts.ini
2020-07-26 10:06:38
101
原创 画布的使用
body： <canvas width="1200"height="900" ; style="border: 1px solid black" id="can"> 111 </canvas>js： var canvas = document.querySelector("#can"); var context = canvas.getContext("2d"); //画一个坐标轴 function draw(a,b,c,d) {
2020-07-19 14:36:53
156
原创 css网格
body： <div class="container"> <div class="item1">1</div> <div class="item2">2</div> <div class="item3">3</div> <div class="item4">4</div> <div class="item5"&g
2020-07-19 14:18:11
86
原创 each方法和多库共存
一、each方法语法：$(selector).each(function (index, element) { })index当前元素在所有匹配元素中的索引号element表示当前元素$.each(data,callback)；data要执行方法的对象callback调回函数当对象是数组时 var arr = ["pink" , "green" , "blue" , "yellow"]; $.each(arr,function (index,val) { conso
2020-06-20 21:47:41
121
原创 on注册事件及事件解绑
一、on注册事件## css部分<div class="box"> <div class="item">1111</div> <div class="item">2222</div> <button class="btn">按钮</button> <button id="of">解绑</button> </div&
2020-06-20 21:36:02
401
原创 jq的部分方法
一、取网页可视区域的方法1.获取可视区宽度$(window).width();2.获取可视区高度$(window).height();innerWidth() = padding + width;outerWidth() = padding + width + border + margin;二、获取元素的位置1.offset()方法$(window).offset();获取元素距离document的距离//可以用来做边界检测 if ($("div").offset().left =
2020-06-14 16:09:58
117
原创 js电影院选座功能的实现
## 样式 <style> .item{ width: 500px; display: flex; justify-content: space-around; } .item>div{ width: 44px; height: 44px; line-height: 44px; .
2020-06-14 15:54:06
6539
1
原创 jq的ajax()方法
通过加ajax()加载一段文本## jq部分 var box = document.querySelector(".box"); $.ajax({ url:"https://api.apiopen.top/musicRankings" //获取api, success: function (res) { console.log(res.result[0]); res.result.forEach
2020-06-14 15:51:00
122
原创 js时钟功能的实现
var div = document.createElement("div");function timeHandler(){ var date = new Date(); // console.log(date) var year = date.getFullYear(); var month = date.getMonth(); var day = date.getDay(); var hour = date.getHours(); var mi
2020-06-07 21:29:12
181
原创 数组的方法
**1.join()** var test = arr.join("-"); console.log( test); 将数组的所有元素放入字符串，通过制定的分隔符进行分离 结果 1-2-3-4-5-6 string类型 不影响原数组 **2.concat()** var arr1 = [7,8,9]; arr1 = arr1.concat(arr); console.log(arr1); 连接两个或更多数组并返..
2020-06-07 19:52:59
75
原创 js的复习
js的复习一、数据类型基本数据类型包括：string number boolean undefined null object但是用type of测试返回的对应的是 string number boolean undefined object function二、隐式转换string - “” 可以得到number类型number + “” 可以得到string类型三、=的涵义= 是判断==是值相等=== 是全等四、自增a++ 是先赋值再自增++a 是先自增再赋值五、取消冒泡事件
2020-06-07 19:51:13
99
原创 js中三种点击事件的触发
<body> <button onclick="s1()">Button</button> <button id="btn2">Button2</button> <button id="btn3">Button3</button>
2018-12-06 16:30:52
1802
原创 jQueru中addClass和removeClass的使用
<body> <img src = "" alt = ""/> <img src = "" alt = ""/> <img src = "" alt = ""/> <img src = "" alt = ""/&
2018-12-04 15:11:34
231
原创 如何为所匹配的元素设置一个计算的属性值
<body> <img/> <img/> <img/> <img/></body><script src="../js/jquery-3.1.1.min.js"></script><script> $("img&
2018-12-04 14:10:06
113
原创 关于h5中的命名规则（驼峰命名法）
1.所有的变量名要有意义 看到名字就知道变量所存储的数据2.（1）大驼峰：Person Animal Student Worker UniversityTeacher每个单词的首字母需要大写 所写的单词都是类名（2）小驼峰：name age height weight add show showInfo第一个单词的首字母不需要大写 其余单词的首字母需要大写（3）全驼峰：每个字母都需要大...
2018-12-03 20:18:48
2178
原创 jQuery解决多库的冲突问题
方法1：var $j = jQuery.noConflict();j既可以当做j 既可以当做j既可以当做方法2：直接使用jQuery()方法3：！function($){();//函数内部可以自由使用(); //函数内部可以自由使用();//函数内部可以自由使用代表jQuery}(jQuery) //函数外部不可以使用$代表jQuery...
2018-12-03 20:15:12
73
原创 js和jQuery对象的相互转换
ButtonjQuery对象：var jq = $(“#btn”);var js = jq[0];js = jq.get(0);通过获得索引对象 来将jQuery对象转换为jsjs对象：var js = document.getElementById(“btn”);var jsDiv = document.getElementById(“div”...
2018-12-03 20:09:05
82
原创 js与jQuery的区别
js与jQuery的区别1.执行的时机不同js的是等全部的DOM加载完毕，并且完全显示后执行jQuery是等DOM加载完毕之后即可执行（执行的时机会提前）2.js的文档就绪函数不能重复定义jQuery的可以重复定义3.js没有简写方案jQuery简写方案为$(function(){ }) ;...
2018-12-03 14:28:26
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人