使用ES2015模块，您可以将应用程序代码分成可重用的、封装的、专注于单一任务的模块。 这很好，但是如何构造模块呢?一个模块应该有多少个函数和类? 这篇文章介绍了有关如何更好地组织JavaScript模块的4种最佳实践。 1.优先使用命名导出 当我开始使用JavaScript模块时，我使用默认的语法来导出模块定义的单个块，不管是类...

许多算法需要交换2个变量。在编码面试中，可能会问您“如何在没有临时变量的情况下交换2个变量？”。我很高兴知道执行变量交换的多种方法。在本文中，您将了解大约4种交换方式（2种使用额外的内存，而2种不使用额外的内存）。

做前端开发的同学对 package.json 文件一定不陌生，但我们通常很少去关注它，最熟悉的莫过于几个最基本的属性，如： name，项目名称 version，项目版本号 dependencies，项目依赖包 scripts，npm命令 package.json 其实还有很多属性可以配置的，这里就介绍一个 homepage 属性的作用。 homepage 的作用是设置应用的跟路径...

如何进行主动学习与被动学习？深度学习为什么十分重要？读文档还是读代码？这篇文章给出了你最关心的13个问题，希望对你有启发。 本系列文章： 程序员的精益成长指南1：关于变现、技术领导力和成为Leader 程序员的精益成长指南2：关于时间管理、工作学习和故障处理 程序员的精益成长指南4：做技术管理的一些经验 1.主动...

如果你想在本地安装 MongoDB 可以去官网下载，MongoDB 支持 Windows、OSX、Linux，虽然你可以在你的电脑上下载安装 MongoDB，但作为初学研究学习，其实没必要这么折腾，除非你天天在本机用。所以，一个更好的使用方法就是云MongoDB，云 MongoDB 就是把 MongoDB 安装在远程的服务器上，并对外暴露一个服务地址，我们用这...

最近在做自己的小程序《看啥好呢》，这个小程序是使用云开发的方式开发的，功能特别简单，就是获取豆瓣、大麦网的数据展示，虽然功能简单，但还是记录下开发过程和一些技术点，大约会有两篇博文产出，这是第二篇。

最近在做自己的小程序《看啥好呢》，这个小程序是使用云开发的方式开发的，功能特别简单，就是获取豆瓣、大麦网的数据展示，虽然功能简单，但还是记录下开发过程和一些技术点，大约会有两篇博文产出，这是第二篇。

Serverless 云开发是现在的大热门和趋势，各大云服务厂商都已经支持 FaaS(函数即服务) 云开发方式，微信小程序云开发是典型的例子。

总结和发现的一些好用的Chrome开发者工具配置 显示网络请求的Method和status 在Firefox中，status显示有颜色区分，且状态、方法和地址的顺序阅读更加友好，喜欢Firefox的朋友可以试试 请求行使用大行模式 该模式会在Name中显示源地址 显示CSS布局层级信息 然后我们在Layers标签中看到页面布局信息，还可以360°旋转，这个...

实现同步的功能主要依赖于VSCode插件“Settings Sync”。它是基于 GitHub Tokens 和 GitHub Gist 功能实现，可以一键轻松实现上传下载跨多台机器同步设置、代码片段、主题、文件图标、启动、键绑定、工作区和扩展。

textarea 是小程序的原生组件，它的一个表现就是优先级很高，这导致了一些困扰，比如我们有一个表单页面，最下面就是一个textarea和一个保存按钮，这会导致textarea的文字会浮现在按钮上。如下图：

文件上传是一个基本的功能，每个系统几乎都会有，比如上传图片、上传Excel等。那么在Node Koa应用中如何实现一个支持文件上传的接口呢？本文从环境准备开始、最后分别用 Postman 和一个HTML页面来测试。

一个进程就是一个程序的运行实例。详细解释就是，启动一个程序的时候，操作系统会为该程序创建一块内存，用来存放代码、运行中的数据和一个执行任务的主线程，我们把这样的一个运行环境叫进程。

数据包要在互联网上进行传输，就要符合网际协议（IP）标准，互联网上不同的在线设备都有唯一的地址，地址只是一个数字，这和大部分家庭收件地址类似，你只需要知道一个家庭的具体地址，就可以往这个地址发送包裹，这样物流系统就能把物品送到目的地。

前端程序员在开发完页面后总是要对接口的，跟后端联调有时候还占用蛮大的时间的，那么你了解你和后端对的接口都是什么风格吗，你们公司接口设计的如何，你使用愉快吗？自己在写Node服务时你遇到如何定义好接口的问题吗？下面介绍一种API架构风格，也是目前主流的API设计风格，你或许一直在使用。

Vue中的混入 mixins 是一种提供分发 Vue 组件中可复用功能的非常灵活的方式。听说在3.0版本中可能会用Hooks的形式实现，但这并不妨碍它的强大。

设置图标不难，方案就是字体图标，可供使用的图标库也有很多，比如阿里巴巴的 Iconfont，以及 Fontaswsome 等，问题在于如何优雅的提供几百个图标供用户选择，而不需要开发去一个一个的写标签，也不需要一个个的去找图标。

本文是极客时间专栏《左耳听风》学习笔记第二篇，如何学会时间管理？关于兴趣和投入、学习和工作你有什么困扰吗？故障处理最佳实践是什么样的？ 1.时间管理 1.1 主动管理 告诉大家，我们什么时间段在做什么事，请大家不要打扰我;要求你的同事，重要的事情不要发微信而是邮件；做好信息管理。 1.2 学会说“不” 当你面对做...

