qq_45383769的博客

idea配置vue项目快速启动+启动后自动弹出网页

通过cmd指令创建vue项目基础材料：已安装node.js已安装 npm（安装node.js后会自带安装npm）首先通过node –v和npm –v确保他们都安装了，能够看见版本号就表示ok

Uncaught (in promise) Error: The message port closed before a response was received.app.js:231 Uncaught TypeError: Cannot read properties of undefined (reading 'prototype') at eval (types.js?b3e9:39:1) at Object../node_modules/_element-ui@2.15.12@

ERROR Failed to compile with 2 errors 13:42:12 error in ./src/main.jsModule not found: Error: Can't resolve 'element-ui' in 'D:\java\ui\t-vue1\src' error in ./src/main.jsModule not

Uncaught Error:The message port close before a response was received

vue可视化管理工具创建项目报错解决errno: -4058简介：vue创建项目时，errno：-4058问题解决，使用vue ui指令时会报连接超时问题解决。

老 http://npm.taobao.org 和 http://registry.npm.taobao.org 域名将于 2022 年 05 月 31 日零时起停止服务。点击电脑左下角windows图标，输入cmd，点击命令提示符打开命令提示符窗口。一般这样就表示电脑上是没有node.js的，一般没安装过的电脑都没有。淘宝NPM新的Web 站点：https://npmmirror.com。再检查下npm是否安装好（node附带就安装了）首先看一下电脑是有没有node.js软件。

制作轮播图动画

正常的轮播图一般由几张图片和几个点组成：目前只是布局，所以只需要注意这几点。没有样式的时候：定义主框样式：主要定义宽，高，和边框线，方便看框架。出现滚动条+图片显示进度条消失，多余显示部分消失增加相对定位......

DIV+CSS布局实践-搭骨架像这样一个官网的样式，我们需要怎么样去搭建呢。首先要标注好每一块的尺寸，并不是说所有的尺寸都要标注，可以先分成几个大块来标注，大块的骨架搭建好了再优化细节：分了大块儿之后再挨个儿搭建细节，分的块儿有：1.整个主页（1）头部（2）导航菜单（3）轮播图（4）新闻动态-通知公告1.新闻动态2.通知公告（5）广告图（6）本科教学-党建信息1.本科教学2.党建信息（7）友情链接（8）底部然后咱们对照着标注的尺寸颜色等等来添加样式（代码片在最下面）：

DIV+CSS布局-PxCook工具的简单使用PxCook主要适用与个人开发者，手中没有设计稿。就需要自己找图片，自己标注，然后照样开发啦。PxCook使用：1.安装找到PxCook官网下载软件即可直接安装，记住安装目录别放c盘就行2.辅助工具：qq浏览器主要时用来下载网页图片的，我常用qq浏览器。看个人喜好：这样截图有点地方截不全面，比如说需要鼠标悬停才有特效的地方：这个东西用快捷截图就行：3.打开PxCook准备标注：创建完成后直接拖入图片即可：双击图片即完成了准备

DIV+CSS官网部分布局仿照记目标样式：1.材料部分：body部分的数据，数据太多，就没截图完哦，末尾有代码片在页面原本上大概是这个样子：2.描出大的框架：宽度，高度，背景色，居中3.定义字体宽度，高度，背景色，边框线，字体颜色，行高，文本居中显示，左浮动4.修改鼠标悬停时背景颜色5.隐藏部分元素，在鼠标移动到其标题上时显示该元素.6.（修正）下拉框中的字体被鼠标悬停时的背景颜色7.（修正）下拉列表中的字体大小，显示宽度，背景颜色代码片：<!DO

DIV+CSS布局-实战篇思路梳理某官网首页布局实战（节选）前端新人的误区误区1：前端开发需要有设计细胞，要不然写的页面很难看。回答：前端开发是俺图施工的，会有专门的ui设计师帮忙设计。获取设计稿件的三种方式：方式1：去千库网等ui设计素材平台购买（下载）设计稿，然后使用pxcook、慕客或者蓝湖进行标注信息。优点：略微复杂，需要了解ui的相关知识建议：如果没有ui设计师搭伙，不太适合新人。方式2：随便找一个官网，使用qq浏览器，将网页转成图片并下载，然后使用pxcook进行标注优点：

DIV+CSS布局 - 弹性盒子布局弹性盒子布局一般分三种：子项水平排放，子项垂直排放，子项水平-垂直居中1.子项水平排放 flex-direction:row;首先是原本不使用弹性盒子的时候：使用弹性盒子之后，指定水平排放：flex:1指定占比：2.子项垂直排放 flex-direction:coumn;3.子项水平-垂直居中align-items:flex-start;//水平居中 justify-content:center;//垂直居中4.倒置（附赠） flex-direc

