- 博客(130)
- 收藏
- 关注
RSS订阅
原创 Echart常见效果实现方法的总结
此贴只写一部分常用属性，更多属性请看官网 1. 为Echart坐标轴加箭头yAxis:{// 直角坐标系 grid 中的 y 轴云雀axisLine:{// 坐标轴轴线相关设置。 show:true, symbol:['none', 'arrow']// 轴线两边的箭头。可以是字符串，表示两端使用同样的箭头；或者长度为 2 的字符串数组，分别表示两端的箭头。默认不显示箭头，即 ...
2018-06-13 21:16:48
6066
原创 css3渐变SVG渐变
css3实现的梯形渐变background:linear-gradientsvg实现的梯形渐变linearGradient css.toLeft { margin-top:15px; width:300px; height: 15px; ba
2017-05-06 12:45:52
3744
原创 vue2.0导航菜单切换
css*{ margin:0; padding: 0; } ul li{ list-style: none; } .navul{ margin:100px auto 20px; overflow: hidden; } .navul li{ background-color: #5597b4; padding...
2017-04-26 11:11:44
19694
原创 svg用法--svg的一些属性
SVG边线边框属性SVG stroke 属性这个stroke属性用来定义图形、文本等的边线颜色：SVG stroke-width 属性stroke-width属性用来定义图形或文字边线的宽度：svg transformtransform="rotate(45 40 90)"svg的viewBox和preserveAspectRatio属性SVG viewBox 属性SVG通过有限区域展现在屏幕上，这个区域叫做viewport。SVG中超出视窗边界的区域会被裁切并且隐藏。
2017-03-30 14:22:23
4177
原创 点击a标签跳转到页面指定位置
a的href里面写要跳转的位置的id。可通过jq添加动画设置跳转显示的位置如下例子：点击上标会跳到id为cite_note-EB-4的位置[4]跳转位置^h5新属性，文字上标// 点击跳转动画$(".reference").on('click',function(e){ var e = window.event || e e.preventD
2016-12-16 16:55:11
4643
原创 原生小程序中集成Taro生成的页面
通过引用在原生项目下的 app.js 里引入 Taro 项目的入口文件，来提前初始化一些运行时的逻辑，因此要保证 Taro 项目下的 app.js 文件里的逻辑能优先执行。在处理好分包的打包流程后，我们在原生小程序的 pages 页面下建立一个页面文件夹 taroMini，为了导入我们 Taro 项目下打包出的分包页面。然后在原生小程序的 app.json 中，引入分包的路径配置。参数以输出混合模式的代码。
2023-03-17 11:11:59
952
1
原创 腾讯实时音视频问题总结
腾讯实时音视频开发中遇到的问题记录微信小程序不支持屏幕分享 没有h5端的sdk；h5使用web端sdk兼容问题多 小程序和web端无法自定义消息，实现互动录屏 app和web端兼容较好； 单纯音视频通话，可以通过扫码借助小程序进行音视频通话......
2022-04-14 09:52:15
3392
2
原创 JavaScript同步和异步总结
javascript语言是一门“单线程”的语言，单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。js本身是即支持同步又支持异步的；正常是同步执行的，但是写到setTimeout 或者ajax的这种 ，可以实现异步操作...
2022-04-14 09:25:47
742
原创 nvm离线安装切换node
1.安装nvm前，卸载已有的node，删除npm的文件2.先联网在本地通过nvm安装需要的node版本后；复制到云桌面中nvm安装包的里面使用nvm切换node版本：参考https://blog.csdn.net/tian330726/article/details/98547702/离线安装方法先联网在本地通过nvm安装需要的node版本后；复制到云桌面中nvm安装包的里面云桌面中如下位置常用命令nvm use 8.12.0 // 使用8.1...
2021-04-22 09:57:41
2556
1
原创 antv x6流程图图绘制编辑 节点属性、连线属性置（二）
流程图整体操作事件汇总撤销/重做官方api首先开启画布撤销/重做能力。再调用对应方法// 配置graphconst graph = new Graph({ history: true,})// 重做graph.history.redo()// 撤销graph.history.undo()删除首先获取到当前cellsgetSelectedCells();其次调用cut方法删除cells。cells包含当前节点和连接线const cell = graph...
2021-03-10 17:45:25
10278
12
原创 antv x6流程图图绘制编辑：初始化配置（一）
X6 是 AntV 旗下的图编辑引擎，提供了一系列开箱即用的交互组件和简单易用的节点定制能力，方便我们快速搭建流程图、DAG 图、ER 图等图应用。
2021-03-04 15:49:34
11144
16
原创 2021-02-08
filter()filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。注意：filter() 不会对空数组进行检测。注意：filter() 不会改变原始数组。语法array.filter(function(currentValue,index,arr), thisValue)参数说明参数 描述 function(currentValue, index,arr) 必须。函数，数组中的每个元素都会执行这个函数 函数参..
2021-02-09 09:08:25
2017
原创 vue axios封装和跨域
使用vue-cli3构建项目vue create vuedev安装axiosnpm install axios安装vue-axiosnpm install --save axios vue-axios新建文件夹utils在里面新建文件reques.js,封装axios//utils/request.jsimport axios from "axios"const instance =axios.create({ baseUrl:'', timeout
2020-12-10 14:24:53
218
原创 redux与react-redux记录
redux概述redux是一个javascript容器，用于进行全局的状态管理三大核心单一数据源整个应用的state被存储在一个object tree中，并且这个object tree只存在于唯一一个store中state是只读的唯一改变state的方法就是触发action，action是一个用于描述已发生时间的普通对象视图和网络请求不能直接去修改state，只表达想要修改的意图。所有的修改都被集中化处理，并且严格按照一个接一个的顺序执行store.dispatch({type:'a
2020-12-04 17:10:49
103
原创 React入门记录
react构建用户界面的Javascript库，采用jsx声明式语法构建视图层。以组件为基础开发。安装环境配置要求：已安装node版本6以上和npm打开node终端 ，找到目标文件，安装脚手架工具npm install -g create-react-app不需要配置，一键安装，自动配置完备的测试框架，支持本地开发环境create-react-app my-app找到文件cd my-app/启动 npm start目录结构目录结构..
2020-11-24 10:08:53
98
原创 数组拷贝
slice()方法 slice() 方法可从已有的数组中返回选定的元素。该方法并不会修改数组，而是返回一个子数组arrayObject.slice(start,end)let arr=[1,2,3,4,5,6,7,8,9,0];let arr1=arr.slice(0,5);let arr2=arr.slice();// arr1[1, 2, 3, 4, 5]// arr2 [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]arr1[2]=100//ar...
2020-10-13 16:09:01
95
原创 js时间的各种格式
时间转为指定格式，如：YYYY-mm-dd HH:MM表示2020-09-2211:45 function dateFormat(fmt, date) { let ret; const opt = { "Y+": date.getFullYear().toString(), // 年 "m+": (date.getMonth() + 1).toString(), // 月 "d+": date.getDate().t.
2020-09-22 11:29:45
3280
原创 微信小程序开发问题总结
单选选中的颜色想自定义：将选中后的背景色，重写并加上importradio .wx-radio-input.wx-radio-input-checked{ border:none; background: blue !important; }
2020-08-14 17:24:47
137
原创 h5图片上传偶现不成功
问题：使用vue+vant写的移动端图片上传；h5图片上传偶现出现请求状态码是0；排查：1.发现在移动端拍照上传没问题，选照片上传就会报Error，请求返回码为0，服务端无日志。2.拍照上传和选择照片上截取的前120个字符传参数格式一样的情况下，选择照片上传始终报错。3.输出图片信息，确认图片获取和拍照获取的的数据是否有问题。发现获取没问题。即问题出现在上传时4.发现参数里的数据是base64位。把它转换成file格式再试一下，发现可以啦代码如下：functi...
2020-07-16 16:35:40
1300
4
原创 css sticky footer
一种常见布局：当页面内容较少时，页脚在视口底部；当页面内容较多时，页脚不会被折叠，而是会被内容挤下去，使页脚始终在底部。1，解决方法（Flexbox布局）点击查看flex布局介绍
2020-07-14 10:57:17
108
原创 HTTP协议详解（一）
HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，所有的WWW文件都必须遵守这个标准。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。...
2020-06-16 14:02:42
382
1
原创 input上传图片时卡顿和vant图片上传
使用vant的上传文件组件实现头像上传时，发现在低版本谷歌浏览器上，点击上传会卡顿，过一会才展示文件选择，如下为vant的文件上传组件<van-uploader v-model="headpic"></van-uploader>其实是封装input，通过accept设置可以接收的文件类型为image类型的，来实现图片上传解析后html如下：组件默认accept为image/*；修改accpect的值为具体文件格式，即可解决问题如下：<va
2020-05-14 18:01:15
1582
原创 echart dataZoom实现滚动条
dataZoom组件 用于区域缩放，从而能自由关注细节的数据信息，或者概览数据整体，或者去除离群点的影响。https://www.echartsjs.com/zh/option.html#dataZoomdataZoom:[ { start:100,//默认为0 end: 80,//默认为100 ...
2020-04-26 16:42:14
5661
原创 echart的tooltip
标题想要自定义鼠标悬浮图标悬浮时的提示内容时tooltip提示框组件 trigger 触发类型。可选：'item'数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。'axis'坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。在 ECharts 2.x 中只支持类目轴上使用 axis trigger，在 ECharts 3 中支持在直角坐标系和极坐标系上的所有...
2020-04-26 15:14:23
901
原创 h5调起app的方法；app调起vue中的某个方法
h5调起app的方法；app调起vue中的某个方法h5调起app的方法app调起vue中的某个方法h5调起app的方法window.fuXinJSBridge.personSuccess(par)// par 为参数；personSuccess双方约定的方法名app调起vue中的某个方法// 在mountedmounted: function () { window.saveTe...
2020-04-14 10:05:20
1413
原创 移动端视频播放TCPlayer
腾讯云 Web 超级播放器 TCPlayerLite官网链接Web 端超级播放器基于 video.js 框架开发，采用以 HTML5<video>为主 Flash 为辅的播放方式，在浏览器不支持HTML5<video>的情况下采用 Flash 播放。播放器界面由 HTML CSS 实现，可以通过 CSS 定制界面。根据官网api设置配置参数；一些特殊兼容总...
2020-01-19 11:06:56
3974
原创 element用法总结
表格合并单元格通过给table传入span-method方法可以实现合并行或列，方法的参数是一个对象，里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函数可以返回一个包含两个元素的数组，第一个元素代表rowspan，第二个元素代表colspan。 也可以返回一个键名为rowspan和colspan的对象。如下：合并列html...
2019-12-23 16:21:33
3012
原创 页签隐藏展示来监听原生返回
需求：APP内页面音频播放时，原生app的返回或者安卓ios的物理键返回返回时，暂停音频播放。方法：浏览器标签页被隐藏或显示的时候会触发visibilitychange事件.点击查看介绍例子：当你切换到另一个标签时视频会暂停，当你返回到当前标签时视频会再次播放音频例子html<div style="background:#eca2a2;min-height:80px;m...
2019-12-06 11:42:33
236
原创 Highcharts分页
当数据过多时，通过Highcharts的api增加配置参数legend，自动实现分页展示1.折线图html<div id="h-chart" style="min-width:300px;height:600px"></div>jsvar chart = Highcharts.chart('h-chart', { chart: {// 关于图表区和...
2019-11-29 10:15:55
1042
原创 axios表单提交
axios以表单方式提交数据时，需要将参数转换一下第一种方法：header里的Content-Type设置为：application/x-www-form-urlencodedencodeURIComponent()会对它发现的任何非标准字符进行编码。防止特殊字符丢失。var postData = [];for (var key in params) { postData.p...
2019-11-14 17:15:42
1031
原创 slot使用插槽分布内容使用插槽分发内容
使用插槽分发内容在使用组件时，我们常常要像这样组合它们：<app> <app-header></app-header> <app-footer></app-footer></app>注意两点： <app> 组件不知道它会收到什么内容。这是由使用 <app> 的父组件决定的。 &l...
2019-10-24 09:59:10
142
原创 video兼容总结
视频属性poster="loadbg.jpg" 视频封面（安卓兼容不好，魅族 oppo 无法显示，出现黑屏。解决方法：视频兼容 01）preload="auto"属性规定在页面加载后载入视频x-webkit-airplay="allow"此视频支持ios的AirPlay功能x5-video-player-type="h5" 启用 H5 播放器,是 wechat 安卓版特性x5-vide...
2019-10-17 10:29:19
305
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人