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
  • 阅读 ( 622 )

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
  • 阅读 ( 502 )

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

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
  • 阅读 ( 501 )

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

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

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

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
  • 阅读 ( 863 )

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 )

Javascript数组去重处理的两种方案

方法一:利用indexOf()方法 var arr=[1,1,2,2,4,5,2,1,2];var newarr=[];for(var i=0; i<arr.length; i++){if(newarr.indexOf(arr[i])==-1){newarr.push(arr[i]);}}console.log(newarr);...

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

JS随机打乱数组的多种方法

方法一:最精简代码的打乱方法 // An highlighted block var arr = [4,1,67,12,45,121,3]; arr.sort(function() { return (0.5-Math.random()); }); console.log(arr); 这里介绍下sort()...

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

javascript递归创建树导航菜单的方法

html内: <!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <m...

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

CSS设置div或li自适应列数显示

要求在在1300px的时候显示4个,出现横向滚动条 布局:html内 <div class="main-wrapper"> <ul class="ul-list"><li>1</li><li>2</li><li>3</...

  • 0
  • 0
  • admin
  • 发布于 2020-06-24 17:42
  • 阅读 ( 803 )