使用vue心得,聊聊vue
原创 2022-10-28 16:27:48
237阅读
开源项目下载地址vue-element-admin    https://github.com/PanJiaChen/vue-element-admin1.pc的项目,最好的选择是ElementUI。(pc)官网地址:http://element-cn.eleme.io/#/zh-CN  github地址:https://github.com/ElemeFE/element
最近刚学完react 直接来开搞个小项目创建项目技术栈跨域扩展跨域路由Antd页面首页音乐组件首页内容注册登录一级分类和二级分类详情页制造商 有些代码很丑陋,望评论区的大佬多指点一下 创建项目1. npm install -g create-react-app 2. create-react-app my-app //新建并对react项目进行命名(注:项目名称不能有大写) 3. cd
一句命
原创 2022-09-09 08:44:04
353阅读
先来看一波效果图 初始化项目1、在安装了node.js的前提下,使用以下命令npm install --g vue-cli2、在将要构建项目的目录下vue init webpack myproject(项目目录名称)一路回车如下中间会让选择ESLint进行项目代码风格检查,为了美观和效率,可以开起来,vue-router用起来,红框框中的两个测试,不要也罢,后面是问要使用哪个进行inst
转载 6月前
40阅读
为什么要造轮子在 React 中使用表单有个明显的痛点,就是需要维护大量的value和onChange,比如一个简单的登录框:class App extends React.Component { constructor(props) { super(props); this.state = { username: "", password: ""
目录1.效果展示2.分步演示商品详情页面搜索页购物车页结算页面1.效果展示商品详情页商品搜索页购物车页购物车详情页结算页2.分步演示在实际开发前要对我们所需要做的整体页面和其中所需要的各个组件有一个整体构思,此项目一共有三个页面:商品页面,购物车页面,结算界面。其中商品数据是每个页面都需要用到的所以将商品数据存于store里便于使用,其次使用React createPortal() 创建创建模态窗
vue移动模板tip:1、ui我们使用的是vux,庆幸的是,解决了打包过大的问题,2、这里使用的是rem布局,移动还是要使用ipad和不同尺寸的手机3、版本:webpack:3.6.0  vue:2.5.2  vue-loader:13.3.0  vux:2.8.1 vux-loader:1.2.7 版本很重要,版本很重要,版本很重要,vue及生态更新太快,控制好
概述如何用vue移动的自定义开发?下面这个例子希望能给到你帮助移动demo说明这次我们推出了5大功能。通过底部的菜单即可切换不同的页面。门户效果图         功能说明kintone内搜索实现kintone内的用户,应用,空间,主题等的全文检索。图表BI通过echarts来绘制图表,数据全部来自于内部应用,实时展示关注的数据。通过轮播可以
【饿了么】—— Vue2.0高仿饿了么核心模块&移动Web App项目爬坑(一) 前言:学习Vue.js高仿饿了么课程过程中,总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍:项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标      
转载 2023-08-22 11:38:53
395阅读
介绍cube-ui是一个基于Vue.js实现的移动组件库,它是由滴滴内部组件库精简提炼出来的,追求接近原生的体验! 特性质量可靠由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试,为后续集成提供保障。体验极致以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。标准规范遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加
第6章 移动开发-体检预约1. 移动开发1.1 移动开发方式随着移动互联网的兴起和手机的普及,目前移动应用变得愈发重要,成为了各个商家的必争之地。例如,我们可以使用手机购物、支付、打车、玩游戏、订酒店、购票等,以前只能通过PC完成的事情,现在通过手机都能够实现,而且更加方便,而这些都需要移动开发进行支持,那如何进行移动开发呢?移动开发主要有三种方式:1、基于手机API开发(原生AP
# React H5移动项目开发架构 随着移动互联网的迅速发展,越来越多的应用选择基于H5技术进行开发React是一种高效的前端库,特别适合用于开发移动应用。本文将探讨React H5移动项目的开发架构,结合代码示例、类图和序列图,以帮助大家更好地理解这一架构。 ## 一、项目结构 在一个典型的React H5项目中,我们一般的目录结构如下: ``` /my-react-h5-ap
原创 2024-09-26 04:19:59
857阅读
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div> <span class="pages">共 {{allCounts
原创 2021-09-09 14:21:19
557阅读
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div>
原创 2022-03-04 13:37:54
307阅读
这里我写一下我自己用的vue 移动适配 ,可能跟别人的不一样。但是效果是一样的。我
转载 2023-02-27 15:46:50
733阅读
8 个月前Mint UIGitHub:github.com/ElemeFE/mint项目主页:mint-ui.github.io/#Demo:elemefe.github.io/mint-文档:mint-ui.github.io/docs/#由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动组件库。自 6 月初开源以来,根据社区和团队内部的反馈,修复了一些 bug 并新增了
转载 10月前
25阅读
一般情况下如果全部应用CDN或者直接全局使用,直接根据文档就行,我这里重点讲一下这个UI的框架按需引入以及REM适配(官网也有提到,只不过有点模糊,新手入门要研究一会,我只是阐述重点,以提高效率),下面开始:第一步不用说照着官网进行安装,NPM或者是yarn,都是可以的npm i vant -S or yarn and vant安装之后我们在babel.config.js中进行配置插件:mod
基于apiCloud,webstorm的移动开发开发完加壳。很好用
原创 2017-07-05 11:19:31
2980阅读
一。响应式设计好处          1.一套项目代码          2.一套开发环境           3.一个URL          4.内容所见即所得           5.不会因为终端升级而导致不可用    做法:     布局百分比宽度 + 容器浮动二。viewport参数的最佳组合<meta name="viewport" cont...
原创 2022-09-13 12:27:19
203阅读
  • 1
  • 2
  • 3
  • 4
  • 5