我不信学不会JavaScript
文章平均质量分 83
JS
不大好不大好
这个作者很懒,什么都没留下…
展开
-
3w字长文带你从JS的对象一路通关到类
ECMA-262将对象定义为:一组属性的无序集合。 我们可以把JS中的对象想象成一张散列表,其中的内容就是一组键值对,值的类型可以是数据或者函数。一、理解对象创建自定义对象的通常方式是 new 一个 Object 的新实例,然后再给这个实例添加属性和方法。let person = new Object();person.name = 'Macc';person.age = 18;person.sayHi = function(){ console.log('hi');}⭐现在更流行原创 2022-02-12 01:13:44 · 567 阅读 · 0 评论 -
【Vue】模拟抽奖广告的Vue组件
情景双11快到了,一打开某宝某多多就是各种奇奇怪怪的广告,最多的就是抽奖的,被弄的不胜其烦,正好最近没什么动力学习,荒废时间又不合适,就干脆模仿一下这些抽奖广告,做个Vue组件。实现效果如下图:实现涉及到的知识点Vue动态绑定classJavaScriptsetInterval()、clearInterval()Math对象中的random()、round()CSSflex布局代码<template> <div> <div原创 2021-11-08 15:48:24 · 586 阅读 · 0 评论 -
【JS】Ajax的基本概念
情景当用户在浏览器地址栏输入 我是乱打的.com 并点击跳转按钮时,浏览器会向服务器发送一条请求,服务器接受到浏览器发送的请求之后,会对这个请求进行响应,然后浏览器把响应数据渲染到页面上,这样用户就看到自己想要看的网页了。那假如我的这个网页是一个实时投票网页,我要是想要获得最新数据,就得不停地刷新网页,不停地让浏览器重新发送请求,再根据响应数据重新渲染整个页面,可是事实上,我整个网页改变的只有我的票数那么一小个地方,没必要整个页面都重新渲染一次,这样一想,用上面的这种方法太浪费资源了,那么有没有办法能让原创 2021-10-21 16:17:33 · 829 阅读 · 0 评论 -
【JS】回调函数、回调地狱、Promise基本概念、async/await关键字
回调函数回调函数就是一个被作为参数传递的函数。说的通俗点就是,当一个函数A作为参数,被传入另一个函数B中,并且它不会立刻执行,而是只有当满足一定条件后函数A才可以执行,那么像A这种函数就称为回调函数。像定时器和ajax中就存在有回调函数。//定义一个函数var A = function (){ console.log('我是回调函数A');}//把函数当作参数传递进另一个函数setTimeout(A,3000);同步任务和异步任务同步任务如下面的代码:console.log原创 2021-10-21 13:11:56 · 338 阅读 · 0 评论 -
【JS】建造者模式和原型模式
建造者模式//创建一个人类var Human = function(param) { this.skill = param && param.skill || '保密'; //技能 this.hobby = param && param.hobby || '保密'; //兴趣爱好};//人类原型方法Human.prototype = { getSkill: function() { return this.skill;原创 2021-10-13 23:09:34 · 84 阅读 · 0 评论 -
【JQuery】Datatables插件的基本使用方法
介绍Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。基本使用既然是JQuery的插件,那么在引入之前肯定是先引入JQ库。JQuery库下载地址https://jquery.com/download/JQuery的百度CDNhttps://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js然后再引入datatables的CSS和JS文件Datatables下载地址http://原创 2021-09-30 20:37:48 · 3273 阅读 · 0 评论 -
【JS】2.语言基础、var、let、const声明的区别
语言基础语法语法方面可以参考C语言。区分大小写ECMAScript中的一切都区分大小写。标识符即变量、函数、属性或者函数参数的名称。标识符可以由一个或者多个下列字符组成:第一个字符必须是一个字母、下划线_或者美元符号$;剩下的字符可以是字母、下划线、美元符号或者数字。驼峰命名法:是一种惯例,不做强制要求。即第一个单词的首字母小写,后面每个单词的首字母大写。例如:firstSecond myCar doSomething注释//这是单行注释/*这是多行注释*/严格模式原创 2021-09-25 13:26:42 · 148 阅读 · 0 评论 -
【JS】1.什么是JavaScript、HTML中的JavaScript
JavaScriptJavaScript是一门用来与网页交互的脚本语言。完整的JavaScript实现包含以下几个部分核心(ECMAScript),由ECMA-262定义并提供核心功能。文档对象模型(DOM),提供与网页内容交互的方法与接口。浏览器对象模型(BOM),提供与浏览器交互的方法与接口。DOM文档对象模型(Document Object Model)是一个应用编程接口(API),用于在HTML中使用扩展的XML。DOM将整个页面抽象为一组分层节点。HTML或XML页面的每个组成原创 2021-09-23 12:56:04 · 154 阅读 · 0 评论 -
【前端学习】ES6系列---let关键字变量声明及声明特性---[Day_1]
背景提要1、什么是ECMA?简单的说,是一个组织。中文名称:欧洲计算机制造商协会,该组织的目标是评估、开发和认可电信和计算机的标准。2、什么是ECMAScript?是由Ecma国际(更名后的ECMA)通过ECMA-262标准化的脚本程序设计语言。3、什么是ECMA-262?Ecma国际制定了许多标准,ECMA-262就是其中之一。4、谁在维护ECMA-262?TC39(Technical Committee 39),也是一个组织团体,是推进ECMAScript发展的委员会,其会原创 2021-04-19 20:26:21 · 424 阅读 · 0 评论 -
【JS】用女娲造人来理解原型对象
一、JS的一个特点可以动态的给对象添加属性或者方法let obj = {} //定义了一个空对象console.log(obj)obj.name = "玛玛哈哈" //添加属性obj.test = function() { console.log("我是玛玛哈哈哈哈哈哈哈") } //添加方法console.log(obj)二、原型对象function fun() {}; //定义一个函数对象let ff = new fun(); //实例化函数对象conso原创 2021-04-28 09:45:21 · 104 阅读 · 0 评论 -
【JS】Java Script 立即执行函数IIFE
立即执行函数立即执行函数模式是一种语法,可以让你的函数在定义后立即被执行。立即执行函数的组成定义函数将函数声明转换成表达式:用一对括号包裹住在括号后面再加上一对括号,让函数立即执行。//1.写一个函数声明function (){/*..代码..*/}//2.将函数声明转换成表达式(function (){/*..代码..*/})//3.在括号后面再加上一对括号,让函数立即执行(function (){/*..代码..*/})();//括号在外面除了上面这种,立即执行函数还有原创 2020-12-16 18:48:57 · 197 阅读 · 1 评论 -
【JS】显式原型(属性)与隐式原型(属性)
学习视频:https://www.bilibili.com/video/BV14s411E7qf?p=161.每个函数function都有一个prototype属性,即显式原型(属性),这个属性默认指向一个空的Object对象。2.每个实例对象都有一个__proto__属性,即隐式原型(属性)。3.实例对象的隐式原型的值,为它的构造函数的显式原型的值。代码示例:function Fn() { //整一个空的函数对象}//1.每个函数function都有一个prototype属性,即.原创 2021-04-29 09:36:05 · 779 阅读 · 0 评论 -
【JS】原始值与引用值、执行上下文与作用域链、作用域链增强、变量声明、标识符查找
1.原始值与引用值EcmaScript变量可以包含两种不同类型的数据:原始值、引用值原始值:最简单的数据引用值:由多个值构成的对象六种原始值:UndefinedNullBooleanNumberStringSymbol把一个值赋值给一个变量的时候,JS引擎必须确定这个值是原始值还是引用值。保存原始值的变量是按值访问的 ,因为我们操作的就是存储在变量种的实际值。引用值是保存在内存中的对象,JS不允许直接访问内存的位置(即不能直接操作对象所在的内存空间)。在操作对象时,实际原创 2021-05-06 16:57:24 · 146 阅读 · 0 评论 -
【JS】原始值包装类型-Boolean、Number、String
为了方便操作原始值,ES提供了3中特殊的引用类型:BooleanNumberString它们具有其他引用类型一样的特点,也具有与各自原始类型对应的特殊行为。每当调用到某个原始值的方法或者属性的时候(原始值本身不是对象,逻辑上不应该有属性和方法),后台都会自动创建一个相应的原始包装类型的对象,从而暴露出操作原始值的各种方法。(也就是说,我们调用某个原始值的属性或方法时,其实调用的是这个原始值相应的包装类型的对象的属性或者方法)。let s1 = "some text";//原始值,字符串le原创 2021-05-12 23:21:29 · 188 阅读 · 0 评论 -
【Plupload插件】基础使用教程
前言Plupload是一款由著名的web编辑器TinyMCE团队开发的上传组件,简单易用且功能强大。特点拥有多种上传方式:HTML5、flash、silverlight以及传统的。Plupload会自动侦测当前的环境,选择最合适的上传方式,并且会优先使用HTML5的方式。所以你完全不用去操心当前的浏览器支持哪些上传方式,Plupload会自动为你选择最合适的方式。支持以拖拽的方式来选取要上传的文件支持在前端压缩图片,即在图片文件还未上传之前就对它进行压缩可以直接读取原生的文件数据,这样的好处就原创 2021-04-13 13:20:15 · 5249 阅读 · 0 评论