博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Android老菜鸟学习前端日记(一) mui与vue
阅读量:5935 次
发布时间:2019-06-19

本文共 890 字,大约阅读时间需要 2 分钟。

基础

以前某段看过jquery,写过个页面 陆陆续续学了css,html,能写简单的能看懂的水平. js能看懂能写,但不快. mvc mvp mvvm,组件化,设计模式因为都是通用的,理解起来应该快.

MUI

很方便,基本看着文档,就能写个能看的页面出来,不过也只有模版

如果要自定义,改起来就需要水平了=-=.

为什么直接使用这个..

而不是去看js的书,看jquery,看w3c.

个人觉得从头看从头学很费时间.而且容易失去兴趣.难出效果,容易受打击.

我现在的学习方式是,用mui模版先写出效果,然后打开chrome,调式看css属性,以及html,js怎么写的.然后改效果,改功能.熟练用法

Vue

这个mvvm框架.一开始也不知道是啥,是看mui的例子看懂的. 双向绑定,这个好理解,和安卓的databinding一个意思.数据改变,view变化

var news = new Vue({	el:'#news',//这个的意思是这个对象的作用域吧.    data:{//data相当于内容,里面放各种成员变量吧.	      items: []       }	});复制代码

目前知道的:

v-for属性:

用在ul下的li上,个人的理解是,将li看成item,items是data数组(adapter中的数据源),这样的话,请求数据后,Vue中的items内容变化(notifychangeData),列表就刷新了.真的方便

v-if

应该是取boolean值,可以当adpate中的getitemtype()用.用来判断显示什么样的item 需配合v-for使用,否则会提示找不到item

v-else-if

同v-if一起使用.相邻的两个元素,可以这样使用,好比写 if()后面不一定要{}一样.

取值

{

{item.字段名}} 可以这样来取值,赋值给元素.这样的只要vue的items一刷新,所有view都会变化,.

来张效果图:

学习了一天,理解了些知识,但是消化不够,感悟就是少看多做.实践出真理. 还是看着demo源码学比较爽.光看api,太蛋疼了.

转载地址:http://bnjtx.baihongyu.com/

你可能感兴趣的文章
CentOS 网络设置修改 指定IP地址 DNS 网关
查看>>
oracle sql语句
查看>>
u-boot不能用tftp下载文件的解决方法积累
查看>>
DataTable、DataView、DataSet 区别
查看>>
大端、小端字节序
查看>>
我不是一名UX设计师,你也不是
查看>>
如何使用RPM
查看>>
兼容所有浏览器的复制到剪切板功能,悬浮层不能复制问题解决
查看>>
DNS转发功能
查看>>
读《软件随想录》
查看>>
linux
查看>>
如何正确提高DB2数据备份和恢复的效率
查看>>
对未来Google搜索技术的深度分析转载
查看>>
ubuntu 基础环境
查看>>
redis安装
查看>>
Highcharts JS插件(折线图)
查看>>
Swift2.0(17)泛型技术
查看>>
Shell图形化监控网络流量
查看>>
Wiwiz进阶设置-标准版实现免认证有线连接
查看>>
ubuntu上pip安装
查看>>