阮一峰

阮一峰 https://es6.ruanyifeng.com/ 关于ES6通俗易懂的解释： ES6就是javascript vue.js就是javascript的前端框架 总的来说，ES6和vue.js就是编程语言和编程框架的关系 来源： oschina 链接： https://my.oschina.net/u/4245910/blog/3223378

http://javascript.ruanyifeng.com/nodejs/express.html next没怎么用过... 一个不进行任何操作、只传递request对象的中间件 function uselessMiddleware(req, res, next) { next(); } 上面代码的next为中间件的回调函数。如果它带有参数，则代表抛出一个错误，参数为错误文本 function uselessMiddleware(req, res, next) { next('出错了！'); } 抛出错误以后，后面的中间件将不再执行，直到发现一个错误处理函数为止。 response.sendFile方法用于发送文件。 response.render方法用于渲染网页模板。就像ejs支持html一样 routes挂载路径 var router = express.Router(); router.get('/', function(req, res) { res.send('首页'); }); router.get('/about', function(req, res) { res.send('关于'); }); app.use('/', router); 如果最后一行改为app.use('/app', router)，则相当于/app和/app/about这两个路径

http://www.ruanyifeng.com/blog/2012/10/javascript_module.html 阮一峰，70后，英文名Frank。他原是 上海财经大学 世界经济博士研究生。主要研究宏观金融、货币政策与美国经济。于2008年6月获得博士学位。目前在上海一所当地大学（上海金融学院 国际经贸学院）任教。他本人也是一名IT技术人员，主要关注网站制作，并且对免费软件有着坚定不移的信念。除了写博客以外，他还有三个网站：微趣、Italo Calvino in China和读书公园。 中文名 阮一峰 外文名 Frank 别 名 一峰 国 籍 中国 民 族 汉 出生地 上海 性 别 男 学 历 博士 目录 1 成就 2 评价 成就 编辑 他从2003年开始在网络上写日志，文章包含的内容非常广博，涉及读书、版权制度、经济学、英语、历史、IT技术、医学、电影、音乐和美术、政治学、科学、创业、互联网等23个大的分类，其中有的分类还包括一些更细的子条目。至2013年9月15日，他一共写了1580篇文章，收到32694条留言。除了理性地书写各种庞杂的知识外，他的文章亦充满了人文关怀，对专制强权更是批判有加，他试图以个人单薄的力量向社会传达一种向善的理想。他多次在文章中提到过，希望通过这些文章来教大家如何做一个独立思考者。 阮一峰自学了网站制作，并在学习期间编写了一些互联网小应用

mobx后面再去了解。 http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html React 只是 DOM 的一个抽象层，并不是 Web 应用的完整解决方案 ,所以要配合React-redux (redux的一个react版本) 和redux相似的技术库：早期的 flux, Immutable, Rxjs，vue版的 vuex等。 你的应用有以下场景，可以考虑使用 Redux。 某个组件的状态，需要共享 某个状态需要在任何地方都可以拿到 一个组件需要改变全局状态 一个组件需要改变另一个组件的状态 发生上面情况时，如果不使用 Redux 或者其他 状态管理工具 ，不按照一定规律处理状态的读写，代码很快就会变成一团乱麻。你需要一种机制，可以 在同一个地方查询状态、改变状态、传播状态的变化 。 总之，不要把 Redux 当作万灵丹，如果你的应用没那么复杂，就没必要用它。另一方面，Redux 只是 Web 架构的一种解决方案，也可以选择其他方案。 Redux 的设计思想很简单 ，就两句话。 （1）Web 应用是一个状态机，视图与状态是一一对应的。 （2）所有的状态，保存在一个对象里面。 基本概念 store state Action Store 就是保存数据的地方，你可以把它看成一个容器

Flex 布局教程：语法篇 作者： 阮一峰 日期： 2015年7月10日 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于 盒状模型 ，依赖 display 属性 + position 属性 + float 属性。它对于那些特殊布局非常不方便，比如， 垂直居中 就不容易实现。 2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 Flex布局将成为未来布局的首选方案。本文介绍它的语法， 下一篇文章 给出常见布局的Flex写法。 以下内容主要参考了下面两篇文章： A Complete Guide to Flexbox 和 A Visual Guide to CSS3 Flexbox Properties 。 一、Flex布局是什么？ Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display: flex; } 行内元素也可以使用Flex布局。 .box{ display: inline-flex; } Webkit内核的浏览器，必须加上 -webkit 前缀。 .box{ display: -webkit-flex; /* Safari

最近用小程序做上传，发现只能单图上传，刚开始很是头疼，由于图片和内容提交是分开的两个不同的接口，图片不是必填项，刚开始很是头疼，请教了一下别人，emmmmm，解决了（uni-app） 主要用到的是es6中的promise，一种异步的执行，Promise 对象是由关键字 new 及其构造函数来创建的。 有兴趣的同学可以直接去阮一峰大佬的网站学习： es6学习网站 直接上代码： 在这之前要先选择图片，直接用uni.chooseImage这个api就行， 在成功的回调里面循环选择的图片数组 success: (res) => { res.tempFilePaths.forEach((item,index) => { this.photoArr = res.tempFiles var photoPath = this.photoArr this.imgArr = res.tempFilePaths }) } 1、首先是图片上传的代码，我把他封装成了一个方法，最后直接调用就可以了 upImg(imgSrc){//上傳圖片方法封裝 console.log(imgSrc) return new Promise((resolve,reject) => { uni.uploadFile({ url:this.serverUrl + ‘image’, filePath:imgSrc, name:

参考链接 http://www.ruanyifeng.com/blog/2018/02/docker-tutorial.html 一、Linux容器 二、Docker 是什么？ 三、Docker 的安装 四、image 镜像 五、实例：hello world 六、容器 Container 七、Dockerfile 文件 八、实例：制作自己的 Docker 容器 九、其他有用的命令 一、Linux容器 Linux 容器不是模拟一个完整的操作系统，而是 对进程进行隔离 。或者说，在正常进程的外面套了一个保护层。 对于容器里面的进程来说，它接触到的各种资源都是虚拟的，从而实现与底层系统的隔离 。 由于容器是进程级别的，相比虚拟机有很多 优势 。 （1） 启动快 容器里面的应用，直接就是底层系统的一个进程，而不是虚拟机内部的进程。所以，启动容器相当于启动本机的一个进程，而不是启动一个操作系统，速度就快很多。 （2） 资源占用少 容器只占用需要的资源，不占用那些没有用到的资源；虚拟机由于是完整的操作系统，不可避免要占用所有资源。另外，多个容器可以共享资源，虚拟机都是独享资源。 （3） 体积小 容器只要包含用到的组件即可，而虚拟机是整个操作系统的打包，所以容器文件比虚拟机文件要小很多。 总之，容器有点像轻量级的虚拟机，能够提供虚拟化的环境，但是成本开销小得多。 二、Docker 是什么？

全局作用域 函数作用域 块级作用域 一：块级作用域 1.外层作用域无法读取内层作用域的变量 2.let const声明的变量只能先声明，后使用。 let const都是块级作用域！ 　const声明的变量必须赋初始值且不可变，像final！ 不可变是指引用不可变，也就是内存中的那片地址。 Object.freeze（要冻结对象） 引用指向的对象不可变哦！ const声明引用不可变！ 3.es6六种声明变量的方法：var function let const import class 4.模块化编程：封装的思想哦！　　作用域 5.顶层对象 全局对象 二：变量的解构赋值 1.数组 赋值的时候，进行模式匹配！　　　就是按照模式匹配的方式来赋值！（解构） 模式不匹配:解构失败 只要某种数据结构是可遍历的，那么就可以进行解构赋值。 2.对象 解构赋值：模式匹配的时候按照key、value匹配。不同于数组是按照索引。 3.字符串 三： 五：数组扩展 1. Array.from（） 方法用于将两类对象转为真正的数组： 类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map）。 2. Array.of（） 方法用于将一组值，转换为数组。 3. Array.copyWithin() 在当前数组内部，将指定位置的成员复制到其他位置

一、团队组织 网站 说明 腾讯 AlloyTeam 团队 腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究 ISUX 腾讯社交用户体验设计，简称ISUX，腾讯设计团队网站 CDC 腾讯用户研究与体验设计部 FEX 百度Web前端研发部出品 淘宝前端团队（FED） 用技术为体验提供无限可能 凹凸实验室 京东用户体验设计部出品 奇舞团 奇虎360旗下前端开发团队出品 阿里巴巴国际UED团队 在更新的屏幕里创造出更好的产品和更优的体验 EFE 由百度多个遵循统一技术体系的前端团队所组成 UXC 覆盖了百度85%以上的产品体验设计 二、开发社区 网站 说明 StackOverflow 加入世界上最大的开发者社区 SegmentFault 中文领域最大的技术问答交流社区平台 知乎 中文互联网最大的知识分享和社交平台 开源中国 目前国内最大的开源技术社区 w3ctech 中国最大的前端技术社区 掘金 一个帮助开发者成长的社区 V2EX 创意工作者们的社区 博客园 一个面向开发者的知识分享社区 CNode 国内最大最具影响力的 Node.js 开源技术社区 Ruby China 由众多爱好者共同维护的 Ruby 中文社区 三、前端门户 网站 说明 前端网 一个专注于Web前端开发行业的综合性门户网站 大前端 一个集前端开发和Wordpress内容为一体的双轨独立网站 四、前端大牛

期数： 82 期 日期：2019-11-15 http://www.ruanyifeng.com/blog/2019/11/weekly-issue-82.html 声明： 链接及文章内容为原博主阮一峰原创。 来源： https://www.cnblogs.com/sanen/p/11871603.html