vue3的兄弟组件通信

发布时间:2022-12-01 VUE.JS JAVASCRIPT 前端
1、自定义全局事件总线 1、主文件定义//对象的类型限制type BusClass = { emit:(name:string,value:any)=>void on:(name:string,callback:Function)=>void}//事件名的类型限制type list = string | number | symbol//事件对象type List = { [key:list]:Array<Function>}class Bus implement...

HTML生日快乐-生日祝福(烟花+粒子动画)

发布时间:2022-12-01 JAVASCRIPT 项目实践 前端 HTML
本人对前端不太了解,对网上代码进行简单修改,完成部署。 粒子动画:https://github.com/kennethcachia/shape-shifter 烟花:网上有许多相关代码,未找到原作者 效果:http://8.130.106.21/HappyBirthday/HappyBirthday.html 代码:         1)百度网盘         链接:https://pan.baidu.com/s/1-pC9d_s4ldD6y5Y3KZCkQg          提取码:...

【JavaEE】实现用户登陆【实现登录的交互+获取主页的交互】

发布时间:2022-12-01 CSS3 前端 CSS 练习笔记
实现用户登陆【实现登录的交互+获取主页的交互】 登录的交互: 获取主页的交互 步骤 1. 先编写一个简单的登录页面——使用from表单来构造post请求 注意 2. 编写一个Servlet来处理这个登录请求 3. 编写服务器端返回主页的逻辑 页面 源代码 login.html <!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <title>...

使用cpolar发布树莓派上的博客网站(2)

在树莓派上的WordPress个人博客网站搭建完成后,我们就可以使用cpolar建立的数据隧道,将这个网站发布到公共互联网上,让所有人都能访问到,真正成为我们对外展示的一个窗口。不过,为了让WordPress能够正确处理来自本地以外的访问请求,我们还需要对WordPress进行一些小小的设置。首先是安装相对URL插件,这个插件可以在WordPress的仪表台页面找到。再打开树莓派的命令行界面,输入命令sudo nano /var/www/html/wp-config.php打开WordPress的配置文件...

外卖项目02---员工管理业务开发

发布时间:2022-12-02 # 外卖项目 前端 JAVA SERVLET
目录 一、完善登陆功能 16 1.1问题分析 1.2代码实现 16 1.3完善登陆功能—代码开发 17(完善过滤器处理逻辑) 1.4完善登陆功能---功能测试 18 二、新增员工页面设计 19 2.1需求分析 2.2新增员工---梳理程序执行流程(代码开发) 20 2.3新增员工---编写全局异常处理器(全局异常捕获解决异常 ) 22 2.4新增员工---小结 24 三、员工信息分页查询  3.1需求分析 25 3.2员工信息分页查询---梳理程序执行过程 26 3.3员工信息分页查询---代码开发 27...

【JavaEE】表白墙网站练习【前端+后端+数据库】

发布时间:2022-12-01 JAVA 前端 数据库 练习笔记
表白墙网站练习【前端+后端+数据库】 开发该表白墙(简单网站)的基本步骤: 1.约定前后端交互接口 2.开发服务器代码 编写Servlet能够处理前端发来的请求编写数据库代码,来获取/存储关键数据 3.开发客户端代码 基于ajax能够构造请求以解析响应能够响应用户的操作(点击提交按钮之后,触发服务器发送请求的行为) MVC Model(操作数据存取的逻辑) View(给用户展示的界面) Controller(控制器,处理请求之后的关键逻辑) 【view->controller->mode...

【JavaScript】

发布时间:2022-12-01 JAVASCRIPT 前端 开发语言
插件 Swiper中文网-轮播图幻灯片js插件,H5页面前端开发(TAB栏) https://www.swiper.com.cn/ JavaScript 介绍 JavaScript (是什么?) 是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。 作用(做什么?) 网页特效 (监听用户的一些行为让网页作出对应的反馈) 表单验证 (针对表单数据的合法性进行判断) 数据交互 (获取后台的数据, 渲染到前端)服务端编程 (node.js) JavaScript的组成(有什么?) ECMAScrip...

