html+css+js与三大框架+ts的区别

一、html + css + js

1、html写好布局、css控制布局央视、js控制操作事件。

2、没有像ts那样,面向对象的使用(即缺少主要的数据双向绑定,但属性绑定与事件绑定类似)。

3、没法像三大框架那样,面向组件的开发。

二、三大框架 + ts

1、三大框架主要面向组件的开发,即开发一个组件,其他页面可以直接引用。

2、ts主要是面向对象的开发,让前端开发人员更偏向后台Java开发,DO、VO、etc…

3、包含前端客户端node.js,可以统一用npm下的package.json管理包(类似maven)和打包发布,不用像以前引入plug-in(类似引入jar),在用<script>标签引入。

三、参考示例

import Vue from "vue";
import Antd from 'ant-design-vue'
import "ant-design-vue/dist/antd.css";
import router from "./router/Router"
import App from "./views/index/app/App";
import store from "./module/Store";
import OrgTree from 'v-org-tree'
import 'v-org-tree/dist/v-org-tree.css'
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';
import moment from 'moment'
import 'moment/locale/zh-cn'
moment.locale('zh-cn')

Vue.use(OrgTree)
Vue.use(Antd)
Vue.config.productionTip = false

new Vue({
    data: {
        zhCN
    },
    el: '#app',
    router: router,
    store,
    template: ' <a-locale-provider :locale="zhCN"><App/></a-locale-provider>', //html
    components: { App },
    created (){}
})

四、以Vue为例的常用前端框架引用总结

1、iView

 

 

2、Ant Design of Vue

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *