书架
✨

书架

=一个知识书库=

JavaScript 模块化：CommonJS vs AMD vs ES6
1597 字6 分钟

JavaScript 模块化：CommonJS vs AMD vs ES6

> 本文主体部分 翻译+搬运 自外网著名技术博客网站 [medium.com](http%3A//medium.com/) 的一篇点赞数 2.7k 的文章 (文章链接在结尾处） ------ ## 什么是 JavaScript 模块 JavaScript 模块指的是一段可复用的，独立的代码。他们通常都有特定的功能，能在整个代码系统里被引进或删除 —— 这个概念多少类似于 Java 或者 Python 中的类。 模块通常是独立的——与其他代码解耦，因此方便修改。这也提高了代码的可读性和可维护性。模块化在使部分代码保持私有，仅暴露公共部分的的同时，还解决了命名空间模糊性的问
技术设计,前端,js
more...
JavaScript不用class也能实现设计模式！
3265 字11 分钟

JavaScript不用class也能实现设计模式！

> 转自：[https://zhuanlan.zhihu.com/p/163032982](https://zhuanlan.zhihu.com/p/163032982) Object Oriented Programming (OOP) 面向对象衍生出的精华之一 —— **设计模式，在过去几十年的软件开发历史中被证明是行之有效的一系列软件设计最佳实践**。 ![img](http://www.lixianglong.cn/bg_store/img/content/v2-1e4ddf1b1068f02f91214cc7ea4433bf_720w.webp) 这本《设计模式：可
技术设计,前端,js
more...
如何上手搭建简易版 PWA
2641 字9 分钟

如何上手搭建简易版 PWA

## PWA初次体验 > 前言：本示例不用安装任何东西 > > 部分资源来自网络资源及PWA官网，不要把PWA想象的太复杂，跟着示例走一下，你行的。 <!--more--> ### PWA介绍 一个新的前端技术，PWA（ 全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。 官网：[https://developers.google.com...](https://developers.google.com/web/progressive-web-apps/) 是 Google 在 2015 年提出，2016年6月才推广
技术设计,前端,js
more...
CSS布局之Grid布局
864 字3 分钟

CSS布局之Grid布局

# Grid 布局 `Grid` 布局是一种新型CSS布局方式，特点为`二维布局`，他比较擅长将一个页面划分为几个主要区域，能够轻松实现下列布局方式。 ![image.png](http://www.lixianglong.cn/bg_store/img/content/fb240c97408f46889c5efdb0b2750514.awebp) <!--more--> # Grid 和 Flex 布局的区别 - **Flex：** 属于一维布局，适合做局部布局，比如标头组件、导航组件。 - **Grid：** 属于二维布局，适合做页面整体规划。 ![i
技术设计,前端,css
more...
grid 布局 echart
336 字2 分钟

grid 布局 echart

在使用 ECharts 进行图表绘制时，可以利用 CSS Grid 布局来组织页面元素，确保图表能够在容器中正确显示。以下是一个简单的例子，展示了如何使用 CSS Grid 布局来搭建一个包含 ECharts 图表的页面。 **重点在这一句：`grid-template-columns: repeat(3, 1fr); `** <!--more--> ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ECharts with Grid Layout</title>
技术设计,前端,css
more...