笑人 - 博客园

2020年12月10日

摘要：介绍为了让程序有价值，我们需要能够处理最简单的数据单元：数字，字符串，结构体，布尔值等。 TypeScript支持与JavaScript几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。布尔值最基本的数据类型就是简单的true/false值，在JavaScript和TypeScrip 阅读全文

posted @ 2020-12-10 12:30 笑人阅读(123) 评论(0) 推荐(0) 编辑

TypeScript：入门TS

摘要：什么是 TypeScript 官方网站的定义是:TypeScript 是 js 类型的超集。它假设咱们知道什么是超集，什么是类型化。为了简单起见，你可以将 TypeScript 看作是 JavaScript 之上的一个外壳。 TypeScript 是一个外壳，因为编写 TypeScript 的代码，阅读全文

posted @ 2020-12-10 12:27 笑人阅读(2627) 评论(0) 推荐(0) 编辑

2020年12月9日

大型网站的可伸缩性架构如何设计？

摘要： 1. 网站架构的伸缩性设计 1.1. 不同功能进行物理分离实现伸缩纵向分离（分层后分离）：将业务处理流程上的不同部分分离部署，实现系统伸缩性。横向分离（业务分割后分离）：将不同的业务模块分离部署，实现系统伸缩性。 1.2. 单一功能通过集群规模实现伸缩将不同功能分离部署可以实现一定程度的伸缩性阅读全文

posted @ 2020-12-09 22:48 笑人阅读(240) 评论(0) 推荐(0) 编辑

前端路由跳转基本原理

摘要：目前前端三杰 Angular、react、vue 都推介单页面应用 SPA 开发模式，在路由切换时替换 DOM Tree 中最小修改的部分 DOM，来减少原先因为多页应用的页面跳转带来的巨量性能损耗。它们都有自己的典型路由解决方案，@angular/router、react-router、vue-r 阅读全文

posted @ 2020-12-09 22:47 笑人阅读(1329) 评论(0) 推荐(0) 编辑

强大的CSS：用纯css模拟下雪的效果

摘要：下雪效果只是一类效果的名称，可以是红包雨等一些自由落体的运动效果，本文就是用纯css模拟下雪的效果，更多效果大家可以自行发挥。 1.前言由于公司产品的活动，需要模拟类似下雪的效果。浏览器实现动画无非css3和canvas（还有gif），对比下css3和canvas的优缺点：动画自由度：canva 阅读全文

posted @ 2020-12-09 22:46 笑人阅读(973) 评论(0) 推荐(0) 编辑

package.json 和 package-lock.json 文件说明

摘要： package.json 在 Node.js 中，模块是一个库或框架，也是一个 Node.js 项目。Node.js 项目遵循模块化的架构，当我们创建了一个 Node.js 项目，意味着创建了一个模块，这个模块的描述文件，被称为 package.json。 package.json 属性说明： na 阅读全文

posted @ 2020-12-09 22:43 笑人阅读(619) 评论(0) 推荐(0) 编辑

CSS 继承深度解析

摘要：我酷爱模块化设计。长期以来我都热衷于将网站分离成组件，而不是页面，并且动态地将那些组件合并到界面上。这种做法灵活，高效并且易维护。但是我不想我的设计看上去是由一些不相关的东西组成的。我是在创造一个界面，而不是一张超现实主义的照片。很幸运的是，已经有一项叫做 css 的技术，就是特意设计用来解决这阅读全文

posted @ 2020-12-09 22:41 笑人阅读(399) 评论(0) 推荐(0) 编辑

JS动画和CSS动画

摘要：一. js动画和css动画区别。 css实现动画：animation transition transform js实现动画：setInterval setTimeout requestAnimationFrame JS动画：优点： 1. 过程控制，可以在动画播放过程中对动画进行控制：开始、暂停、阅读全文

posted @ 2020-12-09 22:38 笑人阅读(253) 评论(0) 推荐(0) 编辑

PM2实现Nodejs项目自动部署

摘要：首先简单说下思路：本地git仓库与远程仓库关联（github、码云等平台），然后pm2按照指定配置登录服务器，拉取远程仓库的代码更新，再执行一些指定的命令（如打包等）。创建本地项目并关联到远程仓库本地新建名为web的项目，进入项目并创建一个简单的Nodejs文件app.js， mkdir web 阅读全文

posted @ 2020-12-09 22:36 笑人阅读(1095) 评论(0) 推荐(0) 编辑

关于CSS Transition，你需要知道的事

摘要： css3的过渡属性，给web应用带来了简单优雅的动画，但是比起初次相见，他（transition）有许多细则。在这片文章中，我将会专研css3的过渡（transition）中更加复杂的部分，从链式和事件到硬件加速和动画函数。让浏览器控制动画序列，通过改变帧率，减少绘画和减少GPU的工作，能够优化性能阅读全文

posted @ 2020-12-09 22:34 笑人阅读(630) 评论(0) 推荐(0) 编辑

笑人

公告