- 博客(182)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 （2）Mysql的安装及配置
一、下载mysql安装mysql有两种方式，一种是下载安装包安装，另一种是下载压缩包解压配置，这里使用安装包方式。进去后点击下面的Download点击No thinks进入下载二、安装mysql双击下载好的安装包，选择Server only，点击next点击Execute进度完成后点击next默认不做修改，点击next输入root账户的密码，如果想添加其他用户可以点击Add User，不添加直接点击next...
2022-05-10 22:22:10
320
3
原创 （1）数据库的基本概念
一、什么是数据库1. 数据库(DataBase) 就是存储和管理数据的仓库 2. 其本质是一个文件系统, 还是以文件的方式,将数据保存在电脑上二、为什么使用数据库数据存储方式的比较通过上面的比较,我们可以看出,使用数据库存储数据, 用户可以非常方便对数据库中的数据进行增加, 删 除, 修改及查询操作。 三、常见的数据库软件排行榜四、开发中常见的数据库 五、为什么选择MySQL?1. 功能强大,足以应付web应用开发 2. 开源, 免费...
2022-05-10 22:14:35
410
原创 （2）MyBatis简介
MyBatis是一个优秀的基于ORM的半自动轻量级持久层框架，它对jdbc的操作数据库的过程进行封装，使开发者只需要关注 SQL 本身，而不需要花费精力去处理例如注册驱动、创建connection、创建statement、手动设置参数、结果集检索等jdbc繁杂的过程代码。...
2022-03-21 12:03:37
724
原创 （1）框架入门介绍
SSM = springmvc + spring + mybatis一、框架简介2.1三层架构软件开发常用的架构是三层架构，之所以流行是因为有着清晰的任务划分。一般包括以下三层：1.持久层：主要完成与数据库相关的操作，即对数据库的增删改查。因为数据库访问的对象一般称为Data Access Object（简称DAO），所以有人把持久层叫做DAO层。2.业务层：主要根据功能需求完成业务逻辑的定义和实现。因为它主要是为上层提供服务的，所以有人把业务层叫做Service层或Business层
2022-03-21 12:02:42
560
原创 （69）Vue-cli 打包与部署
一、打包• 打包就是将 Vue CLI 项目编译为浏览器可识别的文件。执行命令如下：npm run build二、部署• 部署指的是将 Vue 项目dist 目录部署到服务器上。• 安装静态文件服务器命令：• npm install –g serve• 在 dist 下通过 serve 命令部署。...
2022-02-17 00:06:50
1309
原创 （68）Vue-cli 目录与文件
一、文件目录介绍二、单文件组件单文件组件可以将组件的功能统一保存在以 .vue 为扩展名的文件中。三、HelloWorld.vue文件该文件是一个组件文件，文件中有三个标签，<template>标签代表我们之前书写的template选项，我们知道我们之前书写起来很不方便，但是我们通过这种标签的方式书写，写起来更容易啦！<script>标签用于导出组件，供我们的App.vue根组件进行使用。<style>标签可以书写样式代码，这里面可以通过lan
2022-02-16 23:09:43
604
原创 （67）Vue-cli 项目搭建
一、创建项目vue create project-demo二、选择 Preset三、勾选需要的工具四、选择vue版本2五、vue-router的模式选择六、选择CSS预处理器七、选择代码风格八、代码检查（选择默认）九、文件存储（选择第一个分开存储）十、是否保存你的预设置（取名字）十一、添加到gitignore十二、创建完成十三、运行项目npm run serve十四、二次创建...
2022-02-16 22:46:04
289
原创 （66）Vue-cli 安装
一、Vue-cli安装命令npm install –g @vue/cli二、检查是否安装Vue-cli命令vue --version三、Vue-cli升级命令npm update –g @vue/cli
2022-02-16 22:10:10
145
原创 （65）Vue-cli介绍
一、Vue-cli介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，称为脚手架工具。统一项目的架构风格。我们每个程序员书写的代码风格都不一样，脚手架工具可以帮我们实现统一架构风格。初始化配置项目依赖。提供单文件组件。操作方式：命令行工具。通过命令操作。脚手架官方网址：https://cli.vuejs.org/zh/guide/二、Vue-cli主要内容• 安装• 项目搭建• 目录与文件• 打包与部署
2022-02-15 18:32:13
496
原创 （50）Vue Router插件介绍
一、Vue Router插件介绍Vue Router 是 Vue.js 的官方插件，用来快速实现单页应用。二、Vue Router学习内容• 单页应用• 前端路由• Vue Router三、单页应用SPA（Single Page Application）单页面应用程序，简称单页应用。指的是网站的 “所有” 功能都在单个页面中进行呈现。具有代表性的有后台管理系统、移动端、小程序等。• 单页应用的优点：• 前后端分离开发，提高了开发效率。• 业务场景切换时，局部更新结构。
2022-02-15 18:29:35
403
原创 （26）Vue.js组件通信—props 命名规则
建议 prop 命名使用 camelCase（驼峰命名法），父组件绑定时使用 kebab-case（多个单词使用连字符连接书写）。
2022-02-15 18:11:59
423
原创 （25）Vue.js组件通信—父组件向子组件传值
一、Vue.js组件通信介绍子组件如何获取父组件中的数据？父组件如何得知子组件的数据变更？如果是更加复杂的组件关系呢？在组件间传递数据的操作，称为组件通信。二、Vue.js组件通信内容• 父组件向子组件传值• 子组件向父组件传值• 非父子组件传值• 其他通信方式三、父组件向子组件传值• 通过子组件的 props 选项接收父组件的传值。• 注意：props 不要与 data 存在同名属性。
2022-02-13 23:05:01
218
原创 （24）Vue.js组件—组件注册
一、Vue.js组件注册内容• 全局注册 • 组件基础 • 局部注册二、全局注册• 全局注册的组件在注册后可以用于任意实例或组件中。 这是p标签 // 语法: Vue.component('my-component',{选项对象});
2022-02-12 20:41:46
530
原创 （23）Vue.js组件介绍
一、Vue.js组件介绍组件用于封装页面的部分功能，将功能的结构、样式、逻辑代码封装为整体。提高功能的复用性与可维护性，更好的专注于业务逻辑。二、Vue.js组件使用组件使用时为自定义 HTML 标签形式，通过组件名作为自定义标签名。<div id="app"> <!-- 普通HTML标签 --> <p>这是p标签</p> <!-- Vue.js组件 --> <my-com></my-com></div>三、Vue.js组件主要内容组件注册、组件通信、
2022-02-11 11:20:56
416
原创 （21）git版本控制工具
一、git简介git是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。git官网：https://git-scm.com/二、git安装傻瓜式安装即可，一直点击下一步。检测是否安装成功:安装成功后，使用快捷键win+r, cmd, 打开控制台，然后输入git命令，看到如图所示的画面即表示安装成功了。安装完成后，需要进行设置，在命令行输入以下代码：顾名思义，这是设置你的名字和Email地址。$ git config --global user..
2022-02-05 11:11:19
1174
3
原创 （22）Vue.js 综合案例：TodoMVC
一、TodoMVC介绍TodoMVC 是一个经典项目，让开发者快速实践到框架开发方式。官网地址：http://todomvc.com/TodoMVC一句话评价：功能完备不冗余，多样实现引深思。其实就说的是我们可以再内容中去使用到Vue.js的语法，但不会为了去练习语法而练习语法，再不同的场景体会语法带来的不同效果，对语法进行更深刻的理解。二、TodoMVC准备工作安装git版本控制工具：https://git-scm.com/Git是一个开源的分布式版本控制系统，用于敏捷高效地.
2022-02-04 23:59:27
807
原创 （19）Vue.js 生命周期
一、Vue.js 生命周期介绍Vue.js 生命周期指的是 Vue 实例的生命周期。Vue 实例的生命周期，指的是实例从new创建到运行，再到销毁的过程。二、Vue.js 生命周期函数通过设置生命周期函数，可以在生命周期的特定阶段执行功能。生命周期函数也称为生命周期钩子。• 创建阶段：• beforeCreate：实例初始化之前调用。 data和methods这些选项还没初始化完毕。• created： 实例创建后调用。 data和methods这些选项已经初始化完毕。...
2022-02-04 22:40:44
983
原创 （18）Vue DevTools插件
一、Vue DevTools插件介绍Vue DevTools插件是 Vue.js 官方提供的用来调试 Vue 应用的工具。二、Vue DevTools插件安装安装地址如下：https://chrome.zzzmh.cn/#/index在插件官网中搜索插件名称，然后下载。点击下载后，会下载一个压缩文件，我们解压一下文件。将解压后的文件拖拽进来，然后点击添加拓展程序即可。如下图是安装插件成功页面三、Vue DevTools插件注意事项• 网页必须应用了...
2022-02-04 22:22:17
1437
原创 （17）Vue.js 侦听器
一、侦听器介绍侦听器用于监听数据变化并执行指定操作。二、侦听器使用语法三、侦听器使用演示当我们的input不管输入什么内容时，只要value值发生变化，就会触发一次侦听器！...
2022-02-04 17:56:21
1729
原创 （16）计算属性的 setter
一、计算属性的setter介绍计算属性默认只有 getter，Vue.js 也允许给计算属性设置setter 。示例一：默认书写方式<body> <div id="app"> <p>{{ fullName }}</p> </div> <script src="../01.vue.js入门/js/vue-2.6.14.js"></script> <script> n
2022-02-04 17:17:12
912
原创 （15）Vue.js 计算属性
• Vue.js 的视图不建议书写复杂逻辑，这样不利于维护。• Vue.js 的视图不建议书写复杂逻辑，这样不利于维护。封装函数是很好的方式，但有时重复的计算会消耗不必要的性能。再methods选项中通过调用方法，每调用一次都要计算一次，损耗不必要的性能。如何提高执行效率？通过将methods选项，替换成computed计算属性的方式。计算属性使用时为属性形式，访问时会自动执行对应函数。通过如下示例我们看到，我们调用了3次getResult方法，但是我们的控制台只输出了.
2022-02-04 16:10:25
1046
原创 （14）Vue.js 过滤器
一、过滤器作用过滤器用于进行文本内容格式化处理。二、过滤器的使用方式过滤器可以在插值表达式和 v-bind 中使用。三、过滤器的分类• 全局过滤器 • 局部过滤器四、全局过滤器• 全局过滤器可以在任意Vue实例中使用。语法书写方式如下：Vue.filter('过滤器名称'，function(value) { //逻辑代码 return '处理结果';})<!DOCTYPE html><html lang...
2022-02-03 23:53:37
644
2
原创 （13）Vue.js 自定义指令
一、Vue.js之定义指令介绍前面我们学习了一些Vue.js给我们提供的指令，那么我们知道指令就是帮助我们去简化DOM操作的，相当于对基础 DOM操作的一种封装。那么我们仅仅使用这些Vue.js提供给我们的指令还是不够的，当我们希望使用一些内置指令不具备的 DOM 功能时，可以进行自定义指令设置。自定义指令分为：自定义全局指令和自定义局部指令。
2022-02-01 22:46:31
166
原创 （20） Vue.js 框架基础面试题
1.库与框架的区别是什么？2.Vue.js 的核心特性有哪些？3.什么是数据驱动视图？4.MVVM 模型各部分含义是什么，在 Vue.js 中分别对应哪些功能？5.el 选项的作用是什么，可以设置哪几种值？6.设置在 data 中的数据有什么特点？7.Vue.set() 可以解决什么问题？8.插值表达式内有哪些书写要求？9.methods 的作用是什么？10.谈谈你对指令的理解。11.常用的内容处理指令有哪些？12.常用的属性绑定操作有哪些？13.v-for
2022-01-26 00:01:45
832
原创 （12）vue.js 修饰符
一、vue.js修饰符介绍修饰符是以点开头的指令后缀，用于给当前指令设置特殊操作。二、事件修饰符三、按键修饰符四、系统修饰符五、鼠标修饰符六、v-model 修饰符
2022-01-25 23:59:17
702
原创 （11）vue.js 指令（3）
一、事件处理指令v-on• 用于进行元素的事件绑定。示例1：• Vue.js 还为 v-on 指令提供了简写方式。示例2：v-on的简介方式• 事件程序代码较多时，可以在 methods 中设置函数，并设置为事件处理程序。• 设置事件处理程序后，可以从参数中接收事件对象。• 在视图中可以通过 $event 访问事件对象。• 如果只写了一个参数，没有写$event，那么在视图中该方法不可以通过$event 访问事件对象。<body> <div id="a
2022-01-25 23:58:01
235
原创 （10）vue.js 指令（2）
八、渲染指令—v-forv-for介绍：v-for指令用于遍历数据渲染结构，常用的数组与对象均可遍历。示例1：渲染数组当中的数据，item是一个自己起的标识，in是固定的关键字，再···里，arr是数组名，那么我们的综合意思就是：item这个标识再arr数组里，然后我们渲染这个item标识就可以拿到数据。示例2：我们的v-for当中的标识可以指定2个，一个是value值，一个是索引值。示例3：不仅可以遍历数组，还可以遍历对象，如下示例我们演示遍历对象示例4：遍历对象有3个标识
2022-01-25 23:57:11
425
原创 （9）vue.js 指令（1）
一、vue.js指令介绍指令的本质就是 HTML 自定义属性，Vue.js 的指令就是以 v- 开头的自定义属性。我们HTML元素非为固有属性和自定义属性，固有属性就是自己元素本身就有的，比如id,title等等。自定义属性是为了我们去识别框架，所以我们的vue.js的指令就是通过v-开头进行自定义的，所以将来我们再HTML元素的中看到v-开头的属性都是vue.js的自定义属性。二、内容处理指令v-once• v-once指令使元素内部的插值表达式只生效一次。<body> <div id
2022-01-25 23:56:29
309
原创 （8）vue.js基础语法—methods选项
一、methods选项介绍• 用于存储需要在 Vue 实例中使用的函数。二、methods选项示例没有使用methods选项的情况下，我们只能再插值表达式当中进行书写逻辑代码，这并不符合我们的开发规范，我们的规范是将视图和逻辑进行分离书写<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
2022-01-25 23:55:16
2050
原创 （7）vue.js基础语法—data选项
一、data选项示例• 用于存储 Vue 实例需要使用的数据，值为对象类型。<body> <!-- 视图层 --> <div id="app"> </div> <!-- 数据层 --> <script src="js/vue-2.6.14.js"></script> <script> new Vue({ el: '#app', data: {
2022-01-25 23:53:54
495
原创 （6）vue.js基础语法—插值表达式
一、插值表达式介绍挂载元素可以使用 Vue.js 的模板语法，模板中可以通过插值表达式为元素进行动态内容设置，写法为 {{ }}。
2022-01-25 23:03:13
2025
1
原创 （5）vue.js 基础语法—el选项
一、el选项介绍• 用于选取一个 DOM 元素作为 Vue 实例的挂载目标。• 只有挂载元素内部才会被 Vue 进行处理，外部为普通 HTML 元素。• 代表 MVVM 中的 View 层（视图）。• 可以为 CSS 选择器格式的字符串 或 HTMLElement 实例，但不能为 html 或 body。常见报错：Uncaught ReferenceError: Vue is not defined。该报错表示vue.js没有引入或者没有引入成功。解决方法：检查vue.js文件是否
2022-01-24 11:44:51
1471
原创 （4）vue.js 基础语法
Vue 实例是通过 Vue 函数创建的对象，是使用 Vue 功能的基础。我们想要使用Vue的功能，必须要实例化创建一个Vue的对象。<script> var vm = new Vue({ //选项对象 })</script>
2022-01-24 10:34:17
162
原创 （3）vue.js安装
一、本地引入• 开发版本：https://cn.vuejs.org/js/vue.js• 生产版本：https://cn.vuejs.org/js/vue.min.js二、cdn 引入• 最新稳定版： https://cdn.jsdelivr.net/npm/vue• 指定版本：http:// https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js三、npm安装• 最新稳定版： npm install vue• 指定版本:
2022-01-23 12:37:23
201
原创 （2）vue.js介绍
一、vue.js介绍中文官网：https://vuejs.bootcss.com/guide/Vue (读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。二、vue.js核心特性2.1数据驱动视图• 数据变化会自动更新到对应元素.
2022-01-23 11:58:58
331
原创 （1）传统网页开发
一、传统网页开发步骤我们的传统网页开发步骤是：首先通过ajax请求数据，然后生成HTML代码结构，然后用户通过我们书写的网页结构呢，去监听变化，监听变化呢就是监听用户输入的内容，或者操作的内容，比如说用户点击了按钮，再输入框中输入了某些数据，然后呢我们的元素会随之发生变化，然后再次发送我们的变化后的结构的请求，最后更新我们用户最终操作后应该展示的HTML结构，并渲染到我们的浏览器网页当中。二、原生js方式操作DOM示例<!DOCTYPE html><html lan
2022-01-23 11:46:44
820
原创 （2）webpack核心概念
一、webpack核心概念组成入口（Entry）出口（Output）加载器（Loader）插件（Plugins）模式（Mode）模块（Module）依赖图（Dependency Graph）二、webpack核心概念—入口打包时，第一个被访问的源码文件默认是src/index.js（可以通过配置文件指定）webpack通过入口，加载整个项目的依赖三、webpack核心概念—出口打包后，输出的文件名称默认是dist/main.js（可以通过配置文..
2022-01-22 20:22:42
409
原创 （1）webpack介绍
一、webpack简介webpack=Web Package，webpack是一个现代JS应用程序的静态模块打包器（module bundler）模块（模块化开发，可以提高开发效率，避免重复造轮子）打包（将各个模块，按照一定的规则组装起来）官网：http://webpack.js.org/特点：1.功能强大（打包、构建、发布Web服务）2.学习成本高我们之前学习过一个自动化构建工具，叫Gulp，但是现在企业不在适用，因为由于webpack越来越强大，将Gulp已经淘汰掉了。二、如
2022-01-22 16:47:49
2465
原创 （51）前端工程化面试题总结
一、什么是 Node.jsNodejs是一个JavaScript的运行环境，是一个服务器端的“JavaScript解释器”，用于方便高效地搭建一些响应速度快、易于扩展的网络应用。它采用事件驱动、异步编程，为网络服务而设计。二、什么是 npmnpm是nodejs包管理和分发的工具，用于管理node包。如安装、卸载、发布、查看等。三、前端工程化解决的问题1. 重复的机械式工作部署上线前，需要**手动**压缩代码和资源文件2. 传统语言或语法的弊端要是用 ES6+ 和 CSS3 的
2022-01-22 14:36:12
512
原创 （50）常见命名方式
一、驼峰式命名法例如：HelloWorld（大驼峰，第一个单词首字母大写，第二个单词首字母也大写）例如：helloWorld（小驼峰，第一个单词首字母小写，第二个单词首字母大写）二、C型/蛇形命名法例如：hello_world（多个单词之间使用下划线连接书写方式）三、烤串式命名法例如：hello-world（多个单词之间使用连字符横线连接书写方式）...
2022-01-22 14:23:54
538
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人