【无标题】Angular/Material - 码农知识堂

【无标题】Angular/Material

、Angular/Material
https://www.runoob.com/angularjs/angularjs-intro.html
https://angularjs.org/
MDL (Material Design Lite) 是 Google 推出的网站前端开发工具组。Material Design Lite (MDL)

Vue基础-1.createApp（）与mount（）

    一、Vue.createApp()是什么？
    二、mount()是什么？
    三、注意点

一、Vue.createApp()是什么？

createApp可以分解成create和App来理解，create就是创建的意思，而App指的是Application，也就是应用的意思，那么Vue.createApp()就可以理解成创建一个Vue应用的意思。
createApp()方法会返回一个Vue实例对象。
二、mount()是什么？

mount()是挂载的意思，需要一个字符串型参数参数，写法可以使用css选择器，一般都是使用ID选择器的形式，比如mount("#app")，意思就是将ID为app的节点挂载到Vue上。
三、注意点

createApp()与mount()都是Vue3版本的写法，如下
const app = Vue.createApp({
    data() {
        return {
            message: '666'
        }
    },
    template: "<h2>{{message}}</h2>"
})
app.mount("#app")

对应的Vue2的写法为
var app = new Vue({
   el: '#app',
   data: {
     message: '666',
   },
   template: '<h2>{{message}}</h2>',
});

对应的版本有对应的写法，不要写错了。
1、AngularJS

git地址 https://github.com/angular/angular star 47451

license MIT

Angular 是一款十分流行且好用的 Web 前端框架，目前由 Google 维护。

诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC（Model–view–controller）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

2、 MDL （material-design-lite）UI框架

git地址 https://github.com/google/material-design-lite star 31180

license Apache 2.0

MDL (Material Design Lite) 是 Google 推出的网站前端开发工具组。Material Design Lite (MDL)可以让你添加一个 Material Design 的外观和感觉到你的静态内容网站，不依赖于任何的 JavaScript 框架和库。MDL 可以优化跨设备的使用体验，可以在旧版的浏览器进行平滑的切换，提供非常快速的访问体验。

浏览器支持：IE9-11，Chrome，Opera，Firefox，Safari，Chrome(Android)，Mobile Safari。

3、material-components-web UI框架

git地址 https://github.com/material-components/material-components-web star 12262

官网 http://mdcui.com/

license MIT

Material Components for the web(MDC Web)，是谷歌专为Web设计的全新前端框架。MDC Web可帮助开发人员执行Material Design，组件由谷歌的核心工程师团队和UX设计人员开发。这些组件可以建立可靠的开发工作流程，以构建美观且功能强大的Web项目。

4、shaka-player js播放器

git地址   https://github.com/google/shaka-player star 2904

license Apache 2.0

Shaka Player 是一个 JavaScript 库，它实现了 DASH 客户端的功能。它的播放功能基于 HTML5 video、MediaSource Extensions，和 Encrypted Media Extensions 。一般的 DASH 客户端功能很难实现，并且 DASH 标准不总是与 DASH 客户端建立的新浏览器 API 接口对齐，我们的目标是减少之间的摩擦，使之在没有插件的情况下更容易适应这些新兴的网络媒体流标准。
————————————————

APICloud
https://ant.design/index-cn
https://v3.vuejs.org/api/sfc-script-setup.html
https://github.com/vuejs/core/releases/tag/v3.2.37
https://procomponents.ant.design/components/group
https://github.com/vueComponent/ant-design-vue/releases/tag/3.2.6
https://umijs.org/
https://www.antdv.com/components/overview
https://www.cnblogs.com/cxscode/p/8075125.html
https://blog.csdn.net/savelifeme666/article/details/93769838
Angular
ant-design-vue-pro
Projects that are built with Angular and Ant Design.

    NG-ZORRO - Ant Design of Angular.
    NG-ZORRO-Mobile - Ant Design Mobile of Angular
    ng-alain - ng-zorro-antd admin panel front-end framework.

Vue.js

Projects that are built with Vue.js and Ant Design.

    ant-design-vue - Ant Design of Vue.js 2.5.0+.
    Vue.js Beauty - Beautiful UI components build with Vue.js and Ant Design.
    Vue.js Ant UI - Ant Design UI components built in Vue.js.
    Ant Design Vue - Vue.js version of Ant Design.
    antue - A set of enterprise-class Vue UI components, following the Ant Design specification completely.
    vue-antd-admin - Ant Design Pro's implementation with Vue

