自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 Es6 map与object的区别

因此,如果需要在项目中存储键值对,并且希望具有顺序保证、键类型不受限制以及更好的性能,可以选择使用。如果只需要简单的键值对映射,并且键为字符串类型,那么。

2024-04-16 10:58:54 162

原创 数组方法总结

就是往数组末尾添加数据就是这个数组的长度。

2024-04-16 10:55:23 755

原创 LeetCode 算法:数组

LeetCode 算法 数组

2022-11-27 21:08:28 111 1

原创 LeetCode 算法:数组

LeetCode 算法 数组

2022-11-27 17:25:35 131

原创 前端基础之Promise

Promise在我们写函数的时候通常会使用回调函数,当多个函数相互嵌套调用时就可能会产生回调地狱,为了解决这个问题,promise诞生生了,promise可以说是当前最好用的解决回调地狱的方案了。Promise简介promise,中文翻译为承诺,有三种状态pending,fulfilled,rejected,初始时状态为pending,成功时状态为fulfilled,失败时状态为rejected,且状态变化不可逆,只能有pending到fulfilled或pending到rejected。Promi

2022-04-05 16:39:46 1616

原创 前端基础之数组操作

1.数组遍历forEach:会修改原数组map:会返回一个新数组for in:返回属性值for of:可遍历迭代对象2.数组排序Array.sort((a,b)=>a-b) 升序Array.sort((a,b)=>b-a) 降序3.数组过滤filter(function,index,arr)返回全部满足 function 的中条件的元素,没有满足条件的元素返回空数组。filter() 不会对没有值的数组元素执行该函数。filter() 不会改变原始数组。4.数组连接c

2022-03-25 14:36:15 911

原创 前端基础之数据类型的转换

1.数字转字符串toString 或 Stringlet a = 1234console.log(a.toString()); //1234console.log(String(a)); //12342.数字转数组let a = 1234a = a.toString()a = a.split('')console.log(a); //[ '1', '2', '3', '4' ]3.伪数组转数组[].slice.call();let a = { length: 2,

2022-03-25 11:25:37 2061

原创 前端基础之数据类型的判断

前端数据类型基础数据类型:string,number,boolean,null,undefined,symbol,bigint(后两个为ES6新增)引用数据类型:object(普通对象,数组对象,正则对象,日期对象,Math数学函数对象),function基础数据类型与引用数据类型的区别:1.基础数据类型存储在栈,引用数据类型存储在堆。2.堆比栈空间大,栈比堆运行速度快。3.堆内存是无序存储,可以根据引用直接获取。4.基础数据类型比较稳定,而且相对来说占用的内存小。5.引用数据类型大小是动态

2022-03-25 10:45:59 1116

原创 vue项目开发 b3041-图书馆 登录,注册功能的实现

