- 博客(22)
- 收藏
- 关注
RSS订阅原创 ES6 -- 3.解构、oop、for of学习
解构、oop、for of一 解构二 oop三 for of一 解构 将一个对象或数组中的成员，分别赋值给多个单独的变量——简化批量赋值 只要将一个对象或数组中的成员，分别赋值给多个单独变量时就可以使用解构赋值。 第一种：
2020-07-20 22:02:30
317
1
原创 ES6 -- 2.箭头函数、参数增强、模板字符串学习
箭头函数、参数增强箭头函数参数增强默认值default剩余rest散播spread箭头函数 箭头函数其目的就是为了简化回调函数何时使用： 今后所有的回调函数都可以用箭头函数简化 如何使用： &n
2020-07-13 14:11:32
301
原创 ES6 --- 1. let、const学习及与var的区别
let、const学习、了解、区别1.ES6了解2.let学习3.const学习4.let、const、var 区别1.ES6了解ES6， 全称 ECMAScript 6.0，是 2015.06 发版。主要作用：为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。还有一些背景和历史都可以去自己了解一哈。2.let学习什么是：let 是用于申
2020-07-06 15:31:13
206
原创 jquery的基本操作
添加删除类名：$("div").click(function() { //类名都不需要加点 //添加类 // $(this).addClass("container"); //删除类 // $(this).removeClass("box"); //切换某个类名 $(this).toggleClass("box");});属性操作：...
2020-02-16 18:47:43
183
原创 用js动态创建元素常用到的几个方法
用js动态创建元素常用的就name几个而且特别好记，以下就是常用到的几个：/*在子元素的末尾添加元素或者挪动位置： element.appendChild(new.child) 在元素的前面添加元素： element.insertBefore(newChild, refChild)移除元素： element.removeChild(移除的节点) 移除element下的哪个元...
2020-01-24 21:57:02
251
原创 函数的apple()和call()方法
每一个函数都拥有2个方法 apple() 和 call()1，设置函数体内 This 对象的值。2，用来改变This的指向，同时调用函数apple()方法接受2个参数，一个是运行函数对的作用域(This指向)，一个是参数数组//先看一个简单的函数，在这个函数里 This的指向肯定是window了function ff(a, b) { console.log(this); ...
2020-01-21 21:44:54
864
原创 jquery的事件、隐藏和淡入淡出
jquery的常用事件 click() 点击 dblclick() 双击 mouseenter() 鼠标经过 mouseleave() 鼠标移开 mousedown() 鼠标按下 mouseup() 鼠标松开 focus() ...
2020-01-13 14:44:00
306
原创 认识JQuery、初学JQuery
什么是JQuery？首先先说明它是JavaScript的一个库，而且包含了很多功能：如HTML元素的选取、操作、CSS的操作、HTML 事件函数、JavaScript 特效和动画、DOM的遍历和选取、AJAX等。学习JQuery的好处！1、强大的选择器2、出色的 DOM 操作的封装3、可靠的事件处理机制4、完善的 ajax 封装5、出色的浏览器的兼容性6、支持链式操作，隐式迭代7...
2020-01-08 22:42:52
125
原创 浅谈JavaScript中的This指向、内部函数、立即调用匿名函数
当我们单纯的控制台输出一个 this 的时候 就可以看到 它输出的是 windowconsole.log(this);为什么输出的是 window 呢？我们前期常用的alert、prompt、confirm的完全写法是： window.alert(11111); window.prompt(); window.confirm();是有window的 。从这里就可以看出 this ...
2020-01-01 20:04:21
502
1
原创 字符串
什么叫做字符串：在js中用单引号和双引号括起来的都叫做字符串//字符串创建方式 //1、通过new运算符创建 var str = new String('hello'); alert(typeof str); //检测数据类型是对象 //2、new可以省略 var str = String('hello'); alert(typeof...
2019-12-30 20:32:56
185
原创 JavaScript数组
申明数组的方法：1）var arr = [1,2,3,4,5];2）var arr1 = new Array([22,51,112]);以上两种方法意思完全一样，作用也一样，但是更常用第一种，因为更简单代码更少，执行起来就更快。遍历数组：var arr = [22,51,112];var sum = 0;for (var i=0; i<arr.length; i++) {//从...
2019-12-25 10:23:51
167
原创 使用var定义变量和不使用var的本质区别
最基本的var关键字是上下文的，而不采用var是全局的这就不讨论了“不管是使用var关键字(在全局上下文)还是不使用var关键字(在任何地方)，都可以声明一个变量”。这貌似一个错误的概念：任何时候，变量只能通过使用var关键字才能声明。a = 10;是一个赋值语句，仅仅是给全局对象window创建了一个新属性(但它不是变量)。“不是变量”并不是说它不能被改变，而是指它不符合ECMAScript...
2019-12-23 18:49:17
213
原创 switch
switch … case …开关语句，用在条件匹配上条件表达式的匹配类型：取值为整型、字符型、布尔型或枚举型if和switch的区别：if一般用在某一个范围的值、switch一般用在刚好等于某值的时候var n = +prompt("请输入："); switch(n){ //判断n case 1: alert("一"); break; case 2: alert(...
2019-12-20 19:39:23
153
原创 console，让JS调试更简单
console.log()在console.log 中有很多人们意想不到的功能。虽然大多数人使用 console.log(object) 来查看对象，但是你也可以使用 console.log(object, otherObject, string)，它会把它们都整齐地记录下来，偶尔也会很方便。console.dir()在大多数情况下，console.dir() 的函数非常类似于 log()，...
2019-12-19 15:09:46
124
原创 jQuery诞生记-原理与机制
每一种事物的诞生都是必然的。jQuery就是这样。为了偷懒少写代码，为了更简单的去理解代码，jQuery就这样诞生了。1.gelElementById太长了页面上有个按钮，还有个图片，我想点击按钮图片隐藏，如下HTML：<button id="button">点击我</button><img id="image" src="xxx.jpg">Java...
2019-12-14 15:31:12
690
原创 JavaScript，20个常用字符串方法及使用方式
1.charAt(x)charAt(x)返回字符串中x位置的字符，下标从 0 开始。//charAt(x)var myString = 'jQuery FTW!!!';console.log(myString.charAt(7));//output: F2.charCodeAt(x)charCodeAt(x)返回字符串中x位置处字符的unicode值。//charAt(posit...
2019-12-13 10:37:04
108
原创 推几个简单的编程题
1、求450到550之间所有奇数的和 var num = 0; for (var i=450; i<=550; i++){ if (i%2===1){ num += i; } } console.log(num); //一个简单的for循环2、页面弹出输入框，只有当用户输入Alice和Bob这两个名...
2019-12-13 09:39:11
1012
原创 了解Java Script
首先java-script是一门脚本语言js的引入方式： 外链：<script src=""></script> 内链：<script></script> 内嵌：<div οnclick="alert(1)"></div>语句结束需要标识符 ‘’ ; ‘’变量：1）字面意思：可以变化的量2）书...
2019-12-12 20:08:58
301
原创 CSS3
css3新增了一部分选择器而且还重新定义了一部分属性css3有的属性需要加浏览器的兼容性前缀：1、谷歌和safari ：-webkit；2、火狐：-moz；3、欧朋：-o；4、IE： -ms；一、选择器属性选择器 * = 值包含什么 ^ = 以什么开头 $ = 以什么结尾 <style> [class*='er']{ ...
2019-12-09 20:22:39
184
原创 H5+CSS3
HTML标签的改变新的文档类型申明新增的HTML5标签删除的HTML标签重新定义的HTML标签新的布局兼容低版本浏览器文档类型申明的改变在h4的时候申明是这样的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.d...
2019-12-06 09:55:49
414
原创 HTML+CSS
新旧标签<b>自带加粗效果（旧）</b> <strong>加粗，加强语气，其强调作用（新）</strong> <i>斜体标签</i> <em>强调内容</em> <u>下划线</u> <ins>下划线</ins> <s...
2019-12-05 16:56:18
134
原创 了解web前端
学习wed前端开发所用的三门技术一：HTML在网页中真实存在的都是用HTML标签来实现的例如：文本、图片、音频、视频、按钮、搜索框等二：Css有关于HTML标签的大小、颜色、位置，给网页起到装饰性作用的，都是用css实现的三：JavaScript（Java脚本）简称JS，网页的动态效果，数据的验证，前后台数据的交互，都是用js实现的wed标准HTML是结构css是表现（样式）...
2019-12-04 10:09:07
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人