zoukankan      html  css  js  c++  java
  • asp.net zero 8.2 学习-11-Metronic替换google字体,加速网页加载速度

    asp.net zero 8.2使用的前端模板是Metronic6.0以上版本,官网的Metronic下载下来,打开很慢主要是加载googole字体耗费时间,这是我之前写的如何在Metronic中替换google字体
    Metronic是一款强大的后台模板,包括很多组件。接触过很多后台模板,有Layui,AdminLTE,Inspinia,hui。感觉Layui适合快速开发。Layui封闭性很强,对于前端不太熟悉的话,只能按模仿,如果需要深入学习,需要花费很大力气。Layui也很强大,国内用户很多。从事ASP.NET 开发的,可以参考WTM框架,封装了Layui的很多控件。Inspinia是一款基于bootstrap3的后台模板,控件很丰富。AdminLTE是一款开源的,国内开源软件用的比较多,可以参考FastAdmin的模板,做的比较好。

    Metronic包括经典版和Angular版,由于前端水平实在是烂,所以从经典版学起吧。

    Metronic用到了google字体和google地图导致下载下来的文件打开很慢,这里可以把google map的js代码删除,反正也用不到。

    google字体可以替换到国内的科大提供的源:

    ajax.googleapis.com => ajax.lug.ustc.edu.cn
    fonts.googleapis.com => fonts.lug.ustc.edu.cn
    themes.googleusercontent.com => google-themes.lug.ustc.edu.cn

    把class文件夹下的demo拖到sublime中,在demo文件夹上查找替换:

    使用angular的,可以参考下载下来的文件中的doc。安装npm,yarn,gulp;gulp打包,照样跑起来。

    在IIS中建个网站,跑起来:

    Metronic最新版为6.X。我这用的是Metronic5.5。5和6差别很大,主要是css样式前缀变了,所以要注意。

    Metronic基于Bootstrap4,css类很多,所以要做好长期学习的准备,初学可以参考6版本的empty page。

  • 相关阅读:
    elastic-job 新手指南
    最基本的区块链hello world(python3实现)
    python:函数的高级特性
    python高级特性:切片/迭代/列表生成式/生成器
    python:函数中五花八门的参数形式(茴香豆的『回』字有四种写法)
    python:爬虫入门
    python: 序列化/反序列化及对象的深拷贝/浅拷贝
    python中的zip、lambda、map操作
    python面向对象笔记
    RxJava2学习笔记(3)
  • 原文地址:https://www.cnblogs.com/AlexanderZhao/p/12878774.html
Copyright © 2011-2022 走看看