初级前端面试总结

最新推荐文章于 2024-10-08 11:08:46 发布
最新推荐文章于 2024-10-08 11:08:46 发布
阅读量1.3k 收藏 7
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端面试总结 文章标签： 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiaohuli_hyr/article/details/106326648
本文全面解析前端面试核心知识点，涵盖cookie、sessionStorage、localStorage的区别，HTTP状态码详解，请求方式对比，get与post区别，跨域问题及解决方案，keep-alive应用场景，vuex中store与$store区别，组件间数据传递技巧，JS中==与===的对比，以及ES6模板字符串用法，是前端开发者面试前必备复习资料。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

初级前端面试总结

文章目录

一、cookie、sessionStorage和localStorage的区别

答：区别

1、存储大小

  • cookie只能存储 4K的数据，每个域名一般存储量不超过20个。
  • localstorage和sessionstorage，存储大小为 5mb

2、有效期

  • cookie有效期可以自己自定义，未设置有效期是浏览器关闭后则被删除，设置有效期后则将数据存储到 硬盘中。默认不会存储到硬盘。（同一个浏览器，同一个标签页/不同的标签页 均可共享）
  • localstorage一直存储在客户端，除非用户自行删除或者清除缓存，否则一直存在。（同一个浏览器，同一个标签页/不同的标签页 均可共享）
  • sessionstorage：存储在客户端，默认关闭浏览器则自行删除。（不同浏览器，同一个标签页 均可以共享）

3、运用场景

  • cookie一般用于存储不敏感信息且使用较广（安全性较低，不建议使用）
  • sessionstorage：用于存储 一次性数据，关闭浏览器则被丢弃。
  • localstorage：一般用于登录验证，存储用户登录信息。

4、安全性、服务端通信

  • cookie安全性较低，容易被人攻击，或者串改信息。每次请求不管服务端是否需要，都会携带cookie，从而降低了传输带宽
  • sessionstorage：不用参与服务端，一直存储到客户端，接口可以直接使用，安全性较高。
  • localstorage：不用参与服务端，一直存储到客户端，接口可以直接使用，安全性较高。

5、作用域

  • cookie作用域同一个浏览器，同一个标签页/不同的标签页 均可共享
  • localstorage：同一个浏览器，同一个标签页/不同的标签页 均可共享
  • sessionstorage：不同浏览器，同一个标签页 均可以共享

6、存储位置

  • cookie：一般存储 浏览器客户端
  • localstorage：一般存储 浏览器客户端
  • sessionstorage：一般存储 浏览器客户端

7、机制不同

  • cookie：每次请求接口时，均要携带所有cookie值
  • localstorage：不参与接口机制，但是接口可以直接使用
  • essionstorage：不用参与服务端，接口可以直接使用

8、参考文献

【1】 https://blog.youkuaiyun.com/weixin_42614080/article/details/90706499

二、HTTP状态码

HTTP状态码由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字没有分类的作用。HTTP状态码共分为5种类型。

分类分类描述
1**信息，服务器收到请求，需要请求者继续执行操作
2**成功，操作被成功接收并处理
3**重定向，需要进一步的操作以完成请求
4**客户端错误，请求包含语法错误或无法完成请求
5**服务器错误，服务器在处理请求的过程中发生了错误

HTTP状态码表（版本1） 此表含状态码英文名称