页面实现登录注册这两个页面的实现主要使用到的就是 element-ui 中的 form 表单和 input 组件,页面的搭建比较简单就不再这里过多说明了。功能实现连接服务器1.对 vue 进行基础配置devServer: { port: 8848, //端口号 host: "localhost", //端口 https: false, //是否使用 https 协议 open: false, //每次启动是否自

2022-03-13 14:08:16 2994 2

原创 vue项目开发 b3041-图书馆 开发准备

node的安装1.下载 node 的安装包,建议下载稳定版node.js官网2. node 安装,一键式安装,一路 next3. 检测 node 是否安装成功win +

2022-03-13 10:46:58 1057

原创 vue项目开发 b3041-图书馆 项目介绍

项目名称b0341 图书馆项目使用技术vue,node,element-ui,mongoDB计划实现1.用户的登录,注册。2.图书的添加,删除,图书信息的更改,查询图书。3.图书的借阅。4.用户的信誉等级和借阅记录。5.用户信息展示。数据计划采用 node 搭建本地服务器,连接 mongDB 进行数据的获取与储存。源码Github:Github:https://github.com/hrbust1914010305/b0341 图书馆...

2022-03-07 20:52:34 520

原创 前端开发 CSS之帧动画

帧动画介绍帧动画的实现格式目标元素 { animation-name:帧动画名称。(注:必写) animation-duration: 帧动画完成时间;(注:必写)}@keyframes 帧动画名称(注:不要与关键子冲突){ // from {} to{} 代表 0% 和 100% 0% {} 25% {} 50% {} 75% {} 100% {}}...

2022-03-06 17:00:12 1467

原创 uni-app 小项目开发 仿小米商城 后端提供数据3

页面详情页购物车页实现功能详情页1.数据的获取,详情页的轮播图,商品的参数,商品的配置等。2.产生订单,将的商品型号,配置,颜色,数量和服务等信息生成订单。订单页1.订单数据的获取与展示。2.购买商品数量与总价的计算与展示。Bug解决1.分类页面bug解决将 data 中的数据划分出来,改为 3 个数组,这也需要改变页面的数据渲染格式。点击左侧竖向导航,获取对应数据和 type ,根据 type 的值,展示右侧的页面(暂未更改)。源码...

2022-03-04 22:21:15 622

原创 uni-app 小项目开发 仿小米商城 后端提供数据2

页面首页,未作修改,只是数据的获取,未进行数据的模拟,有兴趣的可以自行实现。分类页,部分修改。左侧竖向导航未修改。修改思路:在数据库中模拟左侧导航的数据,数据的可包括导航的名称,id ,种类。点击时,向后台发送当前导航的 _id 和导航的种类,获取对应右侧页面的数据。右侧推荐页做数据的获取。页面的商品点击全部可以获取到商品的 _id ,上方红框内的商品,写了详情页面。...

2022-03-01 20:09:14 387

原创 uni-app 小项目开发 仿小米商城 后端提供数据1

页面介绍第一个页面是 search 页。主要功能1.点击左侧图标返回上一级。2.按下回车搜索框或点击右侧搜索图标,搜索内容会添加到搜索历史中。3.当搜索历史为 0 时,不展示搜索历史,在搜索历史展示时,会有全部删除的图标,可全部删除。4.点击搜索发现的内容可获取内容的 _id 的值。(注:本页面的搜索功能仅能加入搜索历史,不进行页面跳转。搜索历史与搜索发现仅可获取 _id 的值)数据部分发送请求向后端发送请求export default { // 全局配置 默认 common:

2022-02-28 15:10:31 685

原创 uni-app 小项目开发 仿小米商城 服务器与数据库

服务器这个项目使用的 node 与 koa框架结合做的本地服务器,这里注意一点这里用的是 koa 框架,而不是 express 框架,两者之间是有区别的,它们的数据获取和数据格式等是不同的。node 与 koa 结合搭建本地服务器,可以参考这个链接:https://blog.csdn.net/Evan_AF/article/details/105277423https://blog.csdn.net/Evan_AF/article/details/105277423数据库数据库使用的是.

2022-02-28 14:02:21 794

原创 uni-app 小项目开发 仿小米商城 前端开发4

实现点击商品跳转到详情页,详情页的搭建。详情页商品的数据选择和地址选择。购物车页面的搭建。用户页面的搭建。

2022-02-19 21:06:16 620

原创 uni-app 小项目开发 仿小米商城 前端开发3

实现分类页面的搭建页面的切换实现方法1.顶部搜索框的实现采用 inpunt 进行模拟,点击后跳转到搜索页。2.侧边导航的实现这里依旧采用 scroll-view 与 swiper 的联动。scroll-view 提供当前位置,swiper 负责展示相应内容。3.点击商品跳转到对应详情页面在分类页面的商品中添加点击事件,点击后跳转到商品的详情页并传递商品的 id。toDetail(value){ uni.navigateTo({ url:"../detail/de

2022-02-16 14:02:43 464

原创 uni-app 小项目开发 仿小米商城 前端开发2

实现顶部搜索框下的导航栏及点击分类进行换页。推荐页的轮播图搭建。推荐页面中的分类导航。以组件的方式实现商品的展示。实现方法主要采用uni-app组件进行搭建。uni-app链接:https://uniapp.dcloud.io/使用的组件: scroll-view swiper uni-grid uni-group1.顶部搜索框下的导航栏的实现。主要采用 scroll-view 来进行实现。点击时添加 active 和 line 类,改变字体颜色和在字体下添加横

2022-02-14 16:11:01 861

原创 uni-app 小项目开发 仿小米商城 前端开发1

实现 1.主页面的顶部导航栏和底部导航栏。 2.顶部导航栏功能的实现及相关页面的搭建。实现方法 主要采用uni-app组件进行搭建。uni-app链接:

2022-02-12 15:03:32 1018

原创 uni-app 小项目开发 仿小米商城

uni-App Shop开发计划实现前端框架的搭建。使用数据库进行数据的模拟。前后端建立连接。开发工具 HBuilderX主要功能商品的展示。商品详情。加入购物车。用户信息。GitHub:

2022-02-12 15:02:57 8224

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除