- 博客(20)
- 问答 (2)
- 收藏
- 关注
原创 简单的管理系统
<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title></title>.
2022-04-11 18:00:01
294
原创 Ajax介绍
1、AJAX( Asynchronous JavaScript and XML)异步的 JavaScript 和 XML。2、AJAX 不是新的编程语言,而是一种使用现有标准的新方法。3、AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。4、AJAX 可以使网页实现异步更新5、AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。特点:异步请求,局部更新。jQuery $.get()方法$.get() 方法通过
2022-03-08 10:12:41
150
原创 什么是DOM树
Domdocument object model 文档对象模型它可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构在介绍 DOM 树之前,首先要清楚,DOM 规范中,对于文档的表示方法并没有任何限制,因此,DOM 树只是多种文档结构中的一种较为普遍的实现方式。DOM结构构成的基本要素主要为节点,而文档的结构就是由层次化的节点组成。DOM模型中节点的概念很广泛,比如整个文档就是一个节点,称为文档节点。除此之外,还有元素节点,属性节点,注释节点等。了解了 DOM 的结
2022-03-08 09:21:31
4095
原创 ES6数据类型新用法和解构赋值
ES6是什么?和js有什么区别?ES时ESMAScript的简称,JS由三部分组成,ESMAScript,BOM,DOM,ES是JS中的语法规范;BOM全称Browser Object Model,浏览器对象模型,主要处理浏览器窗口和框架,提供了独立于内容而与浏览器进行交互的对象。DOM全称Document Object Model,文档对象模型,是HTML和XML文档的编程接口;它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容
2022-03-04 19:34:21
530
原创 Vue Router 路由守卫
1.全局前置守卫router.beforEach( (to, from , next) =>{} )to : 即将进入的路由from : 从哪个路由离开next() : 决定是否展示你要看到的路由页面使用时可以在meta原始数据中定义标识符2.路由独享守卫在路由配置上定义beforeEnterbeforeEnter : ( to , from , next ) => {}用法跟全局一样, 只是,将其写进其中一个路由对象中,只在这个路由下起作用。
2022-03-04 19:29:23
859
原创 什么是vuex
什么是vuex?vuex是为vue提供的一个全局状态管理模式为什么使用vuex?进行统一的状态管理,解决不同组件共享数据的问题,不同视图需要更改统一状态的问题,使用vuex后,状态变化更新清晰vuex的 核心概念1.statestate在vuex中为一个数据源,初始数据 获取用this.$state.2.getter对state中数据进行加工,相当于vue里面的计算属性 获取用this.$getters3.mutation修改state中的值,方便追踪流转,
2022-03-03 15:00:38
354
原创 vue基础
vue知识点1.什么是vue.js?Vue.js是一套构建用户界面的渐进式框架。2.Mvvm和mvc的区别MVC是后端的分层开发概念。MVVM是前端视图层的概念,主要关注于视图层分离。MVC:viewmodelcontrolerView是视图层负责与用户交互,Model:模型层,是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。Controller:控制器,数据模型和视图之间通信的桥梁,MVVMModel-View-ViewModelModa...
2022-01-16 15:52:35
772
原创 DOM属性操作与事件
1、鼠标事件onmouseover鼠标移入事件:在鼠标指针移动到元素上时触发。支持冒泡onmouseout鼠标移出事件:在鼠标指针移出元素后触发onmouseenter鼠标进入事件:在鼠标指针进入到元素上时触发。 不支持冒泡onmouseleave鼠标离开事件:在鼠标指针离开元素后触发onfocus获取焦点事件:在鼠标光标获取输入框焦点时触发onblur失去焦点事件:在鼠标光标失去焦点时触发onclick单击事件:在鼠标指针单击时触发ondblclick双击事件:在鼠标光..
2021-12-10 20:57:53
817
原创 完成对无序列表的隔行换色(原理~~~通过循环获取元素得到的伪数组进行取余逻辑判断操作)
varbtn=document.getElementById("btn");varliObj=document.getElementById("list").getElementsByTagName("li");console.log(liObj);btn.onclick=function(){//第一种for(vari=0;i<liObj.length;i+=2){console.log(liObj[i]);...
2021-12-10 20:36:49
384
原创 DOM操作
api的概念API(ApplicationProgrammingInterface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。例如:alert()、prompt()、log()、reverse()、getMonths()API===函数通过API操作DOM。BOMwebAPI浏览器提供的一套操作浏览器功能和页面元素的APIDOM的顶级对象:documentBO...
2021-11-28 17:05:14
75
原创 JavaScript基础-内置对象使用
JavaScript中的对象分为4种:内置对象、浏览器对象、自定义对象、DOM对象。JavaScript提供多个内置对象:Math/Array/Number/String/Boolean......。对象只是带有属性和方法的特殊数据类型。、学习对象 属性.方法数学对象Math.PI //圆周率Math.random() //生成随机数,随机数是0-1,包括0,不包括1Math.floor() //向下取整Math.ceil() ...
2021-11-28 16:46:35
174
原创 预解析、对象、错误
流程控制:1.顺序控制:从上往下执行就是顺序结构2.分支结构:根据不同的情况,执行不同的代码3.循环控制:重复做一件事分支结构:if判断语句if()只有括号里的判断语句为true时才执行指定代码if...else()...
2021-11-28 16:24:48
239
原创 数组与函数
数组 、为什么要学习数组 使用数组存储数据类型可以节省内存空间; 2.、数组的定义是多个元素(通常是一个类型)按照一定的顺序放到一个合集中, 元素:数组中的单个数据; 顺序:数组是有序的 集合:数组看成一个集合 3.、数组的创建1.字面量创建数组// 创建一个空数组var arr1 = []; // 创建一个包含3个数值的数组,多个数组项以逗号隔开var arr2 = [1, 3...
2021-11-27 20:33:57
350
原创 javaScript流程控制
流程控制:1.顺序控制:从上往下执行就是顺序结构2.分支结构:根据不同的情况,执行不同的代码3.循环控制:重复做一件事分支结构:if判断语句if()只有括号里的判断语句为true时才执行指定代码if...else()...
2021-11-27 18:59:47
85
原创 javaScript基础
js便签是在script标签中写js代码, javascript是什么?是脚本语言,解释型语言,动态类型,是基于对象的。1.编程语言:指计算机能接受和处理,具有一定语法规则的语言2.脚本语言.直接解释执行,缩短了编写-编译-链接-运行过程而创建的计算机语言。3.解释性语言:解释执行不需要编译过程,直接由解释器(js引擎)解析并执行。4.动态类型语言:动态类型语言的变量类型要到程序运行的时候,变量被赋予某个值才确定。5.基于对象语言:不是一门面向对象的对象,只是...
2021-11-26 21:49:02
161
原创 数组去重的方法
var a = [1,2,3,4,5,6,7,5,6,7,4]; var newArr=[]; var newArr1=[]; var newArrObj={};利用对象属性不能重复的特性给数组去重 for (var i =0;i<a.length;i++){ if(!newArrObj[a[i]]){ newArr.push(a[i]) newArrObj[a[i]]...
2021-11-26 18:51:18
163
空空如也
在canvas画布上添加字体时,动态切多次添加不一样的字会出现重叠问题改怎么解决,
2022-07-12
vue如何动态的改变二维码样式
2022-07-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人