- 博客(26)
- 收藏
- 关注
RSS订阅原创 MVC框架与MVVC框架的区别
????此文介绍了MVC框架、MVVC框架的定义。通常model被翻译为模型，为了方便理解，我们这边叫数据、数据模型????MVC框架介绍：传统的MVC指的是，用户操作会请求服务端路由，路由拦截分发请求，调用对应的控制器来处理。控制器会获取数据，然后数据与模板结合，将结果返回给前端，页面重新渲染。数据流是单向的，view——> controler——> model ——> controler ——>view。是一个单向的循环流。view直接到mod
2021-11-19 15:47:43
4209
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
790
原创 Vue制作页面在线裁剪功能
React版：React制作页面在线截图功能项目背景写了一个关于身份证、驾驶证、行驶证OCR识别的页面。但是用户上传照片的时候不是单独上传，把3个证件摆放在一起上传的。于是业务部门提出能不能制作一个在线截图、裁剪的功能，这样就不需要他们额外打开其他截图软件。⚠️关键技术点： 用Canvas如何绘制出裁剪框。<!-- * @Descripttion: * @version: * @Author: dal * @Date: 2021-11-16 17:12:58 * @
2021-11-17 14:15:27
702
原创 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
5963
6
原创 React制作页面在线截图功能
项目背景写了一个关于身份证、驾驶证、行驶证OCR识别的页面。但是用户上传照片的时候不是单独上传，把3个证件摆放在一起上传的。于是业务部门提出能不能制作一个在线截图、裁剪的功能，这样就不需要他们额外打开其他截图软件。⚠️关键技术点： 用Canvas如何绘制出裁剪框。参考基于React Hook实现图片的裁剪/* * @Descripttion: 裁剪组件，cutting.tsx * @version: * @Author: dal * @Date: 2021-1..
2021-11-09 17:02:32
1813
原创 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
1045
原创 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
原创 vue3+vite+antd创建动态路由
问题点：1.后端返回的JSON数组如何转换成vue-router可以接收的格式。（主要问题在compoent从string转换成组件上）2.将转换后的数组给ant-design的MENU组件渲染。这边我用了mock模拟后端返回。因为后端不会帮我们拼树形格式，所以默认后端返回的格式：/*** 我们新增路由一般会填写@pamars id 主键ID，新增一个权限时需要后端自动加一个uuid@pamars index 权重@pamars title 名称@pamars componen
2021-09-17 15:48:07
1684
1
原创 uniapp 打包APP遇到的问题
IOS打包失败：一、证书不一致，安装失败查看下图制作相对于的证书，如果只是要打自定义基座，可以选择Development、并且添加设备的uuid生成profile文件。打包成功，控制台输出报错：一、安卓真机预览的时候控制台报错，页面没问题Error: Not Found：Page[1][-1,12-0;0] at view.umd.min.js:1原因：在v-for中，:key不能从0开始二、安卓和ios预览控制台报错并且页面不显示，组件内容变成undefin.
2021-07-26 16:07:23
5479
原创 uniapp解决阿里云OSS获取图片时私有Bucket（防盗链）的签名问题
使用npm包与js文件的兼容性区别 平台 npm js文件 小程序MP ✔ ✔ H5 ✔ ✔ APP × ✔ 防盗链：对象存储OSS支持对存储空间（Bucket）设置防盗链，即通过对访问来源设置白名单的机制，避免OSS资源被其他人盗用。简单来说：阿里云OSS将文件夹的权限设置成私有的情况下，就需要先获取到签名才可以访问。类似一些用户的身份证照片，比较隐私的图片。可以设置防盗链来防止黑客获取。...
2021-07-13 17:35:58
4188
1
原创 ts+vuex，类型“CreateComponentPublicInstance上不存在属性“$store”
最近写vite，封装vuex出现this找不到$store问题。原因是由于vuex没有像vue-router一样封装$。解决办法``````
2021-06-01 10:33:38
4731
1
原创 解决el-table表格边框不对齐错行
引起的原因：渲染完el-table后，对其进行宽度、高度的计算重新渲染解决办法：在css里添加body .el-table th.gutter { display: table-cell !important;}因为多出用到table了，所以直接全局改了，可以在App.vue、index.html、或者你添加的任意全局css文件里改。...
2021-03-10 17:14:06
2367
原创 Hexo+语雀+Travis-CI+服务器+Serverless实现云端写作自动部署的保姆级教程
前言百度上搜到的大部分都是部署到github上，到服务器上的教程都是零零散散的，于是我分成三篇博客来介绍你需要准备的nodejs安装、云服务器、语雀账号、github账号教程一、hexo安装部署到云服务器二、Travis-CI监听github仓库变动部署到云服务器三、语雀写作，自动部署服务器参考链接手把手教从零开始在GitHub上使用Hexo搭建博客教程(三)-使用Travi...
2020-02-23 14:30:53
1033
原创 三、语雀写作，hexo自动部署服务器
前文hexo安装部署到云服务器Travis-CI监听github仓库变动部署到云服务器思路在语雀中新建一个知识库，知识库里配置Web Hook。通过配置 Web Hook，可以方便地让开发者订阅到此知识库下所有文档、评论等数据变更。在腾讯云上创建 **云函数 ，**通过语雀的Web Hook 去触发云函数云函数中配置了Travis-CI的token，repoid，强制让tr...
2020-02-23 14:24:53
2492
1
原创 二、Travis-CI监听github仓库变动部署到云服务器
前言上一篇博客中主要讲了本地如何将hexo部署到云服务器上，但是我们并不希望在本地写一个md文件然后部署一次服务器，如何去自动部署？答案是Travis-CI思路1.在我们github仓库中新建一个公有仓库2.每当github中有文件发生变动，让travis-ci去执行我们的命令3.我们让travis-ci去云服务器上拉取一次github仓库中的文件，然后执行一次hexo deploy4....
2020-02-23 14:23:31
639
原创 一、hexo安装部署到云服务器
一、hexo安装部署到云服务器1.配置node环境去node官网下载符合你本地操作系统的安装包，安装到<目录,例如我安装到E:/Nodejs/>后打开cmd(win+R输入cmd)node -vnpm -v能查看到说明安装成功2.配置全局环境进入安装目录，创建文件夹node_global和node_cache并执行npm config set prefix "E:...
2020-02-23 14:22:29
851
3
原创 NodeJS Express框架——Mongoose连接池、MVC设计
1.Mongoose连接池npm install mongoose在config目录下创建mongoDB文件，将数据库相关的信息放至这个文件夹内在mongoDB下创建mongo.js//mongo.jsconst mongoose = require('mongoose');const mongodbConfig = require('./config').mongodb //...
2019-12-29 14:25:57
1976
原创 NodeJS Express框架——API书写
先附上项目结构config可以放很多中间件，我在下面创了一个mongoDB的文件夹放数据连接池封装的各类增删查改的方法我使用了mongoose,Mongoose是在node.js异步环境下对mongodb进行便捷操作的对象模型工具npm installmongoose//db.jslet mongoose = require('mongoose');let data...
2019-12-16 17:40:08
360
原创 NodeJS Express框架之 MongDB可视化管理工具AdminMongo
先去github上下载项目github地址：https://github.com/mrvautin/adminMongo下载了之后在解压、进入文档中打开cmd输入npm install安装完依赖后直接 npmstart运行成功后打开网址：http://localhost:1234成功之后出现...
2019-12-16 17:27:00
240
原创 NodeJS Express框架——MongoDB安装
为什么选择MongoDB而不是Mysql?MongoDB操作起来比Mysql更便捷、简单，sql语句不用写，替换成了find()、insert()函数安装MongDBhttps://www.mongodb.com/download-center/community选择64位Windows（你自己是什么操作系统就选什么…打开安装包->选择Custom选择安装目录，我推...
2019-12-16 17:16:38
161
原创 NodeJS Express框架——安装进程守护之PM2
为什么需要安装PM2？大学毕业设计写的是Node，那时候太年轻不知道有【进程守护】这个东西，Node的特点是单线程，所以接口报错一个整个Node服务就崩溃了，需要手动重启。现在知道有了进程守护。为了避免这样的问题出现，需要整个进程守护来保护我们的Node服务器。1.全局安装PM2npm install pm2 -g2.我使用的是express框架使用pm2运行pm2 s...
2019-12-14 17:00:30
565
原创 uniapp数组视图发生改变，点击事件获取的下标存在
开发环境：uniapp背景：在项目中做了可上移、下移的一个数组这里循环了 lists，给lists一个叫index的下标<view class="list" v-for="(list,index) in lists" :key="index"> <view class="list-text"> {{list.text}} </view> <...
2019-12-10 17:05:09
3210
原创 支付宝小程序真机websocket收不到服务端消息
我使用uniapp开发支付宝+微信小程序，websocket中用了stomp.js做订阅，用支付宝真机测试websocket时发现消息监听不到了，导致接口唤起了，但是收不到后续的回调。微信IDEA与支付宝IDEA没问题，微信真机也没问题，只有支付宝真机有问题。后续调试发现，因为页面跳转导致uni.onSocketMessage监听不到消息。于是还原场景：在App.vue中写了全局的we...
2019-11-20 14:00:31
2034
原创 vue-cli 3.0 基础配置
1.安装nodejs2.搭建vue-cli脚手架3.vue ui配置基础选项4.配置px转rem(移动端开发)安装lib-flexible依赖npm i lib-flexible/vue ui可视化添加lib-flexible在main.js中添加import 'lib-flexible/flexible.js'安装postcss-px2remnpm i postc...
2019-09-26 11:04:12
77
原创 初入webpack坑，从入门到放弃
作为萌新第一次接触webpack的时候疯狂百度、看视频，依然没有配置好webpack在这里把搜到的方法写下来帮助同样入坑的在安装webpack之前先别着急，webpack官网上有说，安装前先安装最新版LTS的nodejs然而安装完nodejs再去配置webpack还是错误百出怎么办原来nodejs还要配置喵喵喵？？这是我掉的第一个坑nodejs配置可以参考这篇博客，
2017-08-03 11:28:59
422
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人