如图,我在循环列表里面绑定了一个点击事件,并且设置了一个 item的值
接下来我在methods
中定义了 viewDetail 方法
实际运行的效果,这里的 e
是 undefined
有人知道是怎么回事吗?
如图,我在循环列表里面绑定了一个点击事件,并且设置了一个 item的值
接下来我在methods
中定义了 viewDetail 方法
实际运行的效果,这里的 e
是 undefined
有人知道是怎么回事吗?
CubeAI ★ 智立方 是参考 Linux AI基金会(LFAI)开源项目Acumos的设计理念,由中国联通网络技术研究院完全自主开发的集AI模型开发、模型共享和能力开放等功能于一体的开源网络AI平台。
CubeAI平台目前提供AI模型打包、模型导入、容器化封装、模型编排、模型发布、模型搜索、模型部署、AI能力开放、能力编排、能力演示等功能,支持AI模型的docker容器化封装和微服务化部署。
CubeAI致力于在AI模型开发者和模型的实际使用者之间架设一条互通的桥梁。开发者无需关心具体的部署环境,最终用户无需了解AI算法的具体实现细节,使得开发者和使用者能够专注于各自最擅长的领域进行创新,从而加速AI创新和应用进程,促进AI算法从设计、开发直到部署、应用整个生命周期的快速迭代和演进。
本系统由AI建模、AI模型共享(AI商城)和AI能力开放三大平台组成。其中AI建模目前暂采用线下形式,使用Acumos提供的客户端工具来实现模型打包。
本系统AI模型共享平台(AI商城)和AI能力开放平台基于Spring Cloud微服务架构进行开发。前端采用Angular 6.0框架实现,编程语言主要为TypeScript和HTML;后端采用Spring Boot框架实现,编程语言主要为Java。部分微服务初始代码框架采用Jhipster代码脚手架工具生成。
微服务基础组件Consul使用Consul作为微服务注册/发现中心和数据配置中心。API网关是一个特殊的微服务,用于为后端的业务应用微服务提供一个统一的访问入口,主要功能包括:HTTP路由,负载均衡,安全控制,QoS控制,接入控制,熔断机制等等。
本系统将API网关功能与采用Angular编写的前端Portal页面集成于同一个微服务之中,命名为:gateway。
uaa(用户认证授权中心)是一个特殊的微服务,为系统提供统一的安全控制服务,主要用于用户的认证、鉴权、授权,微服务的访问控制,以及基于角色的访问控制。
消息中间件由一组特殊的微服务组成,主要用于系统中微服务间异步数据和消息的高效传输和处理。本系统采用开源软件Kafka来作为消息中间件。
搜索/日志/可视化采用ELK套件来实现。ELK Stack构建在开源基础之上,能够安全可靠地获取微服务架构中任何来源、任何格式的数据,并且能够实时地对数据进行搜索、分析和可视化呈现。
项目地址: https://github.com/cube-ai/cubeai
网上提供的方案,在父元素上设置属性 -webkit-app-region: drag;
可以实现拖拽,然后在子元素上设置 -webkit-app-region: no-drag;
, 这样可以实现子元素接收事件
但我的场景有点特殊,我需要在同一个元素上,既能拖拽,又能点击,发现没有相关的解决方案,应该如何破解
PC UI
Ant Design 是 阿里官方的一套UI框架,支持 vue 、react、 angular等多种前端框架语言的UI库,
特别适合团队中,有不同产品,不同语言开发项目,但是又要保持统一的视觉和产品规范的团队使用,背后有淘宝的团队在支持,bug修复快,稳定值得推荐
element ui 是饿了么团队出品的UI框架,也是比较优秀,也支持 react 、angular 版本,更新速度比较快,和antd组件差不多,看个人喜好选择
view ui 前身名为 iview ui,后来2.0版本后更改成 view ui, view ui 只有 vue 版本,拥有整套完整的体系,可直接用自带的脚手架创建基于view ui的项目,2.0一会 view ui划分了2个版本,社区版和收费版,收费版会提供一些定制化的组件,适合有定制化需求的项目公司使用,付费的好处就是有技术问题官方可以随时响应配合处理
基于 Vue 2.0 优雅的 Material Design UI 组件库
样式是 扁平化风格,样式也比较美观,国外团推出品的,有中英文两个版本,喜欢扁平化的小伙伴可以试试
移动端UI
vant 是有赞出品的移动端UI框架,目前拥有 H5 和 微信小程序2个版本,组件丰富,样式美观,适合有H5版本,和小程序版本开发需求的团队使用
饿了么团队出品,组件丰富,不过细节稍微差一点,只有H5版本
vux 样式规范基于微信,是早期优秀的vue 移动框架,组件美观,用户比较多
持续更新,敬请期待!
this总是代表着他的直接调用者,例如obj.fun(),那么fun()中的this就是obj
举例
import axios from 'axios'
export default new class {
constructor() {
this.sayhello()
// => "hello"
axios.get('xxx.com').then(function() {
// 此时this指向的是function函数本身,无法获取到父级的方法
this.sayhello()
// => sayhello undefined
})
// 箭头函数修改this作用域
axios.get('xxx.com').then(() => {
this.sayhello()
// => "hello"
})
// 拷贝this作用域
var that = this
axios.get('xxx.com').then(function() {
that.sayhello()
// => "hello"
})
}
sayhello() {
console.log('hello')
}
}