关注
分享
面向Web3，春暖花开
这个作者很懒，什么都没留下…
展开
-
echarts5.0 去掉 hover 折线变粗方法
发现问题今天 echarts 版本更新至5.++，发现鼠标悬停在折线图上，折线变粗，这个效果和我的需求相悖，所以想办法去掉此效果解决过程emphasis折线图的高亮状态。属性：scale：boolean 类型，默认true。表示是否开启 hover 在拐点标志上的放大效果。lineStyle：包含属性：{ color , width , type , shadowBlur , shadowColor , shadowOffsetX , shadowOffsetY , opacity }原创 2021-02-19 19:02:27 · 3835 阅读 · 0 评论 -
vue 动态生成二维码 qrcode
1.下载 qrcodenpm i qrcode2.在所需组件使用qrcode<template> <div> <img :src="qrcode" width="192"> </div></template>>import QRCode from 'qrcode'export default{ d...原创 2019-10-23 17:09:04 · 3061 阅读 · 0 评论 -
vue/js 实现仿通讯录-列表滑动字母索引
最近写东西刚好遇到如下设计：要求实现地区按字母排序加上侧边索引点击侧边索引滑动到指定字母列表页面滑动的时候顶栏序列号随之变化PC端鼠标悬浮，移动端触屏侧边索引实现以上两个效果步骤从country.json获取countryList数据提取侧边栏字母并排序将countryList按照字母分类排序对侧边栏进行操作不废话直接上代码代码有一丢丢长，如果看不下去可以直接 ...原创 2019-09-03 16:26:19 · 6409 阅读 · 6 评论 -
js实现复制到粘贴板方法
js + clipboard 插件实现复制到粘贴板方法-兼容pc及移动端（ios/安卓）HTML: <div id="content”>复制改内容到粘贴板</div> <button id=“btn" data-clipboard-target="#content" data-clipboard-action="copy”>点击</butto...原创 2019-08-30 15:24:27 · 559 阅读 · 0 评论 -
国际手机号码格式化 和 手机邮箱中间部分用****替换
国际手机号码格式化1.下载libphonenumber-jsnpm i libphonenumber-js2.普通js用法在下载的文件里找到 libphonenumber-js --> bundle,这个文件夹里的js都是打包后的libphonenumber-js,根据项目需求引入不同的文件<script src="libphonenumber-max.js"><s...原创 2019-10-24 10:48:12 · 2550 阅读 · 0 评论 -
three.js入门 DEMO
css与js结合完成动画效果入门 DEMO<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://threejs.org/build/three.j...原创 2019-09-02 12:06:13 · 2608 阅读 · 0 评论 -
JS生成二维码
利用js实现将链接或文字生成一个二维码。并且可以改变二维码的样式，二维码添加logo等。> 利用js实现将链接或文字生成一个二维码。并且可以改变二维码的样式，二维码添加logo等。那么如何实现呢？实现步骤：1.引入js : jquery.qrcode.js , jquery.js , utf.js<script type="text/javascript" src="js/...原创 2019-08-30 15:20:46 · 455 阅读 · 5 评论 -
js提取图片主体色设置为盒子的背景色
此处用到了jquery.adaptive-backgrounds.js插件问题因为产品提出需求要将头像的主体色设置为父元素背景色，所以找到了好用的jquery.adaptive-backgrounds插件用法引入jQuery.js和jquery.adaptive-backgrounds.js引入文件之后,按照下面这样即可完成一个简单的demo：$(document).ready(f...原创 2019-09-01 10:13:39 · 1609 阅读 · 0 评论 -
fancyBox入门
一款优秀的弹出框Jquery插件源码解读，快速上手<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 引包 --> <link href=...原创 2019-08-29 08:14:08 · 2680 阅读 · 0 评论 -
iScroll插件实现自定义导航条
iScroll插件实现自定义导航条HTML<body onload="loaded()"> <div id="wrapper"> <div id="scroller"> <div class="scroll-box"> <ul class="row mt-170"> ...原创 2019-08-27 12:11:08 · 268 阅读 · 0 评论