chenjiajiak的博客

原创 2.12组件之间的通信---跨父子通信篇

例子一：开发一个这样结构。

原创 2.11组件之间的通信---插槽篇

原创 2.10组件间的通信

组件间通信是 Vue 项目开发的核心环节之一，后续将具体学习组件之间传递数据的方法。

原创 2.9Vue创建项目（组件）的补充

在一个组件中引入另一个文件的子组件，给当前组件设置样式，那么子组件的样式也会改变的。为了解决这个问题 我们在自己的style中设置一个属性。根据这个配置里面的dev 所以我们执行项目是。而不是 npm run serve。第一个是通过webpack创建的。第二个是通过vite创建的。

原创 2.8组件化开发基础-安装Vue

此前学习过通过 webpack 配置 Vue 开发环境，但真实开发中，不可能每个项目都从头完成所有 webpack 配置，这会大幅降低开发效率；因此真实开发中，通常会用脚手架创建项目，Vue 项目使用的是 Vue 专属脚手架；脚手架源于建筑工程概念，软件工程中，将帮助搭建项目的工具称为脚手架。

原创 2.7Vue的双向数据绑定

这些都要求我们可以在代码逻辑中获取到用户提交的数据，我们通常会使用v-modelv-modelinputtextareaselectv-modelhtml。

原创 4.6Vue的OptionApi

在模板中可通过插值语法显示 data 中的数据。但有时需对数据转化后显示或结合多个数据显示，如对多个 data 数据运算、用三元运算符决定结果、对数据某种转化后显示。在模板中用表达式可方便实现，其初衷用于简单运算。在模板中放太多逻辑会使其过重且难维护，若多处使用还会有大量重复代码。接着提出是否有方法将逻辑抽离出去。一种方式是将逻辑抽取到一个 method 中，放到 methods 的 options 中，但弊端是所有 data 使用过程都会变成方法调用；另一种方式是使用计算属性 computed。

原创 4.5Vue的列表渲染

html预览。

原创 4.4Vue的条件渲染

在某些情况下，我们需要根据当前的条件决定某些元素或组件是否渲染，这个时候我们就需要进行条件判断了。

原创 4.3Vue的事件绑定

原创 4.2Vue的基础语法

，并给出答案 “非常简单，我们可以直接使用 v - bind 绑定一个对象”，还说明案例中 “info 对象会被拆解成 div 的各个属性”。但除内容需动态决定外，某些属性也希望动态绑定，例如动态绑定 a 元素的 href 属性、img 元素的 src 属性。：首次渲染后，即使绑定的数据发生变化，该元素 / 组件及其子元素也不会再重新渲染，从而减少不必要的 DOM 操作，提升性能。如果我们希望把数据显示到模板（template）中，使用最多的语法是 “Mustache” 语法（双大括号）的文本插值。

原创 4.1Vue基本使用

Vue 的本质，就是一个 JavaScript 的库：刚开始我们不需要把它想象的非常复杂；我们就把它理解成一个已经帮我们封装好的库；在项目中可以引入并且使用它即可。那么安装和使用 Vue 这个 JavaScript 库有哪些方式呢？方式一：在页面中通过 CDN 的方式来引入；方式二：下载 Vue 的 JavaScript 文件，并且自己手动引入；方式三：通过 npm 包管理工具安装使用它（webpack 再讲）。

原创 2.12DOM相关案例练习

【代码】2.12DOM相关案例练习。

原创 2.11JavaScript事件处理

如何进行事件监听呢？

原创 2.10DOM和BOM插入/移除/克隆

创建元素：document.createElement (tag)javascript。

原创 2.9学习DOM和BOM (主要是获取元素的操作)

节点之间的导航适用于所有的节点元素之间的导航适用于所有的元素table之间的导航适用于所有的table的元素form之间的导航适用于所有的form的元素层层递进。

原创 2.8包装类型-原始类型的属性和方法

Math是一个内置对象（不是一个构造函数），它拥有一些数字常数属性和数学函数方法；数组和对象都是一种保存多个数据的数据结构，后续的数据结构中我们还会学习到其他的结构。有一个相似的方法，叫做astIndexOf，从最后开始查找（用的比较少）Math.random:生成0-1的随机数（包含0，不包含1）字符串在定义之后是不可以修改的，所以下面的操作是没有任何的意义。使其可以获取属性和调用方法，对其封装了对应的包装类型；查找到对应的字符串，并且使用新的字符串进行替换。这时es6新增的语法，下面的方法也是一样的。

原创 2.7 JS对象的使用

任意类型。

原创 spring

Spring 的分层架构通过关注点分离和依赖倒置原则，使企业级应用开发更高效、可维护。合理设计项目结构（如按 MVC 模式组织代码）。快速定位问题（如数据库异常优先排查 Repository 层）。技术选型（如响应式场景选择 WebFlux 替代传统 MVC）。建议结合 Spring 官方文档和实战项目（如 Spring Initializr 生成的模板项目）深入理解各层协作机制。

原创 Linux操作系统-命令基础

Linux的目录结构是一个树形结构Windows系统可以拥有多个盘符，如c盘、d盘、E盘Linux没有盘符这个概念，只有一个根目录/,所有的文件都在它的下面。

原创 2.6 Java Script函数

alert函数：浏览器弹出一个弹窗prompt函数：在浏览器弹窗中接收用户的输入console.log函数：在控制台输入内容String/Number/Boolean函数等等。

原创 2.4 JS分支和循环

在程序开发中，程序有三种不同的执行顺序1.顺序执行2.分支执行3.循环执行。

原创 2.5 JS基础运算符

运算符优先级 - JavaScript | MDN (mozilla.org)我们知道，在数学中有很多用于比较大小的运算符，在JS中也有相似的比较。算数运算符用在数学表达式，它的使用方式和数学中是一致的。链式赋值（Chaining assignments）运算符中在一起使用会有使用的先后顺序。在MDN中有详细介绍。

原创 2.3 JS变量和数据类型m

typeof是一个操作符，并非是一个函数，（）只是将后续的内容当成一个整体而已。

原创 2.2 JavaScript的基本语法

位置一：HTML代码行内（不推荐）位置二：script标签中位置三：外部的script文件。

原创 2.1 认识JavaScript

除了上述用于浏览器和服务器端的 JavaScript 引擎外，还有一些轻量级的 JavaScript 引擎，如 SEE（Simple ECMAScript Engine），是用 C 语言开发的轻量级 ECMAScript 解析器和实时运行环境，支持 ECMAScript Edition 3 和 JavaScript 1.5，常被用于一些对资源占用要求较低的嵌入式设备或特定的小型应用场景中1。Web开发：原生JavaScript、React开发、Vue开发、Angular开发。

原创 1.7 css-flex布局

（块级元素的flex-container）

原创 1.6 CSS元素浮动-float

normal flow(标准流) 应用场景：垂直布局absolute positioning(绝对定位) 应用场景：层叠布局float(浮动) 应用场景：水平布局（浮动：现在很少用，大部分用的是flex布局）

原创 1.5 知识点升级+CSS元素定位

用户的角度：浏览一个网页时，因为代码中有引入字体文件，字体文件会被一起下载下来；浏览器会根据使用的字体在下载的字体文件中查找、解析、使用对应的字体；在浏览器中使用对应的字体显示内容；

原创 1.4 高级元素的使用+常见的Emmet语法+结构伪类

定义列表：直接子元素只能是dt、ddterm是项的意识，列表中每一项的项目名列表中每一项的具体藐视，是对dt的描述、解释、补充一个dt后面一般紧跟一个或者多个dd。

原创 1.3 CSS属性的特性+CSS的盒子模型

对于一个元素来说，相同一个属性我们可以通过不同的选择器给它进行多次设置；那么属性会被一层层覆盖上去但是最终只有一个会被生效。注意：这里我们说的是对。

原创 1.2 css实用属性

text-decoration用于设置文字的装饰线decoration是装饰/装饰品的意思text-decoration有如下常见的取值：无任何装饰线：下划线：上划线：中划线（删除线）补充：这里浏览器会给元素做很多默认的样式设置，那么我们有时候不想要这些样式，这就需要对元素进行。

原创 1.1 初识CSS

---早期的网页都是通过HTML来编写的，但是我们希望HTML页面可以更加丰富，这个时候就出现了css美化方式一：为HTML添加各种各样的样式，比如颜色，字体，大小，下划线等等美化方式二：对HTML进行布局，按照某种结构显示（CSS进行布局-浮动、flex、grid）

原创 0.3 HTML---常见元素

下载zip包

原创 0.2 HTML-------元素篇

例如<h1 属性名="属性值">我是内容</h1>1.说出软件和应用程序的区别？2.说出一个完善的应用系统包含哪些环节3.整理出网页从编写到浏览器显示的整个过程（重要）4.服务器是什么？说出你的理解5.网页的三大组成部分是哪些？分别说出他们的作用6.浏览器的内核是什么？有哪些常见的浏览器内核7手动编写出HTML页面的结构（不利用开发工具提示）8.元素的结构是什么？有哪些单标签元素，双标签元素？9.元素之间有哪些关系？写出一个例子，并且说明他们的关系10.注释的作用，HTML的注释如何编写。

原创 0.1初识HTML

由无数个标记（标签、tag）组成；是对某些内容进行特殊标记，以供其他解释器识别处理；由标签和内容组成的部分成为元素不仅仅可以插入普通的文本，还可以插入图片、音频、视频等内容；还可以表示超链接（HyperLink），从一个网页跳转到另一个网页。

原创 0.0 web前端：电脑配置和安装软件

不同的浏览内核有不同的解析，渲染规则，所以同一个页面在不同的内核浏览器中的渲染效果也可能不同----为了解析这一问题，--------------所以会有专门的工具来进行适配。一个url网页地址通过 ----DNS服务器解析 ------找到对应的ip地址 -------找到对应服务器。Trident：（三叉戟）IE、360安全浏览器、搜狗高速浏览器、百度浏览器、UC浏览器。Safari、360极速浏览器、搜狗浏览器、移动端浏览器（Android、ios）第三： Xmind Zen思维导图：思维导图笔记。