Blazor

Projects that are built with Blazor WebAssembly and Ant Design.

    ant-design-blazor - Ant Design of Blazor(both Server-side and WebAssembly).
    Blazorise - AntDesign support for Blazorise and Blazor Demo

https://mobile.ant.design/zh/components/tree-select
https://www.apicloud.com/deepengine
https://vue.misboot.com/#/workflow/apiFlowableModel/index
https://vue.misboot.com/#/form/formModule/index

https://www.easybui.com/p/api.html
https://youzan.github.io/vant/#/zh-CN/notify
https://github.com/ant-design/ant-design
https://element.eleme.cn/#/zh-CN/component/installation
https://ext.dcloud.net.cn/plugin?id=55
https://youzan.github.io/vant/v4/#/zh-CN/image
Windows下配置Node.js和Cordova
初学者 nodejs+ionic+cordova 详细安装教程
https://ext.dcloud.net.cn/search?q=uni-ui
https://dcloud.io/
https://www.apache.org/

cordova原名phonegap，虽然adobe收购了phonegap，但是phonegap的核心给了apache，也改名为cordova.

cordova是nodejs的一个框架。

1、AngularJS

git地址 https://github.com/angular/angular star 47451

license MIT

Angular 是一款十分流行且好用的 Web 前端框架，目前由 Google 维护。

诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC（Model–view–controller）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

2、 MDL （material-design-lite）UI框架

git地址 https://github.com/google/material-design-lite star 31180

license Apache 2.0

MDL (Material Design Lite) 是 Google 推出的网站前端开发工具组。Material Design Lite (MDL)可以让你添加一个 Material Design 的外观和感觉到你的静态内容网站，不依赖于任何的 JavaScript 框架和库。MDL 可以优化跨设备的使用体验，可以在旧版的浏览器进行平滑的切换，提供非常快速的访问体验。

浏览器支持：IE9-11，Chrome，Opera，Firefox，Safari，Chrome(Android)，Mobile Safari。

3、material-components-web UI框架

git地址 https://github.com/material-components/material-components-web star 12262

官网 http://mdcui.com/

license MIT

Material Components for the web(MDC Web)，是谷歌专为Web设计的全新前端框架。MDC Web可帮助开发人员执行Material Design，组件由谷歌的核心工程师团队和UX设计人员开发。这些组件可以建立可靠的开发工作流程，以构建美观且功能强大的Web项目。

4、shaka-player js播放器

git地址   https://github.com/google/shaka-player star 2904

license Apache 2.0

Shaka Player 是一个 JavaScript 库，它实现了 DASH 客户端的功能。它的播放功能基于 HTML5 video、MediaSource Extensions，和 Encrypted Media Extensions 。一般的 DASH 客户端功能很难实现，并且 DASH 标准不总是与 DASH 客户端建立的新浏览器 API 接口对齐，我们的目标是减少之间的摩擦，使之在没有插件的情况下更容易适应这些新兴的网络媒体流标准。

使用HTML、css、JavaScript

AngularJS
AngularJS
AngularJS 前端框架
markdown 付费工具
pdf转文本也是付费工具并没有的用AI
中英翻译。
英文语法。
中文语法。
这东西不能直接用只是零部件而已。
腾讯
谷歌
阿里巴巴    组件>应用

app界面
https://mutual.zhizuobiao.com/mutual-18052200088/
内联元素 a 这类元素要设置了display:block才能有宽度的设置
块元素
div可以很好的定义布局
http://toys.yoopong.com/
http://toys.yoopong.com/m/Default.aspx
http://toys.yoopong.com/m/ProInfo.aspx?id=2&r=R35O8
div 的a不放内容不占空间
border-radius: 50%;

float会因为一个边框宽度换行。所以一定要计算边的宽度。减少宽度。
float:right就全部从右向右了
float 清除浮动不清除浮动下面的元素就不换行。
h5 webapp样式 https://www.cnblogs.com/frost-yen/p/9075871.html

JVM
Node.js 中，提供了 3 个与之相关的模块，分别是 HTTP、HTTP2 和 HTTPS

https://mobile.ant.design/zh/components/icon
https://github.com/ant-design/ant-design-mobile/releases/tag/v5.16.1
https://pro.ant.design/zh-CN/

nuiapp

h5 webapp样式
https://www.cnblogs.com/frost-yen/p/9075871.html
https://mutual.zhizuobiao.com/mutual-18052200088/

