- 博客(40)
- 收藏
- 关注
RSS订阅原创 git clone时报错remote: The project you were looking for could not be found or you don‘t have permission
git clone项目时报错`remote: The project you were looking for could not be found or you don't have permission to view it.`` fatal: repository 'https://119.23.248.3/xxxx/pad.git' not found`
2022-08-16 15:54:03
4389
原创 ElementUI中＜el-form＞标签中 ref、:model、:rules 的作用
ElementUI中标签中 ref、:model、:rules 的作用
2022-08-02 17:20:28
20787
原创 vue项目npm run build报错Error: Cannot find module ‘@vue/cli-plugin-babel‘的解决方法
vue项目npm run build报错Error: Cannot find module '@vue/cli-plugin-babel'的解决方法
2022-08-02 10:32:06
10486
3
原创 Vue-cli中npm run serve报错npm ERR! Missing script: “serve“
Vue-cli中npm run serve报错npm ERR! Missing script: "serve"
2022-07-21 09:52:49
511
原创 Vue基础
新的编程范式：声明式编程例<body><div id="app">{{message}}</div> <script src="../js/vue.js"></script> <script> const app = new Vue({ el:'#app',//用于挂载要管理的元素 data:{ //定义数据 message
2022-05-13 20:36:25
202
原创 JS高级知识
JS高级面向对象编程解决this指向问题，可以定义一个全局变量如 var that; 在构造函数中赋值 that = this; 这样后边需要指向实例对象时，就可以用that。另一种插入HTML节点element.insertAdjacentHTML(position, text);//position: 一个 DOMString，表示插入内容相对于元素的位置，并且必须是以下字符串之一： 'beforebegin'：元素自身的前面。 'afterbegin'：插入元
2022-04-30 11:02:24
211
原创 PC端网页特效
PC端网页特效元素偏移量offset使用offset系列相关属性可以动态地得到该元素的位置（偏移）、大小等。offset获得的数值是没有单位的，并且是只读属性，不能赋值。element.offsetParent //返回一个指向最近的（指包含层级上的最近）包含该元素的 **定位元素** 或者最近的 table,td,th,body元素。当元素的 style.display 设置为 "none" 时，offsetParent 返回 null。offsetParent 很有用，因为 offsetTo
2022-04-30 11:01:51
67
原创 Web APIs
Web APIsAPI（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。Web API是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM），例如alertDOM获取页面元素的方式1.根据IDvar element = document.getElementById(id);element是一个
2022-04-30 11:01:12
163
原创 事件——高级
事件——高级注册事件给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听方式。传统注册方式利用on开头的事件如 onclick特点：注册时间的唯一性（同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数）方法监听注册方式W3C推荐EventTarget.addEventListener(type, listener[, useCapture])特点：同一个元素同一个事件可以注册多个监听器EventTarget.a
2022-04-30 11:00:39
76
原创 JS基础知识
JavaScript基础JS的组成1.ECMAScript——JavaScript语法2.DOM——页面文档对象模型 ↘Web APIs3.BOM——浏览器对象模型 ↗三种引入方式1.行内式直接写到元素内部。可读性差，在HTML中编写js大量代码时，不方便阅读。在特殊情况下使用。2.内嵌式写在 <script> </script> 标签里3.外部js<script src = "*js路径*" >*这里不可以写代码*</scri
2022-04-30 11:00:07
399
原创 CSS3新增
CSS3属性选择器CSS 属性选择器通过已经存在的属性名或属性值匹配元素。类选择器、属性选择器、伪类选择器，权重为10。[attr]表示带有以 attr 命名的属性的元素。[attr=value]表示带有以 attr 命名的属性，且属性值为 value 的元素。[attr~=value]表示带有以 attr 命名的属性的元素，并且该属性是一个以空格作为分隔的值列表，其中至少有一个值为 value。(至少包含一个独立的单词value)[attr|=value]表示带有以 at
2022-03-09 22:20:55
278
原创 CSS元素的显示与隐藏
CSS元素的显示与隐藏类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现。本质：让一个元素隐藏或出现。1.displaydisplay 用于设置一个元素应如何显示。display属性可以设置元素的内部和外部显示类型 display types。元素的外部显示类型 outer display types 将决定该元素在流式布局中的表现（块级或内联元素）；元素的内部显示类型 inner display types 可以控制其子元素的布局（例如：flow layout, grid或
2022-03-09 22:20:16
241
原创 CSS高级技巧
CSS高级技巧1.精灵图（CSS Sprites）**精灵图技术产生的目的：**很多大型网页在首次加载的时候都需要加载很多的小图片，而考虑到在同一时间，服务器拥堵的情况下，为了解决这一问题，采用了精灵图（CSS Sprites）这一技术来缓解加载时间过长从而影响用户体验的这个问题。精灵图技术的本质：所谓精灵图就是把很多的小图片合并到一张较大的图片里，所以在首次加载页面的时候，就不用加载过多的小图片，只需要加载出来将小图片合并起来的那一张大图片也就是精灵图即可，这样在一定程度上减少了服务器接收和发送请
2022-03-09 22:19:45
90
原创 CSS定位
CSS定位定位能够从正常的文档流布局中取出元素，并使它们具有不同的行为，例如放在另一个元素的上面，或者始终保持在浏览器视窗内的同一位置。静态定位静态定位是每个元素获取的默认值——它只是意味着“将元素放入它在文档布局流中的正常位置 ——这里没有什么特别的。position: static;相对定位position: relative;top: value;bottom: value;left: value;right: value;相对定位工作的方式——你需要考虑一个看
2022-03-09 22:18:54
263
转载 Emmet语法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/qq_33744228/article/details/80910377
2022-02-24 08:49:04
53
原创 CSS引入方式
CSS引入方式类别按照CSS样式书写的位置（或者引入的方式），CSS样式表可以分为三大类：1.行内样式表（行内式）2.内部样式表（嵌入式）3.外部样式表（链接式）内部样式表写到html页面内部，是将所以的CSS代码抽取出来，单独放到一个<style> div { color : red; font-size : 12px; }</style>style标签理论上可以放在HTML文档的任何地方，但是一般放在标签里。行内样式表在元素标签内部的style
2022-02-24 08:11:00
97
原创 CSS元素显示模式
CSS元素显示模式即元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>。HTML元素一般分为块级元素和行内元素两种类型。块级元素默认情况下，块级元素会新起一行。高度、宽度、外边距以及内边距都可以控制。宽度默认是容器（父级宽度）的100%。一般块级元素可以**包含行内元素和其他块级元素。**这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。注意文字类的元素内不能使用块级元素。< p
2022-02-23 23:30:25
36
原创 CSS浮动
CSS浮动（float）float属性最初只用于在成块的文本内浮动图像，但是现在它已成为在网页上创建多列布局的最常用工具之一。有很多的布局效果，标准流没有办法完成，此时就可以利用浮动完成布局。因为浮动可以改变元素标签默认的排列方式。float属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。浮动最典型的应用：可以让多个块级元素一行内排列显示。网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。float: none | left |
2022-02-23 23:27:25
38
原创 CSS盒子模型
CSS盒子模型 在 CSS 中我们广泛地使用两种“盒子” —— 块级盒子 (block box) 和 内联盒子 (inline box)。这两种盒子会在页面流（page flow）和元素之间的关系方面表现出不同的行为:1.一个被定义成块级的（block）盒子会表现出以下行为:盒子会在内联的方向上扩展并占据父容器在该方向上的所有可用空间，在绝大数情况下意味着盒子会和父容器一样宽每个盒子都会换行width 和 height 属性可以发挥作用内边距（padding）, 外边距（margin） 和
2022-02-23 23:25:20
250
原创 CSS继承性
CSS继承性行高的继承性body { font: 12px/1.5 Microsoft YaHei ; //1.5即 行高是12px*1.5=18px}div { font-size: 14px; //行高14px*1.5}p{ font-size: 16px; //行高16px*1.5}行高可以跟单位也可以不跟单位优先级可以不跟单位优先级[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3s5EbR1v-1645629837288)(C:\
2022-02-23 23:25:03
111
原创 CSS背景
CSS背景背景颜色background-color : (默认是transparent)background 是一种 CSS 简写属性，用于一次性集中定义各种背景属性，包括 color, image, origin 与 size, repeat 方式等等。对于所有简写属性，任何没有被指定的值都会被设定为它们的初始值。<style> div { width: 1200px; height: 800px;
2022-02-23 23:23:45
145
原创 CSS字体属性
2021.11.20CSS字体属性font-family 字体为考虑兼容性，可以写多个字体，若第一个字体在浏览器上不兼容，则使用第二个，以此类推。font-size 字号谷歌浏览器默认的文字大小为16pxfont-weight 字体粗细属性值作用font-weight : normal正常的字体（number=400）font-weight : bold粗体。（number=700）font-weight : bolder特粗体fo
2022-02-23 23:23:02
52
原创 CSS文本属性
CSS文本属性文本颜色color属性用于定义文本的颜色。div { color : red; }表示属性值预定义的颜色值red , green , blue十六进制#FF0000 , #FF6600 , #29D794RGB代码rgb(255,0,0) 或 rgb(100%,0,0)开发中最常用的是十六进制。文本对齐text-align属性用于设置元素内文本内容的水平对齐方式。div { text-align : center;}
2022-02-23 23:22:32
67
原创 CSS选择器
2021.11.16CSS选择器选择器分为基础选择器和复合选择器两个大类。基础选择器基础选择器是由单个选择器组成的。基础选择器又包括：标签选择器、类选择器、id选择器、通配符选择器。标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。类选择器差异化选择不同的标签，单独选一个或者几个标签。语法：.类名{ 属性1：属性值1; ···}结构需要用class属性来调用，例如：<div class="red">变
2022-02-23 23:22:02
55
原创 CSS简介
2021.11.16CSS简介CSS是层叠样式表（Cascading Style Sheets）的简称，也称CSS样式表或级联样式表。CSS由两个主要部分构成：选择器以及一条或多条声明。语法：<style> /* 选择器{样式} */ /* 给谁改{怎么改} */ p { color : red; font-size: 12px; }</style><body> <p>变个色
2022-02-23 23:21:32
109
原创 文档的基本组成部分
文档的基本组成部分标签<header>：页眉。 <nav>：导航栏。<main>：主内容。主内容中还可以有各种子内容区段，可用 <article>、<section>和<div>等元素表示。<aside>：侧边栏，经常嵌套在 <main> 中。<footer>：页脚。 布局元素细节1.<main> 存放每个页面独有的内容。每个页面上只能用一次 <main&g
2022-02-23 23:20:29
1370
原创 注释标签和特殊字符
2021.11.14注释标签和特殊字符1.注释在源代码里能看到，不显示在页面。格式：以 “” 结束<!-- 来波注释 -->2.特殊字符用字符来替代一些特殊的或者不方便直接使用的符号。例： 空格符< 小于号> 大于号...
2021-11-16 13:56:10
210
原创 HTML--路径
2021.11.12路径1.目录文件夹和根目录。目录文件夹：就是普通文件夹根目录：打开目录文件夹的第一层。2.相对路径以引用文件所在位置为参考基础，而建立出的目录路径。相对路径分类符号同级路径下一级路径/上一级路径…/例：<img src="nb.jpg /"><img src="images/nb.jpg" /><img src="../nb.jpg" />3.绝对路径目录下的绝对位置。例：<
2021-11-16 13:55:22
163
原创 HTML标签
2021.11.10HTML标签语法规范1.HTML标签是由" < > "包围的关键词，例如<html>。2.HTML标签通常成对出现，例如<html> </html>，我们称为双标签（开始标签和结束标签）。3.有些特殊标签必须是单个标签，例如 <br />，称为单标签。标签关系双标签关系可以分为两类：包含关系和并列关系。包含关系：<head> <title></title></
2021-11-16 13:54:53
1710
原创 HTML（Hyper Text Markup Language）超文本标记语言
2021.11.10HTML（Hyper Text Markup Language）超文本标记语言网页是图片、链接、文字、声音、视频等元素组成，其实就是一个html文件。五大浏览器：IE、火狐（Firefox）、谷歌（Chrome）、Safari、Opera。浏览器内核浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。浏览器内核备注IETridentIE、猎豹安全、360极速浏览器、百度浏览器FirefoxGecko火狐浏览器内
2021-11-16 13:53:49
1037
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人