vue项目如何使用render函数写一个类似组件模版的递归组件? 80C

如下是我用emelent-ui组件写的一个导航组件。由于有多个子级菜单,这里使用了递归。
首先,父组件是如下这样的

<template>
  <el-menu
    background-color="#303133"
    text-color="#C0C4CC"
    active-text-color="#409EFF"
    class="el-menu"
    :collapse="true"
  >
  <navs :asideNav="asideNav"></navs>
  </el-menu>
</template>
<!--  :collapse="false" -->
<script>
import Navs from './components/Navs'
export default {
  name: 'AsideNav',
  components: {
    Navs
  },
  props: {
    asideNav: Array
  }
}
</script>

<style lang="stylus" scoped>
  .el-menu--collapse>div>.el-menu-item span, .el-menu--collapse>div>.el-submenu>.el-submenu__title span
    height: 0
    width: 0
    overflow: hidden
    visibility: hidden
    display: inline-block
  .el-menu--collapse>div>.el-menu-item .el-submenu__icon-arrow, .el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow
    display: none;
  .el-menu
    border: none
  .el-menu:not(.el-menu--collapse) {
    width: 200px
  }
  ul
    color: #fff
</style>

子组件是如下这样的

<template>
  <div>
    <el-submenu v-for="item of asideNav" :key="item.url" :index="item.url" v-if="item.son">
      <template slot="title">
        <i class="iconfont">{{item.icon}}</i>
        <span slot="title">{{item.name}}</span>
      </template>
      <navs :asideNav="item.son"></navs> // 递归自调用
    </el-submenu>
    <el-menu-item v-else :index="item.url">
      <i class="iconfont">{{item.icon}}</i>
      <span slot="title">{{item.name}}</span>
    </el-menu-item>
  </div>
</template>

<script>
import Navs from './Navs'
export default {
  name: 'Navs',
  components: {
    Navs
  },
  props: {
    asideNav: Array // 父组件传递过来的json数据
  }
}
</script>

<style lang="stylus" scoped>
</style>

以上代码实际上已经解决了我要实现的无限级导航的要求,但有一个小bug。我这样写完以后,由于子组件模版内的根元素必须有一个div,所以导致emelent-ui导航模版在收缩的时候会出现一点点小问题,以至于我必须得修改css才能修正bug。后来想到可以使用render函数来重写一个模版组件、但由于我技术不娴熟,练了两天,只懂个皮毛。写完以后各种报错。
如下是我用我勤劳的小双手写的带错误的render函数模版

export default {
  props: {
    myData: Array
  },
  render(createElement) {
    let data = this.myData
    let ret = []

    return data.map(item => {
      if (item.son) {
      // console.log(item.son)
        return createElement('el-submenu', {
          attrs: {index: item.url}
        }, [
          createElement('template', {
            slot: 'title'
          }, [
            createElement('i', {
              attrs: {'class': 'iconfont'}
            }, [item.icon]),
            createElement('span', {
              attrs: {slot: 'title'}
            }, [item.name])
          ])
        ])
      } else {
        return createElement('el-menu-item', {
          attrs: {index: item.url}
        }, [
          createElement('i', {
            attrs: {'class': 'iconfont'}
          }, [item.icon]),
          createElement('span', {
            attrs: {slot: 'title'}
          }, [item.name])
        ])
      }
    })
  }
}

写完这个控制台抛出了个错误,提示我
图片说明
归根究底,技术有限,实在是搞的头大,希望大佬根据我写的组件模版,帮我用render函数写一个模版出来。供我学习,参考,使用。感激不尽!!!

4个回答

qq_24394075
小斌爱敲代码玩 这篇文章我看见过,我的问题里涉及到递归和循环遍历,在render函数里,这两个我不会用
7 个月之前 回复
<template>
<div>
  <el-menu
    background-color="#303133"
    text-color="#C0C4CC"
    active-text-color="#409EFF"
    class="el-menu"
    :collapse="true"
  >
  <navs :asideNav="asideNav"></navs>
  </el-menu>
    </div>
</template>

父组建错了, 只能一个root node,

分给我吧,我要下载个文件

