小程序 获取页面滚动的高度
wx.createSelectorQuery().select('#the-id').boundingClientRect(function(rect){ rect.id // 节点的ID rect.dataset // 节点的dataset rect.left // 节点的左边界坐标 rect.right // 节点的右边界坐...
小程序canvas画虚线圆
效果：封装：/*** 画虚线园* cxt_arc 画布* thex 画的x坐标* they 画的y坐标* raduis 圆半径* space 虚线的间隔 默认值 2 * Math.PI / 100 即一百空白点*/drawDashCircle: function (cxt_arc, thex, they, raduis, space) {space ...
小程序富文本WxParse插件
参考https://blog.csdn.net/loveyoulouyou/article/details/83413628下载WxParse插件，插件地址https://github.com/icindy/wxParsecss部分：@import "../../utils/wxParse/wxParse.wxss";html部分：<import src="../../u...
layui根据条件修改表格固定行的颜色
当按钮样式存在“noedit”时，该行变灰色var data={ table :{ id:'userlist-table', options:{ done:function(res,curr,count){ res.data.forEach(functio...
vue引入bootstrap报错找不到模块modules
参考文档：https://segmentfault.com/a/1190000015765805要使用bootstrap要先分两步，第一步：引入jQuery第二步：再引入bootstrap1、建立一个vue工程。2、使用命令npm install jquery --save-dev 引入jquery。3、在webpack.base.conf.js中添加如下内容：var...
vue 实现数字滚动增加效果
参考：http://panjiachen.github.io/countTo/demo/效果：使用vue-countTo插件安装：npm install vue-count-to使用：<template><countToref='example':startVal='startVal':endVal='endVal':duration='200...
vue监听滚动事件 实现元素吸顶
添加滚动监听事件：mounted () { window.addEventListener('scroll', this.handleScroll)},页面销毁需要取消监听：destroyed(){window.removeEventListener('scroll',this.handleScroll)}使用：<template>...
vue跨页面定位到锚点位置
效果：header页面：<a:href="'#/about?maodian=gsjj'">公司介绍</a><a:href="'#/about?maodian=fzlc'">发展历程</a><a:href="'#/about?maodian=ryzz'">荣誉资质</a><a:href="...
vue页面内部定位到锚点位置
上个文章写了跨页面的锚点定位，锚点的页面是在mounted里调用的定位到锚点位置，只有新打开此页面时才会执行mounted，所以当前页面内进行点击定位到锚点位置不起作用，解决方法在main.js里的watch里一直监听着URL是否发生变化，如果URL变化就执行锚点定位方法。效果：在mian.js中添加import{goAnchor,GetQueryString}from'.....
元素使用display: inline-block；后会有间隙的问题
元素使用display: inline-block;后，总是和其他元素出现间隙，其实是fontsize惹的祸，将父元素的font-size:0px,就可以解决
clipboard复制功能，实现静态复制和动态复制
引入jQuery和clipboard文件<script src="http://code.jquery.com/jquery-3.4.1.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js">&...
h5判断用户是否安装某个app，来调起app活下载app
h5在浏览器中无法判断出用户是否安装某个app，只是如果用户安装了这个APP调起app的时候，会使页面失去焦点在微信里无法调起app，所以在微信里添加一个提示让用户在浏览器里打开。$(".goBuy").click(function(){//判断微信打开给出提示弹窗，浏览器打开的话，已安装app打开app，没有安装跳转到下载地址checkOutApp();...
H5页面监听长按事件
H5页面监听长按事件 var timeOutEvent; $(document).on("touchstart","body img",function(e){ var that = this; timeOutEvent = setTimeout("longPress()",500);//500设置时间 picUrl ...
ios下text-align:justify文本两端对齐失效
text-align: justify在当文案只有一行的时候是不会生效的。解决方案是用text-align-last: justify来修复text-align: justify对最后一行不起作用的问题。Android还是有一定的支持度的，但是ios就惨了，完全不支持，所以只能改。分析text-align: justify不生效的原因就是文字在最后一行，所以可以再想要两端对齐的文字前后分别加一个标签，然后把文字挤在不是最后一行的位置上。.content { width: 100px;/..
小程序实现瀑布流（无tab）
效果图：html部分：<!--pages/waterfall/waterfall.wxml--><block wx:for="{{imagesList}}"><image src='{{item.pic}}' data-id='{{item.id}}' class='hide' bindload='reserveimg'></image></block><scroll-view style="height:{{sc
vue中点击按钮实现复制 vue-clipboard2
npm install --save vue-clipboard2首先先安装并引入：importVuefrom'vue'importVueClipboardfrom'vue-clipboard2';//引入复制功能插件Vue.use(VueClipboard)；html部分：<inputv-model="shareUrl"disabled="disabled"><buttontype="button"v-clipboard:copy="s...
今日推荐
周排行