babel-plugin-import 实现按需引入

发布时间:2022-12-02 按需引入 BABEL 前端
 官方文档:https://github.com/umijs/babel-plugin-import#usage 组件库按需加载原理分析 - 掘金 组件库按需加载:  组件库以组件为基本单位产出 js、css、less 文件,借助插件或者部分引入的写法,使得项目代码或 babel 编译后的代码中只包含使用到的组件的 js、css、less 等。   webpack 懒加载: webpack 将源码中的 import、require 引入的文件编译之后再根据动态加载语法配置(通常以页面路由为基本单位)将较...

js 小数计算丢失精度问题

发布时间:2022-12-02 VUE.JS 计算 JAVASCRIPT 前端
目录 常见场景: 处理思路: 封装公共方法 常见场景: 0.1 + 0.2 = 0.30000000000000004  1.5 - 1.2 = 0.30000000000000004 19.9 * 100 = 1989.9999999999998 0.3 / 0.1 = 2.9999999999999996   案例(2) 处理思路: 可以通过先乘10的倍数,然后再除 比如 我要保留两位小数 那我就乘100,运算完后再除100, 更精确的计算(案例2) 有8为小数 ,那么我们需要把2个数 计...

基于java+Mysql的志愿者管理系统代码分享

发布时间:2022-12-02 JAVA JSP 前端 SERVLET
源码编号:F-B03 项目类型:Java EE项目(开源免费) 项目名称:基于jap+Servlet的志愿者管理系统代码(volunteer-web) 用户类型:双角色(志愿者和管理员) 项目架构:B/S架构 开发语言:Java语言 主要技术:jqueryEasyUI、ajax、jsp、servlet、jdbc、html5、jquery、css、等技术 运行环境:win7/win10/jdk1.8 运行工具:Eclipse/MyEclipse,clipse最兼容 数  据  库:Mysql5.5/5.7/...

vue+科大讯飞语音听写功能(解决针对vue new Worker报错问题)

