从0到1了解vue2及vue3更新内容
文章平均质量分 84
了解最基础的css知识,并带大家了解会使用vue框架以及vue3.0更新
ybb_ymm
从事多年java、python工作。文章、图片及内容仅是学习使用,如有侵权,请联系我,立即删除
展开
-
【五一创作】VUE基础知识——代理服务器
今天为什么要讲这个vue脚手架的代理呢?接下来我们先来聊一下cros,相信大家对于这个单词都不会陌生吧!当我们前端请求发生了错误提示这个词的时候,那么基本上就是跨域了。如何解决跨域其实有多种。今天要讲的主角,vue通过脚手架配置代理服务器,就能够解决我们的这个跨域问题。原创 2023-04-29 13:34:54 · 999 阅读 · 1 评论 -
VUE基础知识——过渡与动画
如果要有多个元素进行过渡的时候,那么就需要使用标签来实现了,并且每个元素都需要指定他的一个key值,就像我们for循环列表中指定的key一样。在整个离开过渡的阶段中应用,在离开过渡被触发时立刻生效,在过渡/动画完成之后移除。在整个进入过渡的阶段中应用,在元素被插入之前生效,在过渡/动画完成之后移除。动画和过渡还是有区别的, 动画的时候,只需要我们使用上面的进入和离开元素的第二个即可。可以控制进入/离开过渡的不同的缓和曲线,在下面章节会有个示例说明。原创 2023-04-27 11:14:35 · 925 阅读 · 0 评论 -
VUE基础知识——事件与消息
自定义事件说的直白点就是在组建中进行通信的一种方式,就是子组件向父组件传递参数定义本文下方提到:A组件定义为父组件,B组件定义为子组件。原创 2023-04-27 08:51:21 · 859 阅读 · 0 评论 -
VUE基础知识——配置、属性、插件及本地存储
对象.install = function(Vue,opetions){// 添加一下全局的过滤器(可以没有)// 添加一下全局的指令(可以没有)// 可以配置全局的混入// 可以添加我们的示例方法。原创 2023-04-25 10:10:40 · 882 阅读 · 0 评论 -
VUE基本语法——组件
组件其实就是实现应用中的局部功能的代码和资源的一个集合。他是用来简化项目代码、提高代码复用度以此提高运行的效率我们使用Vue.extend(opeions)可以创建一个组件我们可以看到options和new Vue(options)时候传入的参数看名字是一样的,他们也是you却别的:1、自定义组件的时候,不能写el。(el是有vm来决定那个容器来显示的。2、data必须要写成函数形式,不能像new Vue那样写(当组件不我们复用的时候,避免数据存在应用关系)原创 2023-04-24 07:20:08 · 678 阅读 · 0 评论 -
VUE基本语法——指令与表单数据的收集
1、指定和元素第一次成功绑定的时候会执行2、指令他所在的模板被重新解析的时候,他会被调用。1、局部指令new Vue({directives:{指令名:配置对象}})或者new Vue({directives{指令名:回调函数}})2、全局指令Vue.directive(指令名,配置对象)Vue.directive(指令名,回调函数)原创 2023-04-24 07:19:45 · 1080 阅读 · 0 评论 -
VUE基本语法——样式绑定及渲染
当我们使用v-if的时候,元素可能会出现无法获取到的情况;但是,我们使用v-show的时候,则一定可以获取到元素。原创 2023-04-23 09:24:13 · 614 阅读 · 0 评论 -
VUE基本语法——监视属性
1、我们所有已知的Vue管理的函数,最好要用我们的普通函数写,这样的话,它内部的this的指向确定是vm或者组件实例对象。2、不是我们Vue管理的函数(ajax回调函数、定时器的回调函数),最好要写成箭头函数,只有这样的话,它内部的this才会指向vm或者组件实例对象好了,今天关于侦听属性以及计算属性笔记就到这里吧!欢迎大家点击下方卡片,关注《coder练习生》原创 2023-04-23 09:24:04 · 806 阅读 · 0 评论 -
VUE基本语法——事件与计算属性
我们可以自己使用Vue.config.keyCodes.西定义键名 = 键码。原创 2023-04-22 08:15:00 · 622 阅读 · 0 评论 -
【社区图书馆】vue的生命周期
1)、mounted:当我们发送ajax请求、启用定时器、绑定我们自定义时间、订阅消息的初始化操作的时候使用2)、beforeDestroy:清除定时器、解绑自定义事件、取消订阅消息等收尾工作的时候使用。原创 2023-04-22 08:00:00 · 631 阅读 · 0 评论 -
VUE基本语法——模板和数据代理
前面我们了解了一下关于vue的内容,接下来我们会慢慢的来熟悉一下vue的基本语法与使用技巧。原创 2023-04-21 08:15:00 · 826 阅读 · 0 评论 -
初始VUE
1、表达式: 一个表达式会生成一个值,可以放在任何一个需要值得地方;c:d2、js代码(语句)1)、if(){}2)、for(){}原创 2023-04-21 08:00:00 · 653 阅读 · 0 评论 -
CSS基础——h5中的框架集及CSS中奇葩异常
到现在我们关于CSS相关的常用基础知识就讲解完毕了,接下来我们准本一下前往下一个阶段VEU进行学习吧。好了,今天就到这里啊欢迎大家点击下方卡片关注《coder练习生》原创 2023-04-20 08:15:00 · 856 阅读 · 0 评论 -
CSS基础——定位及背景处理
解决这个问题,我们就可以使用我们这个负值的情况了。1、将我们多个图片整合到一张图片里面,浏览器只需要进行一个请求,就可以同时加载我们需要的多张图片,提高了访问的效率,提高用户的体验度。4、可以同时为一个元素指定背景颜色和北京图片,背景颜色将作为背景图片的底色来战士,一般设置背景图片的同时都会设置一个背景颜色。因为,加载的时候是需要一定的时间的,所以在加载和显示的时候会穿线一段时间背景图片无法显示,这就会导致白屏或者闪烁的问题!注意:不随窗口滚动的图片,我们一般都是设置给body,而不是设置给其他的元素的。原创 2023-04-20 08:00:00 · 2351 阅读 · 0 评论 -
CSS基础——盒子模型的一些属性概念
当为子元素设置浮动后,子元素已经完全脱离文档流,这个时候就会出现子元素无法撑起父元素的高度,那么就导致了父元素的高度塌陷。当父元素高度塌陷以后,父元素下面的所有元素都会向上移动,此时就会出现页面布局的改变,严重的将导致页面无法正常显示。3、可以再高度他闲的父元素的最后添加一个空div,因为这个div是没有浮动的,所以他可以撑开父元素的高度,所以只要给这个空div清除浮动即可解决高度塌陷。文档流中,父元素的高度默认是被子元素撑起来的,换句话说,子元素有多高,父元素就会有多高。visible:默认值,可见的。原创 2023-04-19 08:15:00 · 912 阅读 · 0 评论 -
CSS基础——盒子模型
在网页中,一切都是可以看作为“盒子”。在css处理网页的时候,我们认为每一个元素都是包含在一个看不见的盒子里面。原创 2023-04-19 08:00:00 · 965 阅读 · 0 评论 -
CSS基础——CSS基础(下)
好处:使用百分比的时候,当父元素的属性值发生变化的时候,子元素他会按照比例自动的发生变化;页面中,每一个文字都是处在了一个看不见的框中,我们设置的font-size,其实是框的高度,并不是字体的大小;行高类似于我们上学时候使用的单线本,单线本是一行一行的,线与线之间的距离就是行高,网页中的文字,他其实是在一个看不见的线中,我们饿的文字是默认在行高中垂直居中显示的。当我们使用了不同的选择器来选中同一个元素值的时候,并且设置相同样式的时候,我们的样式之间便会产生冲突,这个时候就会出现我们选择器优先级的决定权。原创 2023-04-18 08:30:00 · 1420 阅读 · 0 评论 -
CSS基础——CSS 基础(中)
上一篇文章我们讲解了关于CSS一些定义及部分选择器,接下来我们接着看CSS中的选择器内容。原创 2023-04-18 08:15:00 · 678 阅读 · 0 评论 -
CSS基础——CSS 基础(上)
class属性和id属性类似,只不过class属性可以重复,拥有相同的class属性值的元素,我们说他们是一组元素,可以同时为一个元素设置多个class属性值,多个值之间使用空格隔开。块元素主要用来页面的一个布局,内联元素,主要为选中的文本设置样式,一般情况下只是用块元素包含内联元素,不会使用内联元素包含块元素。span是一个内联元素(行内元素),所谓行内元素,指的是只占自身大小的元素,不会占用一整行,当一行容不下了,会自动换行。兄弟元素:指的是拥有同一个父元素的元素被叫做兄弟元素。原创 2023-04-16 20:42:22 · 814 阅读 · 0 评论