选择Taro前的考虑■钉钉于2019年6月中旬升级原“E应用”为“小程序”，同时升级了小程序开发者工具，可以兼容阿里巴巴旗下手淘、支付宝等不同产品的运行环境钉钉小程序； ■根据官方说明，E应用和支付宝小程序使用相同的小程序通用框架，支持通用组件和API，然后分别有自己扩展的组件和API，如下图； ■Taro支持开发支付宝小程序，进而可以支持钉钉小程序的开发； Taro通用使用...阅读全文…

分析○Apollo项目中前端代码位于“Apollo\apollo-portal\src\main\resources\static”目录下。 ○前端使用的框架和库是jQuery+bootstrap+早期AngularJS，没有webpack配置和前端开发服务器。然后其中的API请求使用的都是相对路径，没有统一配置API请求前缀的地方。另外存在非ajax方式的API请求，也存在服务器API返回...阅读全文…

项目结构superset项目包含前端后台部分，前端部分位于路径“/superset/assets”下。 安装npm依赖包命令行进入assets目录下，执行npm install(或更快的yarn install)。 修改webpack配置修改webpack配置文件“superset/assets/webpack.config.js”，其中的proxy改...阅读全文…

场景为保护用户隐私，图片上传至服务器后服务器做了按位异或处理，达到无法直接通过图片链接或图片文件查看用户所上传图片内容的目的。如此就要求前端展示时对图片二进制流做相反的位操作才能展示图片内容。 关键代码与注释此处用原生方式书写，实际应用时根据所使用 ajax 库的语法修改 123456789101112131415161718192021const request = new XMLHttp...阅读全文…

对于“通过 nginx 访问网站资源文件”形式的前端项目，有以下三种方式将项目部署到 Docker 容器。 资源文件拷贝到容器方式◊ 假设前端发布压缩包”dist.tar.gz”内部结构是 dist 文件夹->index.htnl&static 文件夹。◊ 发布包同目录下创建 nginx 配置文件”default.conf”，例： 123456789101112131415se...阅读全文…

● 查看 docker 版本：docker –version● 查看 docker 详细状态：docker info● 查看本地 image（1）查看可用的：docker image ls（2）查看所有的：docker image ls -a● 运行 image：docker run options imageName（1）其中的 options 可取值如下 123456◇ 后台运行（det...阅读全文…

通识○ 容器与虚拟机的区别（1）虚拟机在 Hypervisior 之上虚拟出一套完整操作系统，提供的资源通常超过大部分应用所需。（2）容器在 Docker Engine 之上仅虚拟出一个应用程序运行所需的基础操作系统环境，这个环境以独立原生进程的方式运行在 Linux，有自己隔离的运行环境，但又与其他进程和容器共享主机内核，除了运行应用程序之外基本不消耗额外的系统资源，比虚拟机方式更轻量。 ...阅读全文…

概念● 虚拟化技术目前分为“基于虚拟机”和“基于容器”两种，前者已经有数十年成熟历史，本文讨论前者。● 虚拟机又分为两种，一种是直接安装在裸机上，另一种是安装在操作系统上。（1）裸机上的虚拟机，虚拟化层（图中的虚拟化软件）直接运行在系统硬件上，创建硬件全仿真实例，被称为“裸机”，也称为“裸金属架构”，如下图。 （2）操作系...阅读全文…

element.ui官网文档给出的按需引入组件的说明，属于是在main.js中为Vue注册全局组件的方式，某页面即使不使用某组件也会在打包代码中包含它，如果希望某个组件仅仅在单独页面里按需引入，则可以使用本文方法。 官方方法官方方法分两步：（1）安装babel-plugin-component，修改“.babelrc”文件内容；（经验证此步骤不再需要，环境：webpack-4.18.0、vu...阅读全文…

创建微应用◇在钉钉开放平台中创建微应用，服务器出口IP填写为当前所用网络的公网出口IP；◇如果微应用要支持PC端访问则也填写”PC端首页地址”； 配置首页地址●启动本地开发环境服务器，以地址 “http://192.168.1.10:8080" 为例；●首页地址有使用穿透工具与不使用穿透工具两种方式； 使用穿透工具●使用钉钉提供的内网穿透工具执行如下格式的命令： 1ding -config=...阅读全文…