【饿了么】—— Vue2.0高仿饿了么核心模块&移动端Web App项目爬坑（一） 前言：学习Vue.js高仿饿了么课程过程中，总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍：项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标
转载
2023-08-22 11:38:53
397阅读
一、 VUE简介Vue.js 是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js；同时比起 React + Redux 相对复杂的架构，Vue.js 更加轻量级也更加容易上手，是初创项目的首选前端框架
使用vue心得，聊聊vue
原创
2022-10-28 16:27:48
237阅读
本篇文章主要是基于vue开发一个移动app,类似于今日头条，那么如何从无到有呢？注：主要写思路，具体到代码不做过多赘述1.我得先知道项目是什么类型的，是pc端是移动端还是响应式，需要实现的主要功能是什么，是否做成app ----了解项目【移动app,今日头条】2.知道要实现的主要功能了，接下来就是规划技术选型， 大概要知道需要利用什么技术，需要的插件也有数。使用v
开源项目下载地址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
提出 Web 应用程序开发的想法很简单，但为移动应用程序开发选择正确的语言可能非常具有挑战性。如果您是初学者或刚刚开始开发 Web 应用程序，Python 是构建高质量移动应用程序的首选语言。不可否认，Python使Web应用程序开发成为一个顺利的过程。这种开源编程语言旨在完美地开发各种级别和复杂程度的移动应用程序。Python最显着的优点是它的简单性。编程语言易于学习、理解和根据您的特定需求进行
转载
2023-10-15 20:45:47
106阅读
近期要做个手机html5的页面，做些知识储备，重要的点记录下来以备兴许。 1.devicePixelRatio:定义设备物理象素和设备独立象素的比例。css中的px能够看作是设备的独立象素。通过devicePixelRatio。就能够知道设备上的一个css像素代表着多少个物理像素，能够考虑devic
转载
2017-06-15 12:32:00
268阅读
2评论
前段时间，公司用前端做了一个微型图片生成界面，通过考虑，选择使用vue多页面进行编写，在界面编写完成之后，本地浏览器进行测试，发现一切都很顺利，然后嵌入到APP端进行联合测试。前期，界面在Android上运行比较顺利，个人以为没什么问题，但是当页面嵌入到iOS中，问题暴露了出来，主要体现在三点上：1、界面使用了瀑布流滑动效果，但是在iOS上滑动效果非常的差，会出现卡顿现象；2、在界面进行点击的时候
转载
2023-10-28 11:33:23
38阅读
先来看一波效果图 初始化项目1、在安装了node.js的前提下，使用以下命令npm install --g vue-cli2、在将要构建项目的目录下vue init webpack myproject(项目目录名称)一路回车如下中间会让选择ESLint进行项目代码风格检查，为了美观和效率，可以开起来，vue-router用起来，红框框中的两个测试，不要也罢，后面是问要使用哪个进行inst
一句命
原创
2022-09-09 08:44:04
353阅读
10 个易于开发的移动应用开发框架
由于 iPhone 和谷歌Android 推出移动应用开发正在迅速增长。有无数的移动Web应用程序在互联网上公布，这些应用程序在发布之前都需要经过大量的工作和很多工程师辛勤的劳动，开发移动应用并不是一件容易的事情，需要额外的努力和决心。为了帮助开发者快速开发移动应用，有一些非常优秀的移动开发框架可以简化移动应用的开发，缩短程序的发布时间。本文为你收集 10
viewport关于viewport详细请参考移动前端开发之viewport的深入理解<meta name="viewport" content="width=device-width, initial-scale=1.0">css3选择器结构伪类选择器已经成为列表类的标配了，不掌握都不好意思切页面了。伪元素（::before, ::after）我会告诉你，下面的retina 1px大
转载
2024-04-08 20:31:42
27阅读
1、安装模板1.1、vue-cli3模板安装a 普通安装:npm install -g @vue/clib 淘宝镜像安装：cnpm install -g @vue/cli我这里使用的是普通安装：npm install -g @vue/cli1、首先打开命令窗口（window图标+R 输入cmd 弹出命令窗口）2、通过输入（磁盘名称:） 进入其他磁盘目录3、通过输入cd + 文件夹名称&
转载
2023-12-07 03:41:43
321阅读
在当今信息爆炸的文化背景下，人们每天都会通过手机APP接触到巨大的信息流，然后再持续的进行评估、过滤并且再加工，具有认知上的负担，扁平化UI设计更加适合信息碎片化的传递方式。 移动端APP扁平化UI设计解析 扁平化UI主要设计步骤 1 在进行手机应用程序UI的设计之前，首先要做的就是明确功能和目的，要对产品的定位要有一个明确的了解，对目标用户进行详细的研究，分析出用户群体的使用特征、情感、习惯、心
转载
2023-12-11 09:24:01
176阅读
移动端开发-旅游预约1. 第一章. 移动端开发1.1. 移动端开发方式【目标】
了解常见的移动端开发方式【路径】
基于手机API开发基于手机浏览器开发混合开发随着移动互联网的兴起和手机的普及，目前移动端应用变得愈发重要，成为了各个商家的必争之地。例如，我们可以使用手机购物、支付、打车、玩游戏、订酒店、购票等，以前只能通过PC端完成的事情，现在通过手机都能够实现，而且更加方便，而这些都需要移动端开发
转载
2024-05-11 20:56:28
96阅读
今天我们来聊聊elemen-ui组件库Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库最近我做的项目几乎都是管理系统，所以，为了节省时间，开始使用---element-ui。一个简单的管理系统来说，这套ui框架足够使用了，而且对样式的自定义来说，这套ui框架相对于比较灵活。为什么我说管理系统适合这套ui呢？因为管理系统中使用到的组件这上面都能找到。eleme
有这样一种场景，当你在手机APP上输入你的信息，会自动跳出一个弹窗，表示某任务已执行。最简单的一个例子就是当你输入手机号，点击获取验证码的时候，就会跳出一个对话框，说“验证码已发送到手机，请注意查收”，这些都是如何实现的。
原创
精选
2016-07-29 14:34:44
1348阅读
直接推荐使用官方文档的搭建开发环境文档说明的已经很细致了这里主要注意的是安装Android Studio模拟机的问题，这里官方文档没有着重说作说
原创
2022-07-06 19:10:07
295阅读
本文目的一、创建一个能跑起来的空的vue项目 二、将该项目上传至github为后续代码进行管理一、创建一个能跑起来的空的vue项目1、前提：macbook 2、需要已经安装好nodeJSwebpackcnpm install webpack -gvue-clisudo npm install -g vue-cli（如下图）淘宝镜像（可选）npm install -g cnpm --registry
转载
2024-05-16 04:59:54
154阅读
移动段测试，顾名思义就是在移动设备上对项目进行测试。一、web与app测试二者的区别单纯功能测试的层面来说，APP测试、web测试在流程和功能测试上是没有区别的，但由于载体的不同，导致两者有一些不同，主要可以从几个方面体现：1、系统架构方面2、性能方面3、兼容方面4、测试工具方面 系统架构方面Web：b/s架构，基于浏览器，web测试只要更新了服务器端，客户端就会自动更新，并且web项目
转载
2024-07-10 21:49:42
80阅读
