MicrocosmOutbreaks

大家在网上冲浪的过程中是否经常遇到「404」这个令人不悦的数字呢？我时常会想如果所有数据都能永久保存在互联网上该有多好。直到我发现了一个神奇的项目 —— IPFS(InterPlanetary File System)。 InterPlanetary File System，中…

最近在做一个仿微信的聊天界面，有一个固定在页面底部的input框，本来使用fixed定位在底部，在android手机上没有任何问题，但在iOS上当点击输入内容的时候会出现不同情况的原生键盘遮挡输入框的情况。度娘出了很多解决方法，但没有一个方法可以完美解决，而且发现很多人都有这个…

最近开发的页面以及功能大都以表格为主，接口获取来的 JSON 数据大都是需要经过处理，比如时间戳需要转换，或者状态码的转义。对于这样的问题，各大主流框架都提供了类似于过滤的方法，在 Vue 中，一般是在页面上定义 filter 然后在模板文件中使用 | 进行处理。 这种方法和以…

针对这些问题，首先在项目目录里新建了一个apis的目录，把所有与API请求的东西都放在这个目录里，如下图这样。 1. 新建一个request类，对wx.request进行简单封装 在rquest的结果返回处理函数success中，判定服务端返回的状态代码，对于200状态代码的按…

LiveNode是一个基于Node.js轻巧的web服务，帮助前端开发者解决本地跨域，代码刷新，以及SPA(单页应用)前后端服务分离，并且可以用于生产环境项目部署。 src 目录为项目容器目录，html、css、js等代码放入该目录即可。(注意!不可修改src目录名称) 当sp…

本文的目的是讲清楚react-router如何根据浏览器中的url来渲染不同的组件的，至于url是如何改变的（Link组件）请参见下一篇react-router原理之Link跳转。 react-router提供了专门的路由匹配方法matchPath(位于packages/rea…

下面可供选择的options用的是绝对定位；同时input设置了readonly，使input变的不可输入，整体布局很简单。 这两项目功能都挺简单，先来完成第一个，点击input框切换显示options，借助v-show就好。 如上所示，在选项里添加v-show="showOp…