首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

基于Vue电商后台管理系统「建议收藏」

删除router/index.jsviews文件夹内文件导入,以及routes内相关代码,留下以下代码: 删除components内HelloWorld.vue文件,并重新创建名为Home.vue...在data中创建表单验证规则对象 表单绑定验证规则 测试,输入非法账户,进行提示 重置功能实现 点击重置按钮,账号和密码输入框内容将会清空。...给登录表单注册引用信息,添加重置按钮点击事件,调用resetFields()清空表单内容。 实现登录功能 由于登录功能需要用到后端模块,我们将后端模块导入,并启动服务器。...安装axios依赖 在main.js导入axios模块,并设置基准地址。...航守卫功能 至此,登录功能基本实现,但存在一个bug,即在用户未登录情况,在地址栏输入http://localhost:8080/#/home地址,也可以跳转至后台。

1.8K20

vue项目配置及项目初识

Router路由,需要安装 Vuex全局单例,用于组件之间传参,可以安装,存值特点浏览器刷新重置所有的数据,主要用于移动端组件传参 css pre-processors CSS预编译,less...重构项目依赖 1.需要转移文件 如果我们需要将项目转到其他配置环境我们需要,除node_modules下面所有的文件都拷走,也可只拷贝下面三个文件,一定不要拷node_modules,该文件夹里面有上万个文件...之前我们定义子组件和根组件都在同一个文件内,不涉及文件导入,但是在项目里都是分文件,需要先对其进行文件导入 import Vue from 'vue' import App from '....-- 在根路径找logo图片(favicon.ico) --> v-proj 浏览器不支持...: '/home',//访问路径后缀是/home就重定向到/对应页面 redirect: '/', // 路由重定向 }, { path: '

92320

js监听手机端点击物理返回键或js监听pc端点击浏览器返回键