状态码状态码英文名称中文描述
1开头的状态码
100Continue继续。客户端应继续其请求
101Switching Protocols切换协议。服务器根据客户端的请求切换协议。只能切换到更高级的协议，例如，切换到HTTP的新版本协议
2开头的状态码
200OK请求成功。一般用于GET与POST请求
201Created已创建。成功请求并创建了新的资源
202Accepted已接受。已经接受请求，但未处理完成
203Non-Authoritative Information非授权信息。请求成功。但返回的meta信息不在原始的服务器，而是一个副本
204No Content无内容。服务器成功处理，但未返回内容。在未更新网页的情况下，可确保浏览器继续显示当前文档
205Reset Content重置内容。服务器处理成功，用户终端（例如：浏览器）应重置文档视图。可通过此返回码清除浏览器的表单域
206Partial Content部分内容。服务器成功处理了部分GET请求
3开头的状态码
300Multiple Choices多种选择。请求的资源可包括多个位置，相应可返回一个资源特征与地址的列表用于用户终端（例如：浏览器）选择
301Moved Permanently永久移动。请求的资源已被永久的移动到新URI，返回信息会包括新的URI，浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替
302Found临时移动。与301类似。但资源只是临时被移动。客户端应继续使用原有URI
303See Other查看其它地址。与301类似。使用GET和POST请求查看
304Not Modified未修改。所请求的资源未修改，服务器返回此状态码时，不会返回任何资源。客户端通常会缓存访问过的资源，通过提供一个头信息指出客户端希望只返回在指定日期之后修改的资源
305Use Proxy使用代理。所请求的资源必须通过代理访问
306Unused已经被废弃的HTTP状态码
307Temporary Redirect临时重定向。与302类似。使用GET请求重定向
4开头的状态码
400Bad Request客户端请求的语法错误，服务器无法理解
401Unauthorized请求要求用户的身份认证
402Payment Required保留，将来使用
403Forbidden服务器理解请求客户端的请求，但是拒绝执行此请求
404Not Found服务器无法根据客户端的请求找到资源（网页）。通过此代码，网站设计人员可设置"您所请求的资源无法找到"的个性页面
405Method Not Allowed客户端请求中的方法被禁止
406Not Acceptable服务器无法根据客户端请求的内容特性完成请求
407Proxy Authentication Required请求要求代理的身份认证，与401类似，但请求者应当使用代理进行授权
408Request Time-out服务器等待客户端发送的请求时间过长，超时
409Conflict服务器完成客户端的PUT请求是可能返回此代码，服务器处理请求时发生了冲突
410Gone客户端请求的资源已经不存在。410不同于404，如果资源以前有现在被永久删除了可使用410代码，网站设计人员可通过301代码指定资源的新位置
411Length Required服务器无法处理客户端发送的不带Content-Length的请求信息
412Precondition Failed客户端请求信息的先决条件错误
413Request Entity Too Large由于请求的实体过大，服务器无法处理，因此拒绝请求。为防止客户端的连续请求，服务器可能会关闭连接。如果只是服务器暂时无法处理，则会包含一个Retry-After的响应信息
414Request-URI Too Large请求的URI过长（URI通常为网址），服务器无法处理
415Unsupported Media Type服务器无法处理请求附带的媒体格式
416Requested range not satisfiable客户端请求的范围无效
417Expectation Failed服务器无法满足Expect的请求头信息
5开头的状态码
500Internal Server Error服务器内部错误，无法完成请求
501Not Implemented服务器不支持请求的功能，无法完成请求
502Bad Gateway充当网关或代理的服务器，从远端服务器接收到了一个无效的请求
503Service Unavailable由于超载或系统维护，服务器暂时的无法处理客户端的请求。延时的长度可包含在服务器的Retry-After头信息中
504Gateway Time-out充当网关或代理的服务器，未及时从远端服务器获取请求
505HTTP Version not supported服务器不支持请求的HTTP协议的版本，无法完成处理

参考文献

【1】 http://tools.jb51.net/table/http_status_code

三、HTTP的请求方式有哪几种

HTTP Request Method共计15种

序号方法描述
1get请求指定的页面信息，并返回实体主体。
2head类似于get请求，只不过返回的响应中没有具体的内容，用于获取报头
3post向指定资源提交数据进行处理请求（例如提交表单或者上传文件）。数据被包含在请求体中。POST请求可能会导致新的资源的建立和/或已有资源的修改。
4put从客户端向服务器传送的数据取代指定的文档的内容。
5delete请求服务器删除指定的页面。
6CONNECTHTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。
7options允许客户端查看服务器的性能。
8TRACE回显服务器收到的请求，主要用于测试或诊断。
9PATCH实体中包含一个表，表中说明与该URI所表示的原内容的区别。
10MOVE请求服务器将指定的页面移至另一个网络地址。
11COPY请求服务器将指定的页面拷贝至另一个网络地址。
12LINK请求服务器建立链接关系。
13UNLINK断开链接关系。
14WRAPPED允许客户端发送经过封装的请求。
15Extension-mothed

