Ra-Liz's Blog

JQ速通速通背景 学Ajax的时候发现自己漏学了JQ 蓝桥杯web前端组第一个题就是JQ操作 速通内容document.ready123$(document).ready(function() { // 浏览器加载页面后，放入此func执行}); 选择器selector多个元素可以用,分隔 标签选择器 $("button") class选择器 $(".btn") id选择器 $("#target1") *, :first, :last, :eq(index), :gt(no), :lt(no), :not(selector), 还有很多↓ https://www.w3school.com.cn/jquery/jquery_ref_selectors.asp 去这里查 操作方法 添加类 .addClass("") 删除类 .removeClass("") 有则删，无则添 .toggleClass("") 更改元素CSS .css(&q ...

Ajax概述 介绍Ajax的基本概念和背景 解释Ajax的优势和用途 JavaScript基础 JavaScript语法和基本概念 JavaScript中的事件处理和DOM操作 JavaScript中的XMLHttpRequest对象 Ajax基本原理 Ajax的工作原理和基本流程 解释异步请求和服务器响应的概念 Ajax中的同源策略和跨域请求 Ajax的核心技术 使用JavaScript中的XMLHttpRequest对象发送异步请求 处理服务器响应数据，如文本、JSON和XML 使用Promise、回调函数和事件处理来处理异步请求和响应 Ajax的高级技术 使用Fetch API和Axios等现代Ajax库进行异步请求 处理Ajax请求和响应的错误和异常 使用跨域资源共享（CORS）来处理跨域请求 Ajax与其他Web技术的整合 结合Ajax和DOM操作来创建动态Web页面 使用Ajax与后端服务器进行数据交互，如获取和提交数据 使用Ajax实现单页应用（SPA）和前后端分离（前端框架、RESTful API等） Ajax的性能优化 ...

SpringBoot大纲1. Java 基础知识在学习 Spring Boot 之前，需要对 Java 编程语言有一定的了解。包括 Java 的面向对象编程、集合框架、异常处理、IO 流、泛型、Lambda 表达式等等。 2. Spring 基础知识Spring 是一个强大的开源框架，它为 Java 开发人员提供了一种开发企业级应用程序的方式。在学习 Spring Boot 之前，需要掌握 Spring 的基本概念、核心组件（IOC、AOP、MVC等）、配置方式（XML、JavaConfig、Annotation）等。 3. Spring Boot 入门学习 Spring Boot 的第一步是了解它的基本概念、优点和用途。包括 Spring Boot 的起源、特点、与传统 Spring 框架的区别等。 4. Spring Boot 快速入门学习 Spring Boot 的最好方法是动手实践。可以使用 Spring Initializr 快速创建一个 Spring Boot 项目，并编写一些简单的示例代码。这些示例代码可以涉及常用的 Spring Boot 功能，例如：Web 开发、数据 ...

Vue3 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.0 2.Vue3带来了什么1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% …… 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking …… 3.拥抱TypeScript Vue3可以更好的支持TypeScript 4.新的特性 Composition API（组合API） setup配置 ref与reactive watch与watchEffect provide与inject …… 新的内置组件 Fragment Teleport Suspense 其他改变 新的生命周期钩子 data 选项应始终被声明为一个函数 ...

Vue2脚手架文件结构(treer -d 路径) 关于不同版本的Vue说明 vue.js与vue.runtime.xxx.js的区别： ​ (1) vue.js是完整版的Vue,包含：核心功能+模板解析器。 ​ (2) vue.runtime.xxx.js是运行版的Vue,只包含：核心功能；没有模板解析器。 因为vue.runtime.xxx,js没有模板解析器，所以不能使用templatei配置项，需要使用renderi函数接收到的createElementi函数去指定具体内容。 vue.config.js配置文件 使用vue inspect > output.js 可以查看到Vue脚手架的默认配置 使用vue.config.js 可以对脚手架进行个性化定制，详情 https://cli.vuejs.org/zh/config/ ref属性1.被用来给元素或子组件注册引用的信息（id的替代 2.应用在html标签上获取的是真实DOM元素，应用在组件标签上获取的是组件实例对象 3.使用方式： 打标识 <h1 ref="title" ...

Android基础基础中的基础安卓系统四层结构 Linux内核层 系统运行库层 应用程序库层 应用程序层 安卓四种组件 安装/配置 安装Android Studio，安装SDK，新建空项目，注意存储配置，熟悉一下。（基地的网好差） 关于界面预览问题 本地模拟器 代理模拟器 真机连一连（悲惨鸿蒙） 下了个模拟器 123.\adb devices # 查看配置.\adb kill-server # 关闭服务.\adb start-server # 开启服务 项目运行 耐心等待… 使用记录

更新内容，请直接看这里这是工作/团队协作中最常见的一个基本流程，可以跟着这一串自己试一试。123456789101112131415161718192021222324252627# 最开始$ git clone #将远程仓库的代码拉到本地(local-git)# 记得切换新分支哦！$ git checkout -b 分支名 #创建新的分支，并在该分支下工作（例:git checkout mybranch）# 写完一些东西，想更新一下仓库时$ git add --all或git add . #添加等待commit$ git commit -m "XXX" #放进local-git里(“附加信息”，一般就"update from XXX")# commit之后$ git checkout main #先切换到主分支$ git pull origin main #把远端main同步到local_main中$ git checkout raliz #切换到自己的分支$ git rebase/merge main #将 ...

HTTP正经人谁学HTTP啊 初识 什么是HTTP？ 协议分析变化 分析以HTTP/1.1为例： 1.Method常见 特点 Safe安全：不会修改服务器的数据的方法 GET HEAD OPTIONS Indempotene幂等：同样的请求被执行一次与连续执行多次的效果是一样的，服务器的状态也是一样的，所有的safe的方法都是幂等的 GET HEAD OPTIONS PUT DELETE 2.状态码常见 RESTful APIRepresentational State Transfer（REST）ful API 一种API设计风格 特点 每个URI代表一种资源 客户端和服务器之间，传递这种资源的某种表现层 客户端通过HTTP method，对服务器端资源进行操作，实现“表现层状态转化” 举例 3.请求头常用请求头 4.缓存强缓存/协商缓存 优先级/流程 5.cookieSet-Cookie -response HTTP/2概述更快更稳更简单 一些名词 帧：HTTP/2通信的最小单位，每个帧都包含帧头，至少也会标识出当前帧所属的数据流 二进制 极大提高效率 压缩算法 ...

TS正经人谁学TS啊 发展历史 2012-10:微软发布了TypeScript第-个版本(0.8) 2014-10:Angular2发布了基于TypeScript的2.0版本 2015-04:微软发布了Visual Studio Code 2016-05:@types/react?发布，TypeScript可开发React 2020-09:ue发布了3.0版本，官方支持TypeScript 2021-11:v4.5版本发布 为什么TS和JS的比较 JS TS 动态类型 静态类型 弱类型语言 弱类型语言 动态类型在执行阶段才确定类型的匹配。编译在执行时 静态类型提前确定类型匹配。编译在执行前 弱类型语言数据类型可以被忽略的语言=>一个变量可以赋不同的数据类型的值。 强类型语言强制数据类型定义的语言=>一个变量被指定了某个数据类型，如果不经过强制转换，永远是这个类型=>一个类型的变量不会被当成另一种类型处理，（强类型定义语言是类型安全的语言） TS优势静态类型 可读性增强：基于语法解析TSDoc，ide增强 可维护性增强：在编译阶段暴露大部分错误= ...

JS正经人谁学 一、本堂课重点内容：（如何写好JS↓） JS编码原则 各司其责 组件封装（课程内容属实强，要花很长时间消化） 过程抽象 Left-pad事故背景引入 JS代码质量优化 二、详细知识点介绍：JS编码原则-各司其职 让HTML、CSS、JS职能分离 举例-深夜食堂的明暗模式modeHTML代码 CSS代码 码上掘金链接 总结 三者各司其责 避免不必要的由JS直接操作样式 可以用class来表示状态 纯展示交互寻求零JS方案 JS编码原则-组件封装 好的UI组件具备正确性、扩展性、复用性 举例-原生JS电商网站轮播图原型轮播图-原型 HTML-结构 CSS-表现 JS-行为（功能API、控制流Event） 重构-插件化轮播图-插件化 解耦 将控制元素抽成插件 插件与组件之间通过依赖注入方式建立联系 重构-模块化轮播图-模块化 解耦 将HTML模板化，更易于扩展 抽象 将组件通用模型抽象出来，组件框架 总结组件设计原则 封装性 正确性 扩展性 复用性 实现组件的步骤 结构设计 展现效果 行为设计 三次重构 模块化 模板化 抽象化（组件框架-组件是 ...