发布时间:2022-12-01 VUE.JS JAVASCRIPT 前端 语音转换
参考1:vue+科大讯飞语音听写功能(解决针对vue new Worker报错问题)_Other world的博客-CSDN博客 参考2:vue中使用web worker - Gerryli - 博客园  参考3:将PC浏览器、ZOOM等软件正在播放的音频实时转成文字!讯飞语音输入法的妙用 - 知乎 1.查看node版本,本人如下: 本人项目目录,主要用到的画红色圈圈的三个文件 2.添加 package.json 文件版本: dependencies: { enc: ^0.4.0, jq...

【前端】Vue+Element UI案例:通用后台管理系统-代码总结

发布时间:2022-12-02 VUE.JS 前端 UI 前端案例
参考视频:VUE项目,VUE项目实战,vue后台管理系统,前端面试,前端面试项目 案例链接【前端】Vue+Element UI案例:通用后台管理系统-导航栏(视频p1-16)https://blog.csdn.net/karshey/article/details/127640658【前端】Vue+Element UI案例:通用后台管理系统-Header+导航栏折叠(p17-19)https://blog.csdn.net/karshey/article/details/127652862【前端】Vu...

chrome设置【auto-complete=off】属性无效的解决办法

发布时间:2022-12-02 JAVASCRIPT ELEMENT-UI ELEMENTUI VUE开发 前端 JS
针对chrome设置【auto-complete=off】属性无效问题进行了搜索,解决办法基于以下搜索记录(因搜索结果的方法实测在【搜索1:无输入内容时获取焦点依然会有密码提示框问题,搜索2也是该问题】,但是给我提供了思路,故记录一下此坑) <el-input type=password ref=password v-show=inputType=='password' v-model.trim=form.password placeholder=请输入当前账户的登录密码> </el-i...

面试题九: JS中的this值指向问题

引入: 由于JS是一门包容性很强的语言,this值在不同情况的指向也非常灵活,大多数情况下函数在没有被调用的时候,this值是无法确定的,但也有一些特殊情况,本篇博客就以常规和特殊情况下this的指向问题进行总结。 1.全局环境  在<script>标签内一个普通函数直接被调用,此时的this值就是window function fn() {             console.log(this);  //window         } fn() 2.对象里面的方法 直接通过...

小程序——软件技术框架

发布时间:2022-12-02 JAVASCRIPT 前端 小程序
1.Uniapp (1)学习认识 简介: uni-app 是一个使用vue的语法 + 微信小程序的标签和API的跨平台前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台,几乎覆盖所有流量端。 开发工具: 首选使用官方推出的HBuilderX 编辑器 框架目录: 主要分为两层,逻辑层和视图层。 ┌─components uni-app组件目录│ └─comp-a.vue 可复用的a组件├─hybrid ...

jQuery练习案例:实现用户登录验证和图书列表添加删除(+原生)

发布时间:2022-12-01 JQUERY JS练习题 JAVASCRIPT 前端
练习题目来自:《JavaScript交互式网页设计》复习考试_java庞的博客-CSDN博客 练了上面这个博主的复习题,用原生操作DOM比较麻烦一点,但js的原生和H5自我感觉不是写得很好 目录 一、用户登录案例需求 二、图书管理列表页面需求         ——————jQuery———————— 一、通过jQuery实现用户表单登录验证 1.1 HTML 页面 1.2 JavaScript(jQuery) 二、通过jQuery实现图书管理列表 2.1、HTML页面 2.2 JavaScript(jQu...

npm - npm使用和相关配置

发布时间:2022-12-02 前端 NODE.JS NPM
本文介绍前端开发中对npm的一些操作和配置; 注意:npm是Node的包管理器,在安装node的同时就已经安装上了npm了; 查看node版本:node -v 查看npm版本:npm -v node各个版本的链接地址:https://nodejs.org/zh-cn/download/releases/ npm中文官网:http://npm.p2hp.com/ 0,常用命令 npm init //构建项目说明,生成 package.json文件npm install axios 简写 npm i...

【前端初学者】【笔记】之HTML基础知识梳理及常用标签

发布时间:2022-12-01 HTML5 前端 HTML
 一、基本语法与标签 1.1页面基本结构: <!DOCTYPE html> 文档声明:让浏览器使用标准 <!-- 注释的内容 --> HTML注释 <!-- 文档声明 --><!DOCTYPE html><!-- html基本结构 --><html> <head> <!-- 告知浏览器此页面属于的字符编码格式,下一步浏览器做好“翻译”工作 --> <meta charse...

Vue.js 笔记

发布时间:2022-12-01 VUE.JS JAVASCRIPT VUE 前端
一、前端工程化         1 就是四个现代化:                 ① 模块化(JS 的模块化、CSS 的模块化、资源的模块化)                 ② 组件化(复用现有的 UI 结构、样式、行为)                 ③ 规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理)                 ④ 自动化(自动化构建、自动部署、自动化测试)         2 目前主流的前端工程化解决方法:                 ①...

nodejs学习笔记

发布时间:2022-12-01 前端 # NODEJS
https://brucecai55520.gitee.io/bruceblog/notes/nodejs/node.html#%E5%88%9D%E8%AF%86-nodejs 先安装node和vscode 工具不再赘述可自行百度安装 bff层 bff浏览器和后台的中间渲染层,为前端服务的后台服务 对前端提供HTTP服务使用后端的RPC服务后续更新 第一个nodejs小游戏 nodejs的全局变量会跟浏览器的全局变量有一些差别 大部分像Date, Math, setTimeout这种是一样的 但是例如r...

web前端面试-10大经典题(HTML基础)

发布时间:2022-12-03 笔记 HTML JAVASCRIPT 前端 面试
HTML基础 1. HTML 文件中的 DOCTYPE 是什么作用? HTML超文本标记语言: 是一个标记语言, 就有对应的语法标准 DOCTYPE 即 Document Type,网页文件的文档类型标准。 主要作用是告诉浏览器的解析器要使用哪种 HTML规范或 XHTML规范来解析页面。 DOCTYPE 需要放置在 HTML 文件的 标签之前,如: <!DOCTYPE html><html>...</html> (目前主流) <!DOCTYPE HTML PUB...

【Echarts多种曲线实例】Echarts多条曲线不同时间轴对比(文尾附全套代码包)

发布时间:2022-12-02 前端开发 前端 ECHARTS JAVASCRIPT
**【写在前面】**今天我们来谈谈echarts,众所周知,这个是百度开发的一款图表线类组件工具,常用于我们页面所看到的折线图,饼图,雷达图等,在大屏可视化尤为可见,那么今天我们就从最开始的echarts,到我们开发过程中遇到的需求,指标历史对比曲线,其实也就是拿当前时间段的指标数据和它前一天、前三天、前一周、甚至指定日期的曲线对比,且要在同一时间纬度上。 别的也不多说,先睹为快,效果如下所示(多用于监控历史变化,监控异常采集): 1、实现基础Echarts的搭建 首先我们创建一个基础的demo,通过引...

移动WEB开发之flex布局--flex 布局原理

发布时间:2022-12-01 CSS3 前端 移动WEB开发实战 CSS
布局原理 flex 是 flexible Box 的缩写,意为弹性布局,用来为盒状模型提供最大的灵活性,任何一个容器都可以 指定为 flex 布局。 当我们为父盒子设为 flex 布局以后,子元素的 float、clear 和 vertical-align 属性将失效。 伸缩布局 = 弹性布局 = 伸缩盒布局 = 弹性盒布局 =flex布局 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称容器。它的所有子元素自动成为容器成 员,称为 Flex 项目(flex item...

原生js常用

发布时间:2022-12-01 VUE.JS JAVASCRIPT 前端 JS
1)获取id document.getElementById('iframeDiv') 2)获取class document.getElementsByClassName('iframeDiv') var iframeDiv = document.getElementsByClassName('iframeDiv')for (let i = 0; i < iframeDiv.length; i++) { console.log(iframeDiv[i])} 3)设置style dom.setAtt...

