前端
文章平均质量分 51
自学总结。欢迎讨论。
古德猫码农
划水cv中.....
展开
-
vue3.0
vue3.0原创 2022-08-28 18:04:48 · 299 阅读 · 0 评论 -
vue跨域代理
跨域原创 2022-08-28 18:03:39 · 132 阅读 · 0 评论 -
vue2.0拦截器
拦截器原创 2022-08-28 17:53:38 · 254 阅读 · 0 评论 -
async/await
无原创 2022-08-03 17:28:16 · 48 阅读 · 0 评论 -
Promise
无原创 2022-07-31 22:25:27 · 58 阅读 · 0 评论 -
ES6模块化
无原创 2022-07-31 21:23:56 · 40 阅读 · 0 评论 -
vue2.0-2
目录1、动态组件1.1动态渲染编辑编辑1.2keep-alive对应的生命周期函数编辑1.2.1生命周期和组件激活、缓存编辑1.2.2keep-alive的include和exclude属性 2、插槽2.1slot和v-slot(#)指令的使用 2.1.1后备内容2.2具名插槽 2.3作用域插槽3、自定义指令3.1私有自定义指令 3.2全局自定义指令4、把axios挂载原型链上并配置请求根路径5.路由 5.1vue-router的基本使用5.1.1、创建路由模块:vue.use就是安装插件5.1.2原创 2022-06-19 22:38:09 · 131 阅读 · 0 评论 -
vue2.0-1
目录1、vue简介1.1vue特性1.1.1数据驱动视图1.1.2双向数据绑定1、vue简介1.1vue特性1.1.1数据驱动视图1.1.2双向数据绑定1.2数据驱动视图和双向数据绑定的核心原理原理-MVVM2、vue的基础语法.........原创 2022-05-11 22:42:36 · 317 阅读 · 2 评论 -
webpack
目录vue21、webpackvue2前端工程化1、webpack-S:核心依赖包 (开发和上线会用到)-D:开发依赖包(只在开发中用到)第一个插件:第二个插件: ...原创 2022-04-27 15:47:08 · 46 阅读 · 0 评论 -
node基础
1模块系统原创 2022-04-20 16:49:25 · 402 阅读 · 0 评论 -
git项目管理+github使用
2配置用户信息23查看全局配置文件4 检查配置信息1、git基本操作原创 2022-04-05 23:29:31 · 874 阅读 · 0 评论 -
ajax整合
1、客服端与服务器1.1、客服端与服务器通信过程1.2、网页请求数据1.3、资源请求2、ajax请求(网页与服务器之间的数据交互)2.1jquery中得到ajax2.1.1$.get()函数的语法eg:有参请求<script> $(function() { $("#btn").on("click",function() { $.get("URL",{id:1},f..原创 2022-04-02 16:49:14 · 1161 阅读 · 0 评论 -
BootStrap
1、是一种UI框架,用于响应式和移动端开发布局2、 栅格系统主要运用bootstr中的全局css样式、组件、js插件(先引入库,再调用)全局css样式:将设置全局的 CSS 样式。HTML 的基本元素均可以通过 class 设置样式并得到增强效果。还有先进的栅格系统。(引入css库)组件:字体图标、下拉菜单、导航、警告框、弹出框等更多功能(引入css库)js插件:jQuery 插件为 Bootstrap 的组件赋予了“生命”。可以简单地一次性引入所有插件,或者逐个引入到你..原创 2022-03-30 22:35:16 · 50 阅读 · 0 评论 -
数据可视化简单了解
ECharts相关配置原创 2022-03-23 23:13:59 · 77 阅读 · 0 评论 -
jQuery
1基本使用1.1入口函数1.2顶级对象1.3jquery对象和DOM对象1区别:<script> // 1. DOM 对象: 用原生js获取过来的对象就是DOM对象 var myDiv = document.querySelector('div'); // myDiv 是DOM对象 var mySpan = document.querySelector('span'); // mySpan 是DOM对象 .原创 2022-03-23 15:19:28 · 185 阅读 · 0 评论 -
JS高级(含ES6)
面向对象和面向过程对比1、ES6中的类和对象创建类和对象原创 2022-03-18 23:45:10 · 2114 阅读 · 2 评论 -
本地存储模式
1、window.seessionStorageeg:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" cont...原创 2022-03-08 15:02:40 · 51 阅读 · 0 评论 -
移动端网页特效
1、触屏事件触摸事件对象元素拖动eg:touch事件<script> // 1. 获取元素 // 2. 手指触摸DOM元素事件 var div = document.querySelector('div'); div.addEventListener('touchstart', function() { console.log('我摸了你'); ...原创 2022-03-08 14:07:07 · 51 阅读 · 0 评论 -
PC端网页特效
1、元素偏移量offset系列eg:offset和style区别:原创 2022-03-06 21:07:33 · 96 阅读 · 0 评论 -
同步和异步以及js执行机制
同步和异步:同步和异步执行过程:js执行机制:原创 2022-03-01 22:01:20 · 55 阅读 · 0 评论 -
BOM浏览器对象模型
2、window常见对象eg:3、定时器eg:回调函数:清除定时器:eg:第二个定时器:两个定时器区别:setTimeout 延迟时间到了直接回调这个函数,只调一次就结束setInterval 每个这个延时就去调用这个回调函数,会调很多次,重复调用这个函数...原创 2022-03-01 15:27:39 · 37 阅读 · 0 评论 -
this指向问题
eg:原创 2022-03-01 15:27:00 · 46 阅读 · 0 评论 -
事件高级导读
1、注册事件onclick:传统注册事件方式 唯一性(同一个元素同一个事件只能处理一个函数)addEventListener():方法监听注册方式。同一元素同一事件可以注册多个监听事件 ,按照顺序依次执行(推荐使用) addEventListener((type,listener,[,usecapture]);eg:btns[1].addEventListener('click',function() {alert(11);});2、删除事件(解绑事件)传统注册方式:even原创 2022-02-28 15:27:37 · 76 阅读 · 0 评论 -
DOM重点核心
主要创建、增、删、改、查、属性操作、事件操作1创建document.writeinnerHTMLcreateElement2增appendChild 后insertBefore 前3删removeChild4改主要修改dom元素属性,dom元素的内容、属性、表单的值等修改属性:src、href、title等修改元素内容:innerHTML、innerText修改表单元素:value、type、disabled等修改元素样式:style、classN原创 2022-02-27 22:40:37 · 153 阅读 · 0 评论 -
对象、内置对象、数组对象、字符串对象的使用
概念:无序的相关属性和方法的集合组成:属性、方法属性:特征方法:行为创建对象三种方式:1、利用对象字面量创建对象{}var obj={};//创建一个空对象var obj ={uname:"qwe",age:12,sex:"男",sayHi:function() {console.log("hi~");}}2、使用对象console.log(obj.uname);//第一种console.log(obj["age"]);//第二种3、调用方法obj.sa原创 2022-01-05 10:37:31 · 125 阅读 · 0 评论 -
DOM(document、api、事件)
对标签进行增删改查操作或修改css,借助js实现动态页面基本操作:1、doucument对象:(DOM的核心,基本上大多数DOM API由该对象提供基础api:获取body标签 获取html标签 获取页面上的标题 获取页面上地址 获取页面上的所有图片 获取页面上所有表单 1、获取body标签var body = document.body;2、获取html标签var html =document.documentElement;3、获取页面上的标题var t.原创 2021-12-21 08:54:05 · 828 阅读 · 0 评论 -
函数的使用
定义函数:function 函数名(){函数体}函数参数:(形参和实参)形参:函数定义时()里面的变量,该变量可以在函数体中使用,形式参数里的数据来源于实际参数实参:是指在函数调用时写在()中具体的数据,在函数调用时,实际参数把数据传给形式参数。在函数体中执行时候,让形式参数里有具体的数据eg:调用函数找出数组最大值arr1 =[1,4,8,5,2];arr2 =[1,4,6,7,8,9];arr3 =[2,5,6,3,8,9];function getArr.原创 2021-12-07 23:51:54 · 65 阅读 · 0 评论 -
js一维数组,api,二维数组
1、定义数组空数组1、数组字面量:[ ]var 变量名 = [ ];//定义一个空的数组把数组保存到变量中2、新的数组对象var 变量名 = new Array();//定义一个新的数组对象并保存到变量中下标(数组中每个数据的编号)原理:数组中第一个数据下标为0,依次递增。2、数组的基本使用a、通过下标获取数组中的指定一个数据数组变量名[下标];e.g:document.write(num[2]);b、获取数组长度:nums.length...原创 2021-12-02 10:23:18 · 1126 阅读 · 0 评论 -
js基础运算符
1、算术运算符(+,-,* ,/,%)var num = 2;var num1 =num+2;//num1=4var num2 =num-2;//num2=0var num3 =num*2;//num3=4var num4 =num/2;//num4=1var num5 =num%num;//num5=02、赋值运算符(=,+=,-=,*=,/=,%=.++.--)a、=:给变量赋予数据或修改数据时用b、+=,-=,*=,/=,%=:修改变量的数据,新的数据是指在原数据的基础上.原创 2021-11-07 14:19:31 · 134 阅读 · 0 评论 -
js控制结构
分支结构(if,switch)if分支结构:if(条件) { 条件为true时候执行代码} else { 条件为false的代码执行}if多分枝结构:if(条件) { 条件为true时候执行代码} else if (条件) { 条件为ture的时候代码执行} else { 条件为false的代码执行}switch语句:qq...原创 2021-11-28 15:04:34 · 262 阅读 · 0 评论