怎么用 vue的axios中的get请求向后台发送json格式的数据 20C

axios的get请求时发送这样格式的数据给后台{"key":"value","key2":'value2"},
需要怎么处理呢,post请求我把发送的数据对象json.stringify()转一下格式就可以了,get就不行

我需要发送这种格式的数据如图图片说明

4个回答

这个要看你后端如何接收数据 我这边有一个请求是也是这样, 但是接收的参数是 searchParams:{"key":"value","key2": "value2"} 也是get请求

var params = {
    current: 1,
    pageSize: 10
}
this.$axios({
            url: 'xxx',
            method:  'get',
            data: {searchParams: JSON.stringify(params)},
            callback: (result) => {
            }
        });

图片说明

weixin_45471782
前端_小菜鸟 回复weixin_45434550: 以你这样的方式, get请求 xxx? 这里 的?号后面就会变成 xxx?{a:'1',b:'2'}这样,后端定义的接口是接收这样的方式?
6 个月之前 回复
weixin_45434550
weixin_45434550 我需要图片上那个格式的数据,不知道怎么处理,那个是post请求发送的,get就不知道了
6 个月之前 回复

没听说过get请求参数格式是这种格式的,get只能应为限制大小比较小,所以一般是不会以这种格式为参数的。

weixin_45434550
weixin_45434550 我也是啊 后台让我传json用get传,有点蒙
6 个月之前 回复

axios请求 get请求一般使用params传参,post使用data传参
图片说明

weixin_45434550
weixin_45434550 对啊 就是这么弄得
6 个月之前 回复

直接下面那样试下呢..

axios.get('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue使用axios获取接口数据如何封装?
我是一个刚用vue的小菜鸟,使用axios请求接口,想将获取的数据封装到页面上的dataList属性里,可是页面报错了 import MD5 from '../assets/js/MD5Util.js'; export default { name: 'awardVue', data () { return { dataList:[], str:"" } }, mounted :function(){ this.getData(); }, methods:{ getData(){ const param=MD5.getPkey(1,10); this.$http.get('apis/school/grasslandTransfer/winningStatisticsList', { params:{ startNum: '1', endNum: '10', version: param.version, platformSource: param.platformSource, time: param.time, ltime: param.ltime, pkey: param.pkey } }) .then(function (response) { console.log(response.data); this.dataList=response.data.winningStatisticsList; }) .catch(function (error) { console.log(error); }); } } } 这是返回的结果 Object {msg: "查询成功", code: "1", winningStatisticsList: Array(10)} award.vue?e9e3:51 TypeError: Cannot set property 'dataList' of undefined at eval (award.vue?e9e3:48) at <anonymous> 可是response.data明明是有数据的啊,json格式,为什么会显示为undefined呢?
求大神帮忙解决:vue-cli3 axios请求本地数据问题
引入axios ``` import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import axios from 'axios' Vue.config.productionTip = false Vue.prototype.$axios = axios ``` vue.config.js ``` module.exports = { devServer: { open: true, host: 'localhost', port: 8080, https: false, hotOnly: false, proxy: { // 配置跨域 '/api': { target: 'http://localhost:8080', ws: true, changOrigin: true, pathRewrite: { '^/api': '' } } }, before: app => {} } }; ``` json目录 ![图片说明](https://img-ask.csdn.net/upload/201908/22/1566447518_763675.png) axios请求 ``` getData() { this.$axios('api/data/profile/shopping.json') .then( res => { console.log(res.data) }) } ``` 错误提示 ![图片说明](https://img-ask.csdn.net/upload/201908/22/1566447555_906674.png)
vue cli3搭建的项目里使用axios引入本地json一直404
json文件我存在在public文件夹下,我记得不错的话,cli3之后public才是存放静态资源的地方,而不是之前的static了吧,但是不知道为什么还是报404,是我还得在vue.config.js中配置什么吗![图片说明](https://img-ask.csdn.net/upload/201904/07/1554616386_296732.png) ``` methods:{ send(){ axios.get('/public/student.json',{}).then(res=>{console.log(res.data)}) } }, mounted(){ this.send() } ```
axios请求后台成功200,数据却返回进catch方法
``` http( { url: '/user/login', method: 'post', data: this.formDate } ).then(res=>{ console.log('登录成功!保存用户信息'); console.log(res) }).catch(err=> { console.log('登录失败!'); console.log(err) }); ``` #### 后台成功接受请求返回json数据,前台的数据却进到catch方法里 > ![图片说明](https://img-ask.csdn.net/upload/201908/17/1566004574_696950.png)
vue axios get方法成功,post方法chrome中成功,但firefox返回404
post: function(){ axios.post("./static/tsconfig.json",{ userid: '888', },{ headers:{ tocken: 'tom' } }).then(res=>{ this.msg = res.data; }).catch(err=>{ this.msg = err; }) }, ``` ![图片说明](https://img-ask.csdn.net/upload/201905/13/1557759437_236883.png) ```
关于vue.js中data里面数组和对象的理解和显示问题
我mock.js造假数据后,返回给页面 ``` Object config: {url: "/params/equipments/tvmView", method: "get", headers: {…}, transformRequest: Array(1), transformResponse: Array(1), …} data: Array(4) 0: {__ob__: Observer} 1: {__ob__: Observer} 2: {__ob__: Observer} 3: {__ob__: Observer} length: 4 __ob__: Observer {value: Array(4), dep: Dep, vmCount: 0} __proto__: Array ``` 如图,返回的是一个对象,里面的data是一个数组,数组里面包含四个对象 ``` data: Array(4) 0: tvmfrom: "AC" tvmto: Array(3) 0: "彩虹岛" 1: "铁皮屋" 2: "外婆饼店" ``` 我设定的是两个tvmfrom 和tvmto,其中的tvmto是一个数组,之前一个数组的时候我是 ``` data(){ return{ tableData: [], tvmToStation:[], } }, getTvmViewParams(){ this.$axios.params.getParams().then(res=>{ this.tableData = res.data this.tvmToStation = res.data[0].tvmto //this.tvmToStation = JSON.stringify(res.data) //数组深拷贝 得到的是数组[{}] //console.log(JSON.parse(JSON.stringify(res.data))) }) }, 然后放到我表格中 <el-table-column prop="tvmfrom" label="起始站" > </el-table-column> <el-table-column label="目标站点"> <!-- <template slot-scope="scope" > <el-tag>{{scope.row.tvmto}}</el-tag> </template> --> <el-tag v-for="index in tvmToStation" :key="index">{{index}}</el-tag> </el-table-column> ``` 这样写肯定是错的,tvmfrom的我是直接用prop绑定 那我怎么去获取tvmto的数组数据,遍历放到tag中 效果是 ![图片说明](https://img-ask.csdn.net/upload/201910/11/1570774027_813447.png)
vue中双重循环与复杂对象的解析问题
vue中双重循环复杂对象过程中找不到深层对象属性,并且不会显示数据,加上 ``` this.$forceUpdate(); ``` 可以正常显示,但是还是会报错找不到对应的属性 * 错误截图 ![错误信息](https://img-ask.csdn.net/upload/202002/08/1581153946_722751.png) * 完整代码 ```vue <template> <div> <el-row v-for="(group,groupIndex) in groups" v-bind:groupIndex="group.index" :key="group.gid" type="text"> <el-button type="text" @click="isShow(groupIndex)">{{group.name}}</el-button> <div v-if="group.show"> <div class="friend" v-for="(friendInfo) in groups[groupIndex].friends" :key="friendInfo.fid"> <el-image style="width: 100px; height: 100px" :src="friendInfo.userInfo.icon"></el-image> {{friendInfo.comments}} <span> {{friendInfo.userInfo.sign}}</span> </div> </div> </el-row> <br/> </div> </template> <script> export default { name: 'FriendList', methods: { isShow: function (index) { if (!this.groups[index].show) { this.getFriends(this.groups[index].gid); } this.groups[index].show = !this.groups[index].show; }, getUserInfo: function (uid,groupIndex,friendsIndex) { console.log("getUserInfo"); this.$axios.get('http://192.168.43.3:9000/user/id/' + uid).then(res => { this.groups[groupIndex].friends[friendsIndex].userInfo= res.data.data; this.$forceUpdate(); console.log(this.groups[groupIndex].friends[friendsIndex].userInfo.icon); }).catch(err => { console.log(err); this.$alert(res.data.message, '通知'); }) }, checkLogin: function () { if (this.uid == null) { this.$alert('很抱歉,您还没有登录!', '通知'); window.location = 'http://127.0.0.1:8010/login'; } }, getGroups: function () { this.$axios.get('http://192.168.43.3:9004/group/user/' + this.uid).then((res => { if (res.data.flag) { this.groups = res.data.data; } else { this.$alert(res.data.message, '通知'); } })).catch(error => { console.log(error.message); this.$alert('网络错误,请稍后再试!', '通知'); }); }, getFriends: function (groupId) { this.$axios.get('http://192.168.43.3:9004/friend/group/' + groupId).then((res => { if (res.data.flag) { for (let i = 0; i < this.groups.length; i++) { if (groupId === this.groups[i].gid) { this.groups[i].friends = res.data.data; this.$forceUpdate(); let len = this.groups[i].friends.length; for (let j = 0; j < len; j++) { this.groups[i].friends[j].userInfo = this.getUserInfo(this.groups[i].friends[j].friend,i,j); } } } } else { this.$alert(res.data.message, '通知'); } })).catch(error => { console.log(error.message); this.$alert('网络错误,请稍后再试!', '通知'); }); } }, data: function () { return { uid: JSON.parse(sessionStorage.userInfo).uid, groups: [{ 'show': false, 'gid': '', 'userId': '', index: '', 'name': '', 'createTime': '', friends: [{ 'fid': '', 'user': '', 'friend': '', 'groupId': '', 'createTime': '', index:'', 'comments': '', userInfo: { 'uid': '', 'nickname': '', 'icon': '', 'sign': '' } }] }] } }, mounted() { this.checkLogin(); this.getGroups(); } } </script> ```
怎么可以拿到axios里get的数据?
代码这么写 ,拿到的是undenfined呀? 请问怎么可以拿到其中get的数据呢?![图片说明](https://img-ask.csdn.net/upload/201903/30/1553940480_406853.png)
axios跨域问题,跪求大佬帮忙
axios跨域配置好了,但是点击一点反应都没有,有时候跨域失败,(但是配置没错啊)求大佬帮忙 ``` import axios from 'axios' Vue.prototype.$axios = axios axios.defaults.baseURL = '/api' ``` ``` module.exports = { devServer: { open: true, host: '127.0.0.1', port: 8080, https: false, hotOnly: false, proxy: { // 配置跨域 '/api': { target: 'http://localhost:3000', ws: true, changOrigin: true, pathRewrite: { '^/api': '' } } }, before: app => { } } } ``` ``` <template> <div class="test"> 名字:{user.name} 年龄: {user.age} <input type="submit" @click='submit'> </div> </template> <script> export default { name : 'test', data() { return { user : [] } }, methods : { submit(){ this.$axios.get('/api/test').then(result =>{ console.log(result) this.name = result.name this.age = result.age }).catch(err =>{ console.log(err) }) } } } </script> ``` ``` router.get('/test',(req,res)=>{ let user ={ name : 'tw', age : 18 } return res.json(user) }) ``` 点击submit,控制台没一点反应,什么东西都不显示
关于vue的cli里面package.json文件?
求大神指教一下这里面的东西都是啥?特别是scripts里面的,我发现我家里电脑的scripts里面的东西跟公司里scripts里面的东西是不一样的? ``` { "name": "zhiliao.0", "version": "1.0.0", "description": "A Vue.js project", "author": "momo <552488648@qq.com>", "private": true, "scripts": { "dev": "node build/dev-server.js", "build": "npm run build-prod", "start": "cross-env node build/webpack.dll.js && cross-env TYPE=local node build/dev-server.js", "start-dev": "node build/webpack.dll.js && cross-env TYPE=dev node build/dev-server.js", "start-test": "node build/webpack.dll.js && cross-env TYPE=test node build/dev-server.js", "start-prod": "node build/webpack.dll.js && cross-env TYPE=prod node build/dev-server.js", "build-local": "cross-env TYPE=local model=dev node build/webpack.dll.js && cross-env TYPE=local node build/build.js", "build-dev": "cross-env TYPE=dev model=build node build/webpack.dll.js && cross-env TYPE=dev node build/build.js", "build-test": "cross-env TYPE=test model=build node build/webpack.dll.js && cross-env TYPE=test node build/build.js", "build-prod": "cross-env TYPE=prod model=build node build/webpack.dll.js && cross-env TYPE=prod node build/build.js" }, "dependencies": { "axios": "^0.15.3", "blueimp-md5": "^2.7.0", "es6-promise": "^4.1.0", "mint-ui": "^2.2.1", "qs": "^6.4.0", "vue": "^2.2.2", "vue-baidu-map": "^0.10.5", "vue-router": "^2.2.0", "vuex": "^2.2.1", "weixin-js-sdk": "^1.2.0" }, "devDependencies": { "add-asset-html-webpack-plugin": "^2.1.2", "autoprefixer": "^6.7.2", "babel-core": "^6.22.1", "babel-eslint": "^8.0.3", "babel-loader": "^6.2.10", "babel-plugin-syntax-jsx": "^6.18.0", "babel-plugin-transform-runtime": "^6.22.0", "babel-plugin-transform-vue-jsx": "^3.5.0", "babel-preset-env": "^1.2.1", "babel-preset-es2015": "^6.24.1", "babel-preset-stage-2": "^6.22.0", "babel-register": "^6.22.0", "babel-runtime": "^6.26.0", "chalk": "^1.1.3", "connect-history-api-fallback": "^1.3.0", "copy-webpack-plugin": "^4.0.1", "cross-env": "^5.1.1", "css-loader": "^0.26.4", "eslint": "4.4.1", "eslint-config-standard": "10.2.1", "eslint-friendly-formatter": "3.0.0", "eslint-loader": "1.9.0", "eslint-plugin-html": "3.1.1", "eslint-plugin-import": "2.7.0", "eslint-plugin-node": "5.1.1", "eslint-plugin-promise": "3.5.0", "eslint-plugin-standard": "3.0.1", "eventsource-polyfill": "^0.9.6", "express": "^4.14.1", "extract-text-webpack-plugin": "^2.0.0", "file-loader": "^0.10.0", "form-data": "^0.2.0", "friendly-errors-webpack-plugin": "^1.1.3", "function-bind": "^1.1.0", "happypack": "^4.0.0", "html-webpack-plugin": "^2.28.0", "http-proxy-middleware": "^0.17.3", "iconv-lite": "^0.4.7", "mime": "~1.3.4", "node-sass": "^4.9.3", "opn": "^4.0.2", "optimize-css-assets-webpack-plugin": "^1.3.0", "ora": "^1.3.0", "portfinder": "^1.0.13", "request": "~2.72.0", "rimraf": "^2.6.0", "sass-loader": "^6.0.6", "semver": "^5.3.0", "shelljs": "^0.8.1", "url-loader": "^0.5.7", "urlencode": "^1.1.0", "verification-code": "^1.0.0", "vue-loader": "^11.1.4", "vue-style-loader": "^2.0.5", "vue-template-compiler": "^2.2.4", "webpack": "^2.2.1", "webpack-bundle-analyzer": "^2.2.1", "webpack-dev-middleware": "^1.10.0", "webpack-hot-middleware": "^2.16.1", "webpack-merge": "^2.6.1", "webpack-parallel-uglify-plugin": "^1.0.2", "workbox-webpack-plugin": "^2.1.2", "ws": "^0.4.32" }, "engines": { "node": ">= 4.0.0", "npm": ">= 3.0.0" }, "publishConfig": { "registry": "http://registry.npm.alibaba-inc.com" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ] } ```
nuxtJS post请求就会报404错误
nuxtJS post请求 如果不使用代理, 则会报跨域 如果按照官方文档的写法写了代理, ``` modules: [ '@nuxtjs/axios', '@nuxtjs/proxy' ], axios: { proxy: true, prefix: '/api', credentials: true }, proxy: [ ['/app', { target: 'http://xxx.com:8080' }] ], ``` get请求, 可以透过代理发送出去 但是如果是post请求就会报404错误
vue.js api请求成功,列表50条数据分页偶尔渲染不出来,有遇到的吗
经排查,不是vue.js 的问题,是有新内容的时候,输出json之前多了个调试的输出。 vue.js api请求成功,列表50条数据分页偶尔渲染不出来,有遇到的吗 偶尔会发生v-for下的内容空白,api 返回json 数据正确 无报错信息 代码 <template> <div class="row"> <div class="col-12 col-sm-12 col-md-9"> <div class="row" id="home-videos-list"> <template v-for="(video, key) in videos"> <div class="col-6 col-sm-6 col-md-4 p-2" :id="'video-list-'+key"> <div class="card"> <a :href="video.url" v-on:mouseenter="startPlay('video-item-'+video.id)" v-on:mouseleave="stopPlay('video-item-'+video.id)"> <img v-lazy="video.thumb" :class="'video-item-'+video.id" style="display:block"> <video :id="'video-item-'+video.id" class="video-js vjs-fluid vjs-big-play-centered vjs-default-skin" :poster="video.thumb" :preload="'none'" :controls="false" :loop="true" :muted="true" :autoplay="false" :aspectRatio="'16:9'" sourceOrder="true" style="display:none"> <source :src="video.video" :type="video.type"></source> </video> <div class="card-body p-1 text-center"> <p class="card-text text-dark two-line"><span class="badge badge-secondary">{{ Math.ceil(video.play_time / 60) }}Min</span>{{ video.title }}</p> </div> </a> </div> </div> </template> <div class="col-12 col-sm-12 col-md-12"> <paginate :current_page="current_page" :to="to" :total="total" :last_page="last_page" :from="from" :lang="lang" :with_url="with_url"></paginate> </div> </div> </div> <div class="col-12 col-sm-12 col-md-3" id="auto-play"> <japaness-list></japaness-list> </div> </div> </template> <style> </style> <script> import paginate from './paginate' import Video from 'video.js' import 'video.js/dist/video-js.css' export default { data (){ return { videos: [], current_page: '', to: '', total: '', last_page: '', from: '', with_url: '', lang: '', num: 0, num_total: 0, num_limit: 10, data_videos: [] } }, components: { 'paginate': paginate, Video }, computed: { }, created:function(){ this.getVideos(); }, mounted (){ window.addEventListener('scroll',this.handleScroll,true);//监听shu标事件,再渲染另40条 }, methods:{ getVideos () { axios.get('/api/videos/list?offset=50&locale='+locale+'&page='+page+'&keyword='+keyword).then(response => { if(response.data.status){ this.lang = response.data.local; let result = response.data.data; let Seo = response.data; this.json_ld = Seo.json_ld; document.querySelector('title').innerHTML = Seo.title; document.getElementById('json_ld').innerHTML = Seo.json_ld; document.querySelector('meta[name=keywords]').setAttribute('content', Seo.keywords); document.querySelector('meta[name=description]').setAttribute('content', Seo.description); let videos = result.data; this.data_videos = videos; this.videos = videos.slice(this.num * this.num_limit, (this.num + 1) * this.num_limit);//分段,每次渲染10条 this.num_total = videos.length; this.current_page = result.current_page; this.to = result.to; this.total = result.total; this.last_page = result.last_page; this.from = result.from; this.with_url = response.data.with_url; let _this=this setTimeout(function(){//在超大屏幕下没有滚动条,1秒后自动渲染 _this.num++; if(_this.num * _this.num_limit > _this.num_total){ return false; } _this.videos = _this.videos.concat(_this.data_videos.slice(_this.num * _this.num_limit, (_this.num + 1) * _this.num_limit)); }, 1000); } }); }, startPlay(id){ Video(id, {}, function onPlayerReady() { this.play(); document.getElementById(id).style.display = 'block'; document.getElementById(id+'_html5_api').style.display = 'block'; document.querySelector('img[class='+id+']').style.display = 'none'; }) }, stopPlay(id){ Video(id, {}, function onPlayerReady() { this.pause(); document.getElementById(id).style.display = 'none'; document.getElementById(id+'_html5_api').style.display = 'none'; document.querySelector('img[class='+id+']').style.display = 'block'; }) }, handleScroll(){ this.num++; if(this.num * this.num_limit > this.num_total){ return false; } this.videos = this.videos.concat(this.data_videos.slice(this.num * this.num_limit, (this.num + 1) * this.num_limit)); } } } </script>
ant+vue+springboot 上传文件时接收不到文件
``` <a-upload name="file" listType="picture-card" :fileList="fileList" :multiple="true" @preview="handlePreview" :beforeUpload="beforeUpload" @change="handleChange" > <div v-if="fileList.length < 1"> <a-icon type="plus" /> <div class="ant-upload-text">Upload</div> </div> </a-upload> ``` js代码如下 ``` var formData = new FormData() formData.append('file', this.fileList[0]); formData.append('userid', '1'); formData.append('systemid', '886'); this.axios( { method: 'post', url: 'http://localhost:8086/rest/uploadFileByMulti', processData: false, data: formData }) .then((response) => { alert(JSON.stringify(response)) }) .catch(function (error) { console.log(error) }) ``` 后台接受代码如下 ``` @RequestMapping("/uploadFileByMulti") @ResponseBody public AjaxResult uploadFileList(@RequestParam("file") MultipartFile file String userid, String systemid) { ...... } ``` 上传时一直报file为空
vue使用bscroll左右菜单联动,左侧栏目无法跟随右边滑动切换active
因为公司后端用其他框架,所以都是用cdn引用js写在一个页面了,现在只能达到点击左侧栏目、右侧到对应的栏目位置,但是右侧滑动的时候,左边栏目不跟随切换active 是右边li的索引值没有传到左边去吗?但是左边可以获取右边的索引了,点击也可以联动 html代码 ``` <div class="content"> <!--左边--> <div class="menu-wrapper" ref="menuWrapper"> <ul> <li v-for="(food,index) in foods" @click="menuClick(index,$event)" :class="{'active': activeIndex == index}"> {{food.class}} <i class="num"></i> </li> </ul> </div> <!--右边--> <div class="foods-wrapper" id="wrapper" ref="foodsWrapper"> <ul> <li v-for="(food,index) in foods" :key="food.id" class="food-list-hook"> <div class="class-title"> {{food.class}} </div> <div v-for="food in food.list"> <div class="item"> <div class="itemleft" @click="menuShow(food)"> <div class="item-img"> <img :src="food.imgs" alt=""> </div> </div> <div class="itemright"> <div class="title"> {{food.name}} </div> <div class="price"> <i class="fa fa-cny"></i> <span> {{food.price}} </span> </div> </div> </div> </div> </li> </ul> </div> </div> ``` js代码 ``` new Vue({ el: '#app', data() { return { foods: [], listHeight: [], foodsScrollY: 0 } }, created() { axios.get('data.json').then(response = >{ this.foods = response.data.foods; this.$nextTick(() = >{ this._initScroll(); // 初始化scroll this._calculateHeight(); // 初始化列表高度列表 }) }); }, computed: { activeIndex() { for (let i = 0; i < this.listHeight.length; i++) { let topHeight = this.listHeight[i] let bottomHeight = this.listHeight[i + 1] if (!bottomHeight || (this.foodsScrollY >= topHeight && this.foodsScrollY < bottomHeight)) { return i } } return 0 } }, methods: { _initScroll() { this.menuWrapper = new BScroll(this.$refs.menuWrapper, { click: true }); this.foodsScroll = new BScroll(this.$refs.foodsWrapper, { probeType: 3 }); // 监控滚动事件 this.foodsScroll.on('scroll', (pos) = >{ this.foodsScrollY = Math.abs(Math.round(pos.y)) }) }, _calculateHeight() { let foodList = this.$refs.foodsWrapper.getElementsByClassName('food-list-hook'); let height = 0 this.listHeight.push(height) for (let i = 0; i < foodList.length; i++) { let item = foodList[i] height += item.clientHeight this.listHeight.push(height) } }, menuClick(index, event) { if (!event._constructed) { return } this.foodsScroll.scrollTo(0, -this.listHeight[index], 300) } } }); ```
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私有的数
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
此博客仅为我业余记录文章所用,发布到此,仅供网友阅读参考,如有侵权,请通知我,我会删掉。 补充 有不少读者留言说本文章没有用,因为天气预报直接打开手机就可以收到了,为何要多此一举发送到邮箱呢!!!那我在这里只能说:因为你没用,所以你没用!!! 这里主要介绍的是思路,不是天气预报!不是天气预报!!不是天气预报!!!天气预报只是用于举例。请各位不要再刚了!!! 下面是我会用到的两个场景: 每日下
死磕YOLO系列,YOLOv1 的大脑、躯干和手脚
YOLO 是我非常喜欢的目标检测算法,堪称工业级的目标检测,能够达到实时的要求,它帮我解决了许多实际问题。 这就是 YOLO 的目标检测效果。它定位了图像中物体的位置,当然,也能预测物体的类别。 之前我有写博文介绍过它,但是每次重新读它的论文,我都有新的收获,为此我准备写一个系列的文章来详尽分析它。这是第一篇,从它的起始 YOLOv1 讲起。 YOLOv1 的论文地址:https://www.c...
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的回答,对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalking,作者吴晟、刘浩杨 等等 仓库地址: apache/skywalking 更...
20行Python代码爬取王者荣耀全英雄皮肤
引言 王者荣耀大家都玩过吧,没玩过的也应该听说过,作为时下最火的手机MOBA游戏,咳咳,好像跑题了。我们今天的重点是爬取王者荣耀所有英雄的所有皮肤,而且仅仅使用20行Python代码即可完成。 准备工作 爬取皮肤本身并不难,难点在于分析,我们首先得得到皮肤图片的url地址,话不多说,我们马上来到王者荣耀的官网: 我们点击英雄资料,然后随意地选择一位英雄,接着F12打开调试台,找到英雄原皮肤的图片...
简明易理解的@SpringBootApplication注解源码解析(包含面试提问)
欢迎关注文章系列 ,关注我 《提升能力,涨薪可待》 《面试知识,工作可待》 《实战演练,拒绝996》 欢迎关注我博客,原创技术文章第一时间推出 也欢迎关注公 众 号【Ccww笔记】,同时推出 如果此文对你有帮助、喜欢的话,那就点个赞呗,点个关注呗! 《提升能力,涨薪可待篇》- @SpringBootApplication注解源码解析 一、@SpringBootApplication 的作用是什...
西游记团队中如果需要裁掉一个人,会先裁掉谁?
2019年互联网寒冬,大批企业开始裁员,下图是网上流传的一张截图: 裁员不可避免,那如何才能做到不管大环境如何变化,自身不受影响呢? 我们先来看一个有意思的故事,如果西游记取经团队需要裁员一名,会裁掉谁呢,为什么? 西游记团队组成: 1.唐僧 作为团队teamleader,有很坚韧的品性和极高的原则性,不达目的不罢休,遇到任何问题,都没有退缩过,又很得上司支持和赏识(直接得到唐太宗的任命,既给袈...
Python语言高频重点汇总
Python语言高频重点汇总 GitHub面试宝典仓库 回到首页 目录: Python语言高频重点汇总 目录: 1. 函数-传参 2. 元类 3. @staticmethod和@classmethod两个装饰器 4. 类属性和实例属性 5. Python的自省 6. 列表、集合、字典推导式 7. Python中单下划线和双下划线 8. 格式化字符串中的%和format 9. 迭代器和生成器 10...
究竟你适不适合买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实践之路。
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 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中,用引号...
[Pyhon疫情大数据分析] 一.腾讯实时数据爬取、Matplotlib和Seaborn可视化分析全国各地区、某省各城市、新增趋势
思来想去,虽然很忙,但还是挤时间针对这次肺炎疫情写个Python大数据分析系列博客,包括网络爬虫、可视化分析、GIS地图显示、情感分析、舆情分析、主题挖掘、威胁情报溯源、知识图谱、预测预警及AI和NLP应用等。第一篇文章将分享腾讯疫情实时数据抓取,获取全国各地和贵州省各地区的实时数据,并将数据存储至本地,最后调用Maplotlib和Seaborn绘制中国各地区、贵州省各城市、新增人数的图形。希望这篇可视化分析文章对您有所帮助!
小白也会用的情人节表白神器
鉴于情人节女朋友总说直男,上网找了个模板,改了一下,发现效果还不错。然后又录了一个视频,发现凑合,能用。现在免费分享给程序员,去表白去吧。​​​​​​。当然比较low因为考研没时间优化,懒着优化了。 先看一下效果吧:页面太多了,这里我只放几个页面里面有音乐,还凑合不是太单调。 所有页面最后的合成效果: 接下来教大家如何使用: 新建文件夹:love 然后建立这几个...
论如何用python发qq消息轰炸虐狗好友
因为我的某个好友在情人节的时候秀恩爱,所以我灵光一闪制作了qq消息轰炸并记录了下来。 首先 我的编程环境是: windows 10系统 python3.6 记得要下载win32 pip install win32 思路介绍 其实也非常简单 将要发出去的句子储存在列表中 然后用随机模块调用 将随机出来的元素储存在剪贴板中 连接QQ 找到指定对象 疯狂输出 怎么样,简单吧 开始打代码吧 imp...
情人节闲着无聊写个python程序
用python在图片上写字 ''' 依赖,需要安装Pillow pip install Pillow ''' from PIL import Image, ImageDraw, ImageFont import sys #判断参数个数,可以不要 import os #判断文件是否存在,可以不要 image_path = "1.jpg" font_path = "SIMLI.TTF" tex...
相关热词 c# 时间比天数 c# oracle查询 c# 主动推送 事件 c# java 属性 c# 控制台 窗体 c# 静态类存值 c#矢量作图 c#窗体调用外部程式 c# enum是否合法 c# 如何卸载引用
立即提问