
前端
文章平均质量分 68
前端小董~~~
这个作者很懒,什么都没留下…
展开
-
flex布局——flex-direction属性
1)flex是flexible Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。2)采用flex布局的元素,称为flex容器,简称"容器",它的所有子元素自动成为容器成员,称为flex项目(flex item),简称"项目"。3)才有效果总结:通过给添加flex属性,来控制子盒子的位置和排列方式。原创 2023-02-07 22:50:29 · 9732 阅读 · 1 评论 -
Vue——Hello小案例以及分析
5、{{ xxx }}是Vue的插值语法(先这样写,后面会详细介绍),大括号里的xxx要写js表达式,且xxx可以自动读取到data中的所用属性;2、el是element的缩写,在Vue实例和容器之间建立一个关系,el用于指定当前Vue实例为哪个容器服务,值通常为css选择器字符串;6、一旦data中的数据发生变化,那么模板中用到该数据的地方也会自动更新。1、想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象;4、不变的文字正常写,变化的文字交给Vue进行维护;// 创建Vue实例。原创 2023-02-03 13:44:57 · 212 阅读 · 0 评论 -
Vue——解决Vue安装成功后控制台出现的一些问题
你正在运行一个开发版本的Vue,请你确信你在生产环境里不要这样做,就是说他发现你引入的Vue.js体积有点大,里面包含了很多的警告,在产品上线时使用这版不太好。1.先看第一条小提示:请你下载Vue的开发者工具达到一个更好的开发体验,其实就是说官方推荐在浏览器上安装官方所推出的Vue开发者工具。第一个小提示消失了,但但我们很多同学无法访问chrome网上应用店,只能使用下载好的了,我放在了网盘了,有需要的小伙伴自取哦~这样Vue的开发者工具就下载完了,我们再看一下控制台。→点击学习→点击教程→点击安装。原创 2023-01-30 20:14:50 · 780 阅读 · 0 评论 -
Vue——搭建Vue开发环境
开发版本与生产版本的区别:开发版本包含了完整的警告和调试模式,生产版本删除了警告,在开发过程中最好使用开发版本,能及时的发现错误和警告。在学习中使用开发版本。1)点击绿色的开发版本,就会以Vue.js(就是一个js文件)的文件形式下载到自己的电脑上;刚开始学习Vue时最好使用传统的在HTML中引入js文件(直接使用Script标签引用):不建议使用使用这种方法安装Vue,因为这种方法在以后写代码时都需要网络。2)打开浏览器→打开开发者工具→打开控制台。3)打开浏览器→打开开发者工具→打开控制台。原创 2023-01-28 21:18:31 · 599 阅读 · 1 评论