文章目录UI组件库下载安装配置UI组件库使用mint-ui组件库中组件短消息提示框iconfont确认框创建空组件实现提示框案例mint-ui表单组件输入框开关组件单选列表表单组件案例mint-ui组件库面板底部导航条面板底部导航条案例组件中数据传递(父组件传递数据子组件) 父组件在模板中调用子组件微信消息列表功能案例用户登录案例安装xampp 软件安装nodejs 软件创建服务器目录下载安装第
鄙人最近才刚刚开始学习一些关于移动端的知识，还只是个小白，文中可能有许多理解错误，望指出，请多多见谅。响应式什么是响应式页面呢？顾名思义响应式页面就是能做出响应的页面，它的页面效果不是定死的，会随着用户的改变而改变。如何着手响应式有以下几个思考的方向找一份设计图使用Media Query隐藏元素添加meta viewport明白手机端交互方式的区别Media Query是什么Media query
最近在用vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流......cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：适用于vue项目中表单验证插件；bette
整合ElementUI（实现登录） ElementUI官方网址： https://element-plus.gitee.io/#/zh-CN 提示：以下是本篇文章正文内容，下面案例可供参考 文章目录整合ElementUI（实现登录）一、创建工程1.创建一个名为 vue-elementui 的工程2.安装依赖3.启动工程二、编写ElementUI页面1.目录结构2.创建视图(1)创建路由创建首页
转载
2024-10-11 21:34:52
394阅读
最近一直在做移动端微信公众号项目的开发，也是我首次用vue来开发移动端项目，前期积累的移动端开发经验较少。经过这个项目的锻炼，加深了对vue相关知识点的理解和运用，同时，在项目中所涉及到的微信api(微信分享，微信支付)，百度地图api(如何实例化地图，给地图添加自定义覆盖物，给地图添加自定义标注，对地图进行缩放，拖拽等)的相关使用，开阔了自己的知识眼界；现将我开发过程中积累的相关经验与大家进行分
转载
2024-09-01 16:27:43
125阅读
最近在用vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流......cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：适用于vue项目中表单验证插件；bette
移动电商应是腾讯集团战略，而非腾讯电商战略之一 谈移动电子商务，在这里很多人会自然联想到微信。但作为腾讯未来公司级的产品，不可能只是为了做一个移动电子商务。 移动电子商务未来是一个数万亿的市场，零售已经可以预期2013年超过千亿，而数万亿的生活服务类能够爆发也全看移动电子商务市场。腾讯年营收过 400亿，已经能够看到市场占有率已很高情况下，受制于市场整体规模的瓶颈。另外微信终究要商业化，寻求盈
原创
2013-10-15 10:59:00
336阅读
移动端开发-旅游预约1. 第一章. 移动端开发1.1. 移动端开发方式【目标】
了解常见的移动端开发方式【路径】
基于手机API开发基于手机浏览器开发混合开发随着移动互联网的兴起和手机的普及，目前移动端应用变得愈发重要，成为了各个商家的必争之地。例如，我们可以使用手机购物、支付、打车、玩游戏、订酒店、购票等，以前只能通过PC端完成的事情，现在通过手机都能够实现，而且更加方便，而这些都需要移动端开发
转载
2024-05-11 20:56:28
96阅读
今天我们来聊聊elemen-ui组件库Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库最近我做的项目几乎都是管理系统，所以，为了节省时间，开始使用---element-ui。一个简单的管理系统来说，这套ui框架足够使用了，而且对样式的自定义来说，这套ui框架相对于比较灵活。为什么我说管理系统适合这套ui呢？因为管理系统中使用到的组件这上面都能找到。eleme
移动端适配相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。在移动端我们经常可以在head标签中看到这段代码：<meta name='viewport' content='width=device-width,initial-scale=1,user-scale=no' />通过meta标签对viewport
转载
2024-08-08 09:37:25
2918阅读
前言javascript事件基础事件捕获/冒泡事件对象事件模拟移动端响应速度PC与移动端鼠标事件差异touch与click响应速度问题结论zepto事件机制注册/注销事件zepto模拟tap事件tap事件的问题一览点透问题fastclick思想提升点击响应实现原理鬼点击ios与android鼠标事件差异事件捕获解决鬼点击结语
前言这篇博客有点长，如果你是高手请您读一读，能对其中的一些误点提出
文章目录移动端基础浏览器现状手机屏幕的现状移动端调试方法视口布局视口视觉视口理想视口meta视口标签二倍图物理像素&物理像素比多倍图背景缩放background-size二倍精灵图做法移动端开发选择单独制作移动端页面（主流）响应式兼容PC移动端移动端技术解决方案移动端浏览器CSS初始化 normalize.cssCSS3盒子模型box-sizing特殊样式移动端常见布局 移动端基础浏览器
转载
2024-06-24 19:14:43
247阅读
文章目录1. ElementUI简介2. 弹窗基本使用3. 实现拖拽移动功能4. 拓展与分析 在Web应用中，弹窗是常见的交互组件之一，ElementUI 是 Vue.js 非常流行的 UI 框架之一，提供了丰富的组件库，其中的 Dialog 弹窗组件功能强大。但是，在某些场景下，我们可能需要自定义一些交互行为，比如实现 Dialog 弹窗的拖拽移动功能。本文将介绍如何在 ElementUI 的
转载
2024-09-07 20:47:03
127阅读
从我工作以来，开发的一直都是移动端的页面，只有偶尔去开发几个PC端的页面，现在是一个移动端的时代，移动先行已经深入骨髓，作为一个web前端开发，如果你还在为如何开发移动端页面而迷茫，或者你还在为开发出了一个在你手机上“完美”的移动页面而沾沾自喜却不知移动的世界有多“残酷”的时候，那你应该看看这篇文章了。希望这能给你帮助，同时也能给我帮助，有不合理的地方，欢迎评论支持，必将改正。这里是基础，你了解否
转载
2024-10-09 17:47:16
33阅读
上一篇文章完成了Router4.0的集成，已经页面的切换。那么就应该开始对每个页面的内容做设计了，vue有很很多支持的第三方UI库，其中使用最广泛的就是 elementUI 。这次 elementUI 的集成为了适配我们Vue3.0特地选择了官方对应的版本 element-plus 。安装首先进行依赖的安装，这里直接使用npm方式：npm install element-plus --save然后
转载
2024-04-19 19:14:05
2837阅读
展示 element-ui 项目中移动端适配组件及代码修改页面布局组件通过col和row实现对页面进行24栏栅格布局，但在移动端，栅格会出现过小的现象，因此限制span和gutter以及flex等属性在pc端有效。分栏偏移会使得移动端布局超出屏幕，因此也限制了offset以及响应式布局的属性等在pc端有效。// row.js 修改内容
export default {
computed: {
转载
2024-02-27 10:36:35
1964阅读
前端组件库是一种用于构建 Web 应用程序用户界面的工具。它提供了一组可重用的组件，这些组件可以帮助开发者更快地构建出漂亮、功能强大的用户界面。 使用前端组件库有很多好处。首先，它可以提高开发效率，因为组件已
文章目录js处理浮点数保留两位小数前言处理方法1：转换字符串截取法2：正则表达式处理3：Math.round()方法，四舍五入处理最后补充Math的其他方法Vue使用less报错的解决方法前言解决指定较低版本的less-loader来下载以下是解决时的截图我新建的项目下载的less，less-loader版本我新建的项目使用less报错查看之前模板的less，less-loader版本将最新的l
转载
2024-09-27 09:31:10
34阅读
终于把书写完，接下来恢复之前的更文频率。这篇文章我们来谈谈移动端和PC端交互设计上的区别。经常遇到一些设计师，他们之前负责的都是pc端产品，突然改做移动端，会不自觉的把pc端的一些设计理念“移植”到移动端，出现了水土不服。有经验的设计师一看你设计的移动端页面就知道你之前做的都是pc端，这是一件非常尴尬的事情。就好像你说了一句“nice to meet you”，别人就知道你老家是哪里一样。那么移动
01-搭建项目结构步骤:1.0 在桌面上打开终端2.0 使用终端创建一个项目
执行指令： vue create heimatt(heimatt是项目名字+6)
生成项目时选择： Manually select features
选择自己项目中需要用到的特性： babel、vuex、vue-router、css Pre-process、eslint
是否开启 history 模式 ,
