css扫描识别动画效果

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css扫描动画</title> <style> * { margin:0; padding:0; box-sizing:border-box...

  • 0
  • 0
  • admin
  • 发布于 2020-06-25 21:47
  • 阅读 ( 491 )

前端判断页面是手机登录还是电脑登录

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>判断手机登录还是电脑登录</title></head&gt...

  • 0
  • 0
  • admin
  • 发布于 2020-06-25 21:45
  • 阅读 ( 476 )

vue监听手机物理返回键(浏览器返回)

//1、挂载完成后,判断浏览器是否支持popstate mounted(){ if (window.history && window.history.pushState) { history.pushState(null, null, document.URL); window.addEv...

  • 0
  • 0
  • admin
  • 发布于 2020-06-25 21:41
  • 阅读 ( 500 )

vue监听手机键盘搜索事件

<form action="javascript:return true">   <!-- form ios手机上唤起搜索按钮(默认是换行按钮)  --><input @keypress="searchBtn" type="search" name="" id="" value="" plac...

  • 0
  • 0
  • admin
  • 发布于 2020-06-25 21:40
  • 阅读 ( 462 )

JavaScript 获取地址栏指定参数的两种方法

假如当前地址栏链接为:https://test.com/?type=students&page=3 function UrlSearch() { var name,value; var str=location.href; //取得整个地址栏 var num=str.indexOf("...

  • 0
  • 0
  • admin
  • 发布于 2020-06-25 21:39
  • 阅读 ( 469 )

JavaScript 修改地址栏指定参数

假如当前地址栏链接为:https://test.com/?type=students&page=3 //定义替换参数的方法 function changeURLArg(url,arg,arg_val){ var pattern=arg+'=([^&]*)'; var replace...

  • 0
  • 0
  • admin
  • 发布于 2020-06-25 21:34
  • 阅读 ( 476 )

css加载效果,加载中,请稍后....

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>加载中,请稍后....</title> <style t...

  • 0
  • 0
  • admin
  • 发布于 2020-06-25 21:31
  • 阅读 ( 473 )

CSS3绘制三角形,并实现翻转效果

首先,如何用CSS3来绘制三角形,下面介绍了四种朝向三角形的写法: <div class="triangle"></div> CSS样式设计: .triangle {width:0;height:0;overflow:hidden;/*朝上的三角形*...

  • 0
  • 0
  • admin
  • 发布于 2020-06-25 21:22
  • 阅读 ( 465 )

jquery实现二级菜单下拉效果

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script src="js/jquery-1.4.3.min.js" type="text/javascript"&gt...

  • 0
  • 0
  • admin
  • 发布于 2020-06-25 21:04
  • 阅读 ( 466 )

Jquery获取元素宽度和高度的多种方法,可包含padding margin

首先,利用Jquery获取元素的高度。 height()方法用于获得元素高度; innerHeight()方法用于获得包括内边距(padding)的元素高度; outerHeight()方法用于获得包括内边距(padding)和边...

  • 0
  • 0
  • admin
  • 发布于 2020-06-25 21:03
  • 阅读 ( 434 )

使用css3绘制三角形(上下左右)

第一步:新建div盒子 <div class="sanjiaoxing"></div> 第二步:为盒子添加CSS样式。 上三角形 .sanjiaoxing{width:0;    height:0;border-right:50px solid transparent;borde...

  • 0
  • 0
  • admin
  • 发布于 2020-06-25 20:50
  • 阅读 ( 519 )

ucharts图表引入的两种方式

第一种按插件的例子引入 <view class="qiun-columns"><view class="qiun-bg-white qiun-title-bar qiun-common-mt" ><view class="qiun-title-dot-light">基本折线图</vi...

  • 0
  • 0
  • admin
  • 发布于 2020-06-25 15:54
  • 阅读 ( 621 )

uCharts实现一个叠堆柱状图

http://localhost:3000/data3为本地测试接口地址,请把接口改掉,换成json.js里面的模拟数据 <template>    <view class="qiun-columns">        <view class="qiun-title-bar"...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 22:52
  • 阅读 ( 744 )

uCharts Y轴格式化

1、Y轴格式化用法: yAxis: {  data:[{    calibration:true,    position:'left',    title:'折线',    titleFontSize:12,    format:(val)=>{return val.toFixed(0)+'度'}  }],  showTitl...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 22:47
  • 阅读 ( 501 )

按住鼠标左键移动时, 禁止选中里面内容

user-select: none|auto|text|contain|all; /*firefox浏览器*/-moz-user-select: none|text|all; /*safari、chrome浏览器*/-webkit-user-select: none|text|all; /*Safari中不支持该属性值,只...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 22:23
  • 阅读 ( 790 )

echarts 折线区域图基本样式修改参数参考

    const option = {      title: {        text: ''      },      grid: {        left: '5%',        top: '5%',        right: '0%',        bottom: '10%'      },      // 鼠标移动到数据...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 22:20
  • 阅读 ( 500 )

CSS设置滚动条样式或隐藏滚动条

想要添加滚动条,必须给盒子添加高度 例如 在x轴上隐藏内容,y轴上显示滚动条 .div { height: 300px overflow-x: hidden; overflow-y: auto; } 基本设置 1. 可以滚动但是不让显...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 22:16
  • 阅读 ( 512 )

echarts气泡图可根据屏幕大小和数值大小改变的完整案例

var echartsMap = []; var datas = [];  var dataArr = dataArrFn();  function dataArrFn(){    var plantCap = [{        name: '科技',        value: '60'    }, {        name: '经济',   ...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 21:56
  • 阅读 ( 476 )

CSS设置盒子样式为梯形切角,四个角斜切完整案例

html内: <div class="coner-box">    <div class="top">      <div class="decorate">        <div></div>        <div>          <div></div&...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 21:54
  • 阅读 ( 862 )

Javascript将数组排序的两种方法

方法一:冒泡排序 var arr = [1,1,2,2,4,5,2,1,2];for (var i=0; i<arr.length; i++){for(var j=0; i<arr.length-i; j++){if(arr[j]>arr[j+1]){var a = arr[j];arr[j] = arr[j+1];arr...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 21:44
  • 阅读 ( 486 )