fda算法_VueJS组件可创建2018年FDA风格的营养标签

最新推荐文章于 2024-03-27 21:33:13 发布
最新推荐文章于 2024-03-27 21:33:13 发布
阅读量229 收藏
点赞数
文章标签： vue js python less javascript ViewUI
原文链接：https://vuejsexamples.com/vuejs-component-to-create-a-2018-fda-style-nutrition-label/
版权

fda算法

Vue营养标签 (vue-nutrition-label)

A VueJS component to create a 2018 FDA-style nutrition label.

VueJS组件可创建2018年FDA风格的营养标签。

安装 (Installation)

通过npm (via npm)

npm install vue-nutrition-label --save

通过CDN (via CDN)

<script src="https://cdn.jsdelivr.net/npm/vue-nutrition-label/dist/vue-nutrition-label.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/vue-nutrition-label/dist/vue-nutrition-label.min.css" rel="stylesheet" type="text/css">

用法 (Usage)

通过npm (via npm)

<!-- Vue component -->
<template>
  <div>
    <nutrition-label :options="options" v-model="item"></nutrition-label>
  </div>
</template>

<script>
  import NutritionLabel from 'vue-nutrition-label';

  // register globally
  Vue.component('nutrition-label', NutritionLabel);

  export default {
    // or register locally
    components: {
      NutritionLabel
    },
    data () {
      return {
        options: {},
        item: {}
      };
    }
  }
</script>

<style>
  your styles
</style>

通过CDN (via CDN)

