学习，思考，输出

由于官方的HBuilderX编译器打包wgt每次都要手动的操作有些繁琐，也不支持多环境打包，在开发阶段与原生项目交互调试是极其不方便。而正好可以解决这些问题。是uniapp跨平台多环境资源打包、调试、发布的脚本工具。支持同时构建多个环境资源(dev、beta、release)包，也包括了wgt包。支持上传发布到七牛云平台，其他云平台暂不支持，支持七牛文件CDN缓存刷新。在构建资源包时也可以同步内置到原生项目上，方便在开发阶段与原生间的交互调试。

TypeScript是JavaScript类型的超集，它可以编译成纯JavaScript。可以在任何浏览器、计算机、操作系统上运行，并且是开源的。最终会编译成JavaScript语法在浏览器中运行。类型系统，从可从两个角度来考虑类型安全：可分强类型与弱类型语言，强类型：在语言层面上，就约束着函数的实参类型必须与形参类型相同，另外不允许隐式类型转换。弱类型：在语言层面上，不要求函数的实参类型与形参类型是相同的，允许隐式类型转换。类型检查：可分静态类型与动态类型语言静态类型。

Babel 是一个工具链，主要用于将采用 ES6+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。为了确保打包目录下所有文件都是最新的，因此在打包时需要清除webapck的。实际开发项目中，其实还可以再配置一个环境，如预生产beta环境。添加配置，需要配置生产模式 和webpack的最终配置文件。设置了webpack的构建文件，之前项目根目录的。打开http://localhost:8081/文件拆分了，在打包时自然需要合并了，通过。

webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。所谓打包工具就是把开发环境的代码转化成运行环境代码。一般来说，开发环境的代码是为了更好的阅读和开发，而运行环境的代码则是为了能够更快地执行。因此开发环境和运行环境的代码形式也不相同。比如开发环境的代码，要通过混淆压缩后才能放在线上运行，这样代码体积更小，而且对代码执行也不会有任何影响；

显示网格：是指item在定义单元格范围内，比如一行三列的布局，若item在这布局中就是显示单元格，不在则为隐式单元格。前提是容器的子元素超过了网络布局定义范围，比如一行三列的布局，正常是三个元素，但隐式单元格就是超过了三个元素。单元格列数跟随容器宽度自适应，宽度最小不会小于100px，行数是一个隐式单元格属性，会自动适应容器大小。上面没有给网格布局设置宽度与高度，以及网格的列数、行数，都是跟随元素和分辨率自动调节网格的列数、行数。默认子元素都是独占一个单元格的，如果要进行合并单元格，除了前面提到的用。

CommonJS作为Node.js 的规范，一直沿用至今，现在很多类库还在用CommonJS ，而ES6的import/export出现相对晚很多，在Node13以上环境为了兼容ES6的特性，就需要创建package.json文件指明type类型为module。

同源策略的出发点是好的，保护数据的安全性，但也影响着开发的便利性，给开发者造成困难，比如不能正常访问非同源的第三方网络接口。对于网络请求，我们可以用nginx来代理转发接口，避开浏览器同源策略的限制。

看过jQuery源码的人应该知道，jQuery开篇用的就是立即执行函数。立即执行函数常用于第三方库，好处在于隔离作用域，任何一个第三方库都会存在大量的变量和函数，为了避免变量污染（命名冲突），开发者们想到的解决办法就是使用立即执行函数。 1.什么是立即执行函数（IIFE） 在了解立即执行函数之前先明确一下函数声明、函数表达式及匿名函数的形式，如下图： 接下来看立即执行函数的两种常见形式：( functio...

文章目录前言效果项目结构路由配置与跳转配置跳转参数获取网络请求前言uni-app相信很多人都不会陌生，特别是做前端更是，uni-app是基于vue.js开发的前端框架，一套代码多端运行；github star很平稳的增长，更多的是国内开发者关注，另外我们也看出关于跨平台的技术，flutter是遥遥领先，github star指数一定程度上可以辅助我们做技术选型。从百度指数来看，热度反而超过了flutter，可以看出uni-app框架在国内很受欢迎。觉得可以去尝试下，如果有vue的基础，对uni-ap

文章是从有道云笔记转到csdn博客，如果存在图片丢失问题，可阅读原文文章目录Flex弹性盒子方法单行居中多行居中多列居中position + transform方法margintext-align总结参考居中布局在CSS中是一个很蛋疼的老问题，相信每位在刚刚入门的时候很烦恼，网上也有很多关于居中布局的文章，由于每个人场景不同可能很难选择一个自己适合的方法。今天总结下，会以打分的方式来排名，总分是5分Flex弹性盒子方法分数：5分为什么把Flex放在第一呢，无论是水平居中还是垂直居中、单行、多.

文章是从有道云笔记转到csdn博客，如果存在图片丢失问题，可阅读原文文章目录基本概念作用在父元素上的属性flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content作用在子元素上的属性orderflex-growflex-shrinkflex-basisflexalign-self参考刚刚接触CSS布局的时候，很多时候会依赖display + position + float属性来布局，在使用过程中很不方便。比如一些.