coding for love

92 篇文章
14 人订阅

全部文章

love丁酥酥

浏览器为契机贯穿前端知识点-大纲参考

ps:动画不连贯,因为浏览器渲染有一个最小时间间隔(这块之前搜藏了) 涉及如下部分:

461
love丁酥酥

进程与线程,单核与多核1. 简介2. 程序3. 进程4. 线程5. 多进程与多线程的选择6. 小结参考

用户打开浏览器,其实就是打开了浏览器应用程序。那么什么是程序呢?我们常说浏览器是多线程的,JS 是单线程的,那么什么是线程呢?说到线程,和我们常说的进程有什么关...

563
love丁酥酥

在线商城项目17-登录态保持

前面我们实现了登入登出,一切看上去是没有什么问题,但是如果我们试着在登录情况下刷新一下页面。

661
love丁酥酥

在线商城项目16-头部前端逻辑修改

这是不合理的,我们应该根据登录态来做一个区别显示。未登录情况下显示login和购物车图标。已登录情况下显示用户名,logout,购物车图标。

401
love丁酥酥

在线商城项目15-登录界面实现

关于注册登录这块,一直只写过前端逻辑,这次把前后端逻辑一起实现,也是一件很有意思的事情。下面几章都会写这个,而且今后可能会不停地进行改动完善。大家可以看看这里的...

612
love丁酥酥

在线商城项目14-阶段性自测与bug修复

前面把商品列表页的查询展示逻辑基本完成了。每个功能单独测试是没有问题了,但是连在一起呢?新增的功能是否会对以前的功能产生影响。

653
love丁酥酥

在线商城项目13-商品列表分页功能实现

设想一下,如果商品条目数量很多,假设有100条,如果我们一次性拉下来,是很影响性能的。所以我们需要为商品列表添加分页功能。本篇主要实现以下目的:

742
love丁酥酥

在线商城项目12-商品列表页价格筛选实现

之前我们约定前端传startPrice和endPrice来获取价格区间。我们设定如下规则:

522
love丁酥酥

在线商城项目11-商品列表页的排序实现

请求后台接口会带上三种排序参数default,priceDown和priceUp。另外,如果不带参数,我们默认排序也是default。 这里,我们做一个简单的...

362
love丁酥酥

在线商城项目10-基于mongoose实现商品列表查询

step1 先建goods集合对应的model 在根目录下新建一个目录models存放所有的model,新建good.js:

541
love丁酥酥

在线商城项目09-基于express框架的server端搭建

在本地项目目录加入.gitignore文件,可以直接copy six-tao项目的该文件。

391
love丁酥酥

在线商城项目08-数据库创建和商品集合的创建

因为six_tao中没有任何内容。我们需要为其创建一个集合或者插入文档,数据库才会显示。例如:

594
love丁酥酥

在线商城项目07-mac下mongodb的下载与配置

这一章本来不想讲的,因为关于配环境这种事,其实网上真的很多资料,但是考虑到确实好多人都不喜欢配环境这种事,因为觉着很麻烦而止步不前,很是可惜。这一节我们来看看如...

612
love丁酥酥

在线商城项目06-商品列表页前端逻辑实现

step1:价格过滤列表的字段显示。 这里,我们不做太复杂的逻辑,这些过滤字段不从后端请求,也不由用户输入,而是在前端写死。在GoodsList.vue中进行...

681
love丁酥酥

在线商城项目05-利用mock数据进行渲染和图片懒加载

既然我们已经能从mock服务器拿到mock数据,现在的任务就是用拿到的数据进行页面渲染,另外,由于页面的图片数据太多,为了提高性能,我们会使用图片懒加载。本篇我...

641
love丁酥酥

在线商城项目04-接口约定和数据请求

本项目我们不做复杂的接口约定。目前仅约定如下返回规则。 返回数据至少要包含:code和msg code为‘000’表示数据正常返回,此时msg可以为空,co...

743
love丁酥酥

在线商城项目03-启用mock服务

对于前后端分离的开发,在后台接口还未就绪时,前端需要使用mock数据进行开发。最容易想到的办法,当然是把mock数据写在页面里,但是这会让我们的页面代码很臃肿,...

490
love丁酥酥

在线商城项目02-展示商品列表页面并抽取公共组件

step1:新增存放重构资源的目录 视频提供的重构有点问题,大家可以使用我上传在github上的重构资源。 在根目录下新建一个resources文件夹,用来...

672
love丁酥酥

在线商城项目01-项目初始化简介

会有如下图所示命令提示,一路默认即可。这里值得一说的的是eslint,我选择了standard,这点并不是强制的。你可以选择不使用eslint,也可以使用Sta...

692
love丁酥酥

在线商城项目-six淘

项目介绍:这是一个推荐购物的第三方网站,主要的商品信息从主流电商网站爬取。客户可以注册为会员,进行查询,下单等操作。主要目的是帮助自己贯穿前后端知识点。由于没有...

692

扫码关注云+社区