vue如何获得后台数据并显示?

图片说明

5个回答

一: 跨域问题
下面贴出部分关键代码, 在前端处理的跨域, 建议后端拦截器设置allow-control-allow-origin= "*" 即可
图片说明

vue.config.js

module.exports = {
  baseUrl: process.env.baseUrl,
  devServer: {
    port: process.env.PORT,
    proxy: {
      '/casLogin': {
        target: process.env.PROXY_TARGET,
        ws: true,
        changeOrigin: true
      }
    }
  }
    ...

.env 配置文件

#编译模式
NODE_ENV=development

#基础路径
baseUrl=/

#启动端口, 前端项目服务端口
PORT=8033

# 开发环境代理配置, 这里配置本地调试接口
PROXY_TARGET=http://127.0.0.1:8080/dpWebApi
# 是否开启DLL预编译
# true:开启,false:关闭
DllReferencePlugin=true

//2019-03-28 追加

二: 前端配置API 请求代理, 转发请求后端API
(请求代理转发问题)
1.下面依然是部分代码
projectName/src/config的http.js
下配置

/**
 * API 请求根,可以是完整域名
 * @type {string}
 */
export const API_ROOT = '/operateApi'
  1. projectName/vue.config.js

Vue 全局配置文件

module.exports = {
  publicPath: process.env.PUBLIC_PATH,
  devServer: {
    port: process.env.PORT,
    proxy: {
      '/operateApi': {
        target: process.env.PROXY_TARGET,
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/operateApi': ''
        }
      },
      '/casLogin': {
        target: process.env.PROXY_TARGET,
        ws: true,
        changeOrigin: true
      }
    }
  },
    ...

  1. 开发环境配置文件
# 编译模式
NODE_ENV=development

# 基础路径
PUBLIC_PATH=/

# 启动端口
PORT=8033

# 开发环境代理配置
PROXY_TARGET=http://127.0.0.1:8080

# 是否开启DLL预编译
# true:开启,false:关闭
VUE_APP_Dll_PLUGIN=true

这样请求会访问http://127.0.0.1:8033/operateApi 即访问http://127.0.0.1:8080

图片说明

请参考这个项目: https://github.com/yongkale/black

要点: 在node里面转发的处理和 java 中的AppApplication 类。

里面都有注释。 看完希望给个start、

qq_36426433
程序猿99号 感谢 但我好像并不是很理解
大约一年之前 回复

你的接口出现跨域,使用代理可以解决,或者后台接口支持跨域请求.

qq_36426433
程序猿99号 我有使用nginx 但好像还是不行
大约一年之前 回复

你这个是跨域问题,如果你们后端的伙伴不处理的话,那你只能前端做处理,修改config>index.js >dev > proxyTable属性

qq_36426433
程序猿99号 哪我需要在这个属性当中做些什么操作呢
大约一年之前 回复

跨域的话 试试 用 jsonp

weixin_42642664
彭十七 跨域了,使用axios跨一下域
6 个月之前 回复
qq_36426433
程序猿99号 jsonp的话我不会用
大约一年之前 回复
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的配置需要什么特殊的吗? 望各位大佬不吝赐教,小白我在此跪谢!
vue2本地 localhost 测试时 后台数据库是 localhost 如何获取数据库中值
项目是用Vue2脚手架安装的 npm run dev 打开的本地页面 http://localhost:8081 ![图片说明](https://img-ask.csdn.net/upload/201807/30/1532936923_295757.png) 后台数据地址链接 http://localhost:8080/ZK/restservices/http/single/...
Vue.js如何实现与后台的数据交互?
看有关的教学视频,说是使用api.ajax获取数据,但是没有具体演示,所以想清大神来帮忙回答一下,Vue.js如何与后台进行数据交互,还有从后台获取数据后,如何使用,例如集合或者对象如何进行展示。希望各位大神不吝赐教,本人不胜感激!
vue下拉框怎样从数据库获取数据?
vue从数据库获取数据显示到页面下拉框里面;目前有后端的查询所有数据的端口,求源码。![图片说明](https://img-ask.csdn.net/upload/201912/11/1576032653_665124.png)
Vue中表格的组件数据显示问题
vue中,从上一个组件切换过来之后,这个页面中的表格,显示的还是上个页面的表格的数据
vue-template-admin后台管理请求数据的
vue-template-admin在这个模板上做开发 但是请求数据的时候proxy不能用一直在渲染本地localhost接口proxy里面的targetURL匹配不上按照官方给的删除了mock和原本的代理都没用 头都炸了
关于vue的页面跳转后,如何每次进入页面时都能获取后台数据。
1.为了使vue页面,每次进入页面时都能从后台获取数据,选择了监听路由的变化,当路由发生变化且是跳转到本页面时,调用请求后台获取数据。 2.问题:上面的逻辑看似没有问题,但是总是报错。 3.代码如下: ``` data:function(){ return{ infoLoss:[], relationRemain:[] }}, watch:{ '$route'(to,from){ debugger const that=this if(to.path=='/charts'){ debugger that. getInfoLoss() that.getARs() } console.log(to.path); } }, methods: { getInfoLoss(){ debugger let that=this Vue.http.post('http://localhost:8080/ASGLS/getInfoLoss').then((res) => { debugger that.infoLoss=[ {name:'GAACP',value:res.body[0]}, {name:'ASGLS',value:res.body[1]}, {name:'Slicing',value:res.body[2]} ] }) }, getARs(){ let that=this Vue.http.post('http://localhost:8080/ASGLS/getAR').then((res) => { debugger that.relationRemain=[ {name:'GAACP',value:res.body[0]}, {name:'ASGLS',value:res.body[1]}, {name:'Slicing',value:res.body[2]} ] }) } ``` 4:报错:![图片说明](https://img-ask.csdn.net/upload/201903/22/1553257181_374628.png)
vue中data的数据在前台页面显示乱码
vue中前台页面出现乱码(中文,数字都是乱码) ![图片说明](https://img-ask.csdn.net/upload/201910/12/1570847367_838760.png) 代码: ``` Vue.component('yszd-background', { props: { data: { type: Object, default: getYszdJcxx() }, anlb: { type: Array, default: [] }, guohui:{ type:Object, default:{dj:function(){}} }, methods:{ default:function(){ console.log("0"); console.log("1"+this.title); console.log("2"+this.default.title); console.log("3"+this); } }, timecontrol:{ type:Object, default:{ time:180, operation:function(){ goSyurl(); }, openflg:false } } }, created:function(){ if(this.timecontrol!=null && this.timecontrol.openflg){ var vue_this=this; var rsTime=this.timecontrol.time; this.timecontrol.resettime=rsTime; var timeInterval=setInterval(function(){ console.log("执行倒计时时间开始!"+vue_this.timecontrol.time); if(vue_this.timecontrol.time<=0){ console.log("倒计时结束:"+vue_this.timecontrol.time); //alert("openflg:"+vue_this.timecontrol.openflg); vue_this.timecontrol.operation(); }else{ vue_this.timecontrol.time--; } }, 1000); } }, methods:{ resetTime:function(){ if(this.timecontrol!=null && this.timecontrol.openflg){ console.log("开始重置时间:"+this.timecontrol.resettime); this.timecontrol.time=this.timecontrol.resettime; } } } , template: '<div class="comm-background" @click="resetTime()"> <div class="comm-head">' + ' <el-row style="padding-top:10px;"> <el-col :span="2">' + ' <div class="comm-head-imgcss" @click="guohui.dj"></div>' + ' </el-col>' + ' <el-col style="text-align:left;" :span="17">' + ' <h1 class="title-cn">{{data.title}}</h1>' + ' </el-col>' + ' <el-col :span="3" v-if="timecontrol.openflg"><div class="comm-head-djsimg"></div></el-col>'+ ' <el-col :span="2" v-if="timecontrol.openflg"><p class="comm-head-djsdiv">{{timecontrol.time}}</p></el-col>'+ ' </el-row></div>' + ' <div class="comm-body">' + ' <slot></slot>' + ' </div>' + ' <div class="comm-tool-btndiv">' + ' <el-button v-for="item in anlb" @click="item.dj" class="comm-btn-css comm-btn-red" v-bind:class="item.cn">{{item.mc}}</el-button>' + ' </div>' + // ' <div class="comm-foot">' + ' <el-row class="comm-foot"> <el-col :span="12">' + ' <div class="comm-foot-sbxxdiv"><span>设备编码:</span>' + ' <span>{{data.tamid}}</span> </div>' + ' </el-col>' + ' <el-col :span="12">' + ' <div class="comm-foot-kfxxdiv"><span v-show="data.xskfrx" >服务电话:</span>' + ' <span v-show="data.xskfrx" >{{data.kfxx}}</span>' + ' </el-col></div> </el-row>' + // ' </div>'+ '</div>' }); function getYszdJcxx(){ var yszdJcxx = getQueryString('yszdJcxx'); if(!yszdJcxx){ yszdJcxx = sessionStorage.getItem("yszdJcxx"); console.log(1); } if(!yszdJcxx) { return {title:"自助办税服务终端",tamid:"AISINO00001",xskfrx:false,kfxx:"95113"}; console.log(2); } return jQuery.parseJSON(yszdJcxx); console.log("3"+yszdJcxx); } ```
vue中data的数据在前台页面显示乱码(中文和数字都是乱码)
vue中data的数据在前台页面显示乱码(中文和数字都是乱码) 以下是代码: ``` Vue.component('yszd-background', { props: { data: { type: Object, default: getYszdJcxx() }, anlb: { type: Array, default: [] }, guohui:{ type:Object, default:{dj:function(){}} }, methods:{ default:function(){ console.log("0"); console.log("1"+this.title); console.log("2"+this.default.title); console.log("3"+this); } }, timecontrol:{ type:Object, default:{ time:180, operation:function(){ goSyurl(); }, openflg:false } } }, created:function(){ if(this.timecontrol!=null && this.timecontrol.openflg){ var vue_this=this; var rsTime=this.timecontrol.time; this.timecontrol.resettime=rsTime; var timeInterval=setInterval(function(){ console.log("执行倒计时时间开始!"+vue_this.timecontrol.time); if(vue_this.timecontrol.time<=0){ console.log("倒计时结束:"+vue_this.timecontrol.time); //alert("openflg:"+vue_this.timecontrol.openflg); vue_this.timecontrol.operation(); }else{ vue_this.timecontrol.time--; } }, 1000); } }, methods:{ resetTime:function(){ if(this.timecontrol!=null && this.timecontrol.openflg){ console.log("开始重置时间:"+this.timecontrol.resettime); this.timecontrol.time=this.timecontrol.resettime; } } } , template: '<div class="comm-background" @click="resetTime()"> <div class="comm-head">' + ' <el-row style="padding-top:10px;"> <el-col :span="2">' + ' <div class="comm-head-imgcss" @click="guohui.dj"></div>' + ' </el-col>' + ' <el-col style="text-align:left;" :span="17">' + ' <h1 class="title-cn">{{data.title}}</h1>' + ' </el-col>' + ' <el-col :span="3" v-if="timecontrol.openflg"><div class="comm-head-djsimg"></div></el-col>'+ ' <el-col :span="2" v-if="timecontrol.openflg"><p class="comm-head-djsdiv">{{timecontrol.time}}</p></el-col>'+ ' </el-row></div>' + ' <div class="comm-body">' + ' <slot></slot>' + ' </div>' + ' <div class="comm-tool-btndiv">' + ' <el-button v-for="item in anlb" @click="item.dj" class="comm-btn-css comm-btn-red" v-bind:class="item.cn">{{item.mc}}</el-button>' + ' </div>' + // ' <div class="comm-foot">' + ' <el-row class="comm-foot"> <el-col :span="12">' + ' <div class="comm-foot-sbxxdiv"><span>设备编码:</span>' + ' <span>{{data.tamid}}</span> </div>' + ' </el-col>' + ' <el-col :span="12">' + ' <div class="comm-foot-kfxxdiv"><span v-show="data.xskfrx" >服务电话:</span>' + ' <span v-show="data.xskfrx" >{{data.kfxx}}</span>' + ' </el-col></div> </el-row>' + // ' </div>'+ '</div>' }); /** * 获取终端界面背景信息 * @returns */ function getYszdJcxx(){ var yszdJcxx = getQueryString('yszdJcxx'); if(!yszdJcxx){ yszdJcxx = sessionStorage.getItem("yszdJcxx"); console.log(1); } if(!yszdJcxx) { return {title:"自助办税服务终端",tamid:"AISINO00001",xskfrx:false,kfxx:"95113"}; console.log(2); } return jQuery.parseJSON(yszdJcxx); console.log("3"+yszdJcxx); } ``` 页面的显示是 ![图片说明](https://img-ask.csdn.net/upload/201910/12/1570877301_621263.png) 求大佬帮忙
vue修改时,如何撤销修改数据
vue里做了双向绑定,加入要修改数据,如果提交则没问题,但如果没提交到数据库就取消或放弃了修改,dom层面的数据如何回到未修改前呢?目前是通过转JSON临时存储,取然后一一赋值,直接赋对象会有问题,有没有更好的办法
vue+node解决在页面显示存储在数据库的图片
图片在数据库中以路径形式存储,在前端显示表格时,显示图片,请问用node+vue怎么实现呢
怎么用ajax把数据库的数据显示在基于vue前端页面上?
毕业设计软硬件结合时,怎么把传感器采集的数据显示到前端页面(用vue jquery等写的页面)然后存储到数据库,再进行历史查询
vue前台向后台请求传list
![图片说明](https://img-ask.csdn.net/upload/201706/28/1498613622_792035.jpg)前台框架我用的vue,在向后台发起请求,传了一个list,后台500错,说我传的不是一个list,也不是array,也不是map,我需要在后台对list做什么处理吗?求指教![![![图片说明](https://img-ask.csdn.net/upload/201706/28/1498613188_736315.jpg)图片说明](https://img-ask.csdn.net/upload/201706/28/1498613183_616088.jpg)图片说明](https://img-ask.csdn.net/upload/201706/28/1498613173_632881.jpg)
vue slot插槽内控件不显示值
``` <el-row> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane name = "waitTodo"> <span slot="label"> <i class="el-icon-message">待处理</i> <el-badge v-model="waitTodo" :max="99" class="item"></el-badge> </span> </el-tab-pane> <el-tab-pane label="已处理" name="done"></el-tab-pane> <el-tab-pane name="waitToAssign"> <span slot="label"> <i class="el-icon-message">待指派</i> <el-badge v-model="waitToAssign" :max="99" class="item"></el-badge> </span> </el-tab-pane> <el-tab-pane label="审核未通过的" name="reject"></el-tab-pane> </el-tabs> </el-row> ``` 上图是代码,我在Tab的slot中定义了一个badge,显示待处理和待指派的数量,后台已经拿到了,也返回了值,之前项目用的是Vue+elementUI,现在换成了vue-elementui-admin,之前是可以正常显示的,现在必须进入页面后手动切换一下Tab才会显示数量,求教大佬们这是为什么,下面是具体情况:![图片说明](https://img-ask.csdn.net/upload/201906/26/1561542885_188585.png)![图片说明](https://img-ask.csdn.net/upload/201906/26/1561542892_833638.png)
webpack+ vue tab数据传输问题
vue 请求一个 json 怎么把数据分开显示在tab切换中 ``` <template> <section class="wh-section wh-forum"> <TabGroup> <li v-on:click="tab(index)"> <span>待办</span> <em>{{ loadToReadNum() }}</em> </li> <li v-on:click="tab(index)"> <span>待阅</span> <em>{{ loadToDoNum() }}</em> </li> </TabGroup> <Search /> <ul class="listitem"> <li v-for="(item, index) in forumlist.items" > <div> <p>{{ item.title }}</p> <p><span>{{ item.times }}</span><em>{{ item.status }}</em><em>{{ item.em }}</em></p> </div> </li> </ul> </section> </template> <script> import { GET_FORUM_TODO } from '@/scripts/constant'; import Search from "@/components/Search"; import TabGroup from "@/components/TabGroup"; import { mapState } from 'vuex'; export default{ computed: { ...mapState(['forumlist']) }, created () { this.$store.dispatch(GET_FORUM_TODO); }, methods: { loadToReadNum: function () { return this.$store.getters.toRead.length; }, loadToDoNum: function () { return this.$store.getters.toDo.length; }, tab: function (index) { this.selected = index; } }, components: { Search, TabGroup } }; </script> ```
怎样把后端获取的数据放到vue下拉框里面?
怎样把后端获取的数据放到vue下拉框里面(就是把2017,2018,2019这三个数据放到下拉框里面)?![图片说明](https://img-ask.csdn.net/upload/201912/14/1576338979_205989.png)![图片说明](https://img-ask.csdn.net/upload/201912/14/1576338983_414695.png)
使用Vue+ElementUI中:在Mysql中timestamp类型数据为正常的年月日时分秒,后台控制台输出也是正常时间,但是通过axios传入前端就变为时间戳类型。
-------------------数据库类型: ![图片说明](https://img-ask.csdn.net/upload/201910/16/1571223118_551006.png) -------------------通过sql语句在数据库中打印: ![图片说明](https://img-ask.csdn.net/upload/201910/16/1571223178_178273.png) -------------------后台迭代打印: ![图片说明](https://img-ask.csdn.net/upload/201910/16/1571223272_752092.png) --------------------通过axios传入前端: ![图片说明](https://img-ask.csdn.net/upload/201910/16/1571223346_497175.png) 最先的时候我是使用获取row数据然后在前台转换的方法: ``` <el-table-column :formatter="dateFormat" prop="chcCreateDate" label="创建日期" min-width="100"></el-table-column> <script> methods:{ query:function(){ this.axios.post(url, params).then(resp => { //这边值已经绑定到table中了 }).catch(error => { console.log(error); }), //行中:formatter调用的就是这个方法 dateFormat(row, column) { var moment = require('moment'); var date = row[column.property]; return moment(date).format("YYYY-MM-DD HH:mm:ss") } } } </script> ``` 在随后的两个页面中也可以使用这种方法,但是到了现在我把一个vue中的行数据绑定到另外一个vue中去了,然后因为这边这个vue不需要query方法了, 直接是传值的了。所以创建日期这一栏又变成没用方法之前了,想过再次调用这个方法,但是感觉是我在页面上传参的方法传过去的已经是一个时间戳了,也已经不能通过table中获取行再来改变时间戳类型了,求一个解决方法
PHP+VUE,后台数据传到前台为什么不需要转换成JSON对象?
后台json_encode编译了一个数组, ``` $this->assign('data',json_encode($res['data'])); ``` 前台vue接收的时候, ![图片说明](https://img-ask.csdn.net/upload/201812/29/1546055176_283524.png) 这样会报错: ``` Uncaught SyntaxError: Unexpected token in JSON at position 623 ``` 但我换成php的: ![图片说明](https://img-ask.csdn.net/upload/201812/29/1546055541_241176.png) 这里就可以输出了: ![图片说明](https://img-ask.csdn.net/upload/201812/29/1546055605_847085.png) 为什么不需要转换成JSON就能直接是JSON对象?
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私有的数
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
此博客仅为我业余记录文章所用,发布到此,仅供网友阅读参考,如有侵权,请通知我,我会删掉。 补充 有不少读者留言说本文章没有用,因为天气预报直接打开手机就可以收到了,为何要多此一举发送到邮箱呢!!!那我在这里只能说:因为你没用,所以你没用!!! 这里主要介绍的是思路,不是天气预报!不是天气预报!!不是天气预报!!!天气预报只是用于举例。请各位不要再刚了!!! 下面是我会用到的两个场景: 每日下
死磕YOLO系列,YOLOv1 的大脑、躯干和手脚
YOLO 是我非常喜欢的目标检测算法,堪称工业级的目标检测,能够达到实时的要求,它帮我解决了许多实际问题。 这就是 YOLO 的目标检测效果。它定位了图像中物体的位置,当然,也能预测物体的类别。 之前我有写博文介绍过它,但是每次重新读它的论文,我都有新的收获,为此我准备写一个系列的文章来详尽分析它。这是第一篇,从它的起始 YOLOv1 讲起。 YOLOv1 的论文地址:https://www.c
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的 回答 - Bravo Yeung,获得该问题下回答中得最高赞(236赞和1枚专业勋章),对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalk
20行Python代码爬取王者荣耀全英雄皮肤
引言 王者荣耀大家都玩过吧,没玩过的也应该听说过,作为时下最火的手机MOBA游戏,咳咳,好像跑题了。我们今天的重点是爬取王者荣耀所有英雄的所有皮肤,而且仅仅使用20行Python代码即可完成。 准备工作 爬取皮肤本身并不难,难点在于分析,我们首先得得到皮肤图片的url地址,话不多说,我们马上来到王者荣耀的官网: 我们点击英雄资料,然后随意地选择一位英雄,接着F12打开调试台,找到英雄原皮肤的图片
简明易理解的@SpringBootApplication注解源码解析(包含面试提问)
欢迎关注文章系列 ,关注我 《提升能力,涨薪可待》 《面试知识,工作可待》 《实战演练,拒绝996》 欢迎关注我博客,原创技术文章第一时间推出 也欢迎关注公 众 号【Ccww笔记】,同时推出 如果此文对你有帮助、喜欢的话,那就点个赞呗,点个关注呗! 《提升能力,涨薪可待篇》- @SpringBootApplication注解源码解析 一、@SpringBootApplication 的作用是什
西游记团队中如果需要裁掉一个人,会先裁掉谁?
2019年互联网寒冬,大批企业开始裁员,下图是网上流传的一张截图: 裁员不可避免,那如何才能做到不管大环境如何变化,自身不受影响呢? 我们先来看一个有意思的故事,如果西游记取经团队需要裁员一名,会裁掉谁呢,为什么? 西游记团队组成: 1.唐僧 作为团队teamleader,有很坚韧的品性和极高的原则性,不达目的不罢休,遇到任何问题,都没有退缩过,又很得上司支持和赏识(直接得到唐太宗的任命,既给
Python语言高频重点汇总
Python语言高频重点汇总 GitHub面试宝典仓库——点这里跳转 文章目录Python语言高频重点汇总**GitHub面试宝典仓库——点这里跳转**1. 函数-传参2. 元类3. @staticmethod和@classmethod两个装饰器4. 类属性和实例属性5. Python的自省6. 列表、集合、字典推导式7. Python中单下划线和双下划线8. 格式化字符串中的%和format9.
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外
ES6基础-ES6的扩展
进行对字符串扩展,正则扩展,数值扩展,函数扩展,对象扩展,数组扩展。 开发环境准备: 编辑器(VS Code, Atom,Sublime)或者IDE(Webstorm) 浏览器最新的Chrome 字符串的扩展: 模板字符串,部分新的方法,新的unicode表示和遍历方法: 部分新的字符串方法 padStart,padEnd,repeat,startsWith,endsWith,includes 字
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip install selenium -i https://pypi.tuna.tsinghua.edu.cn/simple/ 
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
你知道的越多,你不知道的越多 点赞再看,养成习惯 本文 GitHub https://github.com/JavaFamily 已收录,有一线大厂面试点思维导图,也整理了很多我的文档,欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。 前前言 为啥今天有个前前言呢? 因为你们的丙丙啊,昨天有牌面了哟,直接被微信官方推荐,知乎推荐,也就仅仅是还行吧(心里乐开花)
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca
Python爬虫精简步骤1 获取数据
爬虫的工作分为四步: 1.获取数据。爬虫程序会根据我们提供的网址,向服务器发起请求,然后返回数据。 2.解析数据。爬虫程序会把服务器返回的数据解析成我们能读懂的格式。 3.提取数据。爬虫程序再从中提取出我们需要的数据。 4.储存数据。爬虫程序把这些有用的数据保存起来,便于你日后的使用和分析。 这一篇的内容就是:获取数据。 首先,我们将会利用一个强大的库——requests来获取数据。 在电脑上安装
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东
破14亿,Python分析我国存在哪些人口危机!
2020年1月17日,国家统计局发布了2019年国民经济报告,报告中指出我国人口突破14亿。 猪哥的朋友圈被14亿人口刷屏,但是很多人并没有看到我国复杂的人口问题:老龄化、男女比例失衡、生育率下降、人口红利下降等。 今天我们就来分析一下我们国家的人口数据吧! 更多有趣分析教程,扫描下方二维码关注vx公号「裸睡的猪」 即可查看! 一、背景 1.人口突破14亿 2020年1月17日,国家统计局发布
web前端javascript+jquery知识点总结
Javascript javascript 在前端网页中占有非常重要的地位,可以用于验证表单,制作特效等功能,它是一种描述语言,也是一种基于对象(Object)和事件驱动并具有安全性的脚本语言 ,语法同java类似,是一种解释性语言,边执行边解释。 JavaScript的组成: ECMAScipt 用于描述: 语法,变量和数据类型,运算符,逻辑控制语句,关键字保留字,对象。 浏览器对象模型(Br
Qt实践录:开篇
本系列文章介绍笔者的Qt实践之路。 背景 笔者首次接触 Qt 大约是十多年前,当时试用了 Qt ,觉得不如 MFC 好用。现在 Qt 的 API、文档等都比较完善,在年初决定重新拾起,正所谓技多不压身,将 Qt 当为一种谋生工具亦未尝不可。利用春节假期的集中时间,快速专攻一下。 本系列名为“Qt实践”,故不是教程,笔者对 Qt 的定位是“使用”,可以帮助快速编写日常的工具,如串口、网络等。所以不
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ......
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。   再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。   下文是原回答,希望能对你能有所启发。   如果我说,这个世界上人真的分三六九等,
为什么听过很多道理,依然过不好这一生?
记录学习笔记是一个重要的习惯,不希望学习过的东西成为过眼云烟。做总结的同时也是一次复盘思考的过程。 本文是根据阅读得到 App上《万维钢·精英日课》部分文章后所做的一点笔记和思考。学习是一个系统的过程,思维模型的建立需要相对完整的学习和思考过程。以下观点是在碎片化阅读后总结的一点心得总结。
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计
一条链接即可让黑客跟踪你的位置! | Seeker工具使用
搬运自:冰崖的部落阁(icecliffsnet) 严正声明:本文仅限于技术讨论,严禁用于其他用途。 请遵守相对应法律规则,禁止用作违法途径,出事后果自负! 上次写的防社工文章里边提到的gps定位信息(如何防止自己被社工或人肉) 除了主动收集他人位置信息以外,我们还可以进行被动收集 (没有技术含量) Seeker作为一款高精度地理位置跟踪工具,同时也是社交工程学(社会工程学)爱好者...
作为程序员的我,大学四年一直自学,全靠这些实用工具和学习网站!
我本人因为高中沉迷于爱情,导致学业荒废,后来高考,毫无疑问进入了一所普普通通的大学,实在惭愧...... 我又是那么好强,现在学历不行,没办法改变的事情了,所以,进入大学开始,我就下定决心,一定要让自己掌握更多的技能,尤其选择了计算机这个行业,一定要多学习技术。 在进入大学学习不久后,我就认清了一个现实:我这个大学的整体教学质量和学习风气,真的一言难尽,懂的人自然知道怎么回事? 怎么办?我该如何更好的提升
前端JS初级面试题二 (。•ˇ‸ˇ•。)老铁们!快来瞧瞧自己都会了么
1. 传统事件绑定和符合W3C标准的事件绑定有什么区别? 传统事件绑定 &lt;div onclick=""&gt;123&lt;/div&gt; div1.onclick = function(){}; &lt;button onmouseover=""&gt;&lt;/button&gt; 注意: 如果给同一个元素绑定了两次或多次相同类型的事件,那么后面的绑定会覆盖前面的绑定 (不支持DOM事...
Python学习笔记(语法篇)
本篇博客大部分内容摘自埃里克·马瑟斯所著的《Python编程:从入门到实战》(入门类书籍),采用举例的方式进行知识点提要 关于Python学习书籍推荐文章 《学习Python必备的8本书》 Python语法特点: 通过缩进进行语句组织 不需要变量或参数的声明 冒号 1 变量和简单数据结构 1.1 变量命名 只能包含字母、数字和下划线,且不能以数字打头。 1.2 字符串 在Python中,用引号...
相关热词 c#时间格式化 不带- c#替换字符串中指定位置 c# rdlc 动态报表 c# 获取txt编码格式 c#事件主动调用 c#抽象工厂模式 c# 如何添加类注释 c# static块 c#处理浮点数 c# 生成字母数字随机数
立即提问