注：一般情况下使用较多的为：get，post，put，delete，head请求

参考文献

【1】 http://tools.jb51.net/table/http_status_code

四、get请求和post请求的区别

1、请求头的区别

  • get：没有请求头
  • post：有请求头

2、请求参数

  • get：请求参数会显示在URL地址
  • post：请求参数通过 request body传递参数

3、安全性

  • get：参数暴露在URL地址中，安全性较低。
  • post：请求参数通过 request body传递，安全性比get高。

4、运用场景

  • get：一般运用列表查询，发送少量数据时候使用
  • post：一般运用修改 增，修、删除等操作。

5、传输大小

  • get：在HTTP规范中，没有对URL的长度和传输的数据大小进行限制。但是在实际开发过程中，对于GET，特定的浏览器和服务器对URL的长度有限制。因此，在使用GET请求时，传输数据会受到URL长度的限制。

6、其他

  • GET在浏览器回退时是无害的，而POST会再次提交请求。
  • GET产生的URL地址可以被Bookmark（标签），而POST不可以。
  • GET请求会被浏览器主动cache（缓存），而POST不会，除非手动设置。
  • GET请求只能进行url编码，而POST支持多种编码方式
  • GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。
  • GET请求在URL中传送的参数是有长度限制的，而POST么有。
  • 对参数的数据类型，GET只接受ASCII字符，而POST没有限制。
  • GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
  • GET参数通过URL传递，POST放在Request body中。

参考文献

【1】https://www.cnblogs.com/logsharing/p/8448446.html

五、什么原因引起跨域的问题，如何解决的

1、产生跨域的原因

浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。

所谓的同源指的是 域名，协议，端口均相同

  • 非跨域：http://www.123.com/index.html 调用 http://www.123.com/server.php
  • 域名不同 跨域：http://www.123.com/index.html 调用 http://www.456.com/server.php （主域名不同:123/456，跨域）
  • 子域名不同跨域：http://abc.123.com/index.html 调用 http://def.123.com/server.php （子域名不同:abc/def，跨域）
  • 端口不同跨域：http://www.123.com:8080/index.html 调用 http://www.123.com:8081/server.php （端口不同:8080/8081，跨域）
  • 协议不同：http://www.123.com/index.html 调用 https://www.123.com/server.php （协议不同:http/https，跨域）

注意：localhost和127.0.0.1虽然都指向本机，但也属于跨域。

浏览器执行javascript脚本时，会检查这个脚本属于哪个页面，如果不是同源页面，就不会被执行。

2、解决跨域办法

1、jsonp：

使用方式就不赘述了，但是要注意JSONP只支持GET请求，不支持POST请求。

<script type="text/javascript" src="jquery.js"></script>  
<script type="text/javascript">  
    $.ajax({  
        url:"http://crossdomain.com/services.php",  
        dataType:'jsonp',  
        data:'',  
        jsonp:'callback',  
        success:function(result) {  
            for(var i in result) {  
                alert(i+":"+result[i]);//循环输出a:1,b:2,etc.  
            }  
        },  
        timeout:3000  
    });  
</script>

2、vue3 中vue.config.js 文件下 配置 proxyTbale

devServer: {
    open: true, //是否自动弹出浏览器页面
    host: "localhost", 
    port: '8081',
    https: false,
    hotOnly: false, 
    proxy: {
        '/api': {
            target: 'https://www.v2ex.com/api', //API服务器的地址
            changeOrigin: true, //是否跨域
            pathRewrite: {
                '^/api': ''
            }
        }
    },
}

3、vue2项目 中config 文件下 index.js 配置跨域

vue2解决跨域问题

六、keep-alive运用场景，可通过什么函数来触发 函数。

官方文档： https://cn.vuejs.org/v2/guide/components-dynamic-async.html#%E5%9C%A8%E5%8A%A8%E6%80%81%E7%BB%84%E4%BB%B6%E4%B8%8A%E4%BD%BF%E7%94%A8-keep-alive

