kyl的博客

一、HTML5简介1.什么是HTML5 HTML5 是新一代的 HTML 标准，2014年10月由万维网联盟（ W3C ）完成标准制定。 官网地址： W3C 提供： https://www.w3.org/TR/html/index.html WHATWG 提供： https://whatwg-cn.github.io/html/multipage HTML5 在狭义上是指新一代的 HTML 标准，在广义上是指：整个前端。 2.HTML5 优势 针对JavaScript ，新增了很多可操作的接口。 新增了一些语义化标签、全局属性。 新增了多媒体标签，可以很好的替代flash 。 更加侧重语义化，对于SEO 更友好。 可移植性好，可以大量应用在移动设备上。 3.HTML5兼容性 支持： Chrome 、Safari 、Opera 、Firefox 等主流浏览器。 IE 浏览器必须是9 及以上版本才支持HTML5 ，且IE9 仅支持部分HTML5...

一、前序知识1.认识两位先驱 2.计算机基础知识 计算机俗称电脑，是现代一种用于高速计算的电子计算机器，可以进行数值计算、逻辑计算，还具有存储记忆功能。 计算机由 硬件 + 软件组成： 硬件：看得见摸得着的物理部件。 软件：可以指挥硬件工作的指令。 软件的分类： 系统软件：Windows、Linux、Android、Harmony 等。 应用软件：微信、QQ、王者荣耀、PhotoShop 等。 整体图示： 3.C/S架构与B/S架构 上面提到的应用软件，又分为两大类： C/S架构，特点：需要安装、偶尔更新、不跨平台、开发更具针对性。 B/S架构，特点：无需安装、无需更新、可跨平台、开发更具通用性。 名词解释：C => client（客户端）、B => browser（浏览器）、S => server（服务器）。 服务器 ：为软件提供数据的设备（在背后默默的付出）。 前端工程师，主要负责编写...

一、常用语句1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586git init # 初始化本地git仓库（创建新仓库）git config --global user.name "xxx" # 配置用户名git config --global user.email "xxx@xxx.com" # 配置邮件git config --global color.ui true # git status等命令自动着色git config --global...

数据传递1、propsprops让组件接收外部传过来的数据 (不会影响另一组件的数据) props适用于 父组件 ==> 子组件 通信 子组件 ==> 父组件 通信（要求父组件先给子组件一个函数） 父传子：父组件在写子组件标签时，将要传递的数据绑定在标签上，子组件用props接收后即可使用。子传父：首先在父组件中定义一个方法，将方法传递到子组件中，子组件用props接收后，在需要传给父组件数据的方法中调用父组件传递过来的方法，将要传递的数据作为方法的参数。 2、本地存储可以实现全局通信，但是不建议使用，因为不安全。 存储内容大小一般支持 5MB 左右（不同浏览器可能还不一样） 浏览器端通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制 相关API xxxStorage.setItem('key',...

使用Lombok导致传值失败spring中，为什么前端明明传了值，后端却接收不到_springboot接口无法获取参数-CSDN博客 结论到这里，我们就可以得出结论了 因为 Lombok 生成 get、set 方法的语义规范与和Jackson 处理 get、set 方法之间的不一致，导致属性名无法匹配上，最终也就导致了前端明明传了参数，后端却接收不到的问题。 看到这里，我就来总结一下能解决这个问题的三种方案吧 1.加@JsonProperty注解强行指定属性名 123456789101112@Datapublic class UserVO { /** * 用户名称 */ @JsonProperty(value = "uName") private String uName; /** * 登录类型 */ private String...

5 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...

4 Vue Router4.1 Vue Router 相关理解4.1.1 vue-router 的理解vue的一个插件库，专门用来实现SPA应用 4.1.2 对SPA应用的理解 单页Web应用（single page web application，SPA） 整个应用只有一个完整的页面 点击页面中的导航链接不会刷新页面，只会做页面的局部更新 数据需要通过ajax请求获取 4.1.3 路由的理解 什么是路由? 一个路由就是一组映射关系（key - value） key为路径，value可能是function或componen 路由分类 后端路由 理解：value是function，用于处理客户端提交的请求 工作过程：服务器接收到一个请求时，根据请求路径找到匹配的函数来处理请求，返回响应数据 前端路由 理解：value是component，用于展示页面内容 工作过程：当浏览器的路径改变时，对应的组件就会显示 4.2 基本路由 安装vue-router，命令npm i...

3 Vuex3.1 理解 Vuex3.1.1 Vuex 是什么 概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信 Vuex Github地址 3.1.2 什么时候使用 Vuex 多个组件依赖于同一状态 来自不同组件的行为需要变更同一状态 3.1.3 Vuex 工作原理图 3.2 求和案例 3.2.1 使用纯 vue 编写Count.vue： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950<template> <div> <h1>当前求和为：{{sum}}</h1> <select v-model.number="n"> <option...

2 Vue22.1 初始化脚手架2.1.1 说明 Vue脚手架是Vue官方提供的标准化开发工具（开发平台） 最新的版本是 4.x 文档 VueCLI 目前已经 Vue CLI已经被弃用了，Vue官方开发并推荐Vite 2.1.2 具体步骤 如果下载缓慢请配置npm淘宝镜像npm config set registry http://registry.npm.taobao.org 全局安装 @vue/cli npm install -g @vue/cli 切换到创建项目的目录，使用命令创建项目vue create xxx 选择使用vue的版本 启动项目npm run serve 打包项目npm run build 暂停项目 Ctrl+C Vue脚手架隐藏了所有webpack相关的配置，若想查看具体的webpack配置，请执行vue inspect > output.js 2.1.3 脚手架文件结构1234567891011121314151617.文件目录├── node_modules ├── public│ ├── favicon.ico: 页签图标│ ...

1 Vue基础知识1.1 Vue简介1.1.1 官网 英文官网 中文官网 1.1.2 介绍与描述 $\textcolor{red}{Vue}$ 是一套用来动态构建用户界面的渐进式JavaScript框架 构建用户界面：把数据通过某种办法变成用户界面 渐进式：Vue可以自底向上逐层的应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各式各样的Vue插件 作者：尤雨溪 1.1.3 Vue 的特点 遵循MVVM模式 编码简洁, 体积小, 运行效率高, 适合移动/PC 端开发 它本身只关注UI, 也可以引入其它第三方库开发项目 采用**$\textcolor{red}{组件化}$**模式，提高代码复用率、且让代码更好维护 **$\textcolor{red}{声明式}$**编码，让编码人员无需直接操作DOM，提高开发效率 使用**$\textcolor{red}{虚拟DOM}$** 和**$\textcolor{red}{Diff算法}$** ，尽量复用DOM节点 1.1.4 与其他 JS 框架的关联 借鉴...