https://v3.cn.vuejs.org/guide/introduction.html#%E5%A3%B0%E6%98%8E%E5%BC%8F%E6%B8%B2%E6%9F%93

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    
    <link rel="stylesheet"
          href="https://fastly.jsdelivr.net/npm/vant@3/lib/index.css" />
</head>
<body>

    <div id="app">
        <van-button type="primary">主要按钮</van-button>
        <van-button type="info">信息按钮</van-button>
        <van-button type="default">默认按钮</van-button>
        <van-button type="warning">警告按钮</van-button>
        <van-button type="danger">危险按钮</van-button>
    </div>

    
    <script src="https://fastly.jsdelivr.net/npm/vue@3"></script>
    <script src="https://fastly.jsdelivr.net/npm/vant@3/lib/vant.min.js"></script>

    <script>
        // 在 #app 标签下渲染一个按钮组件
        new Vue({
            el: '#app',
            //template: `<van-button>按钮</van-button>`,
        });
        在 #app 标签下渲染一个按钮组件
        const app = Vue.createApp({
        });
        app.use(vant);

        // 通过 CDN 引入时不会自动注册 Lazyload 组件
        // 可以通过下面的方式手动注册
        app.use(vant.Lazyload);

        // 调用函数组件，弹出一个 Toast
        vant.Toast('提示');

        app.mount('#app');
    </script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    
    <link rel="stylesheet"
          href="https://unpkg.com/vant@2.12/lib/index.css" />

</head>
<body>
    <div id="app">
        <van-button type="primary">主要按钮</van-button>
        <van-button type="info">信息按钮</van-button>
        <van-button type="default">默认按钮</van-button>
        <van-button type="warning">警告按钮</van-button>
        <van-button type="danger">危险按钮</van-button>
    </div>
    
    <script src="https://unpkg.com/vue@2.6/dist/vue.min.js"></script>
    <script src="https://unpkg.com/vant@2.12/lib/vant.min.js"></script>

    <script>
        // 在 #app 标签下渲染一个按钮组件
        new Vue({
            el: '#app',
            //template: `<van-button>按钮</van-button>`,
        });

        // 调用函数组件，弹出一个 Toast
        vant.Toast('提示');

        // 通过 CDN 引入时不会自动注册 Lazyload 组件
        // 可以通过下面的方式手动注册
        Vue.use(vant.Lazyload);
    </script>
</body>
</html>

移动端ｗｅｂ开发常用框架：
https://blog.csdn.net/wangyile4399/article/details/102564106

SUI Mobile http://m.sui.taobao.org/components/#popup SUI Mobile 是一套基于 Framework7 开发的UI库。

MUI http://dev.dcloud.net.cn/mui/ 最接近原生APP体验的高性能前端框架

weUI https://weui.io/ 微信原生框架

Vant https://youzan.github.io/vant/?source=vuejsorg#/zh-CN/intro Vue官网合作UI，有赞团队开发

Frozen UI http://frozenui.github.io/ 由腾讯团队开发，适用于使用手Q规范设计的Web页面

Mand Mobile https://didi.github.io/mand-mobile/#/zh-CN/docs/introduce Mand Mobile是面向金融场景设计的移动端组件库

Muse - UI https://muse-ui.org/#/zh-CN/contributing Muse UI 是一套 Material Design 风格开源组件库，旨在快速搭建页面。

cube - ui https://didi.github.io/cube-ui/#/zh-CN/docs/introduction 滴滴开源的UI框架

vonic https://wangdahoo.github.io/vonic/docs/#/ 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用。

vux https://vux.li/ vux 基于WeUI和Vue(2.x)开发的移动端UI组件库

Mint UI http://mint-ui.github.io/#!/zh-cn Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库
相关阅读:
【云栖2023】王峰：开源大数据平台3.0技术解读
 Postgresql时区设置，系统主机与数据库时间不一致，导致数据自动生成的时间错误
 【Harmony OS】【ArkUI】ets开发创建视图与构建布局
 KT142C-sop16语音芯片ic的串口指令详细说明_默认9600指令可设
 less使用（入门）
Python 编写确定个位、十位以上方法及各数位的和程序
 [附源码]计算机毕业设计JAVA科院垃圾分类系统
 【picgo】【typora】自己服务器搭建自定义图床
 前端面试题 10 个「有用」JavaScript 代码片段
 oracle的使用sqlplush
原文地址：https://blog.csdn.net/xiexuzhao/article/details/125487553