一、背景最近公司有个定制需求，需要开发一套能在钉钉上打开的移动端页面，功能简单，但时间也不是很多。因为有vue的开发经验，就决定使用vue做开发语言。又因为需要快速开发，就决定使用vant组件库来快速构建页面。如今，是想将这次开发的经验记录一下，供以后参考。二、页面构建和尺寸适配构建页面就直接使用vue-cli脚手架，可以快速创建一个项目。下面是创建项目的命令，具体选项就不多说了。vue crea
转载
2024-02-10 19:12:36
50阅读
背景在一pc端的web项目里，由于某些特性需要由动态语言处理，所以只在有需要使用vue来处理数据的页面，直接引入vue.js来处理。由于刚开始并没有打算使用前端来渲染数据和处理交互，所以使用了一些非vue的ui和插件，导致后来冲突坑点不少。非vue模块化下使用vue，虽然不能import vue文件，使用组件方式也有点恶心，但处理一些事情还是不错的。使用formdata提交表单数据先上代码&nbs
转载
2024-04-24 19:25:43
575阅读
相关知识点touchstart 当在屏幕上按下手指时触发touchmove 当在屏幕上移动手指时触发touchend 当在屏幕上抬起手指时触发mousedown mousemove mouseup对应的是PC端的事件touchcancel 当一些更高级别的事件发生的时候（如电话接入或者弹出信息）会取消当前的touch操作，即触发 touchcancel。一般会在touchcancel时暂停游戏、存档等操作。效果图实现步骤html总结了一下评论，好像发现大家都碰到了滑动的问题。就在这里提醒
原创
2022-02-26 18:05:53
731阅读
相关知识点touchstart 当在屏幕上按下手指时触发touchmove 当在屏幕上移动手指时触发touchend 当在屏幕上抬起手指时触发mousedown mousemove mouseup对应的是PC端的事件touchcancel 当一些更高级别的事件发生的时候（如电话接入或者弹出信息）会取消当前的touch操作，即触发 touchcancel。一般会在touchcancel时暂停游戏、存档等操作。效果图实现步骤html总结了一下评论，好像发现大家都碰到了滑动的问题。就在这里提醒
原创
2021-07-12 11:01:42
603阅读
---恢复内容开始---在搭建路由项目的时候的基本步骤一:创建项目 安装好vue 搭好环境 (步骤在上篇博客中) 进入项目目录 cd 目录路径/ 目录名 创建项目 vue init webpack 项目名 效果: 项目文件结构:及作用 -- b
转载
2023-12-09 23:17:51
185阅读
一、移动端浏览器二、移动端屏幕分辨率三、移动端网页调试方法
原创
2023-04-22 07:09:16
192阅读
在家屁颠屁颠的拿起了《在你身边 为你设计》这本书看了一下午，看到移动端调试这里，略有感受，于是提取了下内
原创
2022-08-09 14:38:29
298阅读
1、触屏事件touch 2、触摸事件 TouchEvent是一类描述手指在触摸平面（触摸屏、触摸板等）的状态变化的事件。这类事件用于描述一个或多个触点，使开发者可以检测触点的移动，触点的增加和减少，等等 var div = document.querySelector('div'); div.add ...
转载
2021-08-25 22:34:00
168阅读
2评论
【饿了么】—— Vue2.0高仿饿了么核心模块&移动端Web App项目爬坑（一） 前言：学习Vue.js高仿饿了么课程过程中，总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍：项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标
转载
2023-08-22 11:38:53
395阅读
写在前面：Appium自动化基于Android端和iOS端都支持，且支持Java和python等主流语言，移动端招聘基本已是必备的技能。然后自己选择python因为上手较快，写起来也简单。由于自己真机是mac，但是基于大多数公司配置的还是Windows系统，故还是选择环境是虚拟机下的Windows 7版本64位系统，等自己后续有时间再搞下mac下的appium。自己使用过程中出现的坑，文中也会备注
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 并新增了
Pagination.
vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div> <span class="pages">共 {{allCounts
原创
2021-09-09 14:21:19
563阅读
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阅读
一般情况下如果全部应用CDN或者直接全局使用，直接根据文档就行，我这里重点讲一下这个UI的框架按需引入以及REM适配（官网也有提到，只不过有点模糊，新手入门要研究一会，我只是阐述重点，以提高效率），下面开始：第一步不用说照着官网进行安装，NPM或者是yarn，都是可以的npm i vant -S
or
yarn and vant安装之后我们在babel.config.js中进行配置插件：mod
一、采用触摸事件touchmove。1、定义公共变量var timer = null; var startY, moveY, initTop, oldTop, newTop;2、添加事件$('#container ul').on('touchstart', function(e){ startY = e.originalEvent.touch
原创
2015-09-10 11:51:46
1421阅读
hp1005打印机驱动是一款黑白激光多功能一体机，因此打印和打描是一体的，本款hp1005打印机驱动支持win7 32和win7 64，在下载驱动时请下载与电脑系统相对应的hp1005打印驱动，安装hp1005打印驱动前确保设备电源已打开以及usb电缆已连接。hp1005打印机驱动说明：1、首先从本站下载这款驱动的压缩包。2、解压缩同时双击驱动程序进行安装。3、安装完成后，检测打印机是否能够正常使
移动端网页最大的特点是什么？自适应不同尺寸的屏幕！高大上的叫法:响应式！ 知道了自适应网页怎么做岂不是能很好解决问题了？那么自适应网页怎么做呢？网上关于这方面的文章有很多，我简单的整理一下。一、 HTML设置在head中加入meta标签<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-sc
接到一个移动端网页pdf预览的需求，首先想到的方案是利用iframe进行显示。
后端响应头设置Content-Disposition: inline复制代码Content-Disposition一般有以下几种情况// inline 默认值，表示回复中的消息体会以页面的一部分或者整个页面的形式展示
Content-Disposition: inline
// attachment 意味着消息体
转载
2021-01-24 20:31:21
2817阅读
2评论