keep-alive：当在这些组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题。一般运用在 tab选项卡切换，每次切换后不需要调用方法后，则可以采用 keep-alive进行存入缓存。

如果在切换页面后，值更改则需要重新调用接口，则可通过activated 和 deactivated 将会在 <keep-alive/> 树内的所有嵌套组件中触发 函数。

官方说明：

注意这个 <keep-alive/>要求被切换到的组件都有自己的名字，不论是通过组件的 name 选项还是局部/全局注册。

  • Props：

    • include - 字符串或正则表达式。只有名称匹配的组件会被缓存。
    • exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。
    • max - 数字。最多可以缓存多少组件实例。

  • 用法：

    <keep-alive/>包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition/>相似，<keep-alive>是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。

    当组件在 <keep-alive>内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。

    在 2.2.0 及其更高版本中，activated 和 deactivated 将会在 <keep-alive/> 树内的所有嵌套组件中触发。

    主要用于保留组件状态或避免重新渲染。

    <!-- 基本 -->
<keep-alive>
  <component :is="view"></component>
</keep-alive>

<!-- 多个条件判断的子组件 -->
<keep-alive>
  <comp-a v-if="a > 1"></comp-a>
  <comp-b v-else></comp-b>
</keep-alive>

<!-- 和 `<transition>` 一起使用 -->
<transition>
  <keep-alive>
    <component :is="view"></component>
  </keep-alive>
</transition>

    注意，是用在其一个直属的子组件被开关的情形。如果你在其中有 `v-for` 则不会工作。如果有上述的多个条件性的子元素， 要求同时只有一个子元素被渲染。

  • include and exclude

    2.1.0 新增

    include 和 exclude 属性允许组件有条件地缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示：

    <!-- 逗号分隔字符串 -->
<keep-alive include="a,b">
  <component :is="view"></component>
</keep-alive>

<!-- 正则表达式 (使用 `v-bind`) -->
<keep-alive :include="/a|b/">
  <component :is="view"></component>
</keep-alive>

<!-- 数组 (使用 `v-bind`) -->
<keep-alive :include="['a', 'b']">
  <component :is="view"></component>
</keep-alive>

    匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。

  • max

    2.5.0 新增

    最多可以缓存多少组件实例。一旦这个数字达到了，在新实例被创建之前，已缓存组件中最久没有被访问的实例会被销毁掉。

    <keep-alive :max="10">
  <component :is="view"></component>
</keep-alive>

    <keep-alive> 不会在函数式组件中正常工作，因为它们没有缓存实例。

  • 参考：动态组件 - keep-alive

七、vuex 中的 store 和 $store 的区别

<router-link to="/login">{{ $store.state.userName }}</router-link>
<router-link to="/login">{{ store.state.userName }}</router-link>
<router-link to="/login">{{ this.store.state.userName }}</router-link>
<router-link to="/login">{{ this.$store.state.userName }}</router-link>

$store 是挂载在 Vue 实例上的（即Vue.prototype），而组件也其实是一个Vue实例，在组件中可使用 this 访问原型上的属性，template 拥有组件实例的上下文，可直接通过 {{ $store.state.userName }} 访问，等价于 script 中的 this.$store.state.userName。
至于 {{ store.state.userName }}，script 中的 data 需声明过 store 才可访问。

参考文献

【1】 https://blog.youkuaiyun.com/zeroyulong/article/details/83750708

八、父子组件、兄弟组件之间的传值方式

  • 父组件可以使用 props 把数据传给子组件。
  • 子组件可以使用 $emit 触发父组件的自定义事件。
  • 兄弟组件之间的传值：需新建一个中间组件，然后通过 e m i t ( ) 来 传 递 参 数 （ 类 似 与 子 组 件 给 父 组 件 之 间 的 传 值 方 式 ） ， 然 后 通 过 emit()来传递参数（类似与子组件给父组件之间的传值方式），然后通过 emit()来传递参数（类似与子组件给父组件之间的传值方式），然后通过on(functionName, callback)监听 兄弟组件 暴露出来的事件，通过回调函数获取兄弟组件传递出来的值

