Vue页面组件标题

1.npm install vue-wechat-title 2.main.js中导入并注册 import VueWechatTitle from 'vue-wechat-title' Vue.use(VueWechatTitle) 3.在router-view标签上增加指令(v-wech...

2018-12-03 16:46:28

阅读数 327

评论数 0

移动端 -- 点击输入框默认弹出数字键盘

应用场景:手机号、银行卡号等  <input type='tel' pattern='\d*' />  

2018-12-03 15:43:28

阅读数 728

评论数 0

移动端 -- 禁止微信浏览器物理返回键

需求:当完成一系列步骤之后,提交完成后,不想通过手机上的返回键返回到上一个页面,需要跳转到指定页面,这时候就需要禁止掉物理返回键 解决:(此为Vue中的写法) export default { name: 'complete', methods: { rout...

2018-12-03 15:27:15

阅读数 560

评论数 0

移动端 -- 禁止苹果微信浏览器的下拉回弹

需求:实现页面中有个可拖动的悬浮球 问题:在ios中,由于微信浏览器存在下拉回弹的特性,所以悬浮球拖拽的时候会引起整个页面的拖动,所以需要禁止掉浏览器默认事件,这样在拖动悬浮球时就不会出现问题了 解决办法: (1)最简单粗暴的方法,就是禁止掉浏览器整个页面的滑动 document.bod...

2018-12-03 13:57:35

阅读数 2117

评论数 0

项目常用js工具库

1、关于时间格式化的方法 (1)时间格式处理方法 /** * 格式化时间 * @param date 日期 * @param format 需要转出的格式 * @returns {*} */ function dateTimeFormatter (date, format) ...

2018-08-03 16:43:28

阅读数 872

评论数 0

css布局系列 -- (二)宽度或高度不固定垂直居中和水平居中

1.高度不固定-单个元素垂直居中<div class="box">     <div class="content">高度不固定&...

2018-06-28 17:52:40

阅读数 432

评论数 0

css布局系列 -- (一)多个元素垂直居中和水平居中

1、多个元素水平居中<div class="box"> <span>1</span> <span&a...

2018-06-28 17:40:57

阅读数 1249

评论数 0

css布局--垂直水平居中

一般兼容性较好的垂直水平居中有三种:1.容器内元素为内联元素或内联块元素,并且只有单行文字时<div class="box"> <span>我是内联元素&...

2018-06-28 17:24:34

阅读数 80

评论数 0

关于Vue-cli npm run build生产环境打包,本地不能打开问题

问题:Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.解释:npm run dev是开发环境, npm run build是生产环境, 在...

2018-05-18 10:06:18

阅读数 13530

评论数 3

vue-devtools 安装时npm run build 报错

最新版github上下载vue-devtools,  npm run dev 报错,解决办法1、先去github上下载vue-devtools,下载好压缩包后解压2、进入解压目录,在命令行(当前目录下)输入npm install(cnpm install) 安装依赖。3、npm run build...

2018-04-28 09:40:28

阅读数 1881

评论数 2

数组去重几种方法

第一种 Array.prototype.remove1=function(){ for(var i=0;i<this.length;i++){ for(var j=i+1;j<this.length;j++){ if(this[i]==this[j]){ ...

2017-11-06 17:39:17

阅读数 421

评论数 0

vue生命周期面试题

1、什么是vue生命周期? 答: Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。 2、vue生命周期的作用是什么? 答:它的生命周期中有多个事件钩子,让我们在控制整个Vue...

2017-10-26 15:33:21

阅读数 7048

评论数 0

创建各种三角形-css

.triangle { width: 0; height: 0; border-top: 20px solid #EEB422; border-right: 20px solid #C0FF3E; border-bottom: 20px solid #A02...

2017-09-21 10:56:20

阅读数 150

评论数 0

不同页面间传值的几种方法

1、url传值 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 ...

2017-09-12 15:23:45

阅读数 1664

评论数 0

获取页面url地址的参数

function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = w...

2017-09-12 14:40:11

阅读数 172

评论数 0

表格-表头有斜线

*{ margin:0; padding: 0; } table{ border-collapse: collapse; border: 1px solid #000; width: 800px; margin: 20px auto; ...

2017-08-23 15:36:54

阅读数 2162

评论数 0

圆等分成三个扇形菜单

Document *{ margin: 0; padding: 0; } .box{ position: relative; width: 536px; height: 536px; border-radius: 50%; overflow...

2017-08-23 15:31:10

阅读数 222

评论数 0

圆点围绕圆旋转---css3

Document *{ margin: 0; padding: 0; } .box{ position: relative; width: 300px; height: 300px; border: 5px solid deepskyblue; ...

2017-08-23 15:19:54

阅读数 3928

评论数 0

表单控件绑定v-model

v-model:负责监听用户的输入事件以更新数据. (1)文本 Message is: {{ message }} (2)多行文本 Multiline message is: {{ message }} (3)复选框 一个复选框,可以绑定逻辑值 {{ checked }}...

2017-07-04 16:24:52

阅读数 2827

评论数 0

非父子组件通信-$on和$emit

非父子组件通信:通过 event bus ,在一个组件创建时的钩子函数中监听 某个事件,而在需要与其进行通信的组件中触发这个函数,同时交换数据 HTML: JS: (1)创建一个中转站,空的vue实例 var eventBus = new Vue({}); (2)//创建一...

2017-07-04 11:04:31

阅读数 2000

评论数 0

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