DOM事件,捕获和冒泡 自定义事件

<!DOCTYPE html> <html> <head> <meta charset="UTF-8&quot...

2019-02-13 11:16:47

阅读数 62

评论数 0

原生JS --360度全景展示

介绍:本案是鼠标任意在桌面上(左右)滑动,展示360度各个角度的展示图。 实现方法:要各个角度的图片(n张),图片名序号排列(0,1,2,3……n),通过鼠标点击事件(document.onmousedown),鼠标滑动事件(document.onmousemove)和鼠标离开事件(docume...

2018-09-26 14:37:08

阅读数 565

评论数 0

vue 封装键盘组建

 本案例是根据实战需求写的,所以功能也是根据项目需求来写的,但是主体思路是大同小异的。先看效果图  <template>部分html代码 <template> <div cla...

2018-09-19 18:07:35

阅读数 431

评论数 0

新增和关闭(新)浏览器页面

从新打开一个浏览器窗口页面(不是在原来的页面窗口上新建一个页面) window.location.origin + '/#/help',链接路由地址 window.open(window.location.origin + '/#/help',"History&qu...

2018-09-12 10:45:44

阅读数 123

评论数 0

主输入框控制子输入框,单个子输入框自行控制,实时计算总和

本案是一个游戏,一个主输入框输入金额,全部子输入框的金额也跟着变化,然后子输入框单独输入金额,自己变化,然后总金额要实时根据所有子输入框金额计算总价。   以上两张图应该可以看明白,但是需要说明一下的是,上面列表的数据是从前一个页面以数组的形式传过来的,而且输入框内的数据初始值是0,所以列...

2018-09-08 16:53:21

阅读数 93

评论数 0

Vue js实时显示当前时间

首先是要回去当前时间; 这是一个获取当前时间的函数(不包含秒),记住先在data()里面声明一个全局变量nowTime methods: { timeFormate(timeStamp) { let year = new Date(timeStamp).getFul...

2018-09-08 15:02:52

阅读数 15422

评论数 7

时间戳转化成时间格式

timestampToTime(timestamp) { var date = new Date(timestamp); //时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + "-&a...

2018-09-03 15:43:34

阅读数 93

评论数 0

vue 移动端 封装分页插件

分页插件在手机移动端很常见,插件很多,但是因为分页需求不同,所以先选择什么插件也是一个纠结的问题。但是分页插件的核心思路是大同小异的,与其老是用别人的东西,不如自己写一个来的实在。 本项目技术栈:vue   vuex  less  效果图如下: 功能思路: 1.开始显示总条数和第一页 ...

2018-08-17 16:30:44

阅读数 1746

评论数 3

Vuex,iView UI面包屑导航使用扩展

本案例是基于Vuex的公共数据库,你在了解本案例之前要了解Vuex的使用方法。https://www.iviewui.com/components/breadcrumb打开网址我们可以知道这个组件的面包屑导航是基于路由跳转的。但是我们项目中常常用到单页面查询面包屑导航。小生开始为这个纠结好久。然后...

2018-05-04 12:14:04

阅读数 3874

评论数 1

Vue.js阿拉伯数字转化成人民币的中文

输入框内输入数字,后面显示中文大写的金额在template中在输入框数字改变的时候实时更改大写金额数  vue 的@on-change事件 @on-change="NumberToChinese(formCustom.passwd)"<te...

2018-04-02 14:55:45

阅读数 2304

评论数 0

Vuex使用实记

我们都知道Vuex是一个专门为vue.js应用程序开发的状态管理模式。通俗点说,就是把我们所使用的变量全部放在一个地方(容器)存起来。在页面复杂而且很多的时候,有些变量是要实时更改变化的,而且很多组件都会用到相同的变量。正因为把所有的变量存在一起,是方便统一管理更新变量状态,方便每一个组件实时调配...

2018-03-22 18:21:50

阅读数 141

评论数 0

前端面试题

 前端面试题整理  2017.03.12  Poetry  shudong.wang 目录 $HTML, HTTP,web综合问题 1、前端需要注意哪些SEO2、的title和alt有什么区别3、HTTP的几种请求方法用途4、从浏览器地址栏输入url到显示页...

2018-01-15 10:44:33

阅读数 2780

评论数 0

移动端悬浮球

这是一个常见的案例,在写移动端的时候。很多网站APP 都会有类似手机的悬浮球,可以在界面上随意拖动,然后点开就是一个连接,效果图如下 图中有一个客服的悬浮球点击是一个窗口连接,可以随意滑动,代码如下<!DOCTYPE html> <html lang="en&qu...

2017-12-30 15:05:29

阅读数 1400

评论数 0

vue 组件弹出框点击显示隐藏

本案实现的效果如下图 由于我的更改密码弹出框是一个组件引用的,所以在一开始是隐藏的,这就需要在当前的页面上对弹出框组件设置v-show,但是在弹出框显示出来的时候,操作执行完后当前页面的更改按钮已经被弹出框覆盖了。所以只能在弹出页面点击取消实现关闭隐藏弹出框。这样就需要写两个点击事件,但是两...

2017-12-28 20:35:34

阅读数 10176

评论数 5

Vue 点击时间获取时间段查询

最近做了一个按时间段查询的案例,效果图如下 html代码<template> <div class="personalReport_time"> <input type="date" :max="th...

2017-12-26 18:06:07

阅读数 4093

评论数 0

git 上传代码基本使用

初始化操作: git clone 地址 //将远程项目导入本地 此时默认的分支为master 该分支不可修改 所以必须切换到别的分支 你才能开始修改代码 不然你本地改的代码都要作废。 git branch 分支名 //创建分支 git checkout 分支名 //切...

2017-12-25 14:56:18

阅读数 109

评论数 0

vue动态路由配置

最近写的一个项目,需要配置一个动态的路由,就是路径调到一个页面上去,而且后面的参数是可传可不传的。废话不多说看代码…… 在index.js文件下export default new Router({ routes: [ { //根路由 path: '/', ...

2017-12-15 10:35:45

阅读数 1438

评论数 0

Vue 弹出层时 禁止页面滑动

上代码 /***滑动限制***/ stop(){ var mo=function(e){e.preventDefault();}; document.body.style.overflow='hidden'; document.addEv...

2017-12-11 17:42:11

阅读数 12303

评论数 1

二级菜单点击显示当前内容

案例描述 最近做了一个二级菜单点击事件的效果,一级菜单有3个,二级菜单是固定的,而且html布局并不是父子级关系,具体请看效果图如下 html结构入下<div> <ul> <li>您好!日期</li> ...

2017-12-09 12:19:54

阅读数 463

评论数 0

Vue2.0缓存

最近在做一个手机端的网站,遇到页面的缓存问题,自己由于经验不足,走了弯路。由于有些页面需要缓存,有些页面不需要。所以用全局缓存是不行的,必须要使用单页面的缓存。 单页面缓存 本案列适用于跳转到下一页然后回到当前页时需要显示第一次进入本页的信息。 1.在index.js配置路由的文件中设置:e...

2017-12-09 11:43:52

阅读数 4485

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