前端使用vue开发, 后端是提供接口吗? 还是要怎么进行数据交互,小白问题请教;

前端使用vue开发, 后端是提供接口吗? 还是要怎么进行数据交互,小白问题请教;
之前做app的时候 都是后端出接口, 前端直接调用接口, 渲染数据, vue是怎样进行数据交换的啊 后端要提供什么

2个回答

尤大大的说法是,Vue将专注于视图层,VueJS团队已经不再维护vue-resource了。至于网络请求的话,开发者可以采用fetch、jquery ajax等等方案。目前来说,VueJS推荐的axios网络请求处理方案。因为axios属于isomorphic方案,正好和VueJS2支持服务端渲染暗合。以上,推荐采用axios。题主可以手动github进行搜索。

作者:slashhuang
链接:https://www.zhihu.com/question/37255551/answer/145166880
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

qq_34722266
qq_34722266 用AXIOS和后端进行交互
10 个月之前 回复
qq_22844483
唐宋元明清. 嗯 最后怎样部署呢
2 年多之前 回复

vue注重的时页面交互,发请求调接口

qq_22844483
唐宋元明清. 嗯 最后怎样部署呢
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
部署再nginx上的vue如何才能取到后台的接口数据呢?

部署再nginx上的vue如何才能取到后台的接口数据呢? 基本介绍: (1)项目采用完全的前后端分离开发与部署; (2)前端采用vue,后端采用springboot开发; (3)前端部署在nginx上,后端部署在websphere服务器上。 假设前端项目vue项目部署在A服务器上,后端部署在B服务器上,即A与B的ip不相同, 那么前端的vue项目如何才能请求到部署在B上的后端接口数据呢?vue需要什么特殊配置吗? nginx的配置需要什么特殊的吗? 望各位大佬不吝赐教,小白我在此跪谢!

【Vue问题,在线等】后端转前端开发人员的困惑

el-table 中 column 自定义模板中使用 a 标签指定 @click 时,看不到连接,纠结是在呢么回事呢? ``` <el-table-column slot="previousSearch" :label="`${previousRelationField}`" align="center" fixed="right"> <template slot-scope="scope"> <a @click="doSearch(scope)" type="primary" size="mini"> {{scope[rule.previousRelation]}} </a> </template> </el-table-column> ``` 实际上字段是有值的,就是不显示。

前端访问后端接口超时

前端js异步访问接口,在本地访问正常,服务器访问基本上超时,部分可以访问

vue开发 访问后台接口有时正常获取数据有时报500错误,后台log没有记录

做vue前端开发时,为了获取后台数据,调用接口。在调用过程中,有时获取数据成功,有时响应过久最后报错 Error: Request failed with status code 500。而且发生500报错时,后台的log并无记录。当获取成功时,则有log记录。 ``` axios .get("/api/request_backstage_login", { params:{ USER_NAME: self.form.userName, PASSWORD: encodeURIComponent(des.encrypt(self.form.password))//AES加密后的密码 } }) ``` 有没有大佬知道到底是什么原因啊!

后台使用PHP,前端调用接口出现跨域。如何解决。

