毛茸茸的枫哥

众所周知，要获取当前页面的滚动条纵坐标位置，用：document.documentElement.scrollTop;但是在标准w3c下，document.body.scrollTop恒为0，需要用document.documentElement.scrollTop来代替;正确的写法应该是 let scrollTop = document.body.scrollTop let top = document.documentElement.scrollTop if (scrollTop &gt

官网地址： https://www.kancloud.cn/wangfupeng/wangeditor3/332599首先，在 React 项目中安装 wangEditor3 插件npm install wangeditor 封装的子组件import React, { PureComponent } from 'react'import E from 'wangeditor'import prefix from '../../config'class Editor extends .

vue打包时会把谷歌的渐变兼容性过滤掉，需要加上下面的代码才不会被过滤。/*! autoprefixer: off */background:-webkit-gradient(linear, 100% 0, 0 0, from(rgba(67, 142, 254, 1)), to(rgba(0, 0, 0, 0)));background:-webkit-linear-gradient(le...

选项卡在实际项目中还是会经常运用到的，非常简单，但也记录下。因业务上的选项卡内容还是比较多的，所以父组件引入子组件的方式来实现。首先新建一个父组件，如下：<template> <div class="service"> <ul class="tab-list"> <li v-for="(item ,index) ...

<templete> <span @click="download(contract.filePath)">下载</span></templete><script>module.exports = { methods: { download(filePath){ var self = this; ...

项目中需要用到三级联动选择省份+城市。因项目中已用到swiper组件，遂选择了swiper来做三级联动功能，避免重复赘余，节省代码量。话不多说，直接上代码。如有不明白的地方，可留言。看到会回复的，望对诸位有所帮助。1.安装swipernpm install vue-awesome-swiper --save2.组件(SelectAddress.vue)&amp;amp;lt;template&amp;amp;gt; ...

获取地址栏的链接document.location.hrefz获取地址栏的域名document.location.host或者location.origin获取地址栏的域名下的相对路径location.pathname

判断ios和安卓系统 var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') &gt; -1 || u.indexOf('Linux') &gt; -1; //g var isIOS = !!u.match(/\(i[^;]+;( U;)? ...

vue 微信分享参考资料微信JS-SDK说明文档前期工作1.安装微信开发者工具 为方便以后开发debug，可以安装微信开发者工具 这里会显示微信分享的回调，如有错误可对应解决2.获取公众号appid和设置IP白名单 登录微信公众平台 目录：开发&amp;gt;基本配置 3.设置JS接口安全域名 此txt文件必须与分享链接目录相对应，例如分享链接是https://...

详情请参考vue官网需安装git，node，cnpm，vue等环境。1.安装git从git官网中下载安装包，并安装，一直点next即可。2.安装node从node官网中下载安装包，并安装，一直点next即可。 安装完毕，可在命令行工具中输入node -v，查看node的版本号，我们下面要用的npm已经在node的集成包里了，所以直接输入npm -v即可看到npm的版本...

效果 所需图片 pic为同一张图&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf

勾勾原理： 右边框+下边框，顺时针旋转45deg效果： &lt;i class="icon_true"&gt;&lt;/i&gt;.icon_true{ display:inline_block; width: 6px; height: 10px; border-bottom: 2px solid #999; border-right: 2...

效果 htmldiv class="g-clr"> table class="table_dimension"> tr> td>尺码td> td>维度1td> td>维度2td> td>维度3td> td>维度4td> t

上传图片，实时预览

横竖屏检测

html<p id="t_d">00</p><p id="t_h">00</p><p id="t_m">00</p><p id="t_s">00</p>js function GetRTime(){ var EndTime= new Date('2017/11/12 00:00:00'); //结束时间 var StartTime= new Date('201

判断PC端与移动端的访问代码 if(window.location.toString().indexOf('pref=padindex') != -1){ }else{ if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMS