- 博客(42)
- 收藏
- 关注
RSS订阅原创 【Vue2和Vue3父子组件传值】
vue3中，新增了setup语法糖，父组件中引入子组件后，不需要注册可直接使用。父传子时，子组件中通过defineProps方法接收，子传父时，子组件中通过defineEmits方法发送。自定义事件：在父组件中，给子组件绑定一个自定义事件，绑定事件的值为接收参数的函数，在子组件中，通过$emit发送数据。props：在父组件中，给子组件绑定一个自定义属性，在子组件中，通过props进行接收。
2022-12-22 20:26:41
1987
1
原创 【Vue混入】
定义mixin也非常简单，它就是一个对象而已，只不过这个对象里面可以包含Vue组件中的一些常见配置，如data、methods、created等等。在我们的项目src目录下新建mixin文件夹，然后新建index.js文件，该文件存放我们的mixin代码。data() {return {msg : "我是小猪课堂" , };console . log("我是mixin中的created生命周期函数");console . log("我是mixin中的mounted生命周期函数");
2022-12-21 19:56:49
113
原创 【安装 TypeScript】
安装 TypeScript命令行运行如下命令，全局安装 TypeScript，win+R输入cmd：npm install -g typescript安装完成后，在控制台运行如下命令，检查安装是否成功：tsc -V
2022-12-20 18:35:03
411
原创 【Css边界图片 按钮 背景】
border-image-source：url（）设置边框图片border-image-slice：把边框图片按照上右下左的顺序切割成九宫格，按照上右下左的顺序设置偏移量，不要设px单位border-image-width：边框图片宽度，一般和盒子边框一致border-image-repeat：边框图片平铺repeat（平铺） round（铺满） stretch（拉伸，默认值）复合属性：border-image：url（） 28 28 round图片路径 横向偏移量 纵向偏移量 平铺属性bor
2022-12-05 20:20:51
405
原创 【Css基础】
background-color：背景颜色background-image：背景图片地址 none/url（url）background-repeat：是否平铺 no-repeat、repeat-x、repeat-ybackground-position：背景位置 （20% 20%）、（10px 10px）、（bottom right）background-attachment 背景固定还是滚动 scroll（滚动）、fixed（固定）一步到位顺序：background：颜色、图片地址、平铺、滚动
2022-12-03 23:34:34
187
原创 【Css选择器】
每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，可以容纳任意的元素，类选择器(class)好比人的名字，可以多次重复使用的，比如：张伟、王伟、李伟、李娜。其写法是把外层标签写在前面，内层标签写在后面，外层选择器和内层选择器中间用逗号隔开。列举出的选择器都能获取到，可以使用类、id、标签选择器，选择器之间用逗号隔开。交集选择器由两个选择器构成，其中一个为标签选择器，第二个为类名选择器。不换行，宽高是由内部撑开，设置宽高属性不生效，可以有水平。标签名{属性1：属性值1；
2022-12-02 21:46:11
52
原创 【Css】
(1)、内部样式表内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义(2)、行内样式表(3)、外部样式表rel：定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。CSS样式规则CSS字体属性(1)、font-size:字号大小(2)、font-family:字体(3)、font-weight:字体粗细(4)、font-style:字体风格font-style属性用于定义字体风格，如设置斜
2022-12-01 22:17:37
99
原创 【Html5表单的input输入类型和多媒体】
controls 播放插件 < source src = " horse.ogg " type = " audio/ogg " > < source src = " horse.mp3 " type = " audio/mpeg " > Internet Explorer 8 及更早IE版本不支持 < audio > 元素.Chrome在2018年10月份更新后关闭了audio、video媒体autoplay自动播放。
2022-11-30 22:00:40
190
原创 【Html5】
1、提高可用性和改进用户的友好体验。2、有几个新的标签，这将有助于开发人员定义重要的内容。3、可以给站点带来更多的多媒体元素(视频和音频)。4、可以很好的替代FLASH和Silverlight。5、将被大量应用于移动应用程序和游戏。6、可移植性好。
2022-11-29 14:00:00
56
原创 【Html表单标签】
1.action在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。lable作用：用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点。2.method用于设置表单数据的提交方式，其取值为get或post。3.name用于指定表单的名称，以区分同一个页面中的多个表单。label标签为input元素定义标注（标签）。标签会在相关表单元素周围绘制边框。标签可以将表单内的相关元素分组。
2022-11-29 08:00:00
81
原创 【Html链接标签和表格标签】
Html链接标签和表格标签链接标签a标签<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超文本引用target：用于指定链接页面的打开方式，其取值有self和blank两种，其中self为默认值，blank为在新窗口中打开方式。base标签base可以设置整体链接的打开状态；base写到
2022-11-28 22:47:12
59
原创 【Html图片标签】
” ，如果是上两级，则需要使用 “…/”，以此类推，如img src=“…(2)、图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如img src=“img/img01/logo.gif”/。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。(1)、图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如img src=“logo.gif” /。
2022-11-27 22:16:17
186
原创 【HTML初始】
浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引渲染引擎擎。1、对于浏览器开发商和 Web 程序开发人员在开发新的应用程序时遵守指定的标准更有利于 web 更好地发展。主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。2、使用web标准，将确保所有浏览器正确显示您的网站而无需费时重写。3、更容易被搜寻引擎搜索。4、降低网站流量费用。5、使网站更易于维护。6、提高页面浏览速度。
2022-11-26 23:08:29
79
原创 【Css3动画】
CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸，转换的效果是让某个元素改变形状，大小和位置。旋转设置旋转度数 ** deg**代表度数单位 正值顺时针旋转，负值逆时针旋转。@keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式。过渡：指定过渡的Css属性（必须） 持续时间（必须）速度变化 延迟时间。没有设置渐变方向时，默认从上到下渐变，可以设置至少两个颜色实现渐变。转换的起始点，可以设置旋转的中心；2、指定效果的持续时间。CSS3 过渡是元素从。
2022-11-25 23:13:39
55
原创 【响应式布局】
网格视图：把整个100%宽度平均分成12份，使用网格布局时，可以按照12的多少份按比例布局，每份占8.33的比例。**only关键词:**指定某种特定的媒体类型，可以用来排除不支持媒体查询的浏览器。设置所有元素的box-sizing：border-box；响应式布局是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。**not关键词:**用于排除某种指定的媒体类型，即排除符合表达式的设备。**and关键词:**表示同时满足两个条件时生效，到达限定范围。viewport 是用户网页的可视区域。
2022-11-20 20:57:36
164
原创 【Vue 组件以及插槽】
- 组件的名字当作标签不使用内置或保留的 HTML 元素作为组件的id -- > < my - login > < / my - login > < / div > < template id = "temp" > < div > < h2 > 登录 < / h2 > < / div > < / template >/* 私有定义 */ components : {
2022-11-19 23:06:57
60
原创 【Vue过滤器和修饰符】
可被用作一些常见的文本格式化过滤器应该被添加在JavaScript表达式的尾部，由**“管道”符**指示双花括号插值和v-bind 表达式作用：在我们页面显示值之前加一层过滤，展示我们过滤后的值1、{{变量 | 过滤器名}}2、{{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器，后面过滤器的data就是前面表达式传过来的值通过Vue提供的filter方法定义：Vue.filter()1、第一个参数：过滤器的名字。
2022-11-17 22:10:48
91
原创 【Vue基础使用】
Vue.js是一套构建用户界面的渐进式框架，采用自底向上增量开发的设计。1、与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合2、 Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！
2022-11-17 00:16:28
191
原创 Js高级-正则表达式、本地存储
正则表达式 1、\d 匹配至少有一个数字 var reg = / \d / console . log(typeof reg);console . log('成功');} } 2、\D 匹配至少任意一个非数字的字符 document . getElementById('inp') . onblur = function() {
2022-11-11 00:43:17
166
原创 Js高级-面向对象
1、对象是单个事物的抽象2、对象是一个容器，封装了属性(property) 和方法( method)3、对象是数据集或功能集4、对象是无序属性的集合是一种编程开发思想。它将真实世界各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟。
2022-11-08 23:07:35
80
原创 Es6-set、map与模块化
async用于申明一个function是异步的，返回一个promise对象，而await可以认为是async wait的简写，等待一个异步方法执行完成。2、Set的参数必须是可遍历的对象：数组，伪数组，字符串，set，map。4、WeakSet()结构同样不会存储重复的值，不同的是，set结构的键名和键值是同一个值。键名可以是任何数据类型。
2022-11-07 23:06:55
82
原创 ES函数与symbol
函数作用：根据参数名，去全局环境中搜索是否有以该symbol.for()参数为名的symbol值，有就返回它，没有就以该参数名来创建一个新的symbol值。函数作用：根据参数名，去全局环境中搜索是否有以该symbol.for()参数为名的symbol值，有就返回它，没有就以该参数名来创建一个新的symbol值。（有限的） 有限的： 返回true 无限：返回false（不会隐式类型转换）rest参数，这是一个新的概念，rest的中文意思是：剩下的部分。用于去除一个数的小数部分，返回整数部分。
2022-11-05 20:53:17
122
原创 Es6-数据类型新用法与解构赋值
3、includes()函数:判断字符串中是否含有指定的子字符串，返回true表示含有和false表示未含有，第二个参数从索引开始查找。4、startsWith( )函数：判断指定的子字符串是否出现在目标字符串的开头位置，第二个参数选填，第二个参数从索引开始查找。6、entries函数作用：对数组的键值对进行遍历，返回一个遍历器，可以用for…2、Array.from函数：可以将类似数组的对象或者可遍历的对象转换成真正的数组。将数组中的元素，字符串中的字符，对象中的属性分解成一个一个的变量。
2022-11-04 22:06:59
118
原创 Vue-子组件传值父组件-本地存储实现评论
子组件调用父组件的方法1. 在父组件中给引用的子组件注册一个事件（这个事件的名字是自定义的）2. 子组件可以触发这个事件$emit(‘事件名字’）
2022-11-03 21:07:40
86
原创 js API
注意在js设置样式，如果Css样式是连接符-连接的，要把连接符去掉 第二个单词首字母大写。在Css中想要获取class属性，需要通过className获取 弊端：会覆盖原来的属性。webAPI：浏览器提供的一套操作浏览器功能和页面元素的api（Dom Bom）Dom的顶级对象 document Bom的顶级对象 window。textContent 获取或者设置文本节点。文档：一个网页可以称为文档。属性：标签(元素)的属性。通过style设置样式。默认选中 表单单选框。
2022-10-31 23:56:23
47
原创 Ajax请求
1、AJAX( Asynchronous JavaScript and XML)异步的 JavaScript 和 XML。1、AJAX 不是新的编程语言，而是一种使用现有标准的新方法。3、AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。4、AJAX 可以使网页实现异步更新5、AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。Ajax的优点：局部加载，异步更新。
2022-10-30 19:03:36
48
原创 jQueryHTML与插件
bind() 、on(‘事件类型’,‘事件处理程序’) 方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数。(2)、innerWidth() 和 innerHeight() 方法。(3)、outerWidth() 和 outerHeight() 方法。(4) 、scrollTop() 和 scrollLeft() 方法。(4)、attr() 、prop()方法用于获取和返回属性值。(1)、width() 和 height() 方法。(3)、事件对象event。(4)、each()方法。
2022-10-30 19:00:07
101
原创 vue过滤器和修饰符
Vue.js允许你自定义过滤器，可被用作一些常见的文本格式化过滤器应该被添加在JavaScript表达式的尾部，由**“管道”符**指示双花括号插值和v-bind 表达式作用：在我们页面显示值之前加一层过滤，展示我们过滤后的值1、{{变量 | 过滤器名}}2、{{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器，后面过滤器的data就是前面表达式传过来的值通过Vue提供的filter方法定义：Vue.filter()1、第一个参数：过滤器的名字。
2022-10-28 22:00:15
50
原创 Vue基础使用总结
Vue.js是一套构建用户界面的渐进式框架，采用自底向上增量开发的设计。1、与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合2、 Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！
2022-10-27 22:18:31
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人