首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    vue常用组件库_vue内置组件

    element:饿了么出品的Vue2的web UI工具套件 Vux:基于Vue和WeUI的组件库 mint-ui:Vue 2的移动UI元素 iview:基于 Vuejs 的开源 UI 组件库 Keen-UI:轻量级的基本UI组件合集 vue-material:通过Vue Material和Vue 2建立精美的app应用 muse-ui:三端样式一致的响应式 UI 库 vuetify:为移动而生的Vue JS 2组件框架 vonic:快速构建移动端单页应用 eme:优雅的Markdown编辑器 vue-multiselect:Vue.js选择框解决方案 vue-table:简化数据表格 VueCircleMenu:漂亮的vue圆环菜单 vue-chat:vuejs和vuex及webpack的聊天示例 radon-ui:快速开发产品的Vue组件库 vue-waterfall:Vue.js的瀑布布局组件 vue-carbon:基于 vue 开发MD风格的移动端 vue-beauty:由vue和ant design创建的优美UI组件 vue-blu:帮助你轻松创建web应用 vueAdmin:基于vuejs2和element的简单的管理员模板 vue-syntax-highlight:Sublime Text语法高亮 vue-infinite-scroll:VueJS的无限滚动指令 Vue.Draggable:实现拖放和视图模型数组同步 vue-awesome-swiper:vue.js触摸滑动组件 vue-calendar:日期选择插件 bootstrap-vue:应用于Vuejs2的Twitter的Bootstrap 4组件 vue-swipe:VueJS触摸滑块 vue-amap:基于Vue 2和高德地图的地图组件 vue-chartjs:vue中的Chartjs的封装 vue-datepicker:日历和日期选择组件 markcook:好看的markdown编辑器 vue-google-maps:带有双向数据绑定Google地图组件 vue-progressbar:vue轻量级进度条 vue-picture-input:移动友好的图片文件输入组件 vue-infinite-loading:VueJS的无限滚动插件 vue-upload-component:Vuejs文件上传组件 vue-datetime-picker:日期时间选择控件 vue-scroller:Vonic UI的功能性组件 vue2-calendar:支持lunar和日期事件的日期选择器 vue-video-player:VueJS视频及直播播放器 vue-fullcalendar:基于vue.js的全日历组件 rubik:基于Vuejs2的开源 UI 组件库 VueStar:带星星动画的vue点赞按钮 vue-mugen-scroll:无限滚动组件 mint-loadmore:VueJS的双向下拉刷新组件 vue-tables-2:显示数据的bootstrap样式网格 vue-virtual-scroller:带任意数目数据的顺畅的滚动 DataVisualization:数据可视化 vue-quill-editor:基于Quill适用于Vue2的富文本编辑器 Vueditor:所见即所得的编辑器 vue-html5-editor:html5所见即所得编辑器 vue-msgbox:vuejs的消息框 vue-slider:vue 滑动组件 vue-core-image-upload:轻量级的vue上传插件 vue-slide:vue轻量级滑动组件 vue-lazyload-img:移动优化的vue图片懒加载插件 vue-drag-and-drop-list:创建排序列表的Vue指令 vue-progressive-image:Vue的渐进图像加载插件 vuwe:基于微信WeUI所开发的专用于Vue2的组件库 vue-dropzone:用于文件上传的Vue组件 vue-charts:轻松渲染一个图表 vue-swiper:易于使用的滑块组件 vue-images:显示一组图片的lightbox组件 vue-carousel-3d:VueJS的3D轮播组件 vue-region-picker:选择中国的省份市和地区 vue-typer:模拟用户输入选择和删除文本的Vue组件 vue-impression:移动Vuejs2 UI元素 vue-datatable:使用Vuejs创建的DataTableView vue-instant:轻松创建自动提示的自定义搜索控件 vue-dragging:使元素可以拖拽 vue-sli

    02

    前端APP开发

    按照开发分类,大致可以分为下面这三种: 1、WebApp WebApp开发,严格来说并不是一个APP软件,只是一个Web型的微网站。市面上也被叫做H5应用程序 。 HTML5应用程序使用标准的Web技术,通常是HTML5、JavaScript和CSS。这种只编写一次、可到处运行的移动开发方法构建的跨平台移动应用程序可以在多个设备上运行。虽然开发人员单单使用HTML5和JavaScript就能构建功能复杂的应用程序,但仍然存在一些重大的局限性,具体包括会话管理、安全离线存储以及访问原生设备功能等。 将我们写的页面,封装成一个App。写页面的方式来开发App(APIClound)。 优点:开发时间短、兼容性强、方便系统移植。 缺点:必须有网络的支持,用户体验相对差,对于手机的一些原生底层功能不能实现。 2、NativeApp Native App就是一个原生的App软件,主要是通过Java或者其他代码来实现原生的Android Q或者iOS手机的App软件。 优点:原生App、用户体验非常好、可以调用手机的底层组件。 缺点:开发时间长、兼容性差、必须掌握Java等编程语言。 3、HybridApp(混合式App开发) 介于WebApp和NativeApp这两者之间的App,开发时间短、成本低、用户体验度好,可以调用手机底层组件,方便移植,是目前及未来App开发的流程趋势。 一半是原生的,一半是前端程序员可以做的。 混合应用程序是集前两者开发方式的优点于一身,让开发人员可以把HTML5应用程序嵌入到一个细薄的原生容器里面,集原生应用程序和HTML5应用程序的优点(及缺点)于一身。

    04

    小程序生命周期

    小程序并不是 HTML5 应用,而是更偏向于传统的 CS 架构,它是基于数据驱动的模式,一切皆组件(视图组件)。下面是小程序与普通 Web App 的对比。 普通 HTML5 都是执行在浏览器的宿主环境,浏览器提供 window、document 等 BOM 对象,但小程序没有 window、document,它更像是一个类似 Node.js 的宿主环境;因此在小程序内不能使用 document.querySelector 这类 DOM 选择器,也不支持 XMLHttpRequest、location、localStorage 等这些浏览器提供的 API,只能使用小程序自己实现的 API 小程序并非是直接通过 URL 访问的,而是通过信道服务进行通信和会话管理,所以它不支持 Cookie 存储,同时访问资源使用 wx.request 则不存在跨域的问题 小程序在 JavaScript 的模块化上支持 CommonJS,通过 require 加载,跟 Node.js 类似 小程序的页面样式完全继承了 CSS 的语法,但是在选择器上面会少一些,布局支持 flex 布局 小程序的整体框架采用面向状态编程方式,状态管理从 API 来看采用类似 Redux 的设计方式;单向数据绑定方式,当 View 在 Action 操作后,只能通过 Action 的业务处理来更新 View 页面组件模块上,WXML 提供了一整套的「自定义 UI 组件标签」,有些组件实际是 HTML5 实现的,有些组件为了解决权限、性能和适配等问题实际是 Native 实现的(如 map、input、canvas、video)

    01
    领券