1.电商业务概述客户使用的业务服务：PC端，小程序，移动web，移动app 管理员使用的业务服务：PC后台管理端。 PC后台管理端的功能：管理用户账号（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息，订单），数据统计 电商后台管理系统采用前后端分离的开发模式 前端项目是基于Vue的SPA（单页应用程序）项目前端技术栈:Vue,Vue-Router,Vuex,Element
转载
2024-09-26 19:12:06
165阅读
上一篇文章完成了Router4.0的集成，已经页面的切换。那么就应该开始对每个页面的内容做设计了，vue有很很多支持的第三方UI库，其中使用最广泛的就是 elementUI 。这次 elementUI 的集成为了适配我们Vue3.0特地选择了官方对应的版本 element-plus 。安装首先进行依赖的安装，这里直接使用npm方式：npm install element-plus --save然后
转载
2024-04-19 19:14:05
2837阅读
import { Toast } from 'mint-ui'function selectText(textbox, startIndex, stopIndex) { if (textbox.createTextRange) { // ie
const range = textbox.createTextRange()
range.collapse(true)
r
转载
2021-05-10 17:01:49
294阅读
2评论
前言重新整理自己的东西，最后干脆是想着要重装一遍系统了，灵光一现，想到一件事，既然我都要重装系统了，难道我还要再继续使用Windows么?虽然我使用过了MacOS，但是还没喜欢到要去买个硬件，干脆就找找linux里面的类似主题好了，最后把目光放到了ElementoryOS上……准备环境下载VMware我下载的虚拟机软件是VMware，试用版本为16。因为15版本在加载U盘的时候会导致我的win10
移动端点击态的处理storyJavaScript在开发移动端页面的时候，为了提高用户体验，通常会给被触控的元素加上一个效果来对用户的操作进行反馈。这种反馈主要有三种实现方式:伪类:active伪类是一种比较方便的实现方式，但在ios中，需要在相关的元素或者body上绑定touchstart事件才能使元素的:active生效。Bydefault,SafariMobiledoesnotusethe:a
原创
2021-03-23 12:52:08
411阅读
依然先说结论：目前为止所有的点击问题都是移动端事件触发顺序混乱导致的！关于捕获和冒泡→我们首先要
原创
2022-09-06 14:53:32
514阅读
# HTML5 移动端点击事件详解
在现代网页开发中，移动端的用户体验尤为重要。随着HTML5的普及，移动端的点击事件处理方式也随之发展。本文将深入探讨HTML5在移动端点击事件处理中的应用，包括代码示例、事件的适用性、使用场景以及最佳实践。
## 什么是点击事件
点击事件是指用户通过鼠标或触摸屏进行的交互操作。在HTML5中，点击事件主要通过JavaScript的事件处理机制来实现。对于移
原创
2024-10-13 05:04:06
227阅读
在本教程中，我们将使用 CSS自定义属性（也称为CSS变量）来为简单的HTML页面实现主题切换。 我们将创建暗黑和明亮的示例主题，然后编写JavaScript 以在用户单击按钮时在两者之间切换。就像在典型的编程语言中一样，变量用于保存或存储值。 在CSS中，它们通常用于存储颜色，字体名称，字体大小，长度单位等。然后可以在样式表中的多个位置引用和重用它们。 大多数开发人员都会引用 “C
在使用element中的menu组件时，根据官方文档，可以设置给el-menu设置router属性为：true，给el-menu-item设置index的值为路径，就可以实现点击导航跳转到指定路由。这样做虽然能实现跳转，但是，若刷新浏览器，则导航会跳转到默认的选中项，而不是我们离开时的导航。 百度时大部分回答是将default-active属性设置为：$rou
最近在用vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流......cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：适用于vue项目中表单验证插件；bette
描述在近期的一个移动端项目中，有一个页面需要有弹框提示，并且这个弹框通过关闭按钮关闭。页面当中使用了 iScroll 来实现页面局部滚动，在 iScroll 的配置当中把 tap 和 click 事件都开启了。代码如下：this.myScroll = new IScroll(this.$refs.wrapper, {
mouseWheel: true,
转载
2023-11-25 07:00:43
195阅读
1.单击穿透原理 1 其一是单击穿透情况：单击蒙层(mask)上面的 “ 关闭 ” 按钮，如果蒙层消失，一定是触发了 按钮下面元素的click事件，让蒙层消失。 2.其二是页面单击穿透情
转载
2023-10-16 01:27:34
83阅读
整合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阅读
前置知识： 在移动端多了touch的三个touch事件。 所有事件触发顺序为：(touchstart——touchmove——touchend)——mouseover——mousedown——mouseup——click。 当有touchmove触发时，就不会再触发touchend之后的事件。 有两
转载
2017-09-11 10:17:00
500阅读
2评论
1）下载插件 https://github.com/ftlabs/fastclick 2）使用范例 <!DOCTYPE
转载
2021-03-04 10:44:00
485阅读
2评论
在浏览器中点击返回或者前进按钮时，页面不刷新的问题。这个问题存在于移动端居多，尤其是苹果手机。这种问题经常在微信、uc这类的浏览器出现
原创
2022-06-30 17:17:25
351阅读
在浏览器中点击返回或者前进按钮时，页面不刷新的问题。这个问题存在于移动端居多，尤其是苹果手机。这种问题经常在微信、uc这类的浏览器出现，这是因为浏览器保存了DOM和js的状态，相当于保存了整个页面，这种特性称作 “往返缓存”（back-forward cache，或b...
原创
2021-07-27 21:10:17
951阅读
前端组件库是一种用于构建 Web 应用程序用户界面的工具。它提供了一组可重用的组件，这些组件可以帮助开发者更快地构建出漂亮、功能强大的用户界面。 使用前端组件库有很多好处。首先，它可以提高开发效率，因为组件已
移动办公时代，在手机端处理信息、查阅资料越来越普遍。本次更新围绕流程、公告、用车、资产等模块，实现更丰富的移动端功能。 新功能亮点一览1、移动端增加导入历史流程、公告的查阅情况、车辆管理菜单等功能。2、移动端明细字段过多时，支持分段加载。3、资产管理模块，可实时统计每个用户以及部门领用的资产情况4、 永中插件在线阅读增加是否允许复制选项。5、 表单建模支持动态信息字段及字段显示条件。一
1.npm 下载 fastclick 效果： 2. 3.
转载
2018-05-19 08:56:00
183阅读
2评论