【备忘】Ubuntu安装nodejs / npm、npm镜像源、laravel框架使用vue作为前端

Ubuntu安装node.js(自带npm) curl -fsSL https://deb.nodesource.com/setup_lts.x | bash -apt install -y nodejs 查看版本 node -v npm依赖源问题 服务器在外边,速度慢,有两种解决方法。 一、安装cnpm,以后使用cnpm代替npm(其实就是使用淘宝源的npm): npm install -g cnpm -registry=https://registry.npm.taobao.org 二、修改npm的镜...

Web开发技能树-HTML-标签列表(功能排序)

发布时间:2022-12-03 前端 WEB开发 HTML CSS
1 需求 HTML基础知识 基础标签:DOCTYPE标签、html标签、title标签、body标签、h1-h6标签、hr标签、br标签格式标签:链接标签:a标签图像标签:img标签列表标签:ol标签、ul标签、li标签表格标签:table标签、tr标签、th标签、td标签表单标签:form标签、input标签、button标签、select标签、option标签 form标签:action属性、method属性、enctype属性input标签/button标签:id属性、class属性、name属...

前端常用的网站

npm:npm GitHub:GitHub: Let’s build from here · GitHub  Vue2中文官方文档:介绍 — Vue.js Vue3中文官方文档:简介 | Vue.js  Swiper:Swiper中文网-轮播图幻灯片js插件,H5页面前端开发  Bootstrap:Bootstrap中文网 Can I use:Can I use... Support tables for HTML5, CSS3, etc  查看方法在浏览器上的兼容性 owl.carouse.js:Wel...

JQuery用户注册表单验证

