存证平台——小程序前端简介效果展示简介前端主要做了几个简单的表单页面,做的过程中主要做了数字借条生成的全过程。在开发的过程中我发现我们的初代方案,仅仅是填写借东西双方的姓名、学号等信息还是不够可靠,无法满足后续验证借款的需要。我从传统借条中获得灵感,加入了手写签字部分,将签名通过canvas放到图片信息上,这样可以使之获得法律效力,之后手写签名在后端经过加密后同时会传到区块链上,能够更好的提高校园借售平台的可靠性。同时这里我想到了将上传的内容从枯燥的数据改为借款图片会更加的符合现实场景,于是设计了借条图案和格式。最终手写签字和图片生成都是依靠小程序的Canvas库实现的,前端生成可以节省后端数
将需要压缩的图片绘制在canvas,然后利用微信提供的canvasToTempFilePath()方法保存成一个图片,保存时可以根据所需指定生成图片的质量。通过canvas配合这个接口,可以实现两种图片的压缩:1.声明好图片高度/宽度临界值,压缩图片的宽高;2.不改变图片的宽高,只改变图片的质量;首先页面需要声明一个canvas画布:其中cWidth和cHeight分别是渲染的图片高度和宽度,根据上传的图片信息获取;-9999px是为了使画布偏离屏幕;.canvas{position:absolute;left:-9999px;top:-9999px}1.通过修改图片的宽高来压缩图片通过修改宽
🧑💼个人简介:本科大三学生、全栈领域优质创作者、华为云享专家、阿里云专家博主、第十三届蓝桥杯国赛三等奖获得者,拥有软件著作权1项。一个不甘平庸的平凡人🍬📖前言目前正值开学季,很多同学满怀憧憬、向往未来。对于一些计算机类专业的同学可能已经开始去了解计算机方向的各种名词和含义,开始思考自己将来发展的方向了。借助猿创征文第二季|技术成长之路的活动,我来讲讲我的前端学习之路,如果你正在寻找哪个方向适合你,或者你正处于前端学习迷茫的阶段,希望这篇文章会对你有所帮助❤️有幸相遇,待我向你慢慢诉说我的前端技术成长之路✍️文末有全面详细的前端学习计划,不要错过哦🍬🔖目录📖前言📑个人介绍📑初识前端📑初入大学📑
我工作的公司正在接受审计,我必须提供一些关于我们代码库的指标。我提供了一些关于我们使用Eclipse插件的Java代码的统计数据。但我还需要测量前端代码的行数:HTML、CSS、JS、JSP。是否有(Windows)工具可以帮助解决这个问题? 最佳答案 要获取JS和HTML中javascript的代码指标,您可以使用ProjectCodeMeter(它会给你LOC,常量,复杂性,算术甚至开发时间),但对于CSS和HTML标记我不知道任何测量工具,当我想到它时,这些主要是由DreamWeaver或CMS模板等编辑器生成的,所以它们并不
前言Vue组件传参方也是面试最常考的内容,犹记得当初刚出来实习的时候,遇到一个需求,大概就是一个tabs下面有五个子页面,每个子页面表示订单的一种状态。当时是把五个子页面抽成了五个组件,做完后又有一个问题,就是在一个页面更改了数据状态之后,切换到另一个页面的时候要通知这个页面更新数据,当时是完全没有思路,找带我的大哥教我,讲了半天还是没有懂,最后还是大哥手把手的教我写完的,那时候觉得大哥好厉害,666,现在一想起来,不就是最简单的兄弟组件之前参数传递吗?😓今天就来回忆一下工作中常用的几种组件传参的方式。父子组件之间传参父子组件之间最常用的组件传参方式就是:父传子使用v-bind:attr传递,
1、表单设计器基础字段建议//主键idIntid (guidid)//表单数据StringFormJson//表单名称StringFormName//表单描述StringFormDescribe//建表时间DateTimeCreateTime2、后台.NetCoreWebApi增删改查接口照常写注意添加修改时要通过post,FromBody进行传参3、前台vue创建之后需要先下载npm包 3.1、npmielement-ui-S,npminstallaxios,npmivform-builds 3.2、在main.js中全局注册如下图: 4、使用表单设计器创建页面配置路由在页面中引入V
HiI’mShendiuniapp引入全局js,vue2/vue3不同方式引入最近写小程序,个人开发,选用了uni-app进行开发选用的vue3版本vue2版引入全局js因为我用的vue3版本,在这里踩了没学过vue3的坑,用vue2引入全局js的方式使用,导致undefined…Vue2版引入全局js的方法如下将js放到项目内,一般放到自建的common文件夹下,且export在main.js中引入和挂载通过this调用例如新建一个util.js,放到common/js下util.js内容如下在main.js引入和挂载importutilfrom"@/common/js/util.js";V
前端学习路线图火热出炉啦,还在为如何系统学习苦苦寻觅资源么?2023年新版前端学习路线图这不就来了么!小伙计们甩开膀子学起来吧。只要能坚持学下来,一定可以学有所成!新手入门: HTML5+CSS3+实战项目 → 移动webJavaScript阶段: JavaScript基础 → JavaScript核心Web APIs → 数据交互 & 异步编程Ajax\GitVUE开发: 框架前置课Nodejs&es6 → Vue2+Vue3全套React + 微信小程序: React → TypeScript → 微信小程序 前端学习路线详细介绍 第一阶段 基础入
本篇博客适合了解vue项目、了解eggjs、了解axios的小伙伴阅读,如果不是熟悉这些技术,可以先去看看相关视频或者网站学习。一份表单中包含有普通参数、也有要上传的文件,将这些数据放到formdata中传递到后端进行处理。我这里的前端用的是vue2,页面仅有一个表单,页面的代码如下:template>divclass="about">el-form:model="form"status-iconlabel-width="100px"class="demo-ruleForm">el-form-itemlabel="内容"prop="content">el-inputtype="text"v-m
目录最终项目目录文件夹和文件1.初始化项目2.安装相关依赖3.配置webpack 4.编写项目文件和配置webpack5.下面为它添加其他功能(1)ts的使用(2)less的使用(3)配置babel(4)路由vue-router的使用(5)状态管理pinic的使用(6)使用webpack-merge进行多环境配置最后页面最终项目目录文件夹和文件|-/node_modules|-/dist|-/public|-index.html |-/src|-/assets|-/components|-App.vue|-/router|-index.js|-/store|-index.ts|-/views|