<html>
  <head>
    <title>...</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue-nutrition-label/dist/vue-nutrition-label.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/vue-nutrition-label/dist/vue-nutrition-label.min.css" rel="stylesheet" type="text/css">
  </head>
  <body>
    <div id="app">
      <nutrition-label :options="options" v-model="item"></nutrition-label>
    </div>
   <script>
      var vm = new Vue({
        el: '#app',
        components: {
          'nutrition-label': window.VueNutritionLabel.NutritionLabel
        },
        data() {
          return {
            options: {},
            item: {}
       });
    </script>
  </body>
</html>

：选项 (:options)

The options prop must be an Object.

options prop必须是Object 。 

const options = {
  width: 280,
  useFdaRounding: 1, // use FDA rounding rules
  readOnly: false,  // show/hide serving input field
  multipleItems: false,
  addedSugars: {
    show: 1,
    na: 1
  },
  calcium: {
    show: 1,
    na: 1
  },
  calories: {
    show: 1,
    na: 1
  },
  cholesterol: {
    show: 1,
    na: 1
  },
  fatCalories: {
    show: 1,
    na: 1
  },
  fiber: {
    show: 1,
    na: 1
  },
  iron: {
    show: 1,
    na: 1
  },
  monounsaturatedFat: {
    show: 0,
    na: 1
  },
  polyunsaturatedFat: {
    show: 0,
    na: 1
  },
  potassium: {
    show: 1,
    na: 1
  },
  protein: {
    show: 1,
    na: 1
  },
  saturatedFat: {
    show: 1,
    na: 1
  },
  sodium: {
    show: 1,
    na: 1
  },
  sugarAlcohol: {
    show: 0,
    na: 1
  },
  sugars: {
    show: 1,
    na: 1
  },
  totalCarb: {
    show: 1,
    na: 1
  },
  totalFat: {
    show: 1,
    na: 1
  },
  transFat: {
    show: 1,
    na: 1
  },
  vitaminA: {
    show: 1,
    na: 1
  },
  vitaminC: {
    show: 1,
    na: 1
  },
  vitaminD: {
    show: 1,
    na: 1
  }
}

项目对象 (Item Object)

const item = {
  name: 'Double Cheese Burger',
  serving: 1,
  servingPerContainer: 0,
  servingUnitName: 'serving',
  ingredientStatement: 'Swiss cheese, American cheese, more cheese and a burger.',
  nutrition: {
    calories: 510,
    fatCalories: 170,
    totalFat: 19,
    saturatedFat: 9,
    transFat: 0,
    polyunsaturatedFat: 0,
    monounsaturatedFat: 0,
    cholesterol: 10,
    sodium: 560,
    totalCarb: 79,
    fiber: 4,
    sugars: 35,
    protein: 9,
    vitaminA: 1,
    vitaminC: 2,
    calcium: 35,
    iron: 1,
    addedSugars: 0,
    potassium: 100,
    vitaminD: 0,
    servingWeight: 175
  }
}

构建设置 (Build Setup)

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run bundle

翻译自: https://vuejsexamples.com/vuejs-component-to-create-a-2018-fda-style-nutrition-label/

fda算法

cuk5239
关注
流向算法（FDA）（Matlab代码实现）
weixin_46039719的博客
11-02 1115
本研究旨在提出一种新的优化算法，称为流向算法（FDA），这是一种基于物理的算法。FDA 算法模拟流域中高度最低的出口点的流向。换句话说，流移动到具有最低高或最佳目标函数的邻居。考虑了13个经典数学基准函数、10个新的数学基准函数和5个工程设计问题，包括三杆桁架、拉伸/压缩弹簧、减速器、齿轮系和焊接梁设计，对所提算法进行了评价。将FDA的结果与其他优化算法进行比较，证明了FDA在解决具有挑战性的优化问题方面的卓越性能。博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。行百里者，半于九十。
FDA算法
weixin_34179762的博客
11-27 1722
FDA算法，Force Directed Algorithm，一种点线图的布局算法，找了半天没有有关描述，只有根据原始英文文档的理解写一下。定义：area=W*L WL为画布的宽度和长度V 点集 E 边集k = sqrt(area/|V|)fa(z) = z*z/kfr(z) = k*k/z k为点密度的开根号。 fa计算了相关的点点距离平方除以k，该算...
力导引算法（Force-directed，FDA）详解
04-01
本文档详细介绍了力导引算法的基本原理、发展历程、经典算法的实现和优化方案。此文是国外教材的一个章节，英文，我有把前面的基础部分做了翻译和解释，可以到我的博客查看http://blog.csdn.net/ffanfanm
FDA算法原理和python实现
优化算法
06-17 6202
FDA原理 FDA代码此次的数据来源为二进制文件t10k-images-idx3-ubyte，t10k-labels-idx1-ubyte，train-images-idx3-ubyte，train-labels-idx1-ubyte，分别为测试集数据、 测试集标签、 训练集数 据、训练集标签。读入数据之后,对数据进行标准化。代码如下:import numpy as np import pand
【智能算法】流向算法（FDA）原理及实现
最新发布
Logic_9527的博客
03-27 1443
其中，RN是均值为0，标准差为1的正态分布随机数；首先创建一个初始种群在排水池即问题的搜索空间中，然后考虑了邻近水流及其坡度对水流的影响，最后使水流流向海拔较低的位置，也就是排水池的最低海拔出口点（适应度值度量）。如果当前水流的适应度优于其最优邻居的适应度，根据适应度值来决定当前水流是沿着该随机水流的方向移动，还是沿着最优水流的方向移动。FDA受到了流入排水池的水流的启发，模拟了水流朝向排水池最低高度出口的方向流动。如果随机水流的适应度优于当前水流的适应度，那么当前水流将沿着随机水流的方向流动。
FDA.rar_FDA_FDA Matlab 实现_FDA算法_判别分析_模糊判别
07-15
通过MATLAB编程，将判别分析中引入模糊的概念，实现模糊判别分析算法
FDA.rar_FDA_FDA matlab_FDAmatlab仿真_FDA分类算法
07-15
在本压缩包中，"FDA.rar"包含了一个名为"FDA.m"的MATLAB程序，用于实现FDA算法的仿真。 MATLAB是一款强大的数值计算和数据可视化软件，广泛应用于科学计算和工程领域。在这个特定的MATLAB程序"FDA.m"中，开发者可能...
FDA.zip_FDA_FDA的matlab程序_FDA降维_图像 FDA_图像降维 matlab
09-14
这是一个关于图像降维的matlab程序，也是一个关于流形学习方面的程序。相信会对你们有用
无模糊.zip_FDA_FDA雷达_MIMo 雷达_fda 雷达_mimo雷达仿真
07-15
FDA-MIMO雷达距离角度联合无模糊估计的MATLAB仿真
DAS_FDA_FDA波束仿真_FDA_
09-29
在本文中，我们将深入探讨“DAS_FDA_FDA波束仿真_FDA_”这一主题，这涉及到雷达技术中的一个重要概念——频率分集天线（Frequency Division Array, FDA）。FDA是一种特殊的天线阵列设计，它通过在不同时间或频率上...
FDA的matlab程序
12-30
Fisher判别分析的matlab程序
性判别分析方法FDA总结
12-16
FDA总结 2.1 Fisher Discriminant Analysis 2.1.1 两类情况 2.1.2 多类情况 2.2 判别向量之间的相关性 2.2.1正交LDA(FSLDA) 2.2.2 不相关的LDA(ULDA) 2.2.3 一个融合准则 2.3 SSS问题及其解决 2.3.1 代数方法 2.3.2　两步方法 2.3.3判别空间分析. 2.3.4　其它方法 2.4 关于类间散布矩阵 2.5其它线性判别分析方法 2.6 ILDA 2.7核LDA 2.8　2D-LDA 2.9　PCA和LDA的比较
CFR算法 消峰
07-24
CFR消峰算法matlab程序，可以直接用于产品中。CFR消峰算法matlab程序，可以直接用于产品中。CFR消峰算法matlab程序，可以直接用于产品中。
基于流向算法的WSN覆盖优化
心升明月的博客
04-04 3049
文章目录一、理论基础1、流向算法2、FDA算法流程图二、WSN覆盖优化仿真1、二维覆盖优化2、三维覆盖优化三、参考文献 一、理论基础 1、流向算法 流向算法(Flow Direction Algorithm, FDA)模拟了流向排水池中具有最低高度的出口点的水流方向，是一种基于物理的优化算法。 FDA算法在将降雨转化为径流后，确定流域中的流向。该算法首先在搜索空间中创建初始种群。然后，气流流向海拔较低的位置，以达到最佳答案或最低海拔出口点。 该算法基于以下假设执行： 每个流都有一个位置和一个高度。 每个流
【Matlab】智能优化算法_流向算法FDA
敲代码两年半的练习生博客
07-12 1250
在流域中，过量或有效降雨量是指流过地表且未渗入土壤的降雨量。事实上，降水和损失（如截留、蒸发和渗透）后留在地表的水量被称为直接径流。到目前为止，已经提出了几种确定直接径流的方法，其中之一是φ指数法。单位为厘米/小时的指数φ代表降雨过程中的平均失水量，超过此限度的降雨量将直接转化为径流。换言之，指数φ的高位和等于直接径流的高度。从降雨量中减去每个时间间隔的指数φ，即可得到直接径流量。图1说明了φ指数的概念。关系式（1）表示直接径流计算方法。
FDA算法的疲劳驾驶检测是什么？
weixin_42588877的博客
01-11 127
FDA算法是一种用于疲劳驾驶检测的算法。它使用视频图像分析技术来识别驾驶员的疲劳表现，如眼睛闭合程度、面部表情等。这些信息将被用来评估驾驶员是否出现疲劳症状，并在必要时警告驾驶员。 ...
FDA降维
whitesilence的博客
03-24 4098
FDA是一个传统的有用的线性有监督的降维方法，FDA通过最大化类间距离，最小化类内距离的方法降维，但是对于呈现多峰的样本数据的降维效果并不好。为了对多峰数据降维，首要的是要保持数据的局部结构。LPP通过保持数据的局部结构获得很好的降维效果，但他只能用于无监督的情况，不能将样本的标签信息考虑在内。 由于类间散布矩阵不是满秩的，所以FDA只能将数据映射到维数小于类个数的低维空间，这是FDA的局限。
机器学习算法集锦
热门推荐
xiangzhihong8的专栏
02-20 1万+
机器学习机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。 严格的定义：机器学习是一门研究机器获取新知识和新技能，并识别现有知识的学问。这里所说的“机器”，指的就是计算机，电子计算机，中子计算机、光子计
线性判别分析FDA
u010719432的专栏
09-18 3348
线性判别分析的概念
RD-MUSIC算法在FDA-MIMO雷达参数估计中的应用
这通常包括创建信号模型、应用噪声和干扰、实现信号处理算法和评估结果。 总结来说，本资源通过MATLAB工具实现了一种针对FDA-MIMO雷达参数估计的RD-MUSIC算法仿真。该仿真旨在降低传统2D-MUSIC算法的计算复杂度，并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值