创建应用
创建准备
成功注册企业微信企业
企业微信账号拥有当前企业的超级管理员或分级管理员的权限
创建应用
登录 企业微信管理后台,在【应用管理】界面-【应用】-【自建】点击【创建应用】,在弹出框填写应用的图标、标题、描述和可见范围基本信息。填写完成后,点击【创建应用】,将会跳转至应用详情页面。
配置信息
可见范围
在【应用管理】界面-【应用】-【自建】点击刚刚创建好的应用,进入应用信息页面,点击编辑。
点击可见范围旁边的添加,即可编辑可见范围。
应用主页
配置成员从工作台打开应用时打开的页面URL,假设应用打开的网页为:http://tangmenju...
前置知识
Linux常见目录
目录参数
说明
/
根目录,文件的最顶端,/etc、/bin、/dev、/lib、/sbin应和根目录放置在一个分区中,而类似/usr/local可以单独位于另一个分区
/bin
存放系统所需的重要命令,如文件或目录操作的命令ls、cp、mkdir等。/usr/bin也存放了一些系统命令,这些命令对于的文件都是可执行的,普通用户可以使用大部分的命令
/boot
存放Linux启动时内核及引导系统程序所需要的核心文件,内核文件和grub系统引导管理器都位于此目录
/dev
...
基于Vue-cli的前端项目初始化
初始化
Vue-cli环境配置详情见前端框架之Vue.js(一)安装小节里的“使用npm安装”内容。
初始化一个新项目,创建文件夹tutorproject作为项目目录,打开一个终端将切换路径到tutorproject,运行代码以创建front-end文件夹:
12345678910PS C:\Users\Administrator\Desktop\code_learn\flask_exercise\tutorproject> vue create front-end运行结果如下:Vue CLI v5.0.8? Please pick ...
可复用性&组合
混入
基础
混入用于分发Vue组件中是可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
1234567891011121314151617//定义一个混入对象var myMixin={ created:function(){ this.hello() }, methods:{ hello:function(){ console.log('hello from mixin!') ...
深入了解组件
动态组件&异步组件
在动态组件上使用keep-alive
之前曾在一个多标签的页面使用is attribute来切换不同的组件:
1<component v-bind:is="currentTabComponent"></component>
当这些组件之间来回切换时,会发现原来点击的内容被销毁了,由于 每次切换新标签时,Vue都创建了一个新实例,因此切回去时是不会保留之前选择的选项的。
若想把那些标签的组件实例能够被在它们第一次被创建时缓存下来,可以使用<keep-alive>元素把动态组件包裹起...
深入了解组件
组件注册
组件名
注册一个组件时,要给组件起名,如在全局注册中,组件名就是Vue.component的第一个参数:
1Vue component('my-component-name',{})
组件名应当遵守W3C规范中的自定义组件名(字母全小写且必须包含一个连字符)
组件名大小写
定义组件名的方式由两种:
使用短横线分隔命名:my-component-name
使用首字母大写命名:MyComponentName
两种命名法都可以使用,但需注意的是,直接在DOM(即非字符串的模板)中使用时,只有短横线分隔命...
初始化一个新项目
要初始化一个新项目,创建一个文件夹test作为项目目录,打开一个终端将切换路径到test,运行代码:
12345678910PS C:\Users\Administrator\Desktop\test> vue create test运行结果如下: Your connection to the default yarn registry seems to be slow. Use https://registry.npmmirror.com for faster installation? (Y/n)输入Y回车 Vue CLI v5.0.8? Pl...
Vue.js基础
列表渲染
用v-for把一个数组对应为一组元素
基于一个数组来渲染列表可以使用v-for指令。v-for指令需要通过item in items形式的特殊语法,其中items是源数据数组,而item是被迭代的数组元素的别名。
123456789101112131415161718<body><ul id="example-1"> <li v-for="item in items" :key="item.message"> {{it...
Vue.js基础
模板语法
Vue.js使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有的Vue.js模板都是合法的HTML。
插值
文本
数据绑定最常见的形式就是使用"Mustache"语法(双大括号)的文本插值:
123<div id="app"> <span>message:{{message}}</span></div>
123456var app=new Vue({ el:'#a...
Vue.js基础
Vue是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,易于上手且便于与第三方库或既有项目结合。
Vue不支持IE8及以下的版本,它支持所有兼容ECMA Script 5的浏览器。
安装
直接用<script>引入
若要在现有站点中使用Vue,可以通过<script>元素在页面中使用。
开发环境版本,包含了有帮助的命令行警告:
1<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.j...