Visual Studio Code

在日常工作中，我们一定遇到过需要快速构建系统的工作情形： 作为资源管理人员，需要接收一定数量以及配置的资源申请，这些申请要求网络、存储设备按需到位； 作为开发人员，需要将一套开发环境，复制一份测试环境以及线上环境； 架构师规划一套系统，需要在云上进行搭建。 这些场景都展现着我们日常所遇的各种困难： 对各类云端资源需要进行广泛支持与管理 ：这其中需要包括常用基础IaaS 资源及 PaaS 服务，比如主机、路由器、负载均衡器等计算网络资源以及各种数据库、缓存、大数据、存储服务； 资源编排使用难度大 ：技术栈复杂而难用，实现复杂拓扑关系需要系统化知识与丰富经验； 大量机械重复的手动配置操作 ：不仅是各资源及其拓扑关系按配置进行手工部署，各资源间的拓扑关系更是令人头疼； 学习成本高 ：过往的资源管理依赖于通过命令行调用API 的方式，提升了操作难度和学习成本。 由此可见，自动化运维成了运维人员的业务刚需，各大云厂商也相继推出各自的资源编排服务（Resource Orchestration，以下简称 ROS）。ROS 的理念是“基础设施即代码”，一方面是用代码思维的版本管理来记录基础设施变化，另一方面通过代码实现自动化运维，简化编写代码复杂度，用户通过使用 Json / Yaml 格式模版描述多个云计算资源（如 ECS、RDS、SLB）的配置、依赖关系等

一、开发工具： 1、android studio 作用： 1）、运行android和web等平台应用 2）、修改inAppBrowser插件，自定义导航栏视图 2、visual studio code 作用： 编辑www文件夹下的前端代码html和js文件等，编写跨平台前端页面功能。 二、使用inAppBrowser插件： 在visual studio code开发工具中打开项目，找到www/js/index.js，编辑以下代码 document.addEventListener("deviceready", function() { console.log("Device was ready."); cordova.InAppBrowser.open('https://www.baidu.com', '_blank', 'location=yes'); }); 在android studio中运行cordova项目，如何在android studio中运行cordova项目，请参看（四、在android studio中运行cordova项目） 这里默认其实还没有刷新的功能，inAPPbrowser默认只是事项的前进和后退等其他功能。 注意：使用cordova插件都需要在触发deviceready回调的时候调用，否则无法生效。 三、添加刷新网页的功能

2016 年 6 月 1 日，北京香格里拉饭店，微软中国开发者峰会上，我见到了 VS Code 的负责人，当时的微软杰出工程师 Erich Gamma，那个时候，他更负盛名其实还是因为 Eclipse 和《设计模式》，他非常地 Nice，随身带了很多 VS Code 的贴纸，给我分享了很多，并眉飞色舞地演示着说可以贴在脑门上。如今 4 年过去了，每每回忆起这段采访时，总会不由陷入思考，有些话当时没有充分理解，而后却意味悠长。在此分享对话全文。 微软在开源领域的一些举措和看法 Erich Gamma： 开源的发展速度非常惊人，尤其是微软。五年前谈到开源的时候，整个 Windows 没有什么开源的东西。这五年来我们发生了很大的变化，现在微软内部也有了很多流程与方法，能够让我们的工程团队去使用开源。 五年前，我们的律师一听到开源，第一反应就说“NO”，但现在律师也在帮助我们更好地往开源上做努力了。我们知道开源领域有很多争议，特别是 License 的部分，有些“License”也许存在一些灰色地带。然而在微软，我们的工程部门和法律部门都在帮助我们更加合规地做开源项目，比如 GPL。现在，在他们的帮助下，我们能够清楚地了解哪些东西是我们能够用的。 虽然是开源，但事实上对微软对我们所提供的开源元件是负责任的。微软对开源技术的应用横跨多个不同的产品线。我们内部对整个开源的元件都做了详细的记录

Electron: 使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架 Vue.js: Web 前端用于构建用户界面的渐进式框架 Vuetify: Vue.js 的 Material Design 组件框架 看完以上介绍，也明白了本文要做的事：用 Vue.js 与 Vuetify 组件，基于 Electron 来创建原生桌面应用。 环境准备 Visual Studio Code Node.js Yarn Vue CLI 创建 Vue.js 应用 添加 Vuetify 组件 添加 Electron 构建 发布 Electron 应用 参考 结语 环境准备 Visual Studio Code 建议使用的 VS Code 编辑代码，下载地址： https://code.visualstudio.com/ 。 同时可安装如下些扩展： ESLint: 代码检查 Prettier - Code formatter: 代码格式化 Vetur: Vue 代码工具 Vue 2 Snippets: Vue 代码提示（可选） 查看 VS Code 版本： $ code -v 1.46.1 cd9ea6488829f560dc949a8b2fb789f3cdc05f5d x64 Node.js Node.js 开发环境，下载地址： https://nodejs.org

今早阿里云开发社区发布了嵩山版《Java开发手册》 那这次新版本的更新有哪些亮点呢？《Java开发手册（嵩山版）》特别增加了前后端交互的一些规约，并修复了一些原来存在的一些问题，接下来让我们先品尝一些嵩山版带来的新的滋味吧。 在前后端工程师分工协作愈加普遍的今天（前后端分离，前端干前端的事情，后端干后端的事情），使效率得到大大的提升，但是凡事有利也有弊，分离的同时也带来了很多协作上的问题。本次开发手册新增的前后端规约旨在解决前后端工程师协作上的问题以及让大家规避工作中常见的、易于疏漏的错误，让大家少走弯路。 在现在的前后端协作当中沟通就显得极为重要，但是规范大于约定， 正所谓“没有规矩，不成方圆”，大到前后端API的约定，小到前后端的时间格式约定，我们都得精心设计已达到最优的效果。walking本人就亲眼看到过身边的同事因为前后端编码不规范，API不规范，没有沟通到位而大打出手的（脾气都太火爆了😥）。用苹果的宣传语来讲便是“唯一的不同，是处处不同”，所以如果每个系统都对应着自己的一套前后端约定那就非常不利于维护，混乱的约定更让系统接手与维护的人头痛不堪。规矩并非枷锁，而是老司机们上路的安全带，有了它，才能让我们在程序的世界里安全的驰骋，去最大可能的提升效率，去创造更大的奇迹。 是前后端交互API的约定 在前后端交互的过程当中，API是重中之重，一个好的API应该能够明确协议、域名

以下我说的都是个人观点，比较宏观粗浅，主要针对的是前端工程师本身，没有深入技术和业务细节，请谨慎参考。 职能概览 前端工程师首先是个程序员，其次也是个软件工程师，他们工作在离用户最近的地方，负责人机交互和用户体验，虽然叫“前端”，但其实他们的工作边界其实已经很宽了。 展望未来，我想前端的工作会继续分化，也会继续融合，分工是工业革命以来社会高效协作的主要推动力，以后很长一段时间应该也会维持这种形态，融合的原始推动力也是提高效率。分化和融合是不断的演化和互吸收转化的，不过核心的东西我想还是不会有太大变化。 观点 1.继续分化（领域、行业、技术栈） 2.继续融合（端技术、Web全栈技术、人工智能与端技术） 3.核心不变（计算机科学本质、软件工程思想与实践、程序员职业素养） 1. 继续分化 领域 前端领域会继续分化，例如阿里内部的前端就已经有中后台、图形、端技术、泛Node、开发者服务5个大方向了，每个大方向也会细分，举一些例子： 中后台：有云控制台、信息&资产管理平台、内部研发&项目管理平台、人工智能&机器学习平台、数据研发分析平台，企业内部信息平台等。具体产品如阿里云控制台、ERP、PAI、DeepInsight、阿里内外、Basecamp等。 图形：有基础图形库、3D图形、数据可视化、流程图等。具体产品如G2、DataV、阿里云城市大脑、滴滴智能交通调度图、双十一大屏等。 端技术

