代码编织梦想

【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

js事件委托-事件对象以及相关案例-爱代码爱编程

接上一章 事件委托 <body> <ul> <li>知否知否,点我应有弹窗在手!</li> <li>知否知否,点我应有弹窗在手!</li> <li>知否知否,点我应有弹窗在手!</li>

DOM事件流和事件对象-爱代码爱编程

DOM事件流 事件流描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流。比如我们给一个div 注册了点击事件: 事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程层即DOM事件流 注意: 4.事件对象 1.event 就是一个事件对象写到我们侦听函数的小括号里面当形参来看 2.

JS的DOM注册事件和删除事件-爱代码爱编程

1.注册事件(绑定事件) 1.1注册事件概述 给元素添加事件,称为注册事件或者绑定事件。注册事件有两种方式:传统方式和方法监听注册方式传统注册方式 利用on开头的事件onclick btn.onclick = function() {} 特点:注册事件的唯一性 同一个元素同一个事件只能设置-个处理函数,最后注册的处理函数将会覆盖前面注册的处理函

jsDOM重点核心一-爱代码爱编程

DOM重点核心 文档对象模型( Document ObjectModel ,简称DOM) , 是W3C组织推荐的处理可扩展标记语言 ( HTML或者XML )的标准编程接口。 W3C已经定义了-系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。 1.对于JavaScript ,为了能够使JavaScript操作HTML ,

js的节点操作-爱代码爱编程

节点操作 5.1获取节点操作 5.2节点概述 网页中的所有内容都是节点(标签、属性、文本、注释等) , 在DOM中,节点使用node来表示。 HTML DOM树中的所有节点均可通过JavaScript进行访问,所有HTML元素(节点)均可被修改,也可以创建或删除。 一般地,节点至少拥有nodeType (节点类型)、nodeName (节点名

js自定义属性的操作以及相关案例-爱代码爱编程

自定义属性的操作 1.获取属性值 element.属性 获取属性值element.getAttribute(‘属性’);<body> <div id="demo" index="1"></div> <script> var div = document.querySelector

js操作元素相关案例-爱代码爱编程

案例: 循环精灵图背景 可以利用for循环设置一组元素的精灵图 案例分析: <script> //1.获取元素 所有的小li var lis = document.querySelectorAll('li'); for(var i=0;i<lis.length;i++)