以前我在谈论graphql的时候提到过BFF（Back-end For Front-end），每每都是一笔而过，这次就专门开一期，简介一下BFF——服务于前端的后端。 前端演化史 Web 1.0 故事都得从long long ago说起，让 ...

Web 浏览器无疑是用户访问互联网最常见的入口。浏览器凭借其免安装和跨平台等优势，逐渐取代了很多传统的富客户端。 Web 浏览器通过向 URL 发送网络请求来访问 Web 服务器资源，并以交互性的方式展示这些内容。基本操作包括获取、处理、显 ...

vuejs-logo.png 组件生命周期(Lifecycle) <meta name="vie ...

数据驱动 Vue.js 的核心思想就是数据驱动。那么什么是数据驱动呢? 数据驱动就是视图由数据决定，数据作为主动。如我们谈到TDD 测试驱动开发，也就是以测试为主动开发。只要我们定义好了视图与数据的关系，那么我们前端开发人员就可以更专注数据 ...

创建项目详细步骤 一、 创建项目并上传到github： 1. npm i create-react-app -g 全局安装react脚手架 2. create-react-app react-demo 创建一个名为react-demo的 ...

CSS盒子模型与怪异盒模型 盒子模型（Box Modle）可以用来对元素进行布局，包括内边距(padding)，边框(border)，外边距(margin)，和实际内容(content)这几个部分。 标准盒模型 标准盒模型中盒子的大小是指： ...

支持长截图，滚动元素可截取全部/* 引入依赖 */ &lt;script src="html2Canvas ...

参照个人项目： Tool_and_dome/spanish/index.html (仅作个人记录) function saveJSON(data, filename){ if(!data) { alert('保存的数 ...

Unsplash class 和 style 使用动态属性，使用驼峰式写法 v-if和 v-show v-if 不渲染不满足判断条件的模块，v-show 渲染但不显示，使用场景：是否多次切换或频繁更新条件状态 keep-alive 缓存组 ...

coding 组件 组件可能是函数还可能是类，我们知道只要继承 Component 类就是 react 的组件。 function Box(){ return ( <div className='box' size ...