欢迎来到☆槿畔☆的博客

前端知识探讨。。。
私信 关注
槿畔
码龄3年

不乱于心,不困于情,不畏将来,不念过往,如此安好。。。

  • 415,767
    被访问量
  • 45
    原创文章
  • 31,647
    作者排名
  • 95
    粉丝数量
  • 目前就职 递易(上海)智能科技有限公司
  • 于 2017-10-07 加入CSDN
获得成就
  • 获得71次点赞
  • 内容获得61次评论
  • 获得153次收藏
荣誉勋章
兴趣领域
  • #前端
    #前端框架#XHTML#React.js#WebPack#ECMAScript 6#JavaScript#CSS#Flutter#HTTPS#小程序#Vue.js#TypeScript#Node.js
TA的专栏
  • vue
    11篇
  • vue3.x
    5篇
  • vue-cli3 从0到1
    8篇
  • uni-app
    2篇
  • web监控系统从0到1
    3篇
  • electron
    2篇
  • 微信小程序开发
    1篇
  • nodejs开发到部署
    3篇
  • 服务器系统入门到服务器实战部署
    6篇
  • javascript插件
    7篇
  • react-native
    3篇
  • git
    1篇
  • 服务器基础
    7篇
  • nginx
    1篇
  • 最近
  • 文章
  • 资源
  • 问答
  • 课程
  • 帖子
  • 收藏
  • 关注/订阅

vue3搭建脚手架实战