之前在项目中遇到一个问题,就是在微信网页上面本来是有返回按钮,但是大多数人都为了方便,会使用安卓手机自带物理返回键,这个返回键后,就会按照你浏览器栈存储路径来一层一层返回,就不执行你页面上那个返回按钮操作了...,但是这个物理返回键监听好像没有直接办法进行,所以有人就想到了曲线办法 原理: 页面加载完成,调用history.pushState写入一个指定状态STATE,并监听window.onpopstate...; onpopstate被触发,检查event.state是否等于STATE,如果相等,表示页面发生了后退返回键或者浏览器后退按钮),则把这次行为当作是返回键被下了(把点击浏览器后退按钮也误算进来了...(多了一个历史); 浏览器后退按钮点击以及调用history.back()也会被当成下了返回键。...举个例子: 我在vue项目中引入xback.js  关于上面在

9.2K10

Matplotlib 中文用户指南 7.1 交互式导航

以下是工具栏底部每个按钮说明: Home(首页)、Forward(前进)和Back(后退按钮: 这些类似于 Web 浏览器前进和后退按钮。 它们用于在之前定义视图之间来回浏览。...单击工具栏按钮激活平移和缩放,然后将鼠标放在轴域某个地方。 按住鼠标左键并将其拖动到新位置来平移图形。 当你释放它,你点处数据将移动到你释放点。...命令 快捷键 主页/重置 h、r或home 后退 c、左箭头或backspace 前进 v或右箭头 平移/缩放 p 缩放到矩形 o 保存 ctrl + s 切换全屏 ctrl + f 关闭绘图 ctrl...+ w 将平移/缩放限制于x轴 使用鼠标平移/缩放按住x 将平移/缩放限制于y轴 使用鼠标平移/缩放按住y 保留宽高比 使用鼠标平移/缩放按住CONTROL 切换网格 鼠标在轴域上g 切换...x轴刻度(对数/线性) 鼠标在轴域上L或k 切换y轴刻度(对数/线性) 鼠标在轴域上l 如果你使用matplotlib.pyplot,则会为每个图形自动创建工具栏。

2K20

WKWebView

要允许用户在Web历史页面中前进或者后退,要为按钮设置goBack或者goForward动作。当用户不能在某个方向上再移动,使用canGoBack或者canGoForward来禁用按钮。...默认情况,Web视图会自动将出现在Web内容中电话号码转换成电话链接。电话链接被点击,电话应用程序就会启动并拨打该号码。...布尔值,用于确定是否连接可以显示链接目标的预览。 - goBack。导航到后退列表中后腿项中。 - goForward。导航到后退列表中前进项中。...苹果JS字符串,用于OC调用JS方法。 实例方法 - goBack。导航到后退列表后退项中。 - goForward。导航到后退列表前进项中。 - reload。重新加载当前页面。...使用 Https 协议加载web内容,使用证书不合法或者证书过期需要使用该方法. - (void)webView:(WKWebView *)webView didReceiveAuthenticationChallenge

5.9K20

phonegap入门实战

ps:本文中所讲内容都是基于android平台。 项目   我们就带大家来感受一创建一个自己phonegap程序,实现功能很简单就是点击返回按钮,弹出“hello world”。...4.插件添加完成以后,就可以在创建目录中,进入www目录下,然后对index.html进行编辑,在这里面实现点击返回按钮,弹出“hello world”,保存文件。...每一种控件有自己可以识别的事件,如窗体加载、单击、双击等事件,编辑框(文本框)文本改变事件,等等。对于我们操作手机也是一样,点击后退按钮Home键、电池电量低等等。   ...系统事件由系统激发,如时间每隔24小,银行储户存款日期增加一天。用户事件由用户激发,如用户点击按钮,在文本框中显示特定文本。事件驱动控件执行某项功能。   ...backbutton   PhoneGap拦截返回键,这个功能是当用户返回键时事件触发。

1.5K20

无限滚动加载最佳实践

这种技术很简单,就是页面往下滚动时候保持刷新。 ? 这项技术使用户在没有打断和额外交互情况滚动列表 —— 随着用户滚动,一条条内容就出现了。...但是列表位置不再存在了,这意味着使用浏览器返回按钮一般都导致滚动位置重置到页面顶部。无怪乎用户很快就觉得沮丧,都没有一个合适“回到列表”功能。 ?...Flickr 监听用户点击浏览器后退按钮行为,满足用户期望。APP 记住用户滚动位置,所以当用户后退按钮时候,返回到原始位置。 ? 4....网站或应用提供书签功能时候,用户会使用。比方说,Pinterest,使用书签工具帮助用户保存创意。 ? 5. 加载新内容提供视觉反馈 内容在加载时候,用户需要明确指示,说明正在进行中。...---- 往期精选文章 使用虚拟dom和JavaScript构建完全响应式UI框架 扩展 Vue 组件 使用Three.js制作酷炫无比无穷隧道特效 一个治愈JavaScript疲劳学习计划 全栈工程师技能大全

4.2K20

Vue笔记(10) vue-router

()时候就会出栈,也就会返回到我们上一个push进去URL中 此时我们可以浏览器左上角前进后退 replaceState 使用history.replaceState()...但是当时我创建项目的时候就选择了安装router,所以在src这个文件夹里面有router文件夹了 我还在网上搜索了一些资料: 我们把index.js删掉自己写 index.js...main.js 最基本结构就是这样 那么现在就要创建路由组件,到时候才可以让路径和路由对应起来 我在scrcomponents文件夹下创建两个文件 我写了两个,一个主页(...replace: replace不会留下history记录,所以指定replace情况,后退键不能返回到上一个页面中 原来 App.vue 修改 修改后 active-class:...,会使用到该类 但是通常不会修改类属性,会直接使用默认router-link-active即可 它需求可能是这种: 点击了哪个按钮,就给哪个按钮变个颜色 现在给这个类添加样式:

85610

git学习总结02 — 版本控制

如下图,使用软重置可以撤销提交记录,但保留新建 index.js 和 style.css 文件。...如下图,硬重置不保留已提交修改,直接将当前分支状态恢复到某个特定提交下,同时将当前工作区和暂存区中文件全部移除。 [reset-hard.gif] 3....如下图,ec5be 上添加了 index.js 文件,后来发现多余了,可以执行 revert 指令还原之前更改。 $ git revert ec5be [revert.gif] 4....场景3.1:改错文件已提交版本库,但未提交远程库,想撤销上次提交,重新放回工作区: $ git reset HEAD^ 场景3.2:改错文件已提交版本库,但未提交远程库,想撤销上次提交,上次提交内容直接丢弃...: $ git reset --hard HEAD^ 场景4:工作区删除文件,想找回: 注意:工作区 rm 文件后需要执行 git rm [file name] 删除对应追踪并 commit # 前提

950107

ionic监听android返回键实现“再按一次退出”功能

在android平台上app,在主页面时经常会遇到“再按一次退出app”功能,避免只返回键就退出app提升体验优化。...1、这个功能需要我们用到ionic提供registerBackButtonAction方法(注册硬件后退按钮动作) registerBackButtonAction(callback, priority..., [actionId]) 参数 类型 说明 callback function 点击返回按钮触发,如果该监视器具有最高优先级 priority number 仅最高优先级会执行 actionId...(可空) * 该id指定这个动作 默认: 一个随机且唯一id 后退按钮优先执行顺序: 返回到上一个视图 = 100 关闭侧边菜单 = 150 关闭模版modal = 200 关闭上拉菜单action...如果我们不想注册返回按钮影响所有页面,就要将返回函数再调用。 例如:如果一个上拉菜单已经显示,后退按钮应该关闭上拉菜单,而不是返回一个页面视图或关闭一个打开模型。

1.8K20

Visual Studio 2008 每日提示(二十三)

字母排序是默认。下图所示是对象类型排序,先显示类,其次是结构,然后是枚举。 如下图“对象访问排序”,foobar 命名空间三个类是public ,第4个是private。...#229、通过导入和导出设置重置环境设置 原文链接:Did you know… How to reset your environment settings via Tools – Import/Export...Settings 操作步骤: 菜单:工具+导入和导出设置,选者“重置所有设置”。...评论:重置可以让vs恢复到默认设置。不过,一般我都考虑导入以前做好备份。...因此,自动取决windows 操作系统设置,而默认则是vs默认设置,这个默认设置依赖.vssettings文件中第一启动设置或者最后一次重置.vssettings文件

1.1K60

javaScript事件处理

1.窗体事件 例如 onload事件:页面完全加载完成之后(包括图像,js文件,css文件等)该事件就会被触发。 <!...对此还有: resize事件:调整浏览器窗口到一个新宽度或者高度,就会触发resize事件。 scroll事件:文档或者浏览器窗口被滚动期间会触发scroll事件。...ondblclick 鼠标双击某个对象 onerror 加载文档或者图像发生某个错误 onfocus 元素获得焦点 onkeydown 某个键盘键被 onkeypress 某个键盘键被或者按住...鼠标被移到某元素之上 onmouseup 某个鼠标按键被松开 onreset 重置按钮被单击 onresize 窗口或者框架被调整尺寸 onselect 文本被选定 onsubmit 提交按钮被单击...onunload 用户退出页面 ---- 6.事件冒泡和事件捕捉 事件发生就会产生事件流,一个HTML元素产生一个事件,该事件会在元素节点和根节点之间特定顺序转播,类似于递和归。

2.3K10

大前端开发中路由管理之二:web篇

,所以刷新浏览器js会重新执行,当前页面的内容便会丢失;页面跳转浏览器不会向服务器发出新页面请求,浏览器也就无法前进、后退页面。         ...about">about detail         点击页面上按钮...(); // 前进一页history.back(); // 后退一页         在H5规范中引入了三个新API, // 指定名称和URL(如果提供该参数)将数据...点击浏览器前进或后退按钮;         2. 点击 a 标签;         3. 在JS代码中触发history.pushState函数;         4....刷新页面浏览器会向服务器访问当前地址,而服务器上不存在该页面,所以会出现404。

1.5K20

JSP 防止网页刷新重复提交数据

网页如何防止刷新重复提交与如何防止后退解决方法 提交后禁用提交按钮(大部分人都是这样做) 如果客户提交后,F5刷新怎么办?...(当然,这是在你客户端启用了JavaScript功能条件。) 如果客户后退,怎么办?...后来,看到竟然有那么多的人想要禁用这个后退按钮,我也就释然(想要禁用只有后退按钮,不包括浏览器前进按钮)。因为在默认情况,用户提交表单之后可以通过后退按钮返回表单页面(而不是使用“编辑”按钮!)...这样,表单提交(此时SompePage.asp被打开),我们必须赋予FirstTimeToPage一个值。...不过我注意到,如果使用这种方法,虽然用户点击一后退按钮他不会看到以前输入数据页面,但只要点击两次就可以,这可不是我们希望效果,因为很多时候,固执用户总是能够找到绕过预防措施办法。

11.5K20

前端基础(HTML,CSS,JavaScript)知识笔记,附:前端基础面试题!!

元素失去焦点触发 onchange,在元素值被改变触发 onfocus,元素获得焦点触发 onreset,表单中重置按钮被点击触发 onselect,在元素中文本被选中后触发...onsubmit,在提交表单触发 keyboard 键盘事件: onkeydown,在用户按键触发 onkeypress,在用户按键后,着按键触发。...onmousedown,元素上鼠标按钮触发 onmousemove,当鼠标指针移动到元素上触发 onmouseout,元素指针移出元素触发 onmouseup,元素上释放鼠标按钮触发...Media媒体事件 onabort,退出触发 onwaiting,媒体已停止播放但打算继续播放触发 4....button 普通按钮 reset 重置按钮(点击按钮,会触发form表单reset事件) submit 提交按钮(点击按钮,会吃饭form表单submit事件) email 专门用于输入 e-mail

2.3K20

Google Earth Engine(GEE)——GEE最全介绍(7000字长文)初学者福音!

代码编辑器上方是用于运行脚本、保存脚本、重置输出映射和控制台以及获取脚本链接按钮。...“获取链接”按钮,浏览器地址栏中将出现一个唯一链接。此链接表示按钮编辑器中代码。...例如,假设您在名为文件中定义以下模块,该文件 FooModule.js位于名为Modules: 这是我们导入文本形式,可以这样来进行: exports.doc = 'The Foo module...拥有 Earth Engine 帐户的人访问 URL ,浏览器将导航到代码编辑器并复制创建链接环境,包括代码、导入、地图图层和地图位置。单击“获取链接”按钮将自动将脚本链接复制到剪贴板。...检查器选项卡 任务管理器旁边检查器选项卡可让您以交互方式查询地图。检查器选项卡被激活,光标变成一个十字准线,您单击地图,它将显示光标下位置和图层值。

97810

典藏版Web功能测试用例库

,再次打开文件选择窗口,点击取消按钮,直接提交,不应该报错 导入 ​ 模板 ​ 使用模板,导入成功,内容与文件一致 ​ 非模板文件导入失败 ​ 不选择文件,直接点击导入按钮 ​ 多条记录,覆盖所有校验不通过规则...​ 重复数据导入 ​ 长度校验,可测可不测 ​ 特殊字符,可测可不测 ​ 最大允许条数 ​ 导入失败后,重新正确导入导入成功 导出 ​ 文件 ​ 1、文件名 ​ 2、格式默认为.xls...,然后未提交、审核不通过、审核中、审核通过排序,即把操作列可用按钮放在前面 分页 ​ 非尾页,下页 ​ 非首页,上页 ​ 非尾页,尾页 ​ 非首页,首页 ​ 尾页,下页,不可点 ​ 首页...不能批量操作,全部都回滚 ​ 全选,只处理查询出来这部分数据 数据检查 ​ 数据流 ​ 数据缺失,数据覆盖面尽可能广一点 ​ 数据重置问题 ​ 某些模块数据未重置,其他模块在操作,会把老数据带出来...口径过滤条件一致 ​ 按钮 新增页面 ​ 界面显示、光标 ​ 所有填写项 ​ 保存按钮重置 ​ 默认状态重置 ​ 更改所有项后重置重置后光标 ​ 保存后重置,为保存后

3.5K20

Android开发必知--WebView加载html5实现炫酷引导页面

首先我们分析一,都需要做哪些工作?   1、制作html5引导页面。   2、把做好页面放入Android工程中assets文件夹下。   ...3、利用WebView加载asset文件夹下html文件。   4、在引导页最后一页按钮上捕捉点击事件,结束引导页,进入程序。   ...,WebView可以后退执行后退操作。...另外需要一提是,使用WebView浏览网页,不做处理的话,下手机返回键会直接结束WebView所在Activity,通过重写onKeyDown()方法,WebView可以返回,让其执行返回操作...需要注意加载具有js文件需通过WebSettingssetJavaScriptEnabed()方法开启对js支持。

3.2K100
领券