腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

coding for love

专栏作者

146

文章

140259

阅读量

33

订阅数

TS 设计模式07 - 观察者模式

观察者模式是一种对象行为模式。它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。

2020-09-08

3130

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

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

2018-10-10

5530

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

用户打开浏览器，其实就是打开了浏览器应用程序。那么什么是程序呢？我们常说浏览器是多线程的，JS 是单线程的，那么什么是线程呢？说到线程，和我们常说的进程有什么关系？这两者和程序之间又是什么关系呢？为了解答这些疑问，也为了更好地理解浏览器的工作原理，我们有必要先学习一下程序，进程和线程的概念。另外我们还需要了解并行与并发以及多核与多机的概念。当然，我们只是简单了解一下这些概念，如果想要深入研究，比如CPU的工作机制，需要向下看汇编与操作系统的知识，作为浅析阶段，这个系列肯定是不会涉及了。 js是单线程，如何实现异步？这种异步是不是并发？浏览器如何实现多线程开发？

2018-10-10

1.4K0

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

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

2018-08-27

7500

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

关于注册登录这块，一直只写过前端逻辑，这次把前后端逻辑一起实现，也是一件很有意思的事情。下面几章都会写这个，而且今后可能会不停地进行改动完善。大家可以看看这里的思路，如果有更好的想法或者不同的意见欢迎告诉我。本篇完成如下工作：

2018-08-27

5400

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

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

2018-08-27

3210

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

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

2018-08-27

1.3K0

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

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

2018-08-27

1.2K0

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

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

2018-08-27

3.8K0

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

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

2018-08-27

4880

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

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

2018-08-27

8750

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

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

2018-08-27

1.4K0

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

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

2018-08-27

8630

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

会有如下图所示命令提示，一路默认即可。这里值得一说的的是eslint，我选择了standard，这点并不是强制的。你可以选择不使用eslint，也可以使用Standard或者Airbnb或者none来自定义。如果你在选定standard以后确实不习惯，其实也是可以修改规则的，虽然standard明确不推荐进行修改。后面我会讲到如何去修改。

2018-08-27

4470

JS常用设计模式解析02-策略模式

在于都本文之前，希望大家能够先阅读以下JS进阶系列03-JS面向对象的三大特征之多态这篇文章，了解JS的多态。在这篇文章，我们举了一个例子，就是选拔官员选拔合唱团成员时，他并不需要提前知道所有的成员在唱歌时具体会发出什么声音。他关注的只是，他发出命令“唱”时，合唱团成员就会开始唱歌。至于每个成员具体唱什么，交给他们自己好了。这其实就是一个典型的策略模式，当我们在定义一个方法时，如果涉及到了太多的条件分支时，就应该思考一下，这些分支有没有必要定义在这个方法中。更准确地说，这个方法是不是需要提前知道所有的规则，这些规则是不是固定不会改变的。如果答案是否，那么你可以考虑将这些具体的规则剥离出来，交给传入的参数去实现，方法主体只需要关注你不变的目的即可。策略模式的定义是：定义一系列的算法，把他们一个个封装起来，并且使他们可以互相替换。不过实际业务中，策略模式并不只是封装算法，如果一系列业务规则指向目标一致，并且可以被互相替换使用，我们都可以用策略模式来封装它们。下面我们举几个策略模式的使用场景，让大家详细体会一下。

2018-08-27

7720

JS常用设计模式解析01-单例模式

考虑实现如下功能，点击一个按钮后出现一个遮罩层。原始办法：我们只需要实现一个创建遮罩层的函数并将其作为按钮点击的回调事件即可。如下：

2018-08-27

6610

JS进阶系列03-JS面向对象的三大特征之多态

多态是同一个行为具有多个不同表现形式或形态的能力。在JAVA中，多态通过在子类中重写父类方法去实现。但是在JS中，由于JS本身是动态的，天生就支持多态。大家可以通过几个例子来理解一下。

2018-08-27

6280

JS进阶系列02-JS面向对象的三大特征之封装

JS 作为面向对象的一门语言，拥有和其他面向对象语言一样的三大特征，即封装(encapsulation)、继承(inheritance )和多态(polymorphism )。关于继承的概念和实现，在本系列不在赘述，有兴趣的同学可以看看JS入门难点解析12-原型链与继承。

2018-08-27

7510

JS进阶系列01-JS的弱类型和动态类型

首先，我们要弄清楚编程语言的两组划分，即弱类型和强类型，动态类型和静态类型。下面有一幅图，非常详细地说明了它们各自的定义和区别。

2018-08-27

2.3K0

CSS常用布局实现05-圣杯布局和双飞翼布局

其实对于三列布局的实现，之前网上使用最多的还是这两种。它们有一个共同的优点，就是可以使主内容优先加载。当然，如果不考虑兼容，flex和grid还是优先推荐的。

2018-08-27

6320

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态