没人回答,我顶一下,没人回答我就在顶一下

render 出来的只能有以恶搞根节点,所以你也是需要用div去包裹一下你需要render的哪一个item

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
求教:有哪个大神知道怎么使用vue的render函数写一个拖放接口,返回虚拟dom节点
求教:有哪个大神知道怎么使用vue的render函数写一个拖放接口,返回虚拟dom节点
怎么在vue单页面项目用一个公共函数监听到所有页面上按钮的点击事件???
出了一个奇葩需求,需要在vue单页面项目用一个公共函数监听到所有页面上按钮的点击事件,这怎么搞???监听鼠标点击事件?好像不行吧。有点伤脑壳。有没有大佬做过类似的功能的,给一点思路。谢谢谢谢
vue项目不使用cli/npm的情况下怎么打包
vue项目不使用cli/npm的情况下怎么打包,直接在html里写的
VUE项目,子组件无法调用父组件的方法,this.$parent、this.$emit 都不行
原本是想要用这个子组件去调用父组件的方法,但是用VUE的三种调用方法都无法实现,想问一下还有没有什么方法能让我 在子组件的点击事件里,成功调用父组件的方法的。 ![父组件](https://img-ask.csdn.net/upload/202001/14/1578969855_255466.png) ![子组件](https://img-ask.csdn.net/upload/202001/14/1578969871_100985.png)![子组件的JS代码](https://img-ask.csdn.net/upload/202001/14/1578969877_431503.png)
请教一种vue项目的语法
``` export function createArt(data) { return request({ url: '/article/create', method: 'post', data }) } ``` 这是在vue的项目中的一段代码,看不懂,怎么可以导出一个函数,这应该是导出 的是函数的返回值吧,也就是函数request()的结果,url里的路径,项目里根本就没有文件夹叫 article的呀,难道是动态生成的,下面的post是什么鬼,又不是发ajax请求,这种语法一般都是用来干什么的
vue 项目中怎么引用js文件
vue 项目中怎么引用js文件,我在vue组件里拷入了一个模板页面,css引入了,但是一些js文件无法引用
如何解决vue.js组件中template内容不能换行的问题?
sublime环境下,我用vue.js的时候,写一个组件,在template写入内容,代码不能换行,必须在代码写成一整行才不会报错。这样我组件的内容简单的还好,要是写一个复杂的内容的话,调试和日后修改会非常麻烦(所以代码排成一行),问下应该怎么解决?(初学vue,若是常识性弱智表达,大佬勿喷)
vue中使用iview,在table表格中使用render()函数返回的下拉框被挡住了。求助前端大神。
## # ## #vue中使用iview,在table表格中使用render()函数返回的下拉框被挡住了。 网上百度的给下拉框加z-index和设置position:absolute都不好使,求助前端大神。 ``` <template> <!--添加数据 - 单次引入--> <div> <!--在这里指定目标列和tagging列 表单--> <div style="width: 90%; margin-left: 50px; margin-top: 10px; background-color: white;overflow: hidden;"> <Form :model="formItem" ref="formValidate" :rules="ruleValidate" :label-width="200" style="width: 70%;margin-top: 30px;"> <FormItem label="命名空间" prop="nameSpace"> <Select v-model="formItem.nameSpace" placeholder="输入命名空间,支持英文字母、数字、下划线和加减号"> <Option v-for="(item, index) in formItem.nameSpace" :key="index" :value="item.value"> <span>{{item.name}}</span> </Option> </Select> </FormItem> <FormItem label="导入数据组" prop="dataGroup"> <RadioGroup v-model="formItem.dataGroup"> <Radio label="not">不导入数据组</Radio> <Radio label="female">导入已有数据组</Radio> <Radio label="male">创建新数据组</Radio> </RadioGroup> </FormItem> <FormItem label="数据表名" prop="dataTableName"> <Input v-model="formItem.dataTableName" placeholder="输入数据表名,支持英文字母、数字、下划线和加减号"></Input> </FormItem> <FormItem label="类型异常行" prop="excepRow"> <RadioGroup v-model="formItem.excepRow"> <Radio label="not">设置为null</Radio> <Radio label="female">抛掉异常行</Radio> <Radio label="male">放弃本次引入</Radio> </RadioGroup> </FormItem> <FormItem label="与标准列数不一致" prop="excepCol"> <RadioGroup v-model="formItem.excepCol"> <Radio label="female">抛掉异常行</Radio> <Radio label="male">放弃本次引入</Radio> </RadioGroup> </FormItem> <FormItem label="高级参数" prop="seniorParam"> <RadioGroup v-model="formItem.seniorParam"> <Radio label="not">使用默认配置</Radio> <Radio label="female">自定义高级参数</Radio> </RadioGroup> </FormItem> </Form> </div> <!--编辑字段名、类型表格--> <div style="width: 90%; margin: 10px 0 0 50px; background-color: white;overflow: hidden;" align="center"> <Row style="width: 90%;"> <Col span="10"> <h2 align="left" style="margin: 20px 0 20px 0;">编辑字段</h2> </Col> <Col span="14"> <h2 align="right" style="margin: 20px 0 20px 0;">点击字段名或字段类型进入批量编辑模式</h2> </Col> </Row> <div style="width: 90%;"> <Table :columns="dataPreviewColumns" :data="dataPreviewData"></Table> <!--分页--> <div style="margin: 10px;overflow: hidden"> <div style="float: left;"> <Page :total="dataPreviewData.length" :current="1" prev-text="上一页" next-text="下一页" show-total show-sizer show-elevator></Page> </div> </div> </div> <Button @click="importData" type="primary" size="large" style="float: right;margin: 0 100px 30px 0;width: 150px;">下一步</Button> </div> </div> </template> <script> /* eslint-disable */ export default { name: 'once-import-next', data () { return { columnName: ['String', 'SmallInt', 'Int', 'BigInt', 'Float', 'Double', 'Date', 'TimeStamp'], formItem: { // 表单项集合 nameSpace: [{name:'data_test', value:'data_test'}], dataGroup: '', dataTableName: '', excepRow: '', excepCol: '', seniorParam: '' }, ruleValidate: { // 表单字段校验规则 nameSpace: [ { required: true, message: '请选择命名空间', trigger: 'change' } ], dataGroup: [ { required: true, message: '请选择数据组', trigger: 'change' } ], dataTableName: [ { required: true, message: '请输入数据表名', trigger: 'blur' } ] }, dataPreviewColumns: [ {type: 'selection', width: 100, align: 'center'}, {title: '字段名', key: 'nameSpace'}, { title: '字段类型', key: 'name', render: (h, params) => { return h('Select',{style: {width: '100px'}, attrs: {placeholder: params.row.name}}, this.columnName.map((column) => { return h('Option', {attrs: {value: column}}, [h('span',[column])]); }) ); } }, { title: '引入类型', key: 'type' }, { title: '引入完整性', key: 'integrity' }, { title: '占用存储', key: 'storage' }, { title: '创建时间', key: 'createTime', sortable: true}, { title: '修改时间', key: 'editTime', sortable: true} ], dataPreviewData: [ { nameSpace: 'test_data ', name: '呵呵', type: '深拷贝', integrity: '引入完整性', storage: '19 KB', createTime: 12, editTime: 12 }, { nameSpace: 'test_data ', name: '呵呵', type: '深拷贝', integrity: '引入完整性', storage: '19 KB', createTime: 11, editTime: 2 }, { nameSpace: 'test_data ', name: '呵呵', type: '深拷贝', integrity: '引入完整性', storage: '19 KB', createTime: 1, editTime: 222 }, { nameSpace: 'test_data ', name: '呵呵', type: '深拷贝', integrity: '引入完整性', storage: '19 KB', createTime: 22, editTime: 12 } ] } }, methods: { importData(){ this.$emit('importStatus', true); const id = parseInt(Math.random() * 100000) const route = { name: 'import-status', params: { id }, meta: { title: `动态路由-${id}` } } this.$router.push(route) } }, mounted(){ } } </script> <style > .ivu-select-dropdown{ z-index: 99999; position: relative; } </style> ![图片说明](https://img-ask.csdn.net/upload/201909/02/1567420031_279292.png) ![图片说明](https://img-ask.csdn.net/upload/201909/02/1567420041_157300.png) ```
使用Vue.extend动态创建的组件,怎么使用v-model接出值?
使用Vue.extend动态创建的组件,怎么在组件上设置v-model接出值,并监听
哪位大佬知道在vue中使用element-ui的弹出框(dialog)写的公共组件,关闭时会闪烁一下?
vue使用element-ui的弹出框(dialog)写的公共组件,在关闭的时候会闪现一下;而且在这个弹框中弹出的提示框在关闭时也会闪一下,哪位大佬知道是什么原因呀?
vue项目怎么实现类似js中clipboardData在网页中实现截屏粘贴的功能
想在聊天的文本框中把QQ或者微信截的图粘贴到vue项目的聊天框中,请问有什么实现的方法?指点一下,急等!!!
做vue项目时使用vue-aplayer报错
配置完vue-aplayer,运行npm run start,一直报错依赖找不到 * hls.js in ./node_modules/vue-aplayer/dist/vue-aplayer.min.js ![图片说明](https://img-ask.csdn.net/upload/201911/19/1574150431_952151.png)![图片说明](https://img-ask.csdn.net/upload/201911/19/1574150439_268288.png) 配置是按照[https://blog.csdn.net/yusina_/article/details/83690647](https://blog.csdn.net/yusina_/article/details/83690647 "")这个帖子配置的 新手自己写的第一个项目,卡一下午了,求教(真诚脸)
vue2.0如何指定vue组件渲染到某一个html页面上呢= =
vue小白求教,vue项目创建完毕,都是渲染到index.html页面上的,假如我创建了一个页面page.html,我想把vue组件渲染到page.html页面上,我要怎么改代码呢T T。。。
vue项目根据不同的设备,加载不同的项目文件
现在有两份vue项目文件(pc/移动端),想实现在同一个域名下,根据不同的设备自动切换到相应的页面,所有的页面的路径已经改成一致,请问有哪些解决办法 有一个思路:在移动/pc的入口文件处判断,然后加载相应的文件,但是不知道该怎么实现,求大佬指点
Vue项目的 axios使用问题
## 背景: VsCode + Element-Ui + Vue脚手架 ## 目的:搭建一个前端登入页面 ## 问题:用axios调用api出现问题,问题定位不清 **已在main.js文件中引入axios** ``` import axios from 'axios' import qs from 'qs' Vue.prototype.$axios = axios Vue.prototype.qs=qs ``` **前端断点出现问题和报错图片:** ![图片说明](https://img-ask.csdn.net/upload/201911/07/1573094660_374330.jpg) ![图片说明](https://img-ask.csdn.net/upload/201911/07/1573094667_264214.jpg)
Vue项目中 组件通信的主要方式!!!!!!!!!!!!
Vue项目中 组件通信 方法的传递:子组件Props接受方式, @emit(event,data) 监听方式 ,一般主要用哪一种方式!
VUE.JS一个组件里面的使用第三方css框架,不能独立的吗,
VUE.JS一个组件里面的使用第三方css框架,不能独立的吗,我一个组件用了,其他组件竟然也能用
如何实现Vue不加小括号调用构造函数
如何实现类似Vue的这种调用函数的方法: Vue.方法名...... 上面的Vue构造函数没有加小括号即可调用,这是怎么实现的?
VUE项目里使用jquery错误
错误提示 "ReferenceError: $ is not defined" 我已经安装了jquery npm install jquery 在main.js文件内调用 import $ from "jquery" vuecli-4.1.2
130 个相见恨晚的超实用网站,一次性分享出来
相见恨晚的超实用网站 持续更新中。。。
我花了一夜用数据结构给女朋友写个H5走迷宫游戏
起因 又到深夜了,我按照以往在csdn和公众号写着数据结构!这占用了我大量的时间!我的超越妹妹严重缺乏陪伴而 怨气满满! 而女朋友时常埋怨,认为数据结构这么抽象难懂的东西没啥作用,常会问道:天天写这玩意,有啥作用。而我答道:能干事情多了,比如写个迷宫小游戏啥的! 当我码完字准备睡觉时:写不好别睡觉! 分析 如果用数据结构与算法造出东西来呢? ...
对计算机专业来说学历真的重要吗?
我本科学校是渣渣二本,研究生学校是985,现在毕业五年,校招笔试、面试,社招面试参加了两年了,就我个人的经历来说下这个问题。 这篇文章很长,但绝对是精华,相信我,读完以后,你会知道学历不好的解决方案,记得帮我点赞哦。 先说结论,无论赞不赞同,它本质就是这样:对于技术类工作而言,学历五年以内非常重要,但有办法弥补。五年以后,不重要。 目录: 张雪峰讲述的事实 我看到的事实 为什么会这样 ...
字节跳动视频编解码面经
三四月份投了字节跳动的实习(图形图像岗位),然后hr打电话过来问了一下会不会opengl,c++,shador,当时只会一点c++,其他两个都不会,也就直接被拒了。 七月初内推了字节跳动的提前批,因为内推没有具体的岗位,hr又打电话问要不要考虑一下图形图像岗,我说实习投过这个岗位不合适,不会opengl和shador,然后hr就说秋招更看重基础。我当时想着能进去就不错了,管他哪个岗呢,就同意了面试...
win10系统安装教程(U盘PE+UEFI安装)
一、准备工作 u盘,电脑一台,win10原版镜像(msdn官网) 二、下载wepe工具箱 极力推荐微pe(微pe官方下载) 下载64位的win10 pe,使用工具箱制作启动U盘打开软件, 选择安装到U盘(按照操作无需更改) 三、重启进入pe系统 1、关机后,将U盘插入电脑 2、按下电源后,按住F12进入启动项选择(技嘉主板是F12) 选择需要启...
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
Python——画一棵漂亮的樱花树(不同种樱花+玫瑰+圣诞树喔)
最近翻到一篇知乎,上面有不少用Python(大多是turtle库)绘制的树图,感觉很漂亮,我整理了一下,挑了一些我觉得不错的代码分享给大家(这些我都测试过,确实可以生成) one 樱花树 动态生成樱花 效果图(这个是动态的): 实现代码 import turtle as T import random import time # 画樱花的躯干(60,t) def Tree(branch, ...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小人工智障。 思路可以运用在不同地方,主要介绍的是思路。
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
Ol4网格生成以及优化
概述 先描述一下大致场景:以0.05为单元格大小生成网格,并在地图上绘制,绘制的时候需要区分海陆。本文以此需求为契机,简单描述一下该需求的实现以及如何来优化。 效果 实现 优化前 var source = new ol.source.Vector({ features: [] }); var vector = new ol.layer.Vector({ source...
11月19日科技资讯|华为明日发布鸿蒙整体战略;京东宣告全面向技术转型;Kotlin 1.3.60 发布
「极客头条」—— 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧。扫描上方二维码进入 CSDN App 可以收听御姐萌妹 Style 的人工版音频哟。 一分钟速览新闻点! 6G 专家组成员:速率是 5G 的 10 至 100 倍,预计 2030 年商用 雷军:很多人多次劝我放弃WPS,能坚持下来并不是纯粹的商业决定 ...
C语言魔塔游戏
很早就很想写这个,今天终于写完了。 游戏截图: 编译环境: VS2017 游戏需要一些图片,如果有想要的或者对游戏有什么看法的可以加我的QQ 2985486630 讨论,如果暂时没有回应,可以在博客下方留言,到时候我会看到。 下面我来介绍一下游戏的主要功能和实现方式 首先是玩家的定义,使用结构体,这个名字是可以自己改变的 struct gamerole { char n...
iOS Bug 太多,苹果终于坐不住了!
开源的 Android 和闭源的 iOS,作为用户的你,更偏向哪一个呢? 整理 | 屠敏 出品 | CSDN(ID:CSDNnews) 毋庸置疑,当前移动设备操作系统市场中,Android 和 iOS 作为两大阵营,在相互竞争的同时不断演进。不过一直以来,开源的 Android 吸引了无数的手机厂商涌入其中,为其生态带来了百花齐放的盛景,但和神秘且闭源的 iOS 系统相比,不少网友...
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怎么样了,所以今天尽量客观...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip installselenium -ihttps://pypi.tuna.tsinghua.edu.cn/simple/ ...
程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
程序员该看的几部电影
1、骇客帝国(1999) 概念:在线/离线,递归,循环,矩阵等 剧情简介: 不久的将来,网络黑客尼奥对这个看似正常的现实世界产生了怀疑。 他结识了黑客崔妮蒂,并见到了黑客组织的首领墨菲斯。 墨菲斯告诉他,现实世界其实是由一个名叫“母体”的计算机人工智能系统控制,人们就像他们饲养的动物,没有自由和思想,而尼奥就是能够拯救人类的救世主。 可是,救赎之路从来都不会一帆风顺,到底哪里才是真实的世界?如何...
蓝桥杯知识点汇总:基础知识和常用算法
文章目录基础语法部分:算法竞赛常用API:算法部分数据结构部分 此系列包含蓝桥杯绝大部分所考察的知识点,以及真题题解~ 基础语法部分: 备战蓝桥杯java(一):一般输入输出 和 快速输入输(BufferedReader&amp;BufferedWrite) 备战蓝桥杯java(二):java编程规范和常用数据类型 备战蓝桥杯java(三):常用功能符以及循环结构和分支结构 备战蓝桥杯java(四...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
@程序员,如何花式构建线程?
作者 |曾建责编 | 郭芮出品 | CSDN(ID:CSDNnews)在项目和业务的开发中,我们难免要经常使用线程来进行业务处理,使用线程可以保证我们的业务在相互处理之间可以保证原子性...
破14亿,Python分析我国存在哪些人口危机!
一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化(抚养比) 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST70 2、2019年数据没有放上去,可以手动添加上去 3、将数据进行 行列转换 4、列名...
实现简单的轮播图(单张图片、多张图片)
前言 刚学js没多久,这篇博客就当做记录了,以后还会完善的,希望大佬们多多指点。ps:下面出现的都是直接闪动,没有滑动效果的轮播图。 单张图片的替换 · ...
强烈推荐10本程序员在家读的书
很遗憾,这个春节注定是刻骨铭心的,新型冠状病毒让每个人的神经都是紧绷的。那些处在武汉的白衣天使们,尤其值得我们的尊敬。而我们这些窝在家里的程序员,能不外出就不外出,就是对社会做出的最大的贡献。 有些读者私下问我,窝了几天,有点颓丧,能否推荐几本书在家里看看。我花了一天的时间,挑选了 10 本我最喜欢的书,你可以挑选感兴趣的来读一读。读书不仅可以平复恐惧的压力,还可以对未来充满希望,毕竟苦难终将会...
Linux自学篇——linux命令英文全称及解释
man: Manual 意思是手册,可以用这个命令查询其他命令的用法。 pwd:Print working directory 意思是密码。 su:Swith user 切换用户,切换到root用户 cd:Change directory 切换目录 ls:List files 列出目录下的文件 ps:Process Status 进程状态 mkdir:Make directory ...
Python实战:抓肺炎疫情实时数据,画2019-nCoV疫情地图
今天,群里白垩老师问如何用python画武汉肺炎疫情地图。白垩老师是研究海洋生态与地球生物的学者,国家重点实验室成员,于不惑之年学习python,实为我等学习楷模。先前我并没有关注武汉肺炎的具体数据,也没有画过类似的数据分布图。于是就拿了两个小时,专门研究了一下,遂成此文。
疫情数据接口api
返回json示例 { "errcode":0,//0标识接口正常 "data":{ "date":"2020-01-30 07:47:23",//实时更新时间 "diagnosed":7736,//确诊人数 "suspect":12167,//疑是病例人数 "death":170,//死亡人数 "cur...
相关热词 c#导入fbx c#中屏蔽键盘某个键 c#正态概率密度 c#和数据库登陆界面设计 c# 高斯消去法 c# codedom c#读取cad文件文本 c# 控制全局鼠标移动 c# temp 目录 bytes初始化 c#
立即提问