- 博客(104)
- 资源 (1)
- 收藏
- 关注
原创 我是如何从程序员成为了一名“IT就业讲师”
摘要:一名程序员意外获得就业讲师的工作机会,虽担心无法胜任但仍决定尝试。入职后发现接手的是因学生投诉被辞退老师留下的"烫手山芋"班级,面临巨大就业考核压力。凭借扎实的技术功底和全心投入,他最终带领班级取得优异成绩,并在这个过程中爱上了教育事业。这段意外转型经历让他明白人生需要勇于改变,看似困难的挑战往往蕴含着成长的礼物。(149字)
2025-11-06 11:54:13
157
原创 前端必问面试题:视频上传,文件签名类型限制,canvas截取视频封面
文章摘要: 本文介绍了视频上传功能的前端实现方法,主要包括: 获取用户选中的文件信息,通过input的change事件获取文件对象; 视频类型限制,通过JS代码或input的accept属性限制只能上传mp4格式; 文件大小限制,讲解了计算机存储单位(bit、Byte)的换算关系,并实现限制上传文件不超过2MB; 视频上传功能,通过调用API接口实现文件上传,并包含必要的验证逻辑。代码示例使用Vue 3的Composition API编写,展示了完整的上传流程。
2025-10-23 21:48:55
602
原创 前端必问面试题: 前端登录鉴权终极指南:从Cookie/Session到JWT,打通你的任督二脉
(也叫Web Cookie或浏览器Cookie是服务器发送到用户浏览器并保存在本地的一小块数据。浏览器会存储并在下次向同一服务器再发起请求时携带并发送到服务器上。通常,它用于告知服务端两个请求是否来自同一浏览器——如保持用户的登录状态。Cookie使基于无状态的 HTTP 协议记录稳定的状态信息成为了可能Session:在计算机中,尤其是在网络应用中,称为“会话控制”。Session对象存储特定用户会话所需的属性及配置信息。
2025-10-15 20:00:41
753
原创 前端面试必问:一文搞懂同源策略是什么、作用及解决方案,轻松应对跨域问题
Jsonp(JSON with Padding) 是 json 的一种”使用模式”,可以让网页从别的域名(网站)那获取资料,即跨域读取数据。要想了解jsonp的原理,首先一定要明白script标签的src属性做了什么事情</'.box'css'red'</src属性会给服务器发送请求,请求一个js文件浏览器会解析执行这个js文件里的代码jsonp的基本原理,主要就是利用了script标签的src没有跨域限制来完成的。因为js调用(实际上是所有拥有src。
2025-10-15 17:57:14
969
原创 day32 - 移动端项目实战:支付宝支付
点击“设置并查看”会打开弹窗,如下图:点击“支付宝秘钥生成器”会打开一个网址,然后再该网址中点击左侧的“秘钥工具下载”如下图:下载完毕以后打开会看到如下界面:然后选择红色圈圈的选项,点击生成秘钥,如下图:然后返回到刚才的弹窗如下图:把用“支付宝开放平台秘钥工具”生成的“应用公钥”粘贴到“填写应用公钥”的文本框中并点击保存保存成功后如下图所示:至此支付宝沙箱环境配置完毕!导入SDK相关配置主要包括appId(开放平台上创建应用时生成的 appId)privateKey(应用私钥)
2025-09-09 22:01:38
195
原创 day31 - 移动端项目实战:图片上传
本文介绍了图片上传功能实现和存储单位换算。图片上传部分展示了前端Vue组件代码,包括文件选择、类型验证、大小限制(2MB)及通过FormData和Axios实现上传功能。存储单位换算部分列出了常见存储单位关系:1TB=1024GB,1GB=1024MB等,并解释了文件size属性以字节为单位,2MB限制对应的字节计算公式为2×1024×1024。
2025-09-09 21:45:36
61
原创 day28 - Vuex详解:辅助函数mapState、mapGetters、mapMutations、mapActions,Vuex模块化开发
本文介绍了Vuex辅助函数的使用方法,包括mapState、mapGetters、mapMutations和mapActions。这些辅助函数可以帮助简化Vuex在组件中的调用方式,通过映射将store中的数据和方法直接绑定到组件的计算属性和方法中。文章详细说明了每个辅助函数的导入方式、映射语法和使用场景,并以任务列表案例为示例,展示了如何将state、getters和mutations映射到组件中,使开发者能够通过this直接访问相关属性和方法。通过使用这些辅助函数,可以避免重复冗长的$store调用,提
2025-09-09 21:27:53
300
原创 day27 - Vuex详解:State、mutations、actions、getters
Vuex是Vue的全局状态管理工具,适用于组件间共享数据。它通过state存储共享数据,mutations修改state(不允许直接修改),actions处理异步操作,getters计算state数据。Vuex适合大型项目中的跨组件数据共享场景,如用户信息、购物车数量等全局状态管理。使用步骤包括安装Vuex、创建store实例并挂载到Vue。通过$store访问state数据,通过commit提交mutations修改数据,确保状态变更可追踪。相比传统组件通信方式,Vuex能更高效地管理复杂应用的状态。
2025-09-05 11:32:36
118
原创 day30 - 移动端项目实战:keep-alive详解、项目优化减少没必要的请求、keep-alive缓存页面高度
字面意思就是保持活着,对于组件来说什么是活着呢,那就是保持状态,它能在组件切换过程中将状态保留在内存中,防止重复渲染是的内置组件,可以使被包含的组件保留状态避免销毁或避免重新渲染 ,等到下次再打开该组件的时候,还会保持他的所有状态,也就是所谓的组件缓存。是一个抽象组件:它自身不会被渲染到树中为优化而生,在组件切换过程中将状态保留在内存中,防止重复渲染或重复发起请求等重复性操作,减少加载时间及性能消耗,提高用户体验在平常开发中,有的组件没有必要多次初始化,这时我们需要将组件进行持久化,让组件的状态维持不变,在
2025-09-04 21:49:51
125
原创 day26 - 后台管理系统项目:环境变量配置、项目打包、web服务器nginx项目部署、nginx配置
本文介绍了前端项目开发过程中的工作流程、测试与部署环节,以及多环境配置方案。主要内容包括: 项目工作流程分为开发、测试、预发和正式环境四个阶段,其中测试环节占比最大(85%),预发环境测试占13%,正式环境仅占2%。 测试环节使用禅道作为协作平台,部署上线使用Jira和飞书等工具进行项目管理。 多环境配置方案通过.env文件实现不同环境的变量差异化设置,包括开发环境(dev)、测试环境(test)、预发环境(pre)和生产环境(prod)。可以通过修改package.json中的scripts命令来切换不同
2025-09-04 19:57:59
65
原创 day23 - 后台管理系统项目实战:数据统计Echarts
ECharts是一款基于JavaScript的开源数据可视化图表库,由百度团队开发并捐赠给Apache基金会。它提供丰富的图表类型和交互功能,支持个性化定制。在Vue项目中使用ECharts需要先安装依赖包,初始化图表实例,然后通过setOption方法配置数据渲染图表。项目实战中展示了如何从后端获取数据并配置标题、图例、坐标轴等元素,最终生成美观的数据报表。ECharts因其强大的功能和易用性,成为前端数据可视化的常用解决方案。
2025-09-04 19:29:10
67
原创 day22 - 后台管理系统项目实战:商品管理 -商品分类
本文介绍了商品分类功能的实现,主要使用了vue-table-with-tree-grid组件和Element UI。首先介绍了如何安装和引入树形表格组件,然后详细说明了商品分类页面的布局和功能实现,包括面包屑导航、表格展示、分类层级显示等。文章还展示了添加分类功能的实现,包含模态框表单、级联选择器以及数据绑定方法。整个实现过程涵盖了从数据请求到前端渲染的完整流程,并提供了具体的代码示例。
2025-09-04 19:24:04
57
原创 day21 - 后台管理系统项目实战:商品管理 - 分类参数
params.vue: 1.3. 接口 1.3.1. 参数列表 请求路径:categories/:id/attributes 请求方法:get 请求参数 参数名 参数说明 备注 :id 分类 ID 不能为空携带在url中 sel [only,many] 不能为空,通过 only 或 many 来获取分类静态参数还是动态参数 参数列表的请求时机?什么时候请求?一进来就请求吗?请求就是:因为参数依赖于分类,所以请求时机就是选择完分类以后再请求参数的数据。我们怎么知道分类选择完毕了?或
2025-09-04 19:19:47
64
原创 day20 - 后台管理系统项目实战:商品管理 - 商品添加
自行完成 2.2.2. 富文本编辑器介绍 2.2.2.1. 什么是富文本编辑器 富文本(word) -> “穷”普通文本(记事本)富文本编辑器可以做文本的加粗、变颜色、居中、行高等等穷文本编辑器能做的只能打字,没有其它可以修饰文本的功能 组件中使用 2.3. 接口 2.3.1. 商品分类 请求路径:categories 请求方法:get 请求参数 参数名 参数说明 备注 type [1,2,3] 值:1,2,3 分别表示显示一层二层三层分类列表【可选参数】如果不传递,则默认获取所有
2025-09-04 19:11:20
461
原创 day19 - 后台管理系统项目实战:角色管理模块
本文介绍了角色权限管理系统中的角色列表功能实现。系统定义了不同角色的权限范围,如老师拥有教学权限,学校老板(李总)拥有超级管理员权限。角色列表页面采用Vue+Element UI开发,包含面包屑导航、添加角色按钮和角色数据表格。表格支持展开行显示详细权限信息,通过API接口获取角色和三级权限数据。关键实现步骤包括:1)组件初始化时请求角色数据接口;2)将角色数据渲染至表格;3)在展开行中展示角色对应的多级权限结构。系统采用RESTful API设计,通过GET方法请求roles接口获取分层级的角色和权限数据
2025-09-04 17:51:24
68
原创 day18 - 后台管理系统项目实战:用户管理模块
第一步:查看预览,预览中会告诉我们后端响应给前端的数据,根据响应内容我们做下一步的处理:有两种情况,后端响应就是我们要的数据;第二种情况就是响应式错误的比如像上图参数传递错误了,那么参数传递错误该怎么知道是哪里错误了呢?这个时候如果是post请求请查看“负载”就能看到post请求传递给服务端的具体参数了,然后根据具体的参数再来检查问题的所在outer/index.js: login.vue: main.vue: 找到接口中返回的数据 3.2. 注意 axios传参要和接口文档提供的字
2025-09-04 17:41:53
111
原创 day29 - 移动端项目实战:项目架构、目录结构、Axios封装、项目要求、需求及原型、项目接口、答辩要求
严选商城是一个B2C电商移动端应用,类似于小米商城等自营电商平台。项目包含首页、分类、购物车、个人中心等核心模块,采用Vue.js框架开发,具有清晰的目录结构。主要功能包括:商品分类展示、轮播广告、商品搜索、购物车管理(支持增减商品、左滑删除等)、订单支付(集成支付宝沙箱支付)、地址管理以及短信验证码登录。项目实现了响应式布局,支持上拉加载和下拉刷新,并提供了完整的商品详情展示和规格选择功能。原型设计覆盖了移动端电商的主要业务流程,包括商品浏览-加入购物车-提交订单-支付等完整购物流程。
2025-09-02 10:33:07
560
原创 day25 - 后台管理系统项目优化:组件封装、ElementUI组件二次封装、组件通信单向数据流、组件通信父子组件数据联动
违反了单向数据流原则。 所有的 都使得其父子之间形成了一个单向下行绑定:父级 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外改变父级组件的状态,从而导致你的应用的数据流向难以理解。另外,每次父级组件发生更新时,子组件中所有的 都将会刷新为最新的值。一个父组件下不只有你一个子组件。 同样,使用这份 数据的也不只有你一个子组件。 如果每个子组件都能修改 的话,将会导致修改数据的源头不止一处。所以我们需要将修改数据的源头统一为父组件,子组件像要改 只能委托父组件帮它,。易于监测数据的
2025-08-24 16:57:16
175
原创 day24 - 后台管理系统项目优化:Axios拦截器、Promise优化、loading、防抖节流、自定义过滤器和指令
本文摘要:本文系统介绍了Vue项目中前后端安全鉴权机制(接口鉴权和路由鉴权)、Axios的全局配置与优化方案(包括拦截器统一处理token、接口前缀配置、请求超时设置等)。详细讲解了请求模块化封装、Promise改async/await、全局Loading效果实现、ElementUI表单验证流程,以及防抖节流技术解决表单重复提交问题。同时提供了过滤器封装示例(日期格式化、手机号脱敏)和状态码统一处理方法,并包含作业实践内容(骨架屏、搜索优化、关键字标红等)。全文围绕提升开发效率、优化用户体验和保障系统安全性
2025-08-22 11:04:27
77
原创 day17 - 后台管理系统项目实战:左侧菜单功能实现、Axios请求头配置、ElementUI el-menu组件详解
本文介绍了基于Vue和Element UI实现左侧导航菜单的开发过程。主要内容包括:1)使用el-menu组件构建菜单结构,支持多级嵌套;2)通过接口动态获取菜单数据,需在请求头添加token验证权限;3)实现数据绑定与渲染,包括图标显示和样式调整;4)配置路由跳转功能,通过el-menu的router属性和index路径实现二级菜单点击跳转。该方案实现了权限验证、动态菜单加载和路由跳转的完整功能。
2025-08-21 16:33:26
102
原创 day16 - 后台管理系统项目实战:登录功能详解、token鉴权、导航守卫、本地存储、elementUI组件
文章摘要: 本文详细介绍了后台管理系统的登录模块和欢迎页面的实现方案。登录页面采用Element UI组件构建,包含用户名、密码输入框及验证功能,通过axios发送请求并处理响应,成功登录后保存token至本地存储并跳转至欢迎页面。欢迎页面采用el-container布局,包含顶部导航栏和侧边菜单栏,实现了退出功能(清除token并返回登录页)。全文涵盖页面布局、表单验证、接口请求、状态管理等关键技术点,展示了从登录到主界面的完整流程实现。
2025-08-21 16:28:44
57
原创 day15 - 后台管理系统项目实战 - 简介、技术栈、学习原则、高保真原型、需求文档、接口文档
摘要:本文介绍了电商的6种主要模式(B2C、B2B2C、C2B2C、O2O、F2C、B2B)及其典型应用场景,如小米商城、京东、闲鱼等。同时说明了电商后台管理系统的必要性,推荐使用Vue2.x+ElementUI+Axios技术栈开发。文中建议在项目开发中尽量应用所学知识,并提供了原型设计工具墨刀和接口文档的参考链接。最后强调要在不影响职业发展的前提下尊重原生前端技术。
2025-08-21 16:21:51
84
原创 day14 - 数据请求Axios详解、Axios实战、导航守卫实战、elementUI框架
文章摘要:本文详细介绍了前端接口请求的核心知识和实践方法。首先解释了API概念和现代前端开发中数据处理的基本流程,重点讲解了Axios库的特性、安装及在Vue中的使用,包括GET/POST请求的多种传参方式。通过ElementUI+Axios的实战案例,演示了用户登录鉴权(含token存储和路由守卫)和用户管理功能(列表展示、添加、删除)的实现过程,强调RESTful接口规范的应用。最后布置了包含登录校验和用户删除功能的作业任务,帮助开发者掌握完整的接口调用流程和权限控制方案。全文提供了可直接运行的代码示例
2025-08-21 16:12:36
62
原创 day13 - Vue2.x混入mixin详解
Vue.js混入(Mixins)是一种代码复用机制,用于在多个组件间共享相同的逻辑和配置。它可以包含组件的任意选项,如data、methods、生命周期钩子等。混入分为局部和全局两种方式:局部混入需在组件中显式引入,全局混入则通过Vue.mixin()注册。当混入与组件选项冲突时,组件选项会优先;生命周期钩子会合并执行,混入的先执行。混入适用于功能独立但逻辑相似的场景,能有效减少代码冗余。但与Vuex不同,混入的数据在不同组件间相互独立;与公共组件相比,混入是与组件选项合并而非独立存在。使用时需注意命名冲突
2025-08-21 15:58:46
155
原创 day12 - 过渡transition组件与CSS作用域scoped
本文介绍了Vue中的动画实现方式及样式隔离方案。1.原生动画:通过CSS关键帧实现元素平移效果;2.Transition组件:包括默认指令、自定义属性、初始执行配置,以及推荐使用Vue类名实现解耦的完整写法;3.多元素过渡:需使用transition-group并设置key值;4.Scoped样式:解决组件间样式冲突,但不适用于App.vue根组件;5.Sass/Less使用:需正确安装版本匹配的预处理器加载器。文章提供了详细的代码示例和优化建议。
2025-08-21 15:47:24
64
原创 day11 - 路由进阶:全局导航守卫、组件内守卫、路由独享守卫、命名路由、路由懒加载
本文摘要主要介绍了Vue Router的核心功能和应用: 命名路由:通过name属性为路由命名,实现路径与逻辑解耦,提高代码可维护性,避免路径修改时多处调整的繁琐问题。示例展示了如何在路由配置和使用中应用命名路由。 导航守卫: 全局守卫:beforeEach(常用,用于权限控制)、beforeResolve(组件解析后触发)、afterEach(路由进入后执行,如修改页面标题)。 路由独享守卫:beforeEnter,针对特定路由的权限校验(如VIP访问控制)。 组件内守卫:beforeRouteEnter
2025-08-21 15:38:47
152
原创 day10 - 路由基础:一级路由、嵌套路由、路由重定向、路由传参、编程式导航、路由模式、路由props模式
本文介绍了Vue路由(vue-router)的核心概念与使用方式。主要内容包括: 路由基础:解释了SPA单页应用与MPA多页应用的区别,以及前端路由和后端路由的不同。 路由配置:详细说明了如何安装vue-router、创建路由配置文件、配置路由规则、使用router-link进行导航跳转和router-view作为组件容器。 路由进阶功能: 路由重定向 嵌套路由实现 动态路由及参数传递(params和query方式) props传参的三种模式(布尔/对象/函数) 编程式导航API使用 路由模式选择(hash
2025-08-21 14:58:04
63
原创 day09 - Vue插槽详解:匿名插槽、具名插槽、作用域插槽、插槽新语法、插槽案例讲解
本文主要介绍了Vue.js中的插槽(slot)功能及其应用场景。文章通过电影列表案例详细讲解了三种插槽类型:默认插槽、具名插槽和作用域插槽。其中默认插槽用于基础内容分发,具名插槽可实现多位置内容分发,作用域插槽则允许父组件访问子组件数据。此外,文章还介绍了插槽新语法v-slot及其特性,包括动态插槽名和解构赋值等功能。最后通过一个完整的公告栏系统案例,展示了如何在实际项目中组合使用各种插槽类型和组件通信方式(props/events、provide/inject、事件总线等)来构建复杂交互界面。该案例充分体
2025-08-21 14:15:16
113
原创 day08 - 组件通信详解、$ref获取组件实例、组件通信校验、组件标签添加事件
Vue组件通信详解 本文全面介绍了Vue组件通信的各种方式,包括父子组件通信、兄弟组件通信以及跨层级组件通信。 核心通信方式 父传子:通过props传递数据 父组件定义数据,在子组件标签上绑定属性 子组件通过props接收数据 支持类型校验和默认值设置 子传父: 通过props+回调函数:父组件传递函数给子组件调用 通过自定义事件:子组件使用$emit触发事件 通过ref:父组件直接访问子组件实例 兄弟组件通信: 有共同父组件:通过父组件中转数据 无共同父组件:使用事件总线(eventBus) 其他方式:
2025-08-21 13:10:25
77
原创 day07 - 组件、Vue-Cli详解、Vue-Cli创建项目、ref
Vue组件开发指南 本文系统介绍了Vue组件开发的核心知识,包括: 组件基础:定义组件为局部功能代码集合,支持非单文件和单文件两种形式 核心特性: 必须使用函数返回data,避免组件间数据污染 模板必须包含单个根元素 组件注册: 全局注册:Vue.component() 局部注册:components选项 命名规范:支持烤串式(my-component)和驼峰式(MyComponent) 组件嵌套:支持多层嵌套结构 脚手架使用: 通过Vue CLI创建项目 项目目录结构解析 .vue文件的三段式结构(tem
2025-08-21 10:19:06
93
原创 day06 - 脚手架和非脚手架生命周期详解、nextTick
Vue生命周期详解:从创建到销毁的全过程 Vue生命周期描述了Vue实例从创建到销毁的完整过程,包含8个关键阶段: 创建阶段: beforeCreate:实例初始化,数据未响应 created(常用):数据已响应,DOM未生成 挂载阶段: beforeMount:模板编译完成,DOM未渲染 mounted(常用):DOM已渲染,可操作真实DOM 更新阶段: beforeUpdate:数据更新但DOM未同步 updated:数据与DOM已完成同步 销毁阶段: beforeDestroy:实例销毁前,数据仍可用
2025-08-21 09:44:54
71
原创 day05 - 购物车、注册协议、todoList作业详解
本文介绍了两个Vue.js实现案例:购物车功能和TodoList应用。购物车部分详细说明了数据渲染、全选/单选逻辑、商品数量编辑、小计计算、删除功能及结算状态控制等实现方法。TodoList部分则讲解了任务增删改查、状态切换、统计功能及本地存储的实现过程。文章采用代码示例与思路分析相结合的方式,清晰地展示了如何使用Vue.js的data、methods、computed等核心功能完成常见交互需求,特别强调了响应式数据绑定和状态管理的实现技巧。
2025-08-21 09:24:59
95
原创 day04 - Vue2.x版todoList案例讲解
本文介绍了使用Vue.js实现一个完整的TodoList应用的开发过程。主要内容包括:1)数据渲染与初始化;2)任务添加功能实现,通过v-model绑定输入框和按键事件处理;3)任务删除功能,使用splice方法操作数组;4)任务编辑功能,通过isEdit状态控制显示,配合nextTick解决DOM操作时机问题;5)任务状态切换功能,利用v-show和计算属性统计数量;6)本地存储功能实现,通过watch深度监听数据变化自动保存;7)最终整合成一个完整的TodoList应用,包含添加、删除、编辑、状态切换和
2025-08-21 09:10:34
72
原创 day03 - 方法methods、监听watch、自定义指令directive、过滤器filter
Vue核心功能摘要: methods:定义可复用函数,通过@click或this调用,支持对象内function和简写语法。 计算属性(computed): 用于复杂逻辑处理,基于响应式依赖缓存结果 与methods区别:有缓存机制,依赖不变时直接返回缓存 支持get/set方法,默认只有getter 适合派生新状态(如购物车总价计算) 侦听器(watch): 监听数据变化执行回调 深度监听(deep:true)可监测对象内部值变化 immediate选项控制初始是否执行 可实现异步操作(computed无
2025-08-21 09:00:26
89
原创 day02 - MVVM、修饰符、响应式原理Object.defineproperty、事件绑定v-on、v-for遍历、
本文主要介绍了Vue.js框架中的核心概念和技术要点,包括: MVVM架构模式:详细解释了Model-View-ViewModel三层的对应关系和数据绑定机制,通过代码示例展示了数据驱动视图和视图影响数据的双向绑定过程。 响应式原理:重点讲解了Object.defineProperty的实现机制,包括getter/setter方法和enumerable、writable等属性配置,以及Vue如何利用这些特性实现数据响应。 事件处理:介绍了v-on指令的基本用法、函数传参方式,以及.stop、.prevent
2025-08-20 22:30:11
79
原创 day01 - 核心理论、内置指令、表达式、虚拟DOM、组件化、数据驱动视图、渐进式、声明式和命令式
Vue.js是一款用于构建用户界面的JavaScript框架,具有声明式渲染、组件化、渐进式等特点。它采用虚拟DOM实现高效更新,支持数据驱动视图。Vue提供多种指令如v-text、v-html、v-if、v-show、v-bind等,用于数据绑定和DOM操作。v-model实现表单输入的双向绑定,支持修饰符如.lazy、.number、.trim。开发时可引入Vue.js文件或使用npm安装,推荐查看官方文档。Vue的核心优势在于简化DOM操作,提高开发效率。
2025-08-20 21:58:46
114
原创 day26 - 最通俗易懂的ES6详解、Promise、class类、模块化、async和await、let和const、新增高阶函数和方法
本文是ES6核心语法知识的系统总结,主要涵盖以下内容: let和const let提供块级作用域,解决var的变量提升和全局污染问题 const声明常量,对象属性可修改但引用不可变 解构赋值 数组和对象解构 默认值设置 函数参数解构 Symbol 创建唯一标识符 用作对象属性键 模拟私有属性 函数扩展 参数默认值 rest参数 箭头函数(无this绑定) Promise 解决回调地狱 then链式调用 async/await语法糖 模块化 export/import语法 默认导出与命名导出 动态import
2025-08-20 20:30:24
177
原创 day25 - ajax后台管理系统项目实战、真接口API、高保真原型
该摘要介绍了电商主要模式(B2C、B2B2C、C2B2C、O2O、F2C、B2B)及典型案例,如小米商城、京东、闲鱼等。同时概述了后台管理系统开发要点,包括技术栈选择(原生JS、Bootstrap)、项目开发原则(综合运用知识点、尊重原生技术)。最后提供了管理系统原型设计(墨刀链接)和具体需求文档(含登录校验、菜单交互、用户管理等功能模块),并附有接口文档地址。
2025-08-20 16:32:59
69
原创 day24 - ajax、XMLHTTPRequest、请求方式详解、传参方式详解、mock数据、ajax请求过程
AJAX技术详解摘要 AJAX(Asynchronous JavaScript and XML)是一种实现异步通信的Web开发技术,通过在不刷新整个页面的情况下与服务器交换数据并局部更新页面内容,显著提升用户体验。 核心特性: 使用XMLHttpRequest对象实现异步通信 支持多种数据格式(JSON/XML/文本) 典型应用场景:搜索提示、表单验证、无限滚动等 技术要点: 请求方式:GET/POST/PUT/DELETE等 参数传递: GET:URL查询字符串 POST:x-www-form-urlen
2025-08-20 08:13:35
53
原创 day23 - class面向对象、对象和类、super、constructor、静态属性和方法、私有属性和方法、ES6 Class类
本文介绍了JavaScript中的面向对象编程思想,重点讲解了类和对象的概念及实现方式,并提供了实际应用案例。 摘要要点: 编程思想对比:面向过程(POP)与面向对象(OOP)的优缺点比较,面向对象更适合复杂系统开发。 核心概念:类作为模板,对象作为实例,包含属性和方法。 ES6类特性:包括构造函数、实例方法、静态方法、继承机制和super关键字的使用。 新增特性:私有字段/方法(#前缀)、静态字段/方法(static关键字)等ES2022+特性。 实际应用:通过选项卡和用户登录案例展示类继承和功能扩展的实
2025-08-19 21:49:30
67
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