2021年11月_我在喵这里

原创 MVC框架与MVVC框架的区别

????此文介绍了MVC框架、MVVC框架的定义。通常model被翻译为模型，为了方便理解，我们这边叫数据、数据模型????MVC框架介绍：传统的MVC指的是，用户操作会请求服务端路由，路由拦截分发请求，调用对应的控制器来处理。控制器会获取数据，然后数据与模板结合，将结果返回给前端，页面重新渲染。数据流是单向的，view——> controler——> model ——> controler ——>view。是一个单向的循环流。view直接到mod

2021-11-19 15:47:43 4187 1

原创 Array.prototype.at()

看到MDN上Array有一个新的函数，但还在实验中，并没有正式开放实际上在chrome浏览器上new一个数组，也是存在这个函数的。at的含义就是快速定位数组中的第几项。比如我们不知道一个数组的长度，但是要获取最后一项，通常用arr[arr.length - 1]。如果用at的话就是arr.at(-0)at取值负数就是倒数、从后往前数，-0就是倒数第一，-1就是倒数第二，-2就是倒数第三……取值正数就是正数、从前往后数，0就是第一项，1就是第二项，2就是第三项……..

2021-11-19 14:01:57 785

原创 Vue制作页面在线裁剪功能

React版：React制作页面在线截图功能项目背景写了一个关于身份证、驾驶证、行驶证OCR识别的页面。但是用户上传照片的时候不是单独上传，把3个证件摆放在一起上传的。于是业务部门提出能不能制作一个在线截图、裁剪的功能，这样就不需要他们额外打开其他截图软件。⚠️关键技术点：用Canvas如何绘制出裁剪框。<!-- * @Descripttion: * @version: * @Author: dal * @Date: 2021-11-16 17:12:58 * @

2021-11-17 14:15:27 694

原创 Uniapp实现证件照提示框模板（小程序+APP）

先上效果图这是小程序上的表现：这是ios app上的表现：分析：看到这个需求，我们第一反应是使用uniapp上的camera组件，然后在用cover-image添加一个图片就可以达到要求。但是camera组件有兼容性的问题，它不支持app端。于是参考别人的写法，看到有一个live-pusher直播流组件，用nvue写就可以兼容app。技术拆分：1.小程序端使用camera组件。页面内嵌的区域相机组件。注意这不是点击后全屏打开的相机。2.App端使用直播推流 live-pushe.

2021-11-11 16:05:49 5893 6

原创 React制作页面在线截图功能

项目背景写了一个关于身份证、驾驶证、行驶证OCR识别的页面。但是用户上传照片的时候不是单独上传，把3个证件摆放在一起上传的。于是业务部门提出能不能制作一个在线截图、裁剪的功能，这样就不需要他们额外打开其他截图软件。⚠️关键技术点：用Canvas如何绘制出裁剪框。参考基于React Hook实现图片的裁剪/* * @Descripttion: 裁剪组件，cutting.tsx * @version: * @Author: dal * @Date: 2021-1..

2021-11-09 17:02:32 1796

原创 react 数字滚动组件

效果图给数字做了逗号符分割，更符合国际大额数字的浏览效果。/* * @Descripttion: * @version: * @Author: dal * @Date: 2021-11-02 16:48:26 * @LastEditors: dal * @LastEditTime: 2021-11-03 13:50:43 */import "./counter.less"import { Component } from "react";class Count...

2021-11-03 14:01:35 1027

原创 react学习

react万物皆组件create-react-app 在我的理解就只是安装了一个react。就像我们的项目中只安装了vue一样，其他的vue-router啊、vuex都没有。等于一个没有脚手架的框架。想要路由的话需要安装react-router，想要redux的话需要安装redux然后就出现了许多大公司开发的react脚手架集成框架。比如阿里的Umi框架。但是我们还是得自己手写一遍完整的react项目才能体会到框架的厉害之处。React新建页面，所有的页面都必须集成于react的

2021-11-01 16:59:58 64

qq_36656155的博客