Vue.js

1 首先在官网 apicloud 中，创建项目生成 config.xml 文件，预设风格。 2 将 config.xml 文件放在项目跟目录中， Vue 项目，必须先打包生产 dist 文件， 3 本地或者云编译 ( 官方工具，可选本地编译 ) ，生产 app 包， apk ， ios 需要注册开发者 及证书。 4 打包后的 apk 可以用官方 app (appLoader) 进行真机调试，也可以用模拟器，拖入 Apk 进行调试。 5 在官方工具云编译可以回退版本。官方 apicloud 提供对应 api 可以进行很多操作。 6 入口文件index.html 首先应该判断是否登陆，如果登陆，在初始化页面，打开首页main.html对应的页面，如果没有登陆 就应该显示login.html对应的页面，配合localStorage进行验证。 apicloud中5大ui 组件之间的关系是， app>(启动页)>widget(一个或者多个项目包)>window （每一个项目包对应默认打开一个window）>frame/frameGroup的关系，最开始打开应用的时候默认打开的文件就 是一个window 。 　　 原文出处：https://www.cnblogs.com/yaya666/p/10923975.html 来源： oschina 链接： https://my.oschina.net

在上篇文章 《2021新年 Vue3.0 + Element UI 尝鲜小记》 里，我们尝试使用了 Vue CLI 创建 Vue 3 + Element UI 的项目，而 Vue CLI 实际上为我们生成了一个我们熟悉的 Webpack 工程项目。 Webpack 无需过多介绍，一个十分强大的打包工具。但 Webpack 也有不足的地方，比如第一次打包需要很长时间，修改代码之后的热更新速度较慢。 随着 Vue 3 一起推出的还有一个强大的新一代打包工具 Vite, 一个面向现代浏览器，基于原生模块系统 ESModule 实现了按需编译的 Web 开发构建工具，恰恰就解决了上述 Webpack 的痛点。Vite 主要的优势有三点： 快速冷启动服务器 即时热模块更换（HMR） 真正的按需编译 听上去就很不错，立刻上手尝试一下。 初始化 Vite 项目 使用 npm init @vitejs/app my-vue-app --template vue 命令快速生成一个使用 Vite 构建的 Vue 3 项目模版。 运行 npm run dev 即可把项目跑起来，进入开发模式。项目冷启动速度非常快，不到 1 秒钟，浏览器里就已经出现项目预览了。项目冷启动只用了 382ms ，真香。 引入 Element Plus UI 组件库 开发项目，首先要挑选一个 UI 组件库。目前市面上支持 Vue

Ueditor作为富文本框虽然已经停更较久了，但依然是一种功能非常强大的富文本框，可以随意添加视频、图片等 Vue作为目前前后端分离项目中比较热门的技术，如何去兼容Vue并且正确的使用他，是一个资料较少的问题，目前其他资料中多半为给出的Demo，这里讲解一下项目模块化的用法 所以，今天来写一下，关于Vue前端如何兼容Ueditor并且模块化使用的内容 首先， https://github.com/fex-team/ueditor 可以在这里进行下载，当然也可以和我一样，手动加入，选择Jsp模块下载，目录如下 此处不多赘述，网上资料有很多 下面为重点 ，为了工程化开发，建议在utils中进行配置全局变量，当然也可以随用随配置 配置之后我们秉承一个模块化思想，将富文本框做成一个模块，这样使用时就可以直接引入 UE.vue的内容如下，UE_STATTIC_PATH，UE_SERVER_URL即为上面我们定义的两个接口 <template> <vue-ueditor-wrap v-model="content" :config="myConfig" style="max-width: 1200px; margin: 0 auto" >{ { content }}</vue-ueditor-wrap > </template> <script> import VueUeditorWrap

简介： 消灭企业安全体系中“隐秘的角落” ———— APT攻击愈演愈烈，与SolarWinds相关的安全反思已持续半月，阿里云安全带来了面向供应链攻击特征属性的全面攻防观察，以飨从业者。 ———— 后期精彩的APT内网对抗往往依赖于「先从外部撕开」一道口子，对于黑客而言， 脆弱的供应链无异于一块「新大陆」，成为击穿「关键基础设施」的最佳切入点。 应用开发方式变革引入供应链风险 随着企业上云，传统的网络边界正在逐渐消失，尤其是突如其来的疫情，更是让几乎所有企业都不得不进行远程办公，员工开始从家庭网络、咖啡厅与企业网络建立连接， 企业的IT架构正在从「有边界」向「无限边界」发生转变。 受益于开源软件与成熟的三方产品和服务（COTS）的优势，国内互联网、金融行业快速发展。在COTS模式下，企业可以快速采购到能够满足当前业务需要的生产工具、软件或硬件产品，从而节省成本和时间。 开源软件的蓬勃发展改变了应用开发形态，现代应用的开发人员不再首选自研，而是会看当前业界是否已有成熟的框架或解决方案。 Synopsys公司发布的《2020年开源安全和风险分析OSSRA报告》中指出，当前超过90%的现代应用融入了开源组件，平均每个应用包含超过124个开源组件，其中49%的开源组件存在高危漏洞。 从政府服务到金融机构每个组织都依靠软件来为客户提供服务。嵌入式软件不再仅仅局限于计算机

