前端自学
千雪喵呀喵
B站同ID。目前是个低创鸽子UP主。希望有一天生活稳定,我可以做一个业余UP主。那也曾是我的梦想鸭。
展开
-
layer自适应弹窗
问题情况此问题发生原因很奇葩,我们公司的vue不使用node管理,而是用httpVueLoader插件支持vue,这就导致我们用不了大部分的框架。vue项目一般来说使用现成的那些知名框架的弹窗比layer要好得多。此问题出现在异步加载弹窗页面内容。当我使用layer.open打开一个窗口,并且再去渲染一个组件页面时,内部content区域想自动撑开弹窗窗口高度。此时layer的弹窗有三层,最外层layer-page盒子,第二层构造函数盒子,第三层content内容盒子。其中第二层构造函数生成的盒原创 2021-05-28 15:53:30 · 926 阅读 · 0 评论 -
VUE开发项目中问题,async与await
起因开发时希望页面能获取数据后再做后续处理百度出的文章又长又烦人所以写在这里,方便以后忘记时自己查阅因为前端的项目和java项目不同,前端项目总是异步的,所以页面上难免会出现数据出现较晚,而页面上某处先调用了这个数据,结果就是报错。这时为了让程序按顺序执行,就需要async 和 await两个关键字。await会暂停当前函数,而async会声明当前函数为异步函数。这两个关键字总是一起使用。因为单独写async没必要,而单独写await会导致页面运行到该函数时直接卡死。举例:methods:{原创 2021-04-15 16:50:18 · 677 阅读 · 0 评论 -
Vue指令 v-model
午安喵咪~v-model的使用 <div id="app2"> <input type="text" v-model.lazy.trim="name" placeholder="请输入姓名"/> <br> <label> <input type="radio" value="male" v-model="sex"/>男 </label>原创 2020-08-19 15:21:34 · 219 阅读 · 0 评论 -
过滤器用法的举例
早安喵咪~对昨天的怠惰而没有举例的filter部分进行举例。关于过滤器的使用 <div id="app1"> <div>{{message | Upper}}</div> <div>{{message2 | Lowwer}}</div> <div v-for="book in books">{{book.name}}:{{book.price | Price}}</di原创 2020-08-18 12:59:57 · 354 阅读 · 0 评论 -
Vue监听中的问题、过滤器、for与if的爱恨纠葛、v-bind补充一点
早安喵咪~关于v-if与v-for为什么不能连用?原因是很简单的:v-for优先级比v-if高。当需要判断某个条件成立后想把成立的一组数据遍历,初学者会选择v-for+v-if。当然,是会出问题的。v-for永远都会比v-if先执行。我举个栗子<ul> <li v-for="user in users" v-if="user.isSelected" :key="user.id" > {{user.name}} </li></ul>c原创 2020-08-17 14:54:10 · 199 阅读 · 0 评论 -
函数、Vue指令 on、if else、for、show
2020-8-16 10:28:12早安喵咪~关于函数//函数的常规写法function run{}//匿名函数var run = function(){}//对象方法const p = { run: function(){ }}//es6语法糖const p = {run(){}}//自执行函数(function(){alert(1);}());//或者(function(){alert(1);})();//或者!function(){alert(1)原创 2020-08-16 13:17:58 · 452 阅读 · 0 评论 -
Vue提供的选项:计算属性computed
2020-8-15 11:32:36 周六午安喵咪~昨晚和朋友打游戏到一两点…起的有点晚。为什么要用计算属性?首先,贴一段代码 <div id="app1"> {{firstName+' '+lastName}} </div>简单的mustache语法。对吧?可如果我想实现一些复杂的操作,比如翻转一个字符串 <div id="app1"> {{ message.split('').reverse().join(原创 2020-08-15 14:15:29 · 406 阅读 · 0 评论 -
Vue插值操作(mustache语法)、Vue指令的使用
2020-8-14 13:07:26接着学习的时候发现模板没有缩放…emmmm,很不雅观。稍微纠正上一篇的内容。在写模板时可以使用\t来增加制表符,\r\n换行(当然像我一样装在数组里就可以自动换行了)顺带一提,vscode默认单击打开文档和文件夹的方式真的很难受。可以在设置中搜索open mode.将singleClick改为doubleClick会舒服很多。题外话就到这。Vue的插值操作首先需要说明一点,原生的html不支持vue.不要写了vue之后引入到html里哦。建议初期练习可以直接原创 2020-08-14 17:42:26 · 692 阅读 · 0 评论 -
Vue的生命周期。简单生成vue实例模板的方法
2020-8-14 11:46:37我不好我检讨,我又屑了两个小时(继续学习吧。Vue生命周期生命周期这个词真的太常见了。从代码来看变量、函数、方法、对象,都会有生命周期。生命周期就是从元素在内存中申请空间占用后,直到元素释放空间为止的这段时间。在vue实例创建后,我们在vue生命周期内能干什么?上图可以看到红色的框中,有一些函数名比如beforeCreate、created。这是vue里实现的一些函数,在vue生命周期内的某个阶段会自动执行。它的使用方式如下const app = n原创 2020-08-14 13:01:57 · 358 阅读 · 0 评论 -
关于MVVM?我的理解。以及Vue的option(选项)
2020-8-14 07:21:24早安喵咪~首先在这里补充一下MVVM关于MVVMVue是MVVM架构框架!Vue在我实际体验后给我的感觉是,它在写html时 偏向于 View。写Js时则 偏向于 Model.而框架本身内部实现了数据和页面的双向绑定,也是MVVM的核心 ViewModel.(如有不对请纠正我!感谢)由于只是刚开始体验Vue,我只是用 偏向于 这种形容词来解释它(也许以后会有写在html上的其他功能反而是model或者viewmodel呢?)那什么是MVVM?MVVM是一原创 2020-08-14 09:04:29 · 130 阅读 · 0 评论 -
vueJS初识-初体验
vue是什么呢?vue是一个渐进式的框架。渐进式?渐进式意味着可以将vue作为应用的一部分*嵌入其中*,带来更丰富的交互体验。或者希望更多的业务用Vue实现?Vue全家桶欢迎你:Core+Vue-router+Vuex.....Vue的特点 解耦试图和数据 以后学过把链接贴这 可服用的组件 前端路由技术 状态管理 虚拟DOM听不懂?往后学习!Vue的初体验首先html引入vue.js然后引入我自己的js!我们来写一个hello world!<!DOCTYPE原创 2020-08-13 18:30:54 · 134 阅读 · 0 评论