lnyx

响应式布局（Responsive Layout）是指能够针对不同屏幕尺寸、分辨率做出合理布局和样式调整的一整套解决方案。经常会看到一些网站，在 PC 端放了一大堆功能，切换到移动端后整体样式大变样，功

本文总结了笔者近几年在参与设计 API 时收获的一些经验和教训，针对中小型项目初期，供大家参考。 设计 基础数据与用户数据尽量分离。 分别用不同的字段存储或直接分到不同的 API里。 逻辑解耦，便于后期修改，也便于优化打开速度。 设计 鉴权数据能放 header 尽量放 hea…

本文将用尽可能容易理解的方式，实现最小可用的 react-router v4 和 history，目的为了了解 react-router 实现原理。 在开始阅读本文之前，希望你至少使用过一次 react-router，知道 react-router 的基本使用方法。 1. Ro…

2019 年的前端技术栈，无论你是用 Vue 还是用 React ，应该都离不开一样工具 -- webpack。webpack 极大的简化了前端开发的构建过程，只需提供一个入口文件，webpack 就能自动帮我们分析出相关依赖，构建出 bundle 包。 webpack 很强大…

最近需要做一个纯静态网站，因工作量比较少，功能又不复杂，上 webpack 觉得太麻烦了，加上早就对 parcel 种草，所以这次决定试用一下号称零配置的 parcel 。 根据官网文档很快就安装好了。值得点赞的是，在引入 less 文件的时候，parcel 自动检测到了 le…

我们使用 nvm 作为 Node.js 的版本管理工具，它可以方便的切换 Node.js 版本。 重新登录 Ubuntu。 nginx 默认会被安装在 /etc/nginx 下。安装好之后启动 nginx，访问服务器的 ip，就会看到 nginx 的欢迎页面。 假设我们需要配置…

本文将会介绍如何将自己写的组件库打包成第三方库，发布到 npm 上，同时支持在原生 js / React/ Vue 下使用。Webpack4 的升级指南可以参考下 Webpack4.0 升级配置，本文不做赘述。 假设我们有上面的 index.js 文件，我们想要把打它打包成一个…

webpack 彪版本号的速度真是飞快，4.0 发布没多久上去看的时候才 4.1.*，现在已经刷到 4.8.1 了，给人一种“我版本号很高了，可以安心升级了”的感觉，然而坑依然很多...尤其是 API 文档，到处可见 3.0 的陈旧信息。Code Splitting 章节点进去…

目前主流的前端框架在开发的时候都采用最新的 ES6+ 语法，大部分的向下兼容工作都交给了 Babel 来处理。通过引入 Babel 插件，我们可以大胆地使用最新或是正在起草中，甚至是根本不在标准中的 jsx 等语法，跟甚至是你自己胡诌的写法！ 本文将带大家了解 Babel 是怎…