1、父组件给子组件传值，关键字：props

父组件：

<template>
  <div>
    <h1>父组件</h1>　　<!-- 引入子组件 -->
    <child :sendMsg="fatherMsg"></child>
  </div>
</template>

<script>
import child from '@/components/child'
export default {
  name: 'father',
  components: {
    child
  },
  data() {
    return {
      fatherMsg: '嗨，儿子' // 传递给子组件的值
    }
  }
}
</script>

子组件：通过props拿到父组件传递过来的值

<template>
  <div>
    <h1>子组件</h1>
    <span>获取父组件传值:{{sendMsg}}</span> 
  </div>
</template>

<script>
export default {
  name: 'child',
  data() {
    return {

    }
  },
  props: ['sendMsg'] // 拿到父组件绑定到sendMsg的值，然后在子组件下显示出来
}
</script>

2、子组件给父组件传值：通过触发事件传递值

子组件：

<template>
  <div>
    <h1>子组件</h1>
    <span>获取父组件传值:{{sendMsg}}</span><hr>
    <button @click="sendToFather">子组件给父组件传值</button>
  </div>
</template>

<script>
export default {
  name: 'child',
  data() {
    return {
      childMsg: '这是来自子组件的数据'
    }
  },
  props: ['sendMsg'],
  methods: {
    sendToFather: function() {
      this.$emit('getChildValue', this.childMsg); // 参数1 getChildValue作为中间状态，参数2 this.childMsg即为传递给父组件的数据
    }
  }
}
</script>

父组件：

<template>
  <div>
    <h1>父组件</h1>
    <!-- 引入子组件 定义一个on的方法监听子组件的状态，然后通过getChild方法获取子组件传递的数据-->
    <child :sendMsg="fatherMsg" v-on:getChildValue="getChild"></child>
    <span>这是来自子组件的数据：{{childValue}}</span>
  </div>
</template>

<script>
import child from '@/components/child'
export default {
  name: 'father',
  components: {
    child
  },
  data() {
    return {
      fatherMsg: '嗨，儿子',
      childValue: ''
    }
  },
  methods: {
    getChild: function(data) { // 此时的参数data为子组件传递的值，即this.$emit()的第二个参数
      this.childValue = data;
    }
  }
}
</script>

3、同级组件传递数据（兄弟组件）

对于同级组件传值用的较多的情况，推荐直接使用vuex进行状态管理会比较方便。

其原理是先建立一个中间事件 center.js，放在tools文件夹下，如下：

import Vue from 'vue'

export default new Vue()

center.js中我们只创建了一个新的Vue实例，以后它就承担起了组件之间通信的桥梁了，也就是中央事件总线

然后创建第一个子组件first.vue：

<template>
  <div class="first-vue-box">
    <p>this is firstChild vue</p>
    <button @click="sendMsg">发送</button>
  </div>
</template>
<script>
import bridge from '../tools/center'
export default {
  data () {
    return {}
  },
  methods: {
    sendMsg () {
      bridge.$emit('firstChildMsg', 'this is firstChild Msg')
    }
  }
}
</script>
<style lang="scss" scoped>
.first-vue-box {
  border: 1px solid blue;
}
</style>

这里先引入事件总线，通过事件总线点击按钮后将first.vue的信息通过事件firstChildMsg的形式发布出去了（我个人的理解是相当于通过事件总线，将first.vue的firstChildMsg这个事件暴露出去），用法跟子组件向父组件传参的模式一样

然后再创建第二个组件second.vue：

<template>
  <div class="second-child">
    <h4>this is second child vue</h4>
    <p>从first.vue获取同级组件传递过来的信息：{{message}}</p>
  </div>
</template>
<script>
import bridge from '../tools/center'
export default {
  data () {
    return {
      message: '默认值'
    }
  },
  mounted () {
    let _this = this
    bridge.$on('firstChildMsg', function (msg) {
      _this.message = msg
    })
  }
}
</script>

