Vue 学习 -08. 计算属性

1. html 页面


<!DOCTYPE html>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <table border="1">
        <thead>
        <th>学科</th>
        <th>分数</th>
        </thead>
        <tbody>
        <tr>
            <td>数学</td>
            <td><input v-model.number="math"></td>
        </tr>
        <tr>
            <td>物理</td>
            <td><input v-model.number="physics"></td>
        </tr>
        <tr>
            <td>英语</td>
            <td><input v-model.number="english"></td>
        </tr>
        <tr>
            <td>总分</td>
            <td>{{sum}}</td>
        </tr>

        <tr>
            <td>平均分</td>
            <td>{{avg}}</td>
        </tr>
        </tbody>
    </table>
</div>

<script src="../lib/vue.js"></script>
<script src="js/01.js"></script>
</body>
</html>

2. js 内容


var app = new Vue({
    el: '#app' , //作用在id为app 的组件
    data: {  //定义数据
        math: 79,
        physics: 98,
        english: 88,
    },

    computed: { //计算属性
        sum: function () {
            return this.math + this.physics + this.english;
        },
        avg:function () {
            return Math.round(this.sum / 3);
        }
    }
});

3. 效果图

pdfbox 去除签名保留签名图片

需求描述最近来了一个需求，客户要在 10 份 PDF 上使用电子签名，签完了以后还要合并再进行一次总的签名众所周知，电子签名当文档本身内容发生变化后，它的 hash 值就变了，和电子签名存储的 hash 值不一致，电子签名就失效了，客户觉得这个失效很难看，希望能保留印章图片，去除签名证书 pdfbox 简单介绍 p ..

FastJson 解决 long 类型在前端界面展示精度丢失问题

[图片] 前后端交互的时候，数据的 ID 字段采用的雪花 ID，Long 类型，返回给前端时，由于数值过大，会导致精度丢失，后面几位会变成 0，这时候就需要把 ID 字段转成 String 类型的返回给前端页面。目前有三种方式可以实现这个功能：方式一、@JSONField 采用 @JSONField 注解，在 ID ..

后端 | Sharding-JDBC 实现 MySQL8 集群读写分离

[图片] 一.前言这是一个基于 SpringBoot 整合 Sharding-JDBC 实现读写分离的极简教程，笔者使用到的技术及版本如下： SpringBoot 2.5.2 MyBatis-Plus 3.4.3 Sharding-JDBC 4.1.1 MySQL8 集群（看笔者前一篇文章有部署教程）二.项目目录结 ..

后端 | Java 常用容器知识速成

[图片] 一.继承关系 1.1 基于 Collection Iterable 接口：迭代器（负责迭代元素，用于遍历元素） Collection 接口：集合（常用的方法有添加，全部添加，删除，清空集合，是否存在，集合个数等） List 接口：列表（list 提供比数组更丰富的 API，有序，可重复，） Queue ..

C 语言宏定义 + 链接脚本 = 好玩的

[图片] 开局一张图，内容全靠编，哈哈。通过定义 section 配合链接脚本将散落在各处的变量定义在生成目标文件的时候归集在一起，可以方便的像数组一样遍历。 linux 内核中驱动注册有用到这个用法哦。哈哈，我有个坏主意：在 web 框架中。嘿嘿。这个是 gcc 编译链提供的功能，不知道 VS 编译有没有类似功 ..

嘿嘿，打算用 C 做一个 web 后端框架

C 语言来做，理论上可以达到很高的性能，如果开发者够厉害的话，哈哈。哈哈，欢迎吐槽，重复造轮子。第一个勉强可用版本开放代码。 1、想法很多 2、进度很慢 3、能力很弱 4、坚持慢慢做 5、围观看板 [链接] [图片]

代码审查：从 ArrayList 说线程安全

本文从代码审查过程中发现的一个 ArrayList 相关的「线程安全」问题出发，来剖析和理解线程安全。案例分析前两天在代码 Review 的过程中，看到有小伙伴用了类似以下的写法： List resultList = new ArrayList<>(); paramList.parallelStream ..

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

关于