浅笑·

2020年11月22日

摘要： vue-SSR相信大家都不陌生，与传统 SPA 相比，服务器端渲染 (SSR) 能够具备更好的seo，方便搜索引擎爬虫抓取工具可以直接查看完全渲染的页面，除此之外，SSR能够在更短的时间内渲染出页面内容，通过在服务端填充数据吐出到客户端的方式，让用户有更好的用户体验。前言基于vueSSR的页面优阅读全文

posted @ 2020-11-22 15:10 浅笑· 阅读(249) 评论(0) 推荐(0) 编辑

React组件设计：重新认识受控与非受控组件

摘要： react 官网中对非受控组件与受控组件作了如图中下划线的边界定义。一经推敲, 该定义是缺乏了些完整性和严谨性的, 比如针对非表单组件(弹框、轮播图)如何划分受控与非受控的边界?又比如非受控组件是否真的如文案上所说的数据的展示与变更都由 dom 自身接管呢? 在非受控组件中, 通常业务调用方只需传入阅读全文

posted @ 2020-11-22 15:08 浅笑· 阅读(171) 评论(0) 推荐(0) 编辑

2020年11月21日

如何用 JavaScript 实现一个数组惰性求值库

摘要：在编程语言理论中，惰性求值（英语：Lazy Evaluation），又译为惰性计算、懒惰求值，也称为传需求调用（call-by-need），是一个计算机编程中的一个概念，它的目的是要最小化计算机要做的工作。它有两个相关而又有区别的含意，可以表示为“延迟求值”和“最小化求值”，除可以得到性能的提升外，阅读全文

posted @ 2020-11-21 21:48 浅笑· 阅读(245) 评论(0) 推荐(0) 编辑

原生 js 中应该禁止出现的写法，以提高代码效率和安全性

摘要：块级函数严格模式下，在 ES6 之前应禁止使用。ES6 开始可以使用，函数的作用域为声明该函数的块内部。非严格模式下应禁止使用。 if(true) { function test() { //块级函数 console.log(1); } } test(); 直接修改对象的 prototype 原型阅读全文

posted @ 2020-11-21 21:46 浅笑· 阅读(204) 评论(0) 推荐(0) 编辑

Javascript 实践中的命令模式

摘要：定义 Encapsulate a request as an object, thereby letting you parameterize other objects with different requests, queue or log requests,and support undoa 阅读全文

posted @ 2020-11-21 21:45 浅笑· 阅读(141) 评论(0) 推荐(0) 编辑

前端模块化：CommonJS,AMD,CMD,ES6

摘要：模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有Commonjs、AMD、CMD以及ES6的模块系统一、CommonJS Node.js是commonJS规范的主要实践者，它有四个重要的环境变量阅读全文

posted @ 2020-11-21 21:42 浅笑· 阅读(109) 评论(0) 推荐(0) 编辑

JavaScript 和 Node.js 中的“事件驱动”是什么意思？

摘要：事件驱动和发布-订阅事件驱动架构是建立在软件开发中一种通用模式上的，这种模式被称为发布-订阅或观察者模式。在事件驱动架构中，至少有两个参与者：主题（subject）和观察者（observer）。主题就像调频收音机一样，向有兴趣收听该主题所说内容的观察者进行广播。观察者可能只有一个，也可能有一阅读全文

posted @ 2020-11-21 21:39 浅笑· 阅读(436) 评论(0) 推荐(0) 编辑

如何制作自己的原生 JavaScript 路由

摘要：当你想到路由时，通常会想到类似 react 之类的库。但实际上，这些库和框架仍然使用 vanilla JavaScript。那么该怎么实现呢？我希望这个“JavaScript 路由教程”能够帮你了解如何用原生 js 写出自己的路由。简介我遇到了很多出于各种原因想要自己创建路由的人。既然你看到本阅读全文

posted @ 2020-11-21 21:36 浅笑· 阅读(415) 评论(0) 推荐(0) 编辑

canvas.toDataURL()报错的解决方案全都在这了

摘要：报错详尽信息 Uncaught DOMException: Failed to execute 'toDataURL' on 'htmlCanvasElement': Tainted canvases may not be exported. 前言最近在做一个创意类的图片合成工具，大概齐就是通过拼阅读全文

posted @ 2020-11-21 21:34 浅笑· 阅读(990) 评论(0) 推荐(0) 编辑

TypeScript泛型参数默认类型和新的 --strict 编译选项

摘要： TypeScript 2.3 增加了对声明泛型参数默认类型的支持，允许为泛型类型中的类型参数指定默认类型。接下来看看如何通过泛型参数默认将以下react组件从 js (和jsX)迁移到 TypeScript (和TSX): class Greeting extends react.Componen 阅读全文

posted @ 2020-11-21 21:30 浅笑· 阅读(3921) 评论(0) 推荐(0) 编辑

公告