DIV+CSS布局-定位布局定位布局有三种定位方式：相对定位 relative，绝对定位 absolute，固定定位 fixed。这三种定位各种有共通之处，当然也各有不同点。1.相对定位：position:relative相对定位就是相对于原来的位置产生偏移，比如现在指定了top和left都为0的情况下，表面它原本就是在这里了。2.绝对定位：position:absolute绝对定位默认放东西的位置是按照排版来的，这个时候看起来还正常。但是绝对定位实际上的位置是在页面最开头来定位的。比如我

DIV+CSS布局 - 浮动布局首先呢，div可以理解为一个简单的容器、盒子。就是可以往里面填充内容的东西咱们先看一下原本的，没有使用过浮动的html页面样子：1.浮动全部靠拢 float：left取消掉小div的宽度，并且全部左浮动如图可以看见，内容全挤到一堆去了，它们的宽度就是自身内容的宽度。2.浮动超出宽度自动换行那么如果几个div重叠在一起的宽度超出了大div的宽度会怎么样呢。它们就会自动换行了3.如果大的div不设置高度且内容全是浮动，则会高度为04.使大div有高度的两

CSS基础 - 常用的CSS属性CSS的属性是有很多的，详情请参见css使用手册。本篇暂举一些常用的属性：1.背景色<p style="background-color: rgb(88, 61, 156);">背景色篇</p>设置背景色为紫色。2.背景图片<p style="height: 600px; background-image:url(./img/oldteeh.jpeg)">背景图片了嘞</p>设置背景为一个图片，且高度为600

CSS基础 - 创建CSS样式的三种方式我们使用CSS的时候，常规有三种创建CSS样式的的方式：内联样式，内部样式表，外部样式表1.内联样式 （不常用）style在标签中的情况就是内联样式。不过由于这样比较影响阅读性，且会导致排版杂乱。所有不太常用。2.内部样式表（常用）就是指在该html页面中设置样式在这里插入图片描述3.外部样式表（常用）外部样式故名思意就是在外面喽，这样也不会影响排版，且页面整洁...

CSS基础 - 常用的CSS选择器CSS的选择器常用的有：元素选择器，类选择器，id选择器。它们的优先级为：id选择器>类选择器>元素选择器1.元素选择器相信大家都知道一个正常的p标签是咋样的吧，然后咱们在style就可以设置样式啦：2.类选择器类选择器是以“.”+想要的类名的。3.id选择器Id选择器以#号开头4.常用选择器的组合主要是便于选择，其实id选择器也可以组合的，但是没必要。因为id本就应该唯一...

CSS基础 - 什么是CSSCSS基础了解：1.CSS指层叠样式表(Cascading Style Sheets)2.样式定义如何显示HTML元素3.改变所有页面的布局和外观基础CSS展示：1.给段落追加背景色<p style="background: yellow;">我是追加了背景色的</p>这个追加的是黄色的背景色哦2.限制段落高度、宽度<p style="background: yellow; width: 250px;height: 30px;

HTML基础 - HTML列表html的列表主要有两种，一种是无序列表，一种是有序列表。1.无序列表 <ul> <li>(1)无序列表基础版 主要使用<ul>标签和<li>标签无序列表表示只是列表而已，没有什么顺序之分它的展现形式是由<ul>标签包裹着<li>标签：(2)无序列表实心方块图标 关键语句：<ul style="list-style-type: square;">(3)无序列表空心圆图标 关键

HTML基础 - HTML表格1.无表头的表格 <table> <tr> <td><table>标签代表的是表<tr>标签代表的是行<td>标签代表的是列在html页面中的表格来着，就和excl的表格不一样喽，咱自己有自己的规则：这就是没有表头，也就是最简单的一个表格。（设置了边框为1 ：border= “1”）2.有表头的表格 <th><th>表示就是表头了哦，字体是加粗居中显示的

HTML基础 - HTML文本格式1.粗体<b>标签一般用于将字体加粗表示重要2.斜体<i>标签字体倾斜显示呗3.小号<small>标签比普通的字体小一点4.大号<strong>标签和小号字体对应，比普通字体稍微加粗放大一点，也可以表示愤怒呗5.下标<sub>标签下面有脚标的感觉6.上标<sup>标签类似x的平方那种感觉7.下划线<ins>标签俗称划重点？呵，女人心8.删除字&lt

html基础-常用标签的使用1.h系列的标题标签一般是<h1>到<h6>可以看到h标签大致的区别就是h1最大，h6最小，主要是大小的区别2.<p>标签表示为段落标签，表示囊括的范围就是一个自然段，自然段有什么特点呢，那就是换行了。p标签会在开始的时候自动换到下一行，且结尾的地方不允许别人跟着。其他的内容只能滚到下一行去。3.<a>标签（1）当前窗口打开a标签跳转的时候默认就是当前页面跳转（2）新窗口中打开需要增加一个命令：target