IOS 浏览器页面布局错位（如：点不到）的分析与解决 IOS 浏览器软键盘的拉起与收缩、微信 IOS 浏览器底部导航条的显示与隐藏，很容易导致页面布局错位（相对窗体的绝对定位元素）： 明明按钮在这里，却要在上面一点儿点击屏幕才能点到它 明明弹框是居中显示的，却向上偏移了很多，导致下面很多空白 明明是固定浮动在某个...

就前端而言，ES6 的模块化写法已经是主流了，但很多老的项目都是用 AMD 或者 CommonJs 规范写的。由于 Webpack 现在已经慢慢不太支持 AMD 或者 CommonJs 规范的代码，所以需要把这两种规范的代码都转换成 ES6 规范的代码。网上搜了一下，并没有这之类的工具，我就自己写了一个：conv-mod.

再谈前端项目的组件化 之前详细聊过的前端项目的组件化，可以参考 组件化 与 私有 npm 仓库，今天来更进一步的说说前端项目的组件化。 1. 之前的组件化 目录结构： {代码...} project1 的 package.json： {代码...} 在代码中使用： {代码...} 2. 之前的组件化方式存在的问题 更新组件比较麻烦，特别是对于一些与业务耦合...

js 函数参数推荐书写方式 ({ param1, param2, ... }) 编程语言函数（包括对象的方法）参数的取值方式大致可以分为两种：按序取值与按名取值。 一般编程语言都是按序取值，比如 C、Java、JavaScript 等，少数语言支持按名取值，比如 Groovy。 1. 按序取值 按照顺序，挨个取值，每个参数的顺序是固定的。 {代码...} 2. 按...

最近接手一个别人的页面，代码很是凌乱与庞杂，当我在增加功能时，发现我添加的模块与原有的模块有冲突，但不知道那个原有的模块在什么位置，就得到处找。

自己常用的前端项目脚手架模板 react-app-starter：React 应用项目模板 react-ts-app-starter：React + TypeScript 应用项目模板 vue-app-starter：Vue 应用项目模板 react-lib-starter：React 组件库项目模板 react-ts-lib-starter：React + TypeScript 组件库项目模板 vue-lib-starter：Vue 组件库项目模板 js-lib-sta...

前端项目如何管理 前端项目的管理分为两个维度：项目内的管理与多项目之间的管理。 1. 项目内的管理 在一个项目内，当有多个开发者一起协作开发时，或者功能越来越多、项目越来越庞大时，保证项目井然有序的进行是相当重要的。 一般会从下面几点来考证一个项目是否管理得很好： 可扩展性：能够很方便、清晰的扩展一个页...

web 应用常见安全漏洞一览 1. SQL 注入 SQL 注入就是通过给 web 应用接口传入一些特殊字符，达到欺骗服务器执行恶意的 SQL 命令。 SQL 注入漏洞属于后端的范畴，但前端也可做体验上的优化。 原因 当使用外部不可信任的数据作为参数进行数据库的增、删、改、查时，如果未对外部数据进行过滤，就会产生 SQL 注入漏洞。 比...

现在，Web 应用的前后端分离事实上已经成为了大家都认可的一种开发方式，前后端分离之后，前端与后端都用接口（api）来沟通，这就需要我们做好 API 接口管理，所以，这次来聊聊 API 接口管理工具。

前端开发如何做好本地接口模拟 之前有写过一篇 本地化接口模拟、前后端并行开发，讲到过本地接口模拟，但不太细致。这次细细的说说本地接口模拟。 1. 有什么好处 本地接口模拟最大的好处就是能够使前后端项目解耦，前端更专注于开发，减少线上调试，以此提升开发效率。 2. 有哪些途径 本地接口模拟一般分为工具层面和代...

gitlab 安装、配置 对于企业级的私有 git 仓库，gitlab 是个不错的选择。 今天就来说说 gitlab 的安装、配置。 系统配置建议：最低双核 4G 内存。 当前针对 gitlab 版本：11.5.3。 1. 说明 根据官方的安装教程，选取 ubuntu 环境下的社区版进行安装：[链接]。 如果需要其他的环境（如 CentOS、docker 等）或者企业版，参...

js 中的 number 为何很怪异 声明：需要读者对二进制有一定的了解 对于 JavaScript 开发者来说，或多或少都遇到过 js 在处理数字上的奇怪现象，比如： {代码...} 如果想要弄明白为什么会出现这些奇怪现象，首先要弄清楚 JavaScript 是怎样编码数字的。 1. JavaScript 是怎样编码数字的 JavaScript 中的数字，不管是整数、...

vue 前端项目技术选型、开发工具、周边生态 声明：这不是一篇介绍 Vue 基础知识的文章，需要熟悉 Vue 相关知识 主架构：vue, vue-router, vuex UI 框架：element ui, iview, vuetify, vux, mint-ui, vue-material, muse-ui, vant, bootstrap-vue 服务器端渲染：nuxt.js 开发工具：storybook, vue-devtools, vue-loader ...

最新版的 node 支持最新版 ECMAScript 几乎所有特性，但有一个特性却一直到现在都还没有支持，那就是从 ES2015 开始定义的模块化机制。而现在我们很多项目都是用 es6 的模块化规范来写代码的，包括 node 项目，所以，node 不能运行 es6 模块文件就会很不便。