发布时间:2022-12-03 JQUERY JAVASCRIPT 前端
使用jquery编写代码实现用户注册表单的验证功能: 用户名、密码、确认密码和手机号不能为空密码长度在8~20位之间,密码至少由数字、字母或下划线其中两种组成确认密码必须和密码一致手机号应该是11位,并且是合法的手机号段验证码随机生成,可以忽略大小写 部分代码:(完整代码) <script type=text/javascript> $(()=>{ // 用户名校验 $(#username).focus(function(){ ...

【JavaWeb】第五章 jQuery(中篇)

发布时间:2022-12-01 JQUERY JAVAWEB JAVASCRIPT 前端
🍁【JavaWeb】第五章 jQuery(上篇) 9、内容过滤选择器 1):contains(text) 匹配包含给定文本的元素 //查找所有包含code的div元素$(div:contains(code)); 2):empty 匹配所有不包含子元素或者文本的空元素 //空元素即起始标签和结束标签中间没有东西$(div:empty) 3):parent 匹配含有子元素或者文本的元素 //即找非空的$(div:parent) 4):has(selector) 匹配含有选择器所匹配的元素的元素 <d...

vue2+canvas 根据坐标实现小车移动

发布时间:2022-12-02 VUE 笔记 JAVASCRIPT VUE.JS 前端
20221112_220533 vue2+canvas 根据坐标实现小车移动 最近接手了一个大屏项目,负责部分技术支持,其中包括本次小车移动动画。在思考后共有两种方案,第一种是使用position:absolute,加上top,left和transform:rotate()属性控制小车移动,第二种使用canvas中的定位加旋转画布实现。本文主要介绍使用canvas实现。 小车的移动轨迹绘画 demo中使用了两层canvas,小车的轨迹使用lineTo与moveTo绘画较为简单,以下先给出轨迹坐标及小车...

html:VScode常用快捷键,web基本组成,创建文件,命名规范

发布时间:2022-12-02 JAVASCRIPT 前端 HTML
VScode常用快捷键: 英文 ! 按回车enter        :会快速打出html        后缀名 . 自行填写 shift+al (鼠标放在复制行代码区,或者鼠标选择区域)       控制 向下 键        :会快速复制粘贴 alt + z        代码自动换行 鼠标右键,选择 格式化代码,快速代码排版对齐 鼠标轮盘按住下拉,进行代码编写,删除,一次处理多层相同行 长按alt键,鼠标选择不同的区域进行代码编写 鼠标选择代码区域,ctrl+d , 快速选择相同代码,可以快速删除。...

前端框架——Vue

发布时间:2022-12-03 VUE.JS JAVASCRIPT 前端
0.小笔记 (1)当控制台Data中的数据发生改变时,模板要重新解析。 1.Vue特点 (1)采用组件化模式,提高代码复用率,且让代码更好维护。 (2) 声明式编码,让编码人员无需直接操作dom,提高开发效率。  (3)使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。 Ajax发送请求: JQuery发送Ajax请求:    Jquery通用方法发送Ajax请求:    axios发送请求: 2.一个Vue实例: 总结:   3.模板语法 (1)插值语法:  (2)指令语法:...

让学前端不再害怕英语单词(三)

发布时间:2022-12-03 前端 CSS3 CSS
前两章直通车↓↓↓ 让学前端不再害怕英语单词(一) 让学前端不再害怕英语单词(二) 由于前两章都反响强烈,都上了全站的热榜,所以今天打算把第三章也写出来 第三章我们主要讲一下css中的伪类的英语单词还有接口方面和在开发页面时常见的一些单词,对于前端来说,无非就是system 系统和静态页面,所以对一些常用的单词进行总结 ps:自学团里的同学可以找我要typora文档 css伪类选择器 css的伪类选择器主要有 :active、:hover、:focus、:visited、:focus-within、:...

【js数组的基本使用方法】javascript最全的数组方法

发布时间:2022-12-02 VUE.JS 前端基础 JAVASCRIPT 前端
数组转字符串—— .toString() toString() 在把数组转换成字符串时,首先要将数组的每个元素都转换为字符串。当每个元素都被转换为字符串时,才使用逗号进行分隔,以列表的形式输出这些字符串。 参数:无 返回值:需要一个变量接受,数组内容转化为字符串,引用数据类型会返回数据类型,会发生隐式转换 是否改变原数组:不改变 let arr = ['one', 'two', 'there', { name: 50, age: { ageted: 15 } }, [12, 12, 5,...

vscode下载和安装教程和配置中文插件(超详细)

前言必读 读者手册(必读)_云边的快乐猫的博客-CSDN博客 前言: vscode主要是用于前端的编程工具,其他编程的语言也可以在vscode里面编程运行。 优点:简洁、占用内存小、界面美观 一、下载步骤 1.到官网根据自己的操作系统进行下载(这是超链接),直接点击下载。  2.跳出弹窗,选择下载的位置  二、安装步骤 3.选择同意,然后下一步  4.选择安装的位置  5.选择下一步 6.勾选选项  1、创建桌面快捷选项:方便可以在桌面打开 2、将通过Code打开操作添加到Windo...

第三课 初步认识css(定义,书写位置,常用选择器)

发布时间:2022-12-02 前端 HTML CSS
一.css         层叠样式表是一种用来表现html的一个应用)或者(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 二.css书写位置 有三种方式(1.内联样式/行内样式    2.内部样式表   3.外部样式表) 1.第一种方式:内联样式/行内样式        在开始标签里面书写,利用style属性来写css样式。可以写多个样式,只要用分割号隔开即可。 2.第二种方式:内部样式表        在hea...

HTML5 + CSS3 高频面试题合集

发布时间:2022-12-03 HTML5 前端 面试 CSS3
目录 H5C3和Html,css相比有什么变化 Html 5新增特性 CSS 3新特性 标签元素分类和特点 行内元素 span b strong u ins del … 块状元素 div p h1-h6 header footer … 行内块元素 img audio input button … display属性 圣杯布局(双飞翼布局)有哪几种实现方式 浮动 定位 弹性盒模型 弹性盒模型有哪些属性和属性值,什么效果 常见的盒子模型有哪些,有什么区别 标准盒模型 怪异盒模型(怪异盒模型、IE盒模型) 写...

Vue知识点整理(待更新)

发布时间:2022-12-02 JAVASCRIPT VUE.JS 前端 技能树
Vue知识点整理(待更新) 参考Vue.js中文官网,Vue 知识点汇总(上)–附案例代码及项目地址,Vue 知识点汇总(下)–附案例代码及项目地址,Vue知识点汇总【持更】 一、基础知识 【问】JS中attribute和property有什么区别?(attribute属性在HTML上,property属性值在js上;两者的区别是attribute不会同步property的值,而property可以同步attribute的值) Note: attribute是HTML标签上的特性,它的值只能够...

node.js、npm、webpack、vue、express区分

发布时间:2022-12-01 WEB前端 JAVASCRIPT 前端 WEBPACK
1、node.js Javascript的一种运行环境,相当于java的虚拟机JVM; 2、npm nodeJs的包管理工具(package manager),相当于maven; 现在的nodeJS已经继承了npm,包括:安装、卸载、更新、查看、搜索、发布等。能解决nodeJS代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用...

CSS绝对定位(absolute)、相对定位(relative)方法(详解)

发布时间:2022-12-01 前端 CSS3 CSS
CSS中几种常用的定位方法,直接上干货! 什么是定位? 元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除非是先设定 position属性。他们也有不同的工作方式,这取决于定位方法。 position 属性指定了元素的定位类型, 用于指定一个元素在文档中的定位方式。 属性: relative 相对定位absolute 绝对定位fixed    固定定位sticky   粘性定位属性值为以上四种的元素称为定位元素static  默认值 属性值为static时不是一个定位元素在定...

Vue部分面试题汇总

发布时间:2022-12-03 面试题 VUE.JS JAVASCRIPT 前端
1. Vue常见的指令有哪些,有什么用 常用指令作用v-model多用于表单元素双向数据绑定v-bind动态数据绑定,简写为冒号v-on事件绑定,简写为@v-for动态渲染v-once能执行一次性地插值,当数据再次改变时,插值处的内容不会更新v-show动态渲染元素的显示与隐藏v-if动态渲染和删除元素v-else和 v-if 搭配使用v-else-if同上v-html动态渲染节点的html内容,原内容会被覆盖,可以解析富文本v-text动态渲染节点的文本内容,原内容会被覆盖,不可以解析富文本 2. Vu...

【前端初学者】【笔记】之CSS基础知识梳理——持续更新

发布时间:2022-12-02 前端 CSS
目录 一、在HTML中使用CSS 1.1 行内式——内联样式 1.2 内嵌式——内部样式表 1.3 外链式——外部样式表 1.4 优先级 1.5 注释 二、选择器 2.1 基本选择器 ① 元素选择器 ② ID选择器 ③ CLASS选择器 ④ 全局选择器 2.2 组合选择器(/符) ① 后代选择器 ② 子元素选择器 ③ 交集选择器 ④ 并集选择器 2.3 伪类选择器 2.4 选择器权重(/优先级) 三、盒子模型  3.1 盒子模型的显示模式 ①块级元素( block ) ②行内(/内联)元素( inline...

vue知识点总结

发布时间:2022-12-02 VUE.JS JAVASCRIPT 前端
目录 Vue常见的指令有哪些,有什么用 双向数据绑定的原理 路由的跳转和传参有哪几种方式 组件间的通讯方式有哪些 谈一谈对路由守卫的理解(谈理解,一般就是总分总,它是什么,用在哪,有什么用,怎么用,有什么注意事项,再结合项目说明更好) 谈一谈对Vuex的理解 谈一谈对混入的理解 谈一谈对插槽的理解 什么是跨域,如何解决 Vue常见的指令有哪些,有什么用      v-if 根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建 v-show 根据表达式之真假值,切换...

基于springboot+vue房屋租赁管理系统的设计与实现

发布时间:2022-12-02 VUE.JS SPRING BOOT 前端 SPRINGBOOT框架源码
1,项目介绍 一款为房东与租客设计的简单的,高效的,实用的房屋租赁管理系统。让房东可以更方便的管理自己的房屋;让租客的租房方式更简单。 用户:房屋信息查看,租金查看,故障申报,新闻公告查看管理员:房屋信息管理,租金管理,故障管理,新闻公告管理,用户管理 2,技术框架 后端框架:SpringBoot,Mybatis,lombok前端框架:vue,element-ui,axios 3,开发环境 JAVA版本:JDK1.8 IDE类型:IDEA、Eclipse都可运行 数据库类型:MySql(5.x和8.x版本...

外卖项目06---套餐管理业务开发(移动端的后台代码编辑开发)

发布时间:2022-12-02 MYBATIS # 外卖项目 SPRING BOOT JAVA 前端 后端
菜品展示、购物车、下单 目录 一、导入用户地址簿相关功能代码 90 1.1需求分析 90 1.2数据模型 90 1.3导入功能代码 90 二、菜品展示 91 2.1需求分析 91 2.2商品展示---代码开发---梳理交互过程 92 2.3菜品展示---代码开发---修改DishController的list方法并测试 93 2.4菜品展示---代码开发---创建SetmealController的list方法并测试 94 三、购物车 95 3.1需求分析 95 3.2数据模型 95 3.3代码开发--...

Vue2笔记

发布时间:2022-12-02 个人笔记 VUE.JS JAVASCRIPT 前端
安装 老版本 Vue-cli安装 安装依赖和插件 运行单个vue文件 在目录下控制台运行vue serve xxx.vue (vue文件名) v-if和v-show if等于false时是直接删除这个节点,在网页源代码中都找不到了 而show是隐藏这个节点,只是将display=‘none’ <div v-show='myshow'> 动态的显示和隐藏</div><div v-if='myid '> 动态的创建和删除</div>...

【前端初学者】【案例】之CSS浮动布局:简单网页布局练习——附代码实操(下)

发布时间:2022-12-01 前端 CSS
样图和简单思考步骤如上篇 前端初学者之CSS中浮动布局:简单网页布局练习——附代码实操(上)_HY_Sophie的博客-CSDN博客 代码: 步骤二:设置样式和浮动 <!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta http-equiv=X-UA-Compatible content=IE=edge> <meta name=viewport con...