虽然这本书是写给创业者的，但是值得每个有追求的程序员读一读 旁观他人审视自我 尽早想明白自己以后做什么 几点建议： 平时上课学到的东西多思考一下，应用场景在哪里... 多思考别人的产品 尝试自己做个App或者网站 开源、分享 尝试自己运营一个微博或者微信公众号等 考有用的证，通过率越低的证、价值越高 找合适的企...

本文是极客时间专栏《左耳听风》学习笔记第一篇，如何让自己的技能变现？什么是技术领导力？如何成为大家愿意追随的Leader？ 1.如何让自己的技能变现 第一，千里之行，积于硅步。 任何意见成功的大事，都是通过一个个小的成功达到的。所以你得确保你有一个一个的小成功。 第二，关注有价值的东西。 价值受供需关系影响的...

这篇文章是极客时间APP专栏《朱赟的技术管理课》的学习笔记，这个专栏很不错，不过我是买的书，专栏集结初出版的《跃迁，从技术到管理的硅谷路径》，推荐大家看看。

前段时间发了一篇《前端构建工具发展及其比较》，回顾了前端构建工具的发展历程和进化，其中最新出来的零配置打包工具Parcel我一直很好奇，它到底怎么零配置了？众所周知此前 Webpack 的配置简有点让人茫然和无措，虽然现在 Webpack 4 也号称零配置，但也是相对的，依然需要配置一些东西，而我使用了 Parcel 后我有点惊...

这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办呢？我们需要修改一下我们的 watch 写法，修改过后的 watch 代码如下：

最近在看《程序员的自我修养》，作者陈逸鹤，一本写给程序员的思考书，其实市面上类似题材的书也不少，比如我看过的另外两本《内外兼修——程序员的成长之路》《程序员必读的职业规划书》，我只是后悔自己看的太晚，很多道理明白的太晚，要多看看此类书，给自己寻找点方向感和动力，我也一直在努力践行书中的一些方法和认...

这些个知识点是我个人认为的，下面我们就来看看这些个知识点。 1.怎么让一个不定宽高的 DIV，垂直水平居中? 使用Flex 只需要在父盒子设置：display: flex; justify-content: center;align-items: center; 使用 CSS3 transform 父盒子设置:display:relative Div 设置: transform: translate(-50%，-50%);position: absolu...

从本文你将看到：HTTP是干嘛用的？怎样和服务器通信？HTTP的基本性质？HTTP能控制什么？基于HTTP三大组件系统？HTTP 和 TCP 之间的关系？HTTP 协议如何使用 TCP 连接？

我在上一篇《一些杂感杂想(二)谈谈天天写业务代码的焦虑及该怎么办》里提了一下写博客的事，对于很多人来说，没有好的文字功底或者觉得自己技术太差不好意思写。这里面的一个问题是我们从小接受的教育导致的，学了那么多年语文，最后一篇像样的文章也写不出，不说要写的多优美，用了多少排比、引用了多少经典、用了什么...

我们对加班问题要充分重视起来，当程序员把加班当常态，公司把加班当成常态或理所当然的时候，确实值得思考。这不是对万恶的资本主义的控诉，而是对自我的深刻反省，如果经常加班，第一反应不应该是自我感动，而应该是警醒和扪心自问：你真的知道加班意味着什么吗？

12月的第一天，我从忙碌的工作中突然解放了，我摸着快要秃顶稀疏的头发，释怀又伤感。突然不要早起不要面对那些写到恶心的业务代码了，也不需要面对“业务型产品经理”输出的各种漏洞百出的需求了，这几个月几乎天天加班，加班在国内确实是一个很敏感的话题，有人批驳的有道理，有人赞成的也有道理，正方和反方都能说出一...

2017.11.30更新：本案例有了更优雅更简单的实现方案了,可以比较看一下两种实现方式，具体请看文末源码里的checklist2.0.vue文件

做移动端Web开发的一大痛点就是，在真机运行下无法查看console.log日志和其他信息如网络请求、显示本地存储等信息。如果网页是运行在手机浏览器中还算好，可以把网址在电脑上打开查看console信息，但是如果是做APP的内嵌H5页面，那就只能靠开发阶段在浏览器模拟环境中尽量没有Bug，但是，一旦H5上线后报错那就比较麻烦了...

工作中遇到如下需求，点击输入框弹出自定义弹窗，输入框是input标签：但是在移动端，input会默认触发手机的虚拟键盘，如何阻止手机虚拟键盘弹起呢？目前我试过有两个方案，一个是给input添加readonly属性,另一个就是在input事件处理方法前面添加一句document.activeElement.blur() 。

我相信以前很多人都这么干过：两个字中间使用 来隔开达到四个字的宽度，三个字也可以，但是，像上图中“122账号”“122密码”这样的，就不好计算该用几个空格了。

转载声明最近发现有人和网站盗用我的文章，有的转载却自己标为原创，没有明确显示原文作者、原文出处及原文链接。我的网络ID是：Dunizb。请自觉遵守网络文章转载规范以及开源协议。

分析需求的方法是做需求的陈述处理。要区分“做什么”和“怎么做”，把这两部分独立出来，“做什么是固定不变的”，而“怎么做”可能经常会变。举个例子，我们准备做一个成员列表（下图），产品经理告诉我们姓名拼音排序。我们有时候不能完全听产品经理的，如果真按姓名拼音排序编码就没有可扩展性了。如果某一天产品经理说需要...