我们现在来根据官方提供的基础的脚手架搭建一个完整vue-cli这里采用vite,至于优势就不用我多说了吧,像传统的webpack采用的是通过entry入口文件把所有项目用到的模块进行打包编译,有时候启动一个项目就要几十秒钟,更新文件也非常的慢。而vite从本质上讲,是让浏览器接管捆绑器的部分工作:Vite只需要根据浏览器的要求按需转换和提供源代码即可,这就让其速度体验上获得了巨大的飞跃。具体的介绍配置可以去看一下官网-----》vite官网废话不多说,首先我们用官方提供的简易的脚手架搭建(.
原创
4533阅读
0评论
0点赞
发布博客于 5 天前

vue3-watchEffect源码

function watchEffect(effect, options) { return doWatch(effect, null, options);//⭐️⭐️返回一个watch函数}/** *⭐️⭐️⭐️⭐️⭐️doWatch * @param {*} source effect函数 * @param {*} { immediate, deep, flush, onTrack, onTrigger } 监听函数option配置 */function doWatch(sour.
原创
4523阅读
0评论
0点赞
发布博客于 5 天前

vue3-reactive源码详细解析

const reactiveMap = new WeakMap();//reactive入口函数⭐️⭐️⭐️⭐️⭐️function reactive(target) { // if trying to observe a readonly proxy, return the readonly version. if (target && target["__v_isReadonly" /* IS_READONLY */]) { return.
原创
4951阅读
0评论
0点赞
发布博客于 6 天前

vue3原理解析

大家都知道vue2的时候是使用了Object.defineProperties方法通过set和get来进行数据的劫持,从而达到响应式数据。在vue3中则是使用es6 proxy代理,将对象进行转化拦截,使用weakMap做弱引用缓存。当触发代理的get时就会调用track,在track里面会把对应的effect收集到targetMap(targetMap就是map数据)set时会执行trigger,trigger函数如果有获取有对应的effect,就会触发effect。下面通过手动一个案例来进行
原创
4953阅读
0评论
1点赞
发布博客于 6 天前

vue3.0的优势及选型考虑

每一次的重大升级,毫无疑问是带来了巨大的优势,vue也不例外,vue3.0比2.0快两倍以上,Tree-shaking更加的友好。要知道在2.0版本中使用ts简直就是没事找事的存在,还不如不使用,于是3.0中补充了typescript和pwa的支持。解决了2.0中数组对象无法深度的响应式的问题。同时composition api 可以和 options API 可以同时存在。现在之所以还没有大面积的使用和版本迁移,需要考虑:1.主要是ui库还不健全,更新最快的element也还在beta版本;
原创
4975阅读
1评论
1点赞
发布博客于 6 天前

ldc-uni-cli发布

大家再学习uni-app时不用再github拉取代码了,可以直接前往插件市场插入到本地运行,有问题请留言。
原创
28阅读
0评论
0点赞
发布博客于 2 月前

行吧,统一拦截怎么会大呢。。

回答的问题 #vue缓存相关问题,keepAlive问题
回答了问题于 2 月前

.你可以全局去判断的呀,router.beforEach,从哪个路由来到哪个路由去。把需要缓存的,存到session和store里面。
include里面只存放需要缓存的,注意不需要时再清除。我只能说到这里了,具体的代码还是需要你自己去实现

回答的问题 #vue缓存相关问题,keepAlive问题
回答了问题于 2 月前

就是要动态的设置keep-alive 属性 include="",,,include可以接受一个组件name的字符串数组,动态的放置你所需要缓存的页面。
注意,router的name需要和对应components组件的name名称保持一致

回答的问题 #vue缓存相关问题,keepAlive问题
回答了问题于 2 月前

我的思路是:
一般默认的给你的静态资源加个服务就显示的有了,只不过那是默认的。
你如果有逻辑判断或者界面美观的话,就要输出接口了,fs读取文件夹的列表,根据用户点击进入二级菜单,后端根据点击的名称查询下一层的列表再返回至前端。

回答的问题 #像QT下载这个界面的资源管理结构要怎么做啊
回答了问题于 2 月前

!='',,,,既然是判断,谁不等于空呢???你细品。。

回答的问题 #js中if条件判断为false但依然进入逻辑并执行
回答了问题于 2 月前

访问必然涉及服务,静态资源后端可以映射一个服务端口给到前端即可。如nginx。

回答的问题 #关于跨域请求访问存于后端的图片问题
回答了问题于 2 月前

web线上监控现有产品分析

我们这里取了两个我个人感觉做的还算不错系统做开发参考,他们分别是frontjs 和fundebug二者各有千秋,frontjs可以对接入sdk的项目进行项目的接口分析,地理位置分析,性能分析,报错监控等等,从宏观考虑的,可以让产品得到很多用户习惯的数据而fundebug我觉得偏向细致化,第一时间报警线上的问题,并有自己的一个特色功能用户回溯,就是用户使用报错的前后对其进行视频录制,利用了特殊的算法录制dom节点进行回放。其实按照我们之前的设计,这些都能实现。下面我们来揭秘一下...
原创
35阅读
0评论
1点赞
发布博客于 2 月前

electron下载依赖包zip过慢的问题

electron在打包时会远程下载很多的zip包,第一次下载链接github是非常慢的,因此我们可以通过cnpm镜像提前下载copy到对应的位置。点击前往下载链接macos系统:注意其中的缓存位置,注意它(.electron)属于隐藏文件,使用 ⬆️+command+。组合键可以显示windows:...
原创
81阅读
0评论
0点赞
发布博客于 2 月前

electron-builder配置

"build": { "productName":"xxxx", //项目名 这也是生成的exe文件的前缀名 "appId": "com.xxx.xxxxx", //包名 "copyright":"xxxx", //版权信息 "directories": { //输出文件夹 "output": "build" }, "nsis": { //nsis相关配置,打包方式为nsis时生效 "oneClick": false.
原创
490阅读
0评论
1点赞
发布博客于 3 月前

sdk监控系统开发

参考部分文献​​​​​​​1.首次给系统建立链接给客户端分配服务id,主要用于建立客户端标识,减少没必要的重复数据。2. 根据Performance API获取前端性能数据,获取首次页面加载的性能数据let times = {}; let t = window.performance.timing; //重定向时间 times.redirectTime = t.redirectEnd - t.redirectStart; //dns查询耗时 times.dnsT
原创
85阅读
0评论
0点赞
发布博客于 3 月前

web监控系统整体构思

背景:公司的web系统越来越多,性能分析和错误预防势在必得,市场的监控系统五花八门,收费昂贵,部署自己的服务器甚至出现几十万每年的费用,于是我自己打算开发一个web错误性能监控系统计划工作:1.SDK系统;用于信息采集,错误采集2.server端;信息错误的储存分析,定时任务,通知服务等等(选用nodejs,本职前端好用一点)3.后台可视化管理系统;用于监控网页性能,错误请求收集等等设计思路:最后,开干。。。...
原创
94阅读
2评论
1点赞
发布博客于 3 月前

vue快速转型uni-app

本篇博客是给已经有了vue、react等框架基础的同学预览的,重点讲述培养学习思维,以不一样的思维带你深入uni-app。。。1.刚学习uni-app,第一步应该考虑哪些东西?了解其应用场景,整合其优势,大规模的线上案例这是必然的,具体的介绍需要大家去细细研究。我们既然已经有了前端框架的开发经验,学习一个新的线路时,必须有一个正确的思维:1)快速入门,熟悉简单语法2)前端框架通用优势在该框架中如何实现。(如组件封装、组件通信、组件生命周期、路由守卫、实战请求接口封装、实战mock数据等等)
原创
6235阅读
1评论
2点赞
发布博客于 6 月前

前端项目的接口管理方案----构思

一般来讲,现在百分之90的开发方式都是前端端分离,通俗来讲就是服务端提供一个http的REST API,前端同学去调用服务端的接口进行交互。因此就衍生出请求代码的各类封装,但是网上的开发者从来就没有一个具体的定义,网上也没有具体的一个特别规范的一个点。我个人观点认为,封装就应该是拆分一层又一层,最终目的就是为了方便维护,方便拓展,方便管理。传统的代码,也是我看见项目最烦的一种代码:...
原创
9483阅读
1评论
2点赞
发布博客于 9 月前

echarts-map.rar

这里存放的是旧版echarts全省的map数据,因为内容部分数据不符合国家测量标准,现在早已经和谐,只能结合百度地图开发。大家自行下载,免费
rar
发布资源于 10 月前

echarts全省map地图数据

echarts全省map地图数据现在新的版本echarts的地图数据部分不精准已经被和谐掉,开发时不得不依赖第三方的地图开发(如推荐的百度),这里是全省的数据备份,可提供大家导入开发,觉得可以的点个startgithub地址...
原创
2360阅读
0评论
0点赞
发布博客于 10 月前

嗷嗷

1024快乐
原创
205阅读
0评论
1点赞
发布博客于 2 年前

前端性能优化-input输入框联想匹配请求数据防抖思想详解

当input输入框联想匹配的时候,你如果只写了对应监听事件去做请求,会发现每输入一个字符,页面的数据替换也是迅速的替代,因为数据替换较快,所以还带有抖动的效果,页面数据虽然实时跟新,但是用户体验却非常不好,而且频繁请求,消耗性能。其实多数前端也是对这个不在意,认为功能出来了,实时能展现对应匹配的数据就好了,然而却忽略了用户体验。下面来讲解一下简单的案例:1.我们首先,随便写一个简单的i...
原创
13644阅读
0评论
1点赞
发布博客于 2 年前

小程序常见问题总结

一、小程序中如何获取地理位置并通过小程序展示地址1.app.json权限配置:"permission": { "scope.userLocation": { "desc": "你的位置方便获取最新房源" } }2.调用wx.getLocation({//获取经纬度 type: 'wgs84', success: res => {...
原创
7443阅读
0评论
0点赞
发布博客于 2 年前

跨域之nginx本地代理

前端跨域有很多种,nginx跨域也是常见配置之一,现在介绍一下如何使用nginx进行前端跨域。自己下载nginx到本地磁盘,自己直接去下载就行。一、编辑nginx.conf文件二、看代码注释(可直接copy,修改部分ip端口即可)worker_processes 1;events { worker_connections 1024;}http { i...
原创
1701阅读
0评论
0点赞
发布博客于 2 年前

移动端开发遮罩层(弹窗)防止滚动穿透解决方案

在移动端页面开发中,经常会去封装一个遮罩层(全屏弹窗),遮罩层(全屏弹窗),遮罩层(全屏弹窗)的组件,但是如果是固定定位的position:fixed;在弹出的时候会遇到一些小坑,之前搜索了一下,网上的博客也好评论也罢,总是有点缺陷或者累赘代码太多。就比如今天的主题,如何防止遮罩层(全屏弹窗)下方body内容继续滚动呢?移动端开发遮罩层(弹窗)防止滚动穿透完美解决方案首先,pc的肯定直接就...
原创
24424阅读
7评论
5点赞
发布博客于 2 年前

踩坑-helloJs实现google、facebook、twitter等第三方登录

在项目中我们经常会用到第三方登录,但是每个第三方都有自己的api,hellojs解决了这一个难题,上手很简单,它把国际上的一些登录api都封装在了一起,但是必须要注意里面的一些坑,代码片段注释和文章粗体请仔细阅读。具体可按照官网的步骤,这里就不多介绍了,也可参考别人的范例,点击前往,我这里只阐述核心代码:第一步init(每个授权应用都有对应的一个id,这里redirect_uri是回调的成...
原创
3915阅读
0评论
1点赞
发布博客于 2 年前

使用node封装连接各类数据库

这篇文章直接指出node如何连接mysql数据库,node如何连接mongodb,node如何连接redismysql连接:var mysql = require('mysql');//mysql配置var pool = mysql.createPool({ host:'192.168.1.1339', //主机 user:'index', ...
原创
9368阅读
1评论
0点赞
发布博客于 3 年前

利用docker部署nginx

用docker部署mysql,mongodb,redis等建议移步 菜鸟教程我感觉学习docker,菜鸟教程也会介绍的很详细,我下面重点介绍一下nginx,因为你学习完以后会发现,所有的部署你不用懂,安装菜鸟教程上的命令都能启动,不要太简单,但是到了nginx就不能直接去用了,因为会有些小问题.第一步,肯定是先下载镜像对吧docker pull nginx第二步,查看镜像...
原创
5088阅读
0评论
0点赞
发布博客于 3 年前

docker的介绍与使用

前面讲了服务器的基本配置,连接,以及用户的管理,自然后期少不了配置类似于mysql数据库,redis数据库,nginx类似的一系列的东西.我们在这里采用的是利用docker来进行部署,docker它本身类似于一个工具,你通过他可以下载不同的镜像(如mysql镜像,nignx镜像,redis镜像and so on),然后通过这些镜像来启动容器,当然这是官方的叫法通俗点就是,你通过docker...
原创
8908阅读
0评论
0点赞
发布博客于 3 年前

服务器给user添加sudo权限

接下来教大家如何给管理的用户添加上sudo权限,临时分配的用户组都是默认没有最高权限的,如果有时候需要操作服务器配置文件,或者在后期操作docker什么的都是需要sudo权限的sudo vi /etc/sudoers执行如上命令,进入修改文件,找到 Allow root to run any commands anywhere 这句话,在下方添加你要给予权限的用户注意不会linux命...
原创
6028阅读
0评论
0点赞
发布博客于 3 年前

centOs服务器对user的管理分配

我们前面分析了服务器的选择以及服务器的链接登录,完成之后,再来讲解一下如何在服务器上去添加用户,去避免所有人去使用root这个最高权限的用户呢.一般进入公司有时候让你使用服务器,老大也会给你一个user的账户和密码,你登录上之后发现空文件夹而且跟其他的互不影响,到底是怎么实现的呢?往下看比如我想添加一个qinggang的用户,并且给他自己一个操作的运行空间,那么我先创建一个庆港的文件夹(可...
原创
4834阅读
0评论
0点赞
发布博客于 3 年前

centOs服务器连接并简单使用

首先打开阿里云的控制台---服务器运维----远程链接就能看到服务器的ip,以及root账户,还可以设置密码第二步,就是下载一个putty,主要是方便我们进行服务器的远程连接在ip address里面输入我们的服务器ip(如果绑定的有域名,也可以输入域名),然后open(ubuntu系统镜像的话需要你在ip前加上前缀ubuntu@的形式)进入之后会提示你输入账号密码:(本人...
原创
3447阅读
0评论
0点赞
发布博客于 3 年前

服务器如何选择

对于前端的小白来说,刚开始想买个服务练练手,估计都是十分困难的,而且都不知道从哪下手:这里来简单讲一下服务器该如何选择首先大家购买的时候一定要区分什么是虚拟主机,什么是服务器,千万把概念不要混合在一起,虽然有的功能相似虚拟主机可在控制面板里进行直接操作,服务器需要自己配置环境。一般情况下我们公司都是使用的是服务器,千万不要买错了个人开发以阿里云为例这里推荐轻量应用服务器...
原创
4688阅读
0评论
0点赞
发布博客于 3 年前

vue 开发公共组件/方法(vue 各类UI框架开发原理)

前面讲解了vue怎么通过npm发布vue的组件,但是对里面的相关技术却没怎么提及,下面跟大家共同探讨一下如何封装积累自己的VUE ui组件库呢:大家有没有想过各大ui框架是如何封装的呢.ls element-ui/min-ui /vant-ui有时候我们想让自己的组件跟发布的ui框架里面的组件一样使用的简单粗暴,而不是一直去写子组件,然后import引入再到components里面使用一下...
原创
6818阅读
0评论
0点赞
发布博客于 3 年前

原生js模仿jquery Scroll动画

有时候我们在vue项目中需要用到有关scroll的动画,但是又没jquery那样的animate简单的动画方法,又要避免引入jquery的包导致过大,于是就用原生js模仿一个:(可用于返回顶部,锚点动画等)selector此参数为id名,可直接调用该点击事件goAnchor(selector) { let anchor = this.$el.querySelector(sel...
原创
18549阅读
1评论
3点赞
发布博客于 3 年前

js数字金融格式化

//将数字转换成金额显示function toMoney(num){ num = num.toFixed(2); num = parseFloat(num) num = num.toLocaleString(); return num;}js数字转金额化:这里是保留了2位小数,可以自行设置,通过toLocaleString()方法转成了金额字符串的格式...
原创
924阅读
0评论
1点赞
发布博客于 3 年前

vue3修改link标签默认icon无效问题

vue3修改link中标签默认icon,vue3初次使用的时候不好好阅读配置难免会遇到一些坑,本人在项目完结的时候打算把浏览器的导航小icon图标给替换了,可是并没有那么顺利,那么如何在vue3中替换默认的icon(favicon.ico)的导航栏图标呢:public的index.html有这么一句话,毫无疑问,一看给人的感觉就是在这个位置替换了而且favicon.ico也是小图标...
原创
21074阅读
2评论
1点赞
发布博客于 3 年前

vue3修改link标签默认icon无效问题

vue3修改link中标签默认icon,vue3初次使用的时候不好好阅读配置难免会遇到一些坑,本人在项目完结的时候打算把浏览器的导航小icon图标给替换了,可是并没有那么顺利,那么如何在vue3中替换默认的icon(favicon.ico)的导航栏图标呢:public的index.html有这么一句话,毫无疑问,一看给人的感觉就是在这个位置替换了而且favicon.ico也是小图标...
原创
21074阅读
2评论
1点赞
发布博客于 3 年前

vue-cli3实战-- 结合element-ui和vant框架实现国际化多语言切换

有时我们在项目中会用到多个国家语言的切换,这时候我们就不能把内容写死了,而是借助工具实现语言的转换。今天介绍的这个就是开源的 vue-i18n ,如何使用以及如何结合element-ui和vant-ui框架混合使用首先,第一步我们要先学会在项目中如何去使用,才能进行下一步切换ui框架的内置语言,后边会以element-ui和vant ui两个ui框架为例安装:npm i vue-...
原创
23902阅读
10评论
3点赞
发布博客于 3 年前

vue-cli3+vant ui组件快速开发自适应移动端应用

当我建好VUE-CLI3的脚手架之后,我们来接着选择一个合适的UI框架来进行实战开发,还不会搭建?---> 点击https://youzan.github.io/vant/#/zh-CN/quickstart 这个的英文VANT的开发文档,感觉在移动端算是功能还算不错的一个UI框架,功能性的东西挺多的,而且也支持国际化。一般情况下如果全部应用CDN或者直接全局使用,直接根据文档...
原创
19945阅读
13评论
8点赞
发布博客于 3 年前

vue-config.js配置实战

今天讲述一下vue-config.js配置,我们前面搭建好脚手架会发现,这个对比2.x版本少了很多东西,没有build的配置,也没有webpack的配置,那么问题来了,我们如何去开发我们的项目呢,比如设置代理,打包配置等问题呢?还不会搭建脚手架,点击前往搭建vue-cli3实际上我们都是可以在vue-config.js中进行配置(刚创建的这个js都是空的),我把官网里面很常见的配置都进行了注释...
原创
27479阅读
0评论
7点赞
发布博客于 3 年前

vue-cli3脚手架/单文件/环境搭建

vue-cli3脚手架/单文件/环境搭建。vue3.x版本相对于2.x版本做了许多地方的优化,个人总结主要还是使用上使开发者更加一目了然,配置起来也更加的方便,减少了各种webpack里面的loader的配置.下面一起看一下,3.x版本该如何从搭建到配置再到开发的一个过程:如果你已经搭建好了,请前往vue-config.js(封装了2.x的webpack配置)一,安装1.如果电脑...
原创
22406阅读
1评论
7点赞
发布博客于 3 年前

git配置以及fatal: Authentication failed for错误

配置ssh key,大家参考这篇文档就行:https://www.cnblogs.com/superGG1990/p/6844952.html 初次使用配置ssh等 不需要ssh key配置时,可直接设置用户信息:1、配置用户信息git config --global user.name [username]git config --global user.email [...
原创
31672阅读
6评论
3点赞
发布博客于 3 年前

vue组件发布npm

最近对开发Vue组件库的流程很好奇,网上步骤一搜也是一堆,总是少点漏点的步骤,就会导致整段垮掉,下边自己弄完整理了一下。跟着步骤走:一,创建一个vue项目,为了简洁方便,推荐使用webpack-simple构建一个项目 vue init webpack-simple my-project二,就是按照提示,cd my-project------->npm i---------...
原创
21332阅读
13评论
7点赞
发布博客于 3 年前

路由守卫-vue切换路由登录判断、条件判断

在vue项目中,切换路由时肯定会碰到需要登录的路由,其原理就是在切换路径之前进行判断,你不可能进入页面再去判断有无登录重新定向到login,那样的话会导致页面已经渲染以及它的各种请求已经发出。一、如需要登录的路由可在main.js中统一处理(全局前置守卫)我们可以在入口文件man.js里面进行配置,使用router.beforeEach方法,不懂得可以打印to,from的参数就ok,req...
原创
3598阅读
0评论
5点赞
发布博客于 3 年前

react-native入门----Unable to resolve module ‘AccessibilityInfo’ 错误(三)

前面主要是搭建了各种环境,虚拟机等等。本次主要是讲react-native入门搭建基础脚手架遇到的坑。。。按照官方的说法,安装完各种环境以后直接安装脚手架,cd到所在目录直接就能运行进入到欢迎界面了。npm install -g yarn react-native-clireact-native init AwesomeProjectcd AwesomeProjectreact...
原创
11224阅读
0评论
0点赞
发布博客于 3 年前

react-native结合Genymotionshell开发(二)

mac的电脑结合Xcode就可以,window个人感觉Genymotionshell还挺不错的,可自己在官方注册用户,直接登录选个人使用就行,一般安装完就生成了三个应用我自己根据网上以及官网的说法在android studio中这样使用,发现走不通(首先讲的按官方的操作。有懂的可私聊我,感谢。这里提供另外的解决办法)首先File-->settings-->Plugins...
原创
18276阅读
0评论
1点赞
发布博客于 3 年前

react-native 环境配置(一)

感觉native的入手还是比一般的文档相对来说比较麻烦的,尤其是各种环境的需求,缺一不可,本博文将从环境配置到入门,剩下的还是看native中文网的文档为主。安装Node 、android studio、Python2 和Java SE Development Kit (JDK)node,python(直接下载自动添加的环境变量,就不说明了)java下载以及环境配置:1.下载...
原创
5237阅读
0评论
1点赞
发布博客于 3 年前

echarts配置及专业k线作图工具

一般看官网配置比较多,教大家如何copy完线性图代码,快速更改配置。echerts线图常用配置:grid: [{ left: '0%', right: '5%', top: '5%', height: '80%', containLabel: false }, { left: '10%', right: '8%', bottom: '15%', height...
原创
26152阅读
0评论
2点赞
发布博客于 3 年前

node.js结合redis+mysql

mysql大家都知道是什么,数据库,就不怎么简介了,redis当你的服务器访问量比较大的时候或者说想让你的速度访问更快的时候,你就要用到redis进行缓存,好处就是别人请求的都是你缓存的数据,你只需要定时的向mysql调用数据即可,避免了大量用户访问的时候频繁的对数据库进行select查找,减轻了服务器的压力。用的时候记得下载redis和redis可视化工具,启动redis  server;...
原创
12927阅读
0评论
0点赞
发布博客于 3 年前

vue裁剪并上传头像

之前,在用vue写一个上传头像的模块,里面需要对头像进行拖动裁剪设置,可是后台却跟我说他只要类似于input上传图片的内容。前端是没有办法操作本地图片的,一般也只能是传图片+裁剪的坐标给后台,除非用canvas来进行绘画裁剪然后再拿到裁剪后的base64图片地址,不断反复的转码再通过new的fromdata转成blob的格式,总之相当复杂。(github直接搜索vue-cropperjs),最终得...
原创
4153阅读
2评论
3点赞
发布博客于 3 年前

NodeJS上传表单、图片

ps:这个在之前研究node的express框架+mongodb练习的时候遇到的问题,就是如何把图片进行上传到后台,本案例包括前端页面展示,现在进行了总结1、先配置上传地址var multer = require('multer')var fs = require('fs')//(必须引入的模块)var storage = multer.diskStorage({ destination:f...
原创
1525阅读
0评论
1点赞
发布博客于 3 年前