安然于心-CSDN博客

原创 vue中使用el-tab-pane v-show/v-if无效

<template> <el-tabs v-model="settype" @tab-click="tabClick" ref="tabs"> <el-tab-pane label="广告位设置" name="bannerset">广告位设置</el-tab-pane> <el-tab-pane label="推送设置" ...

2019-08-28 11:25:43 3085 1

原创 vue项目开发过程中遇到的问题记录

1、更新下来的项目，npm run dev,提示node_modules missing遇到这个问题的时候，只需要安装一下依赖，打开项目根目录，运行一下npm i就可以了

2019-08-27 14:59:01 529

原创鼠标点击消失效果

1、实现效果2、代码片段<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * {margin: 0;padding: 0;box-sizing: border-box;} ...

2019-08-27 10:15:18 433

原创 Vue在VScode中语法不高亮解决办法

1、在编辑器中先安装Vetur插件2、打开VScode编辑器顶部菜单【文件】->首选项->设置，再点击常用设置，下拉找到在setting.json中编辑3、在配置中找到files.associations，在里面添加"*.wpy":"vue"。然后保存，重新打开你的vue文件就可以了...

2019-08-26 11:20:08 14784 3

看了官方文档的服务通知推送，必须要用户手动触发才能获取到fromId，而用户点击一次，只能获取到一个fromId,那么在这点击一次的情况下，怎么才能获取到多个fromId呢，当时这个问题困扰了我2个多小时，用获取到用户点击的fromId，fromId递增的方式，是能生成多个，但是微信无法识别，模拟用户点击方式也不可行，然后又试了css的点击穿透，也无法实现，后来突然想用一个笨办法，那就是在一个标签...

2018-08-30 22:13:44 4092 1

原创微信小程序轮播图

微信小程序中的轮播图可以直接使用swiper组件，代码如下：<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{imgUrls}}"&

2018-08-30 21:51:02 3967

原创微信小程序侧滑删除

直接上干货吧wxml<view class='hd-con'> <view class='listitem {{item.isTouchMove ? "active" : ""}}' wx:for="{{TestList}}" wx:key="{{id}}" data-index="{{index}}" bindtouchstart="touc

2018-08-08 17:58:40 806

原创禁止页面滚动(移动端)

/*禁止页面滚动*/disableScroll:function(){ $(window).bind("touchmove",function(e){ e.preventDefault();})}/*允许页面滚动*/allowScroll:function(){ $(window).unbind("touchmove");}

2017-03-15 17:09:56 977

原创 CSS改变checkbox样式

CSS改变checkbox样式，代码如下：Html代码 <div class="hv_box"> <input type="checkbox" class="hc_checkbox" id="ck1" value="1322560"/> <lable for="ck1"></

2017-03-10 17:53:02 549

转载 JS-本地存储数据库

//js调用本地数据库主JS文件var HD = {is_db:null,uid:null,ukey:null,shortName:'hd',version:'1.0',displayName:'hd_2345',maxSize:100000,data:null,other:null,login:null,index:null,// 创建数据库initDatabase :

2017-03-10 17:34:28 1008

原创 JavaScript、JQuery-数组

1.数组长度arr = [];arr.length; //输出02.数组元素的添加和删除arr = [];arr[0] = '1'; //向数组中添加元素delete a[0]; //删除了数组index=1位置的元素，但是数组长度不会减少3.数组遍历arr = [];for(var i=0;i} //简单的for循环遍历如果不能确定数组

2017-03-10 17:14:17 711

转载 JS操作数据库

var conn, rs; /*获取数据库连接*/function getConnection() { conn = new ActiveXObject("ADODB.Connection"); // 1.JavaScript操作数据库JS操作Access数据库 // 在F盘有文件abc.mdf，表名为user，一共2个字段，id数字类型主键，name文

2017-03-10 17:03:26 4144

原创前端踩坑

1、inline-block元素自带的4px边距设置父元素font-size:0;letter-spacing:-4px;然后设置子元素正常的font-size和letter-spacing;2、移动端JS给页面设置scrollTop出现闪屏问题给body加上属性：-webkit-overflow-scrolling: touch;3、移动端ios浏览器/ios

2017-03-10 16:57:47 885

原创支持地址栏传值。侧边导航栏html+JS

HTML代码<html> <head> <meta charset="utf-8" /> <title>导航栏</title> <link rel="stylesheet" href="css/menu.css" /> <script type="text/javascript" src="js/jquery-1.10.2.mi

2016-04-21 19:24:21 1449

原创 js 实现网页一个一个字打印出来的效果

简单的js打印机效果## HTML代码 ## 在此输入你想打印的东西提交看效果这里是显示效果容器CSS代码 a{text-decoration: none;cursor: pointer;} .showbox{width: 980px;height: 600px;margin: 0 auto;background-color: #f7f7f7;}

2016-04-14 17:17:58 1829

ViVianWhere的博客