我一直想做一个网页应用，奈何没有系统学习过前端，直到后来我接触到腾讯云无服务器云函数 SCF，让前端可以快速获得后端的能力同时，一并解决了前端数据请求跨域的问题。 本文来自 Serverless 社区用户「乂乂又又」供稿 没错，云函数 SCF 就是那种一旦用了就无法回到原来那种神奇的东西，让人不禁感叹为什么没有早点遇到 SCF 然后我花了大概一天的时间编写调试上线发布云函数（应用后端），然后又用了一天的时间学了下前端，主要是确定要用到的技术栈（后面我会再讲到这个问题），然后第三天正式开始开发应用，将云函数引入前端调用，测试数据，调整布局，打包网页发布到 coding pages。 所以在我是一个前端初学者的背景下，前后仅花了大概三天的时间，就完成了这样一个比较简单的网页应用 这就是 Severless 的魅力所在，它可以让你快速开发上线全栈应用，无论你是前端或是后端开发者都可以获益许多。 效果展示 首页 视频播放页 更详细的体验可访问 https://wo-cao.cn/ ，仅做测试之用，不要乱搞哦~ 是不是有点跃跃欲试涅？让我们开始吧~ 前端部分 由于初涉前端，前端丰富得让人眼花缭乱的生态让我花费了一整天的时间来确定所要用的框架。 这里大体说下我用到的前端技术栈，帮助小伙伴快速进入实际开发状态，不要像我这个前端小白一样在框架的选择上耗费太多时间 需求 第三方库 html预编译

本周在工作中处理了很多数据，比如查找联系方式相同的客户、查找宁波地区客户询价情况、多个库联系方式相同的关联起来等，在工作中学到很多数据处理的小技巧，总结一下，之后学到的也会补充进来~ 我总结了处理数据的四个点： SQL处理 脚本处理（python/java） excel处理 VSCode文本处理 SQL处理 SQL大家都会写，在这里介绍几个sql的函数和特性。 1.group_concat()函数 将group by产生的同一个分组中的值连接起来，返回一个字符串结果。语法：group_concat( [distinct] 要连接的字段 [order by 排序字段 asc/desc ] [separator ‘分隔符’] )， 通过使用distinct可以排除重复值；如果希望对结果中的值进行排序，可以使用order by子句；separator是一个字符串值，缺省为一个逗号。 2.HAVING count(*) > 1 例如：select email from test group by email having count(*) > 1 在表test中以邮箱分组，分组后显示每组里面邮箱出现次数大于１的数据。 没有分组的情况下having和where 类似。有分组的时候，where对分组前内容过滤，having是分组后的内容进行筛选。having()里面可以写聚合函数。 3.now

前提：已安装好Android Studio 1、下载Window版本Flutter， https://flutter.dev/docs/get-started/install/windows 解压到目录 D:\Program Files （或用到该目录使用 git clone https://github.com/flutter/flutter.git 安装） 2、配置全局命令 环境变量的Path路径 （ WINDOWS如何配置Path环境变量 https://jingyan.baidu.com/article/60ccbcebad4fe964cab197c7.html ） 3、Android Studio 安装 Flutter和dart的Plugins 打开android studio》file》setting》plugins, 问题： （1）[!] Android toolchain - develop for Android devices (Android SDK version 29.0.2) 解决方法： flutter doctor --android-licenses 一路y （2）JAVA_HOME is not set and no ‘java’ command could be found in your PATH 解决方案：检查是否有安装 了jdk

概述 今天，我们来聊聊一个专门为“懒人程序员”准备的工具——Adobe XD。使用它可以快速将原型设计图转换为可执行的Flutter代码， 而由于Flutter自身跨平台的特性，因此这些自动生成的代码即可以用在Android、iOS这样的移动设备上，也可以用在Web页中。 认识Adobe XD 首先我们来看看Adobe XD是什么，以下内容摘自百度百科： Adobe XD是一站式UX/UI设计平台，在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是一款结合设计与建立原型功能，并同时提供工业级性能的跨平台设计产品。设计师使用Adobe XD可以高效准确的完成静态编译或者框架图到交互原型的转变。 简而言之，这个软件实际上就是一个原型图设计工具。而又由于其背靠Adobe这座大山，因此它还可以与PhotoShop、Sketch、Illustrator……等工具兼容使用，非常方便。再加上今天我们介绍的重磅功能——自动生成源代码，这或许就是其在Axure、Sketch等软件广泛使用的今天依然能够存活的原因之一。此外，它本身还是免费的，只要登录Adobe Creative Cloud账户即可免费安装并使用它。 Adobe XD软件本身可以运行在MacOS以及Windows平台上，顺便说一句：本篇文章的内容我也以免费视频课的形式发布在B站上，喜欢看视频的小伙伴不妨 点击链接