前端工程记——个人日报

java全栈工程师

 后台开发

      主打:前端---HTML css,  js,jquery

 

    什么叫做VUE:

  1.   前端框架,叫做尤雨溪编写是俺们中国人
  2.   自底向上逐层应用
  3.    只做视图层,soc:关注点分离原则 
  • 前端三要素:html,css,js
  1. css叫做表现层
  2. css预处理器:   

定义了一种新的语言,专门用来编程的语言,将css作为目标的生成文件对css进行专门的编码工作;也就是说:用一种专门的语言,通过编译器转换为正常的css文件,以供项目使用

SASS:基于Ruby

LESS:基于NodeJS,上手及其简单建议哦学习

3.js:运用webpack打包

jquery:简化了DOM操作

Angular:谷歌收购的前端框架

React:Facebook出品,一款高性能的前端js框架

Vue:渐进式Vue框架,它的特色就是——》计算属性:利用虚拟DOM属性综合了angular与react的优点支持MVVM

Axios:前端通信框架,就是为了做ajax,利用SOC原则

4.几大常用的框架

  ant-design:马云巴巴的公司、

ElementUI:iview,ice:饿了么的基于Vue的UI框架

BootStrap:Twitter的开源工具包

AmazeUI:妹子UI,基于H5的跨屏前端框架

6:javascript的构建工具

   Bable:就是编译工具

   WebPack:模块打包器,用于打包, 压缩合并,

7.Vue-element-admin:Vue是采用其实现的

8.大前端时代:MVVM异步通信为主

 

注意:在这当中;想学习一般后端比前端难,但在入手后,后端再去学前端绝对肥肠容易的

 

 

9.Vue的下载官网:vue.js

在idea的导入步骤:

  •   导入Vue.js的包
  • 在官网进行查看
  • var   VM=new  Vue({...});

 

     10.前端进行if-else的判断

       采用的是v-if    v-else

   11.对进行循环相当于java中的foreach循环:

        eg:<li   v-for="item in items">{{item.message}}

 

   12.绑定方法的事件:采用v-on:某方法(你需要去实现的)

注意:方法必须定义在methods的对象中,v-on:事件

 

详细的可以查阅Vue的七大属性

 

13.双向数据绑定

     就是数据双向绑定,当数据发生变化的时候,视图也跟着发生变化;当视图发生变化的时候,数据也跟着同步的变化亦是Vue.js的精髓之处

 

 

14.对于使用下拉框的selected;在v-model表达式未选中任何值时,<selected>元素会被渲染成“未选中”的状态

 

 

15.Vue的组件:就是你自己定义一个标签类似于<div>但名字你自己定义的,在Vue中的组件就是表示标签的意思vue.component

当中的props是用来接收外部的数据(当中的v-bind:boyunv="item"才可以)其中的绑定名称boyunv指的你要去绑定的名称可以是任意值,但后面加的双引号中的属性是真正在js中你需要去绑定的类型,就是你要去实现的东西

16.浅谈网络通信

 

 

对于mounted()函数:又名钩子函数,链式编程,基于ES6的新特性

获取请求的数据然后回顾结果

 

 

17:vue的计算属性:重点突出在属性方面,就是讲一个能够将计算机结果缓存起来的属性(行为转为了静态的属性),相当于缓存

18.插槽

  自己在学到这一章节的时候,自己有点小懵逼哈

这里准备独自出一项博客进行专门的问题分析仅为了自己的掌握

 

19.自定义事件——进行参数传递

在实际的开发中,Vue是基于NodeJs,采用的是Vue-cli脚手架开发

   

Vue router官方路由选择器进行显示声明

 

    

 

 

 

 

 

 

     

posted @ 2020-10-24 22:05  指间阿里  阅读(362)  评论(0编辑  收藏  举报