【前端web入门第一天】03 综合案例 个人简介与vue简介_vue+html个人简历代码-爱代码爱编程
综合案例一 个人简介 网页制作思路:从上到下，先整体再局部，逐步分析制作 分析内容→写代码→保存→刷新浏览器，看效果 个人简介:书写步骤注意几点 1.!+回车 生成模板 2.crtl+x 剪切之后,空一格,光标前移,写s
脚手架vue-爱代码爱编程
前言 上一章我们学习了组件的使用，这一章讲解怎么使用vue cli脚手架的安装和使用 一、Vue CLI脚手架 1、Vue单文件组件 Vue 单文件组件（又名*.vue文件，Single File C
javaweb -爱代码爱编程
一.前后端分离开发 前后端混合开发 缺点：沟通成本高，分工不明确，不便管理，不便维护拓展 前后端分离开发 当前最为主流的开发模式：前后端分离 前后端分离开发中很重要的是API接口文档（如：YApi：YApi是高效、易用、功能强大的api管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务） 二.前端工
uniapp使用echarts在h5上显示报错问题的解决方法_uniapp使用echarts报错-爱代码爱编程
前言 在做uniapp vue3开发的echarts图表的时候，发现在浏览器上面正常运行，但在微信开发者工具上显示报错了，报错如下 原因：在微信小程序中，使用document.getElementById会报错，因为
vue.js之mvvm设计模式_vue设计模式-爱代码爱编程
前言 看到招聘信息网站上有对MVVM框架经验的需求，刚好曾有过这方面的笔记，在复习的同时总结核心知识点分析给大家。 MVVM是可以实现View和Model的完全分离，通过ViewModel这个桥梁进行交互，然后Vie
【前端web入门第二天】03 表单-爱代码爱编程
文章目录: 1. 下拉菜单 2. 文本域3.label标签 4.按钮- button 4.1 reset重置按钮结合form表单区域使用 5.无语义的布局标签 6.字符实体 注册信息综合案例 表单第二节
iconfont该如何使用，多种组件模块化详解（png，icon，svg）_iconfont icon-爱代码爱编程
前言 Iconfont是一个功能强大、资源丰富的在线图标库，通过掌握其使用方法和多种组件的模块化应用技巧，我们可以更好地利用图标进行设计和管理，提升作品的质量和用户体验。接下来，本文将详细介绍Iconfont的使用方法以及各种图标格式的模块化应用技巧 iconfont官网：iconfont-阿里巴巴矢量图标库 一、下载png格式 前端
【vue3项目】打包报错 typeerror: cannot read properties of undefined (reading ‘wrapper‘)_index.vue:300 uncaught (in promise) typeerror: can-爱代码爱编程
目录 一、项目场景： 二、报错原因 三、原因分析： 四、解决方案： 一、项目场景： 项目场景：当我npm run serve运行项目时正常显示，但npm run build构建项目后打开dist目录下的index.html运行时显示报错。 二、报错原因 报错原因：错误解释 "Uncaught (in promise) T
通过使用xshell工具、nginx环境实现服务器项目构建与发布-爱代码爱编程
前言： 在信息化和数字化的今天，网站和应用的构建与发布已成为企业发展的重要一环。为了确保项目的顺利上线和稳定运行，选择合适的工具和环境至关重要。本文将详细介绍如何通过XShell工具以及Nginx环境来实现服务器项目的构建与发布，为广大开发者提供一条高效、便捷的路径。如果想学习Ubuntu系统下载和学习资料的可以私我，如果需要的人多的话将会发布一篇
常用node.js命令有哪些呢？-爱代码爱编程
前言 Node.js 是一种在服务器端运行 JavaScript 的开放源代码、跨平台 JavaScript 运行环境。 1、查看当前安装的 Node.js 版本。 node -v 或 node --version 2、查看当前安装的 npm 版本。 npm -v 或 npm --version 3、初始化一个新的
【前端web入门第八天】定位、css精灵与一些其他css高级技巧-爱代码爱编程
文章目录 1.定位1.1相对定位1.2 绝对定位1.3定位居中1.4 固定定位1.5 堆叠层级z-index 2.CSS精灵3. 字体图标3.1 字体图标-下载字体3.2 使用步骤 4.CSS部分高
【前端实战小项目】学成在线网页制作-爱代码爱编程
文章目录 1.项目准备1.1 项目目录 2.头部区域2.1 头部区域布局2.2 logo制作2.2 导航制作技巧(nav)2.3搜索区域(search)2.3用户区域(user区域) 3.banne
【前端web入门第四天】01 复合选择器与伪类选择器-爱代码爱编程
文章目录: 1. 复合选择器 1.1 后代选择器 1.2 子代选择器 1.3 并集选择器1.4 交集选择器(了解) 2.伪类选择器 2.1 伪类-文本2.2 伪类-超链接（拓展) 1. 复合选择
【前端web入门第一天】02 html图片标签 超链接标签 音频标签 视频标签-爱代码爱编程
文章目录: 1.HTML图片标签 1.1 图像标签-基本使用1.2 图像标签-属性1.3 路径 1.3.1 相对路径 1.3.2 绝对路径 2.超链接标签 3.音频标签 4.视频标签
【前端web入门第二天】02 表单-爱代码爱编程
表单 文章目录: 1.input标签基本使用 1.1 input标签占位文本1.2 单选框 radio 1.3 多选框 checkbox 作用:收集用户信息。 使用场景: 登录页面注册页面搜索区域
初识javascript-爱代码爱编程
1.初识JavaScript 1.4浏览器执行JS简介 浏览器分成两部分： 渲染引擎和JS引擎 渲染引擎：用来解析HTML与CSS，俗称内核。比如chrome浏览器的blink，老版本的webkit JS引
javascript变量_要求：交换两个变量的值(实现思路：使用一个临时变量用来做中间存储)-爱代码爱编程
变量 1.变量在内存中的存储 本质：是程序在内存中申请的一块用来存放数据的空间 1.1.变量的使用 变量在使用分为两步：1.声明变量 2.赋值 代码案例： <!DOCTYPE html> <ht
js排他思想以及相关案例_js排他思想黑马-爱代码爱编程
js排他思想以及相关案例 首先先排除其他人，然后才设置自己的样式 这种排除其他人的思想我们称为排他思想 <body> <button>按钮1</button> <bu
css不同的选择器的使用_使盒子的宽度和高度分别增加50px-爱代码爱编程
1.标签选择器（元素选择器） 标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。 1. 标签名 { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 或者 2. 元素名 { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 如： div {
js-BOM概述以及定时器相关案例-爱代码爱编程
1.BOM概述 1.1什么是BOM 1.2BOM的构成 BOM比DOM更大，包含DOM 3.定时器 3.2setTimeout()定时器 案例：5秒后自动关闭的广告 分析： 5秒之后，就把这个广告隐藏起来 用定时器setTimeout <body> <img src="1.jpg" alt="" cla