在second.vue中再引入事件总线，然后通过$on(functionName, callback)监听first.vue暴露出来的firstChildMsg事件，通过回调函数获取first.vue传递出来的值

引入两个子组件：

<template>
  <div class="detail-div">
    <h3>首页详情</h3>
    <first-child></first-child>
    <second-child></second-child>
  </div>
</template>
<script>
import firstChild from './first'
import secondChild from './second'
export default {
  data () {
    return {}
  },
  components: {
    firstChild,
    secondChild
  },
  mounted () {
    // console.log('详情页面...')
  }
}
</script>

参考文献

【1】：https://www.cnblogs.com/secretAngel/p/9705809.html

九、js 中 == 与 === 的区别？

  • == 表示相等 （值相等）
  • ===表示恒等（类型和值都要相等）

js在比较的时候如果是 == 会先做类型转换，再判断值得大小，如果是===类型和值必须都相等。

代码

结果

十、webpack打包过程

十一、 1+undefined = ？，1+null = ？

啥都不说，直接贴代码，来的实际

  <script>
   let a = 1; 
    let a1 = "1";
    let a2 = [1]; 
    let a3 = {a: 1}; 
    let b = undefined;
    let c = null;
    console.log("----------以下的 1 是number类型：-------------")
    console.log( a + undefined)
    console.log( a + null)
    console.log( a + b)
    console.log( a + c)

    console.log("----------以下的 1 是字符串类型：-------------")
    console.log( a1 + undefined)
    console.log( a1 + null)
    console.log( a1 + b)
    console.log( a1 + c)

    console.log("----------以下的 1 是数组类型：-------------")
    console.log( a2 + undefined)
    console.log( a2 + null)
    console.log( a2 + b)
    console.log( a2 + c)

    console.log("----------以下的 1 是object类型：-------------")
    console.log( a3 + undefined)
    console.log( a3 + null)
    console.log( a3 + b)
    console.log( a3 + c)
  </script>

结果集：

1+undefined与1+null结果

== 与 === 的区别

十二、es6中模板字符串一共有几种用法，分别是？

推荐一本es6语法极好电子书籍 阮一峰 - ECMAScript 6 入门

[附源码]Python计算机毕业设计毕业设计管理系统
林蓝Python程序源码
11-19 2916
项目运行环境配置：Pychram社区版+ python3.7.7 + Mysql5.7 + HBuilderX+list pip+Navicat11+Django+nodejs。项目技术：django + python+ Vue 等等组成，B/S模式 +pychram管理等等。环境需要1.运行环境：最好是python3.7.7，我们在这个版本上开发的。其他版本理论上也可以。2.pycharm环境：pycharm都可以。推荐pycharm社区版;
基于python的课程网站的设计与实现
u013738196的博客
07-09 3639
目录 第1章 概述 4 1.1项目背景 4 1.2目的意义 4 1.3系统设计思想 4 1.3.1 mvc软件架构模式 4 1.3.2敏捷软件开发 4 1.3.3迭代开发 4 1.4系统开发环境 5 1.5开发人员 5 第2章 可行性分析 6 2.1经济可行性 6 2.2技术可行性 6 2.2.1 Python进行web开发 6 2.2.2Flask web开发框架 6 第3章 系统需求分析 7 3.1系统用户分析 7 3.2系统整体需求分析 7...
基于Python(Django框架)的毕业设计作品成品（52）城市文化展示网站系统设计与实现
杭州.黄老师
10-09 7493
课题主要目标是设计并能够实现一个基于Python技术的城市文化展示系统，整个网站项目使用了B/S架构，基于python的Django框架下开发；管理员通过后台设置网站名称、关于我们、录入系统公告帮助信息、设置轮播图、留言管理、会员管理、录入城市文化信息、录入和管理城市文化景点攻略、小吃攻略等；用户注册账号、登录网站后，可以查看城市文化介绍、历史、城市风景攻略、城市小吃攻略、对风景和小吃攻略可以收藏、评论等。
基于 Python 的毕业设计系统
wm1634208243的博客
04-18 1164
基于 Python 的毕业设计系统
基于SpringBoot + Vue的大学生平时成绩量化管理系统（角色：学生、教师、管理员）
我们不是普通的猪，我们是一群热爱编程、追求创新的“猪仔”。在这里，我们用键盘敲出梦想，用代码编织未来。
09-19 2662
💛博主介绍：作为资深全栈程序员🎉，我专注于为大学生提供毕业设计支持。凭借丰富的开发经验和深入的技术解析，我在此分享实用的编程资源、源代码，并提供定制化技术咨询💡。致力于协助学生在毕业设计中取得成功我的目标是让技术学习变得更高效、更有趣。欢迎关注👋，一起在计算机科学的海洋中乘风破浪⛵️，共创辉煌🏆。👇🏻精选专栏，推荐订阅👇🏻计算机毕业设计最强指南✅计算机最全毕设项目推荐✅✨文末附上源码及联系方式✨。
python计算机毕设【附源码】毕业设计选题系统（django+mysql+论文）
Python毕设源码程序高学长
04-01 1596
在数据库管理工具的选择上，使用了Navicat 11，这是一个用户友好且功能强大的数据库管理软件，它支持多种数据库系统，包括MySQL，并提供了图形化界面，使得数据库的管理和维护工作更加便捷。总的来说，毕业设计选题系统的开发，不仅可以提高选题的效率和公平性，减轻教师的工作负担，提供更多的选择机会给学生，而且也可以让我们学习和掌握前后端分离的开发模式，以及相关的技术和工具。总的来说，毕业设计选题系统的开发和使用，可以提高选题的效率和公平性，减轻教师的工作负担，提供更多的选择机会给学生。
基于java+springboot+vue+mysql的郑州旅游景点智能推荐系统源码+数据库(高分毕业设计).zip
12-16
本项目“基于java+springboot+vue+mysql的郑州旅游景点智能推荐系统源码+数据库(高分毕业设计)”便是在这样的背景下产生的。该项目不仅是一个可以立即运行的完整系统，而且适用于多个场景，包括但不限于课程设计、...
基于java+springboot+vue+mysql的郑州旅游景点智能推荐系统 源码+数据库+论文(高分毕业设计).zip
01-03
本文档为一个基于Java语言开发的旅游景点智能推荐系统项目，该系统融合了Spring Boot作为后端框架，前端使用Vue.js实现用户界面，数据库方面选用MySQL 5.7及以上版本，整个系统在集成开发环境IntelliJ IDEA下进行...
基于JAVA+SpringBoot+Vue+MySQL的郑州旅游景点智能推荐系统源码+数据库(高分毕设项目).zip
最新发布
02-12
郑州旅游景点智能推荐系统是一个结合了现代网络技术与旅游服务的综合性项目，旨在为用户提供一个便捷的方式来发现和探索郑州的旅游景点。该系统以郑州地区的旅游景点为推荐对象，通过智能算法分析用户喜好，给出个性...
基于java+springboot+vue+mysql的郑州旅游景点智能推荐系统 源码+数据库+论文(高分毕设项目).zip
01-27
此外，系统设计之初就考虑了扩展性和可维护性，未来可以轻松添加新的功能模块或者进行技术升级。 系统的技术组成包括但不限于以下几点： 1. 编程语言：Java是一种广泛使用的高级编程语言，以其跨平台性、对象导向...
毕业设计作品一个商业网站
05-29
毕业设计作品一个商业网站asp+access 毕业设计作品一个商业网站asp+access 毕业设计作品一个商业网站asp+access 毕业设计作品一个商业网站asp+access 毕业设计作品一个商业网站asp+access
基于JAVA+SpringBoot+Vue+MySQL的绿城郑州爱心公益网站 源码+数据库+论文(高分毕业设计).zip
12-03
本文档为基于JAVA、SpringBoot、Vue框架以及MySQL数据库的绿城郑州爱心公益网站的源码、数据库脚本和毕业设计论文的压缩包文件。该文件是专为计算机科学与技术、软件工程及相关专业的学生设计，特别是作为毕业设计...
基于Python的毕业设计选题系统的设计与实现
专注于大学生项目实战开发,讲解,毕业答疑辅导,高校老师/讲师/同行合作。以及产品测评宣传、工具推广等合作。
10-08 1961
一、系统概述 本毕业设计选题系统基于 Python 语言开发，旨在为高校师生提供一个便捷、高效的毕业设计选题平台。它利用 Python 丰富的库和强大的功能，实现了系统的各项需求。 二、核心功能 用户管理 区分学生、教师和管理员不同角色，每个角色具有不同的权限和操作界面。 学生可以注册、登录，查看选题信息，提交选题意向。 教师可以发布课题，管理自己发布的课题，查看学生的选题意向并进行选择。 管理员负责整体系统的管理，如用户信息审核、课题审核等。 课题管理 教师能够详细地编辑课题内容，包括课题名称、简介、要求
python毕业设计教程-基于Python+Django+Vue的高校成绩分析管理系统的设计与实现 学生考试成绩管理系统
qq_1445749146的博客
09-23 2551
随着高等教育的普及和发展，高校面临着越来越多的管理挑战，其中之一便是学生成绩管理。学生成绩是高校教育的核心指标之一，不仅直接关系到学生的学业发展，还与教育质量和学校声誉息息相关。然而，随着学生数量的增加和课程的多样化，传统的成绩管理方式已经无法满足现代高校的需求。因此，我们有幸推出了基于Python和Django的高校成绩分析管理系统，旨在帮助高校更有效地管理和分析学生成绩，提高教育质量，为学生提供更好的学习体验。本系统的设计初衷是为高校提供一种全面、可定制和易于使用的学生成绩管理解决方案。
基于python的毕业设计电脑硬件配置推荐系统
luochunlong123的博客
09-07 1649
计算机毕业设计python毕设项目之python主机硬件配置推荐系统-IT实战课堂_哔哩哔哩_bilibili计算机毕业设计python毕设项目之python主机硬件配置推荐系统-IT实战课堂共计2条视频，包括：I21 421-python主机硬件配置推荐系统、项目资源获取等，UP主更多精彩视频，请关注UP账号。系统分析可行性分析。
简易学生信息管理系统（Python版）
热门推荐
qq_44723773的博客
10-24 2万+
一、系统简介 实现一个学生信息的管理系统：主要功能有： 添加学生信息 删除学生信息 修改学生信息 查询学生信息 显示学生信息 退出当前系统 二、步骤分析 显示功能界面 用户输入功能序号 对不同序号的功能实现具体函数（3.1 定义函数、3.2 调用函数） 三、需求实现 显示功能界面info_print() 用户输入功能序号 user_num = eval(input('请输入功能序号：')) 按照用户输入的功能序号，执行不同的功能(函数) 添加学生信息add_info() 删除学生信息del_
Python毕业设计：基于Python+django的电影评论数据分析系统
QQ2083558048的博客
09-08 1024
近年来，随着互联网的蓬勃发展，企事业单位对信息的管理提出了更高的要求。以传统的管理方式已无法满足现代人们的需求。为了迎合时代需求，优化管理效率，各种各样的管理系统应运而生，随着各行业的不断发展，电影评论数据分析系统也逐渐进入了信息化的进程。这个系统的设计主要包括系统页面的设计和方便用户互动的后端数据库，而前端软件的开发则需要良好的数据处理能力、友好的界面和易用的功能。数据要被工作人员通过界面操作传输至数据库中。
Django web框架-----Django templates模板
ALLEN'Blog
08-07 551
quicktool/view.py文件修改视图函数index()，渲染一个home.html模板，在视图中传递一个字符串名称是 string 到模板 home.html。quicktool/view.py文件修改视图函数index()，渲染一个home.html模板，在视图中传递一个List到模板home.html。quicktool(应用app)下创建一个templates文件夹（模板），在templates下创建一个home.html。实例六：获取当前用户、当前网址、当前GET参数。...
50个常见python课程设计/毕业设计题目
疯狂屌丝程序员
09-04 4833
全网搜集了一批常见的python毕业设计选题程序代码，技术栈：python/django/mysql/js/vue
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值