公司有一款APP的接口文档,我想用vue实现。但是调用接口,发现跨域问题, 目前完全没有思路。 ![图片说明](https://img-ask.csdn.net/upload/201907/10/1562728863_818349.png) ![图片说明](https://img-ask.csdn.net/upload/201907/10/1562728870_379414.png) ![图片说明](https://img-ask.csdn.net/upload/201907/10/1562728876_403613.png) 后端是PHP,已经放开所有域名都可以请求,但时候会报这个错误。

vue项目build后请求404

我前端使用vue,后端使用java开发的前后端分离的小项目。 前端完事以后用npm run dev都能正常运行。 但是使用npm run build打包后放在tomcat上访问却出问题了。 界面可以打开,资源也加载了。但是在向后端发送请求时,却报错了。我用的axios请求。 情况如下: <br> Failed to load resource: the server responded with a status of 404 () Error: Request failed with status code 404 at FtD3.e.exports (vendor.b3fd7698053a850e233d.js:43) at e.exports (vendor.b3fd7698053a850e233d.js:13) at XMLHttpRequest.f.onreadystatechange (vendor.b3fd7698053a850e233d.js:19) 我搜索了一下没有什么收获。问题的关键在于后端没问题,dev时请求没问题,就是build时请求404。 求好心人指点。 <br> <hr> <br> ![图片说明](https://img-ask.csdn.net/upload/202001/13/1578882449_857485.png) 今天我再调试,发现错误有了一点变化,主要是多了一个post请求地址,但是实际上这个地址是错误的。正确的应该是139.196.125.89:8080/lis_war/login。

vue 打包之后 接口报错404 注:已经设置过ngnix反向代理

![图片说明](https://img-ask.csdn.net/upload/201812/21/1545404282_511964.png) 这个路径是找的某音乐网站上的一个接口 在开发环境中 proxtable中的target也是这个地址 可以请求的到数据 打包之后 我下载了ngnix 设置端口是66 然后设置反向代理 但是接口报错404 找了几个小时的错误了 还是不太了解是哪里出了问题 ![图片说明](https://img-ask.csdn.net/upload/201812/21/1545404442_131112.png) ![图片说明](https://img-ask.csdn.net/upload/201812/21/1545404493_369794.png)

Vue前端跨域访问 API 问题

## 背景:VsCode+Vue . **目的: 开发一个和后端代码分离的 前端登录页面 包** . ## 问题:开发环境下 跨域访问正式环境服务器API失败 . **额外描述:根据一些博客,已经做了跨域访问的作业。目前部分API访问成功,例如:获取图形验证码。但是登入验证访问API失败。** . **访问API代码:(PS:第一个访问成功,第二个失败了)** . ``` this.$axios({ //访问成功 method: "get", url: "/api/verifycodeimage" }).then((response) => { var test =this.verifyImage = response.data; }); this.$axios({ //访问失败 method: "post", url: "/api/auth/VerifyPwd", data: { LoginName: this.loginMobile, Password: this.loginPwd, AllowSaveState: this.loginState } }).then((response) => { btn.style.display = ''; loading.style.display = "none"; var url = "..." location.href = url; }).catch((error) => { this.errorlable = String(error.response.data.error); btn.style.display = ''; loading.style.display = "none"; }); ``` . 报错截图: . ![图片说明](https://img-ask.csdn.net/upload/201911/11/1573469688_529228.jpg) . ** 这里报错显示,api访问的是本地端口,我就奇怪,第一个访问的都不是本地端口,第二个为什么就成了访问本地的了。求解惑,和提供思路。**

vue-template-admin后台管理请求数据的

vue-template-admin在这个模板上做开发 但是请求数据的时候proxy不能用一直在渲染本地localhost接口proxy里面的targetURL匹配不上按照官方给的删除了mock和原本的代理都没用 头都炸了

SpringBoot项目部署到腾讯云服务器后,前端请求后端数据的URL怎么配置?

1. 开发阶段前端请求后端的URL一般都是localhost 2. 那么部署到服务器上URL是使用服务器的公网IP还是内网IP或者还是使用localhost? 3. 有必要搭载Ngix吗? 4. 再补充一下:ajax请求数据url在服务器上怎么配置?

供前端调用的接口如何发布到iis服务器中?

我asp.net写的一个供前端调用的接口,在本机浏览器运行成功了,但前端人员调用我的接口地址没反应,如我不写station.cshtml怎样发布到iis服务器中? 我view中station.cshtml 没写 这是我的Controller层 public class StationController : BaseController { private static ILog log = LogManager.GetLogger(typeof(StationController)); // GET: Station [HttpGet] public JsonResult GetTest(string id) { var res = new JsonResult(); ApiResult ret = new ApiResult(); res.JsonRequestBehavior = JsonRequestBehavior.AllowGet; List<Station> list = new List<Station>(); list = new TM_GetStationDAL().GetSta(id); ret.data = new { List = list }; return res.FillResult(ret, ResultEnum.成功); } } ![图片说明](https://img-ask.csdn.net/upload/201710/09/1507563198_386917.png)

web前端开发中使用接口获取数据,然后获取到的结果编译成表格形式

jquery的post请求从接口(json){ "m":"dh", "oper":"fdghgh", "sqlid":"2455", "params":{ "PHONE":"手机号码" } },中获取到结果后,然后将结果解析并编译成表格形式.这个怎么弄,请教各位大神 我已经弄到这里了 $(function () { $.ajax({ url: "请求地址", type:"POST", data: '{' +' "m":"dh",' +' "oper":"fdghgh",' +' "sqlid":"2455",' +' "params":{' +'"PHONE":"手机号码"' +' }' +'}' , success: function (data, textStatus) { alert(data);//已经获取到data里面的数据 //对Ajax返回的原始数据进行预处理编译成表格形式的相关代码怎么写 } (我一点都不会弄,回答我问题的大神可否将具体的代码给我,谢谢!)

springboot前后端传输文件,如何处理multipartfile

作为一个springboot后端开发的萌新学生,前两天在与前端开发人员进行接口对接的时候,前端上传一个csv格式的文件,传输到后端是以multipartfile格式接收的,后端接口如下: ```Java public ResponseVO upload(@RequestParam("uploadFile") MultipartFile uploadFile) ``` 由于对于multipartfile格式不熟悉,我一直尝试将他转换为原本的csv格式,但是在网上,不管是csdn还是Stack Overflow都没有找到比较精确合适的方法。 最终我选择了将文件首先以csv的格式保存在服务器上,然后再根据转存到服务器上的文件来读取,最后再把服务器上的文件删掉。虽然这样是实现了依然是读取csv文件,但是就感觉十分的不得劲,代码如下: ```Java String originalFilename = uploadFile.getOriginalFilename(); //保存路径 String path = destPath + originalFilename; //生成保存文件 File destFile = new File(path); System.out.println(destFile); //将上传文件保存到路径 try { uploadFile.transferTo(destFile); } catch (IOException e) { e.printStackTrace(); return ResponseVO.buildFailure("upload file failed"); } ``` 此前虽然有springboot开发经验但是没有涉及到文件传输相关的知识,想问一下有没有比较简单精确的可以把multipartfile转换为原本文件格式的方法?或者在一般的实际开发中,前后端交互文件是怎么处理的?都是直接读取的multipartfile吗?因为感觉另外保存下来然后再读最后还要删掉实在是有点低效。

多文件上传问题---前端开发

我用vue做了一个文件上传的页面,可以上传多个文件。但是有个问题, 如果上传多个文件时,只能第一个上传成功。其他的就不能上传了。找不到原因, 求大神指教。代码: <template> <div class="well widget-body" > <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:2px; margin-left: -14px;" > <h5 class="row-title before-color"> <i class="fa fa-file-text iconcolor"></i>上传 </h5> </div> <div class="row"> <div class="row col-lg-12 col-sm-12 col-xs-12 mt20"> <div class="col-md-offset-2 col-lg-8 col-sm-8 col-xs-8"> <div style="width: 100%;height: 200px; border: 1px solid #ccc; overflow: auto;" id="content"> <ul class="patchList" id="patchList"> <li v-for="(item,index) in patchNames" :id="index" @click="getIndex(index)">{{item}} </li> </ul> </div> </div> <div class="col-md-offset-3 col-lg-6 col-sm-6 col-xs-6" style="margin-top: 20px"> <div class="btn-group" > <a href="javascript:void(0);" class="btn btn-primary" >选择文件 <input type="file" class="avatar-input fileInput" accept=".teld" multiple="multiple" ref="fileSelect" v-on:change="loadPatchFile"> </a> </div> <div class="btn-group" style="margin-left: 20px;"> <input type="button" value="删除" v-on:click="delPatch" class="btn btn-primary"> </div> <div class="btn-group" style="margin-left: 20px;"> <input type="button" id="upload" value="上传服务器" v-on:click="upload" class="btn btn-primary"> </div> </div> <div id="uploadFile"> </div> </div> </div> </div> </template> <script> export default { data(){ return { files:"", patchNames: [], patchFiles:[], patchFileInfos: [], delList:[], selectList:[], //选择的补丁列表 FTPS:[], countNum:0, patchlen:0, } //初始化data }, components:{ "LayoutDetailPage":LayoutDetailPage, }, mounted(){ }, methods: { loadPatchFile:function(){ var that=this; this.files = this.$refs.fileSelect.files; console.log("files的长度"+this.files.length); console.log("this.files"+this.files); var str = ''; var that=this; for(let i=0;i<this.files.length;i++){ let file=that.files[i]; that. patchNames.push(file.name); that.patchFiles.push(file); } }, upload:function(){ var that=this; console.log("文件名称:"+this.patchNames); console.log("上传服务器的files--"+this.patchFiles+"长度为:"+this.patchFiles.length); for(var i=0;i<this.patchFiles.length;i++){ var file=that.patchFiles[i]; that.changeBase64(file); } }, delPatch:function(){ console.log("排序前:"+this.delList); this.delList=this.delList.sort(); this.selectList=this.delList; console.log("排序前:"+this.delList); var that=this; if(this.delList.length>0){ var list=that.delList; console.log(this.delList); for(let i=list.length-1;i>=0;i--){ that.patchNames.splice(list[i],1); that.patchFiles.splice(list[i],1); $("#"+list[i]).css("background-color","#FBFBFB"); } this.delList=[]; }else{ bootbox.alert("请先选择补丁"); } }, changeBase64:function(file){ var that=this; var postData={}; if (window.File && window.FileReader && window.FileList && window.Blob) { let reader = new FileReader(); reader.onloadend = function () { // that.patchInfo = reader.result; postData.FTPS=window.FTPS; postData.PatchFileName=file.name; postData.PatchFileInfo=reader.result; teldCommon.CallServiceGateWayAsync("PatchInstall-UploadPatch", function (ret) { if (ret.state == "1") { debugger that.changeState(file.name,ret.state); } else { // NotifyError(ret.errmsg); that.changeState(file.name,ret.state); } }, {filter: JSON.stringify(postData)},true,true); }; reader.readAsDataURL(file); } }, getIndex:function(index){ var indexs=[]; $("#"+index).css("background-color","#eee"); this.delList.push(index); }, changeState:function(fileName,state){ var that=this; console.log("返回为true的文件名:"+fileName); bootbox.setDefaults("locale", "zh_CN"); for(let i=0;i<this.patchNames.length;i++){ if(that.patchNames[i]==fileName){ $("#"+i).find("i").remove(); if(state=="1"){ $("#"+i).append("<i class='fa fa-check-circle icon'></i>"); that.countNum++; that.patchlen++; if(that.patchlen==that.patchNames.length){ if(that.countNum==that.patchNames.length){ bootbox.alert("上传完成!"); }else{ bootbox.alert("未全部上传!"); } } }else{ $("#"+i).append("<i class='fa fa-exclamation-circle icon1'></i><a style='margin-left: 10px; font-size: 12px;' href='javascript:void(0)'>上传</a>"); $("#"+i).find("a").on("click",function(){ $("#"+list[i]).css("background-color","#FBFBFB"); console.log(i); that.changeBase64(that.files[i]); }); } } } }, } } </script>

vue中 axios.defaults.withCredentials = true 形成跨域,后端使用shiro

接手一个项目,登录部分后端使用shiro安全框架 交给我的时候axios用的webpack的proxy,但是在生产环境中使用不了proxy 所以只能老老实实写URL。 但是出现了一问题,使用proxy代理时, 登录后cookie自动被写入“shirosessionid” 贴代码 ```javascript // webpack-dev-server 相关配置 devServer: { open: false, port: 8080, https: false, hotOnly: false, proxy: { "/api": { target: Url, ws: false, changeOrigin: true, pathRewrite: { '^/api': "" } } } ``` 然后在fetch中引用proxy的'/api' ```javascript let Url = require("../../public/projectConfig").Url const service = axios.create({ baseURL: process.env.NODE_ENV === 'production' ? Url : '/api', timeout: 10000 // 请求超时时间 }); ``` 这么写开发环境下一切正常,但是打包之后因为proxy失效,请求不能用。 <br> <br> 后来后端告诉我 当我使用代理的时候 cookie里会有 **SHIROSESSIONID** 这个数据 。 但是这条数据我并没有手动保存,感觉像是proxy自动保存的 <br> <br> 因为shiro框架需要根据cookie判断登录身份,所以就让后端把sessionid发给我我来手动保存。 然后这么写 ```javascript API.login(this.ruleForm) .then(res => { let sessionId = res.data setCookie("SHIROSESSIONID",sessionId) this.$message.success("登录成功"); this.$router.push("/clue"); }) ``` 后来发现如果需要再请求里携带cookie 需要再设置axios ```javascript axios.defaults.withCredentials = true ``` 但是这么一写,因为第一次登录请求没有cookie,所以直接 _network error_ 但是可以拿到请求结果,却被请求拦截器报错了 ![图片说明](https://img-ask.csdn.net/upload/201907/16/1563244746_870233.png) <br> network 如下 <br> ![图片说明](https://img-ask.csdn.net/upload/201907/16/1563244780_849963.png) <br> 后来我又把登录那的接口改了 ```javascript // 登录 login(data) { return fetch({ url: 'login', method: 'get', params: data, withCredentials:false // 此接口的withCredentials和其他接口不一样 }) }, ``` 此时其他的接口**withCredentials = true** 然后登录不报错,其他的接口能拿到数据,却依然报错。 然后进入拦截器的error 如果不设置withCredentials = true的话,那后台返回登录超时 因为没能从cookie里拿到SHIROSESSIONID 我百度了好久,好像是因为Access-Control-Allow-Origin不能用通配符* 需要指定ip地址 有几个问题求大佬们解答 * 为什么使用proxy时一切正常,并且自动的往cookie里写入SHIROSESSIONID * 网上查找withCredentials = true时才可以携带cookie,如果第一次登录请求是没有cookie的 那是不是一定会报错 * 这种情况前端该怎么做

vue如何将api请求收到的数据动态的显示到模板上呢?

我使用的是uniapp的框架,与vue差不多。我在请求服务端的数据后会返回给我一段数据,我想将这段数据动态的显示在模板上,请问该如何实现呢?网络请求的数据已经拿到了,但是是在请求的回调函数中。 ``` onLoad() { uni.request({ url: 'http://hd215.api.okayapi.com/?s=App.Main_Meta.Get&', method: 'GET', data: { key: 'usermeta', app_key: --- }, success: (res) => { // res.data.data.data; console.log(res.data.data.data) uni.showToast({ title: '查询成功!', mask: true, duration: 1500 }); }, }); }, ``` onload下为页面加载时执行的方法,uni.request为发起请求的方法。控制台输出为 ``` add_time:"2019-01-19 00:53:17" data:{content: "哈哈哈哈哈"} err_code:0 err_msg:"" key:"usermeta" update_time:"" ```

vue从后台获取的seo关键字标题描述,怎么添加到前端的标题meta里边。

vue从后台获取的seo关键字标题描述,怎么通过router放到对应的meta里边呢?标题使用固定的已经实现,接口也已经获取数据,不知道该怎么做,求大佬解答

关于微信公众号开发的问题,拜托有相关开发经验的前辈解答一下

我在做微信公众号的开发,项目规格采用的是前后端分离,vue2.5和laravel5.6。 然后呢,后端的是aa.com,前端的是二级域名shop.aa.com的,并且我微信后台填写的安全认证域名是后端的aa.com。 然后现在是我在前端要做微信分享的功能,在前端的分享页shop.aa.com/#/gp 这边发起分享请求,然后微信就是一直跳出来这个,签名应该是没错的啊,我vue 请求 后端接口后端接口返回的数据在vue这边做了配置。签名在微信后台的签名认证页里面也通过了。 ![图片说明](https://img-ask.csdn.net/upload/201911/10/1573395894_570767.png) 是不是因为我安全认证的域名写了后端的,然后这个分享请求就只能从后端那边发起?前端没办法发起? 如果是这样的话,那我应该要怎么处理这个问题?在微信后台换认证域名重新认证吗?那之前已经发布的软文什么的不久全部都失效了吗?如果是新增一个认证域名的话,是不是也会全部失效? 求各位大神给一个解决方案了 -------------------------------------------------------------------------- 问题解决了,参考这边的内容https://blog.csdn.net/guxuehua/article/details/82261055

前后端分离 图片验证码怎么实现

我请教个问题,一般我们常见的图片验证码如下图,在前后端分离的架构上前端和后端是怎样实现的? 感激不尽![图片说明](https://img-ask.csdn.net/upload/201703/24/1490324333_177613.png)

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

抖音上很火的时钟效果

反正,我的抖音没人看,别人都有几十万个赞什么的。 发到CSDN上来,大家交流下~ 主要用到原生态的 JS+CSS3。 具体不解释了,看注释: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/tit...

记录下入职中软一个月(外包华为)

我在年前从上一家公司离职,没想到过年期间疫情爆发,我也被困在家里,在家呆着的日子让人很焦躁,于是我疯狂的投简历,看面试题,希望可以进大公司去看看。 我也有幸面试了我觉得还挺大的公司的(虽然不是bat之类的大厂,但是作为一名二本计算机专业刚毕业的大学生bat那些大厂我连投简历的勇气都没有),最后选择了中软,我知道这是一家外包公司,待遇各方面甚至不如我的上一家公司,但是对我而言这可是外包华为,能...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

手机经常收到"回复TD退订",回还是不回?今天总算是弄清楚了

自从有了微信和QQ,手机短信几乎很少再用了,但是我们手机里面还是经常会收到"回复TD退订"的消息,那到底要不要回复呢?今天就来告诉大家! 信息内容可能包括 推销信息 品牌活动日的时候,会根据你的用户浏览信息,或者购买记录,后续发送一些降价消息。 但是笔者想说我是缺那10块钱的人嘛,我缺的是1000块。 垃圾信息 虽然我们已经不经常用短信功能,但是还是有不少...

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试官问我:如何加载100M的图片却不撑爆内存

还记得当年面试一个面试官问我怎么加载巨图才能不撑爆内存,我没回答上来,他说分片显示,我寻思特么分片能减少内存使用??现在可以打他脸了! 内容扩展 1.图片的三级缓存中,图片加载到内存中,如果内存快爆了,会发生什么?怎么处理? 2.内存中如果加载一张 500*500 的 png 高清图片.应该是占用多少的内存? 3.Bitmap 如何处理大图,如一张 30M 的大图,如何预防 OOM? A...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

又出事了?网站被攻击了?高中生?

北京时间2020年3月27日9点整,如往常一样来到公司,带开电脑,正准备打开Github网站看一会源代码,再开始手头的工作。哟吼,一直打不开,一直出现如下页面: 我想很多网友也尝到了甜头,各大技术群炸开了锅,据网友反馈有攻击者正在发起大规模的中间人挟持,京东和Github等网站等网站都受到了影响。 什么是中间中间人挟持呢? 简而言之,就是攻击者在数据网络传输的过程中,截获传输过程中的数据并篡改...

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

培训班出来的人后来都怎么样了?(二)

接着上回说,培训班学习生涯结束了。后面每天就是无休止的背面试题,不是没有头脑的背,培训公司还是有方法的,现在回想当时背的面试题好像都用上了,也被问到了。回头找找面试题,当时都是打印下来天天看,天天背。 不理解呢也要背,面试造飞机,上班拧螺丝。班里的同学开始四处投简历面试了,很快就有面试成功的,刚开始一个,然后越来越多。不知道是什么原因,尝到胜利果实的童鞋,不满足于自己通过的公司,嫌薪水要少了,选择...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

6年开发经验女程序员,面试京东Java岗要求薪资28K

写在开头: 上周面试了一位女程序员,上午10::30来我们部门面试,2B哥接待了她.来看看她的简历: 个人简历 个人技能: ● 熟悉spring mvc 、spring、mybatis 等框架 ● 熟悉 redis 、rocketmq、dubbo、zookeeper、netty 、nginx、tomcat、mysql。 ● 阅读过juc 中的线程池、锁的源...

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

工作八年,月薪60K,裸辞两个月,投简历投到怀疑人生!

近日,有网友在某职场社交平台吐槽,自己裸辞两个月了,但是找工作却让自己的心态都要崩溃了,全部无果,不是已查看无回音,就是已查看不符合。 “工作八年,两年一跳,裸辞两个月了,之前月薪60K,最近找工作找的心态崩了!所有招聘工具都用了,全部无果,不是已查看无回音,就是已查看不符合。进头条,滴滴之类的大厂很难吗???!!!投简历投的开始怀疑人生了!希望 可以收到大厂offer” 先来看看网...

推荐9个能让你看一天的网站

分享的这9个保证另你意外的网站,每个都非常实用!非常干货!毫不客气的说,这些网站最少值10万块钱。 利用好这些网站,会让你各方面的技能都得到成长,不说让你走上人生巅峰,但对比现在的你,在眼界、学识、技能方面都有质的飞跃。 一、AIRPANO 传送门:https://www.airpano.com/360photo_list.php 这是一个可以躺在家里,就能环游世界的神奇网站。 世界那么大,绝大多...

大牛都会用的IDEA调试技巧!!!

导读 前天面试了一个985高校的实习生,问了他平时用什么开发工具,他想也没想的说IDEA,于是我抛砖引玉的问了一下IDEA的调试用过吧,你说说怎么设置断点...

都前后端分离了,咱就别做页面跳转了!统统 JSON 交互

文章目录1. 无状态登录1.1 什么是有状态1.2 什么是无状态1.3 如何实现无状态1.4 各自优缺点2. 登录交互2.1 前后端分离的数据交互2.2 登录成功2.3 登录失败3. 未认证处理方案4. 注销登录 这是本系列的第四篇,有小伙伴找不到之前文章,松哥给大家列一个索引出来: 挖一个大坑,Spring Security 开搞! 松哥手把手带你入门 Spring Security,别再问密...

月薪22K程序员,打卡迟到10次,收到工资短信一脸懵逼

每家公司为了保证公司员工每天的工作时间,一般都会采用上下班打卡的工作制度,这其实是一个很常见的是,本身也没有什么问题的。正所谓无规矩不成方圆,公司肯定是有公司的规矩,虽然每个员工都很不喜欢这些规矩来束缚我们,但是公司也只是为了能更好的管理员工。但是一家公司如果一成不变的使用打卡制度,而不会去变通管理,也真不一定是好事。 打卡制度特别对于销售部门来说,不但会让公司发展不起来,还很容易丢失员工。但如...

97年世界黑客编程大赛冠军作品(大小仅为16KB),惊艳世界的编程巨作

这是世界编程大赛第一名作品(97年Mekka ’97 4K Intro比赛)汇编语言所写。 整个文件只有4095个字节, 大小仅仅为16KB! 不仅实现了3D动画的效果!还有一段震撼人心的背景音乐!!! 内容无法以言语形容,实在太强大! 下面是代码,具体操作看最后! @echo off more +1 %~s0|debug e100 33 f6 bf 0 20 b5 10 f3 a5...

不要再到处使用 === 了

我们知道现在的开发人员都使用 === 来代替 ==,为什么呢?我在网上看到的大多数教程都认为,要预测 JavaScript 强制转换是如何工作这太复杂了,因此建议总是使用===。这些都...

什么是a站、b站、c站、d站、e站、f站、g站、h站、i站、j站、k站、l站、m站、n站?00后的世界我不懂!

A站 AcFun弹幕视频网,简称“A站”,成立于2007年6月,取意于Anime Comic Fun,是中国大陆第一家弹幕视频网站。A站以视频为载体,逐步发展出基于原生内容二次创作的完整生态,拥有高质量互动弹幕,是中国弹幕文化的发源地;拥有大量超粘性的用户群体,产生输出了金坷垃、鬼畜全明星、我的滑板鞋、小苹果等大量网络流行文化,也是中国二次元文化的发源地。 B站 全称“哔哩哔哩(bilibili...

十个摸鱼,哦,不对,是炫酷(可以玩一整天)的网站!!!

文章目录前言正文**1、Kaspersky Cyberthreat real-time map****2、Finding Home****3、Silk – Interactive Generative Art****4、Liquid Particles 3D****5、WINDOWS93****6、Staggering Beauty****7、Ostagram图片生成器网址****8、全历史网址*...

我真的错了,我被跳槽后的高薪冲昏了头脑...

国内疫情已接近尾声,疫情对生活各个方面造成的影响,就是一场真实的“蝴蝶效应”。“全球最大安全套制造商因疫情停产,已造成一亿个安全套缺口”“口罩印钞机,月入千万的暴富神话”“百程旅行...

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

​能让德国人放弃现金支付​,也没谁了

在新冠疫情中,德国人越来越多地选择在超市,加油站或其他商店付款时使用非接触式付款方式。德国信贷协会Deutschen Kreditwirtschaft (DK) 的一位发言人告诉德国新...

相关热词 c# 局部 截图 页面 c#实现简单的文件管理器 c# where c# 取文件夹路径 c# 对比 当天 c# fir 滤波器 c# 和站 队列 c# txt 去空格 c#移除其他类事件 c# 自动截屏
立即提问