transtion内置组件 Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 < transition : name = "animation" > //里面可以放置组件 < / transition > 简单来说，就是transtion组件所包裹的内容，在执行创建销毁，消失出现，动态切换的场景时，会被添加上过渡效果 过渡效果的不同时期 简单的转场动画 实现思路： 页面切换的过程，其实就是老页面销毁 (隐藏) 到新页面创建 (显示) 的过程，我们给这个过程加上过渡效果，增加一个左右平移的动画，是页面更加生动形象！ 大概效果： 当前页面跳转到其他页面，页面会整体水平向左向右偏移； 实现步骤 1 . 给路由容器router-view包裹上transtion组件，使其在切换的时候会加载过渡效果 //name指定过渡所执行的动画，动态绑定是为了切换不同的转场动画 < transition : name = "animation" > //router-view加上绝对定位效果，默认居于左上角 < router - view class = "router" > < / router - view > < / transition > < style >

前言 随着近几年互联网进入下沉期,C端app产品告别了早期的抢占市场阶段,进入寡头时代。微信、支付宝、头条等超级app们希望建立起自有生态主导流量分发,纷纷推出了各自的小程序开发技术,允许用户在其app内运行一个“小app”,分享超级app的流量红利。 App作为移动互联网时代企业业务非常重要的载体之一，如果企业没有技术团队怎么办？技术团队实力不强又怎么办？APICloud的办法是推出App定制平台。用户可以基于APICloud上既定的模板框架进行开发，也可以交由APICloud的技术团队进行开发。看起来，这个过程可以帮助企业App实现从0到1，因此这个阶段被称为“实现”。 APICloud 是中国领先的“云端一体”移动应用云服务提供商， 通过端API和云API来简化移动应用开发技术，可以帮助开发者快速实现移动应用的开发、测试、发布、运营等全生命周期管理。APICloud其发布的低代码效率工具Plus Mode，为IT项目中每个角色提供专业工具，将需求分析、产品原型、UI设计、前端开发、后端开发紧密衔接，并基于行业大数据对前置环节进行复用，最终缩减大量重复性工作，有效提升30%-60% IT项目效率。 产品及优势 1、 高性能跨平台开发技术，一套代码可同时编译生成iOS、Android、小程序等多端应用，为企业加速实现移动业务的场景化落地 2、 低代码开发能力覆盖软件开发全生命周期

Nginx 简介 什么是 Nginx? Nginx（engine x）是一款轻量级的 Web 服务器 、反向代理服务器及电子邮件（IMAP/POP3）代理服务器。 什么是反向代理？ 反向代理（Reverse Proxy）方式是指以代理服务器来接受 internet 上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给 internet 上请求连接的客户端，此时代理服务器对外就表现为一个反向代理服务器。 Nginx 入门 详细安装方法请参考：https://github.com/dunwu/nginx-tutorial/blob/master/docs/nginx-ops.md Nginx 的使用比较简单，就是几条命令。 常用到的命令如下： nginx -s stop 快速关闭 Nginx，可能不保存相关信息，并迅速终止 Web 服务。 nginx -s quit 平稳关闭 Nginx，保存相关信息，有安排的结束 Web 服务。 nginx -s reload 因改变了 Nginx 相关配置，需要重新加载配置而重载。 nginx -s reopen 重新打开日志文件。 nginx -c filename 为 Nginx 指定一个配置文件，来代替缺省的。 nginx -t 不运行，仅仅测试配置文件。Nginx 将检查配置文件的语法的正确性

前戏 在之前我们使用webpack进行打包的时候，webpack.config.js配置都是我们自己手写的。而Vue-CLI是官方提供的，用来搭建项目脚手架的工具，它是vue.js开发的标准工具，它已经集成了webpack，内置好了很多常用配置，使得我们在使用vue开发项目时更加的标准化。 官方文档：https://cli.vuejs.org/zh/ 安装 Vue-CLI需要node.js 8.9以上的版本 全局安装 Vue-CLI npm install -g @vue/cli 安装成功后，在命令行可以使用 vue 命令，比如查看当前安装的版本： vue -- version # 或者 大写V vue -V 如果执行上面后，命令行提示 'vue' 不是内部或外部命令 解决方法：配置环境变量 1. 查看全局安装目录 nmp root -g 2. 在 我的电脑 进入全局安装目录下，找到 vue.cmd 3. 右键计算机，属性—》高级系统设置—》环境变量，将 vue.cmd 所在的路径加入环境变量，点击“确定” 使用Vue-CLI创建项目 运行 vue create 命令来创建一个新项目，在哪个目录下执行就会生成在哪个目录下 vue create 项目名称 执行后会让你选择，第一个是默认项目，第二个是自定义项目 创建默认项目 会提示选择默认（ default ）还是手动（

前置 在 react 中解决组件样式冲突的方案中，如果您喜欢将 css 与 js 分离，可能更习惯于 CSS-Modules；如果习惯了 Vue.js 那样的单文件组件，可能习惯于使用 styled-components 来解决这个问题。使用 CSS-Modules 从老项目迁移过来可能更容易。 安装 npm i styled-components 基本用法 import React from 'react' import { render } from 'react-dom' import styled from 'styled-components' const items = [ { title: 'title1', type: 'primary', desc: 'Lorem ipsum dolor sit amet consectetur ' }, { title: 'title2', type: 'other', desc: 'Lorem ipsum dolor sit amet consectetur ', }, ] function App() { return ( <div> {items.map(renderItem)} </div> ) } function renderItem(item) { return ( <Wrap> <h2>{item.title}<