- 博客(23)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Echarts图表强制动态更新数据
最近开发，遇到一个Echarts图表数据错乱的问题需求是柱状图，有两个series进行数据对比，获取到动态数据之后，更新series，会发现有时候数据并不会更新，或者两个series的先后顺序会错乱后来发现是因为图表数据会和之前的合并官方介绍如下：所以应该在setOption时这样写以阻止合并，从而实现更新图表setOption(option,true)...
2022-02-24 15:51:33
2554
原创 vue基于pako.js实现文gzip文件解压，处理从接口拿到的gzip文件流
1.安装pako.jsnpm install pako2.使用GET请求获取gzip文件流axios({ method: 'get', url: 'https://xxx/xxx.gz', responseType: 'arraybuffer', // 注意这个参数必须加，不然会出现下载好的文件打开是乱码情况,这个参数是为了告诉axios请求，请求的是二进制数据流 })3.处理返回的文件流const byteArray = new Uint8Arra
2022-02-10 16:48:34
4529
原创 微信小程序wx.chooseImage选择图片并上传避坑/真机上传无效
微信小程序选择本地图片或者相机拍照并上传服务器需要用到以下两个方法：1.wx.chooseImage(Object object)从本地相册选择图片或使用相机拍照2.wx.uploadFile(Object object)将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求，其中 content-type 为 multipart/form-datachooseImg() { const that = this; wx.chooseImage({ count
2021-07-19 15:11:41
8458
原创 微信小程序页面调用app.js的方法/app.js调用页面的方法
1.微信小程序 如何使用globalDataApp({ globalData: { pageName: 'index', }, onLoad: function(){ console.log(this.globalData.pageName); }})如果我们需要在app.js中修改globalData，只需要给对应的变量重新赋值就可以了：App({ globalData: { pageName: 'index', }, onLoad: fu
2021-07-02 17:56:28
10746
1
原创 微信小程序自定义头部导航栏
沉浸式导航头要用自定义的导航栏首先需要将页面设置成沉浸式导航，在该页面的json文件中配置navigationStyle，如果是所有页面都需要沉浸式，则在app.json中设置{ "navigationBarTitleText": "测试", "navigationStyle": "custom" // 沉浸式导航头}创建组件目录navigationBar.wxml文件：<view class='nav-wrap' style='top: {{top}}rpx; heigh
2021-07-02 17:22:49
5903
3
原创 js当前日期倒推，向前倒推或往后推算
1.通过毫秒数倒推const now = new Date();// - 是向前倒推， + 是向后推const yesterday = new Date(now.getTime() - 24*60*60*1000);// 通过减去对应天数的毫秒数来获取日期2.通过date倒推// 获取当前时间const now = new Date();// - 是向前倒推， + 是向后推const yesterday = new Date(now.setDate(now.getDate() - 1))
2020-07-23 16:51:13
5781
1
原创 krpano相关笔记
1.krpano 关闭默认底部菜单文件：skin/vtourskin.xml找到set(layer[skin_layer].visible, true); 修改为set(layer[skin_layer].visible, false);2.krpano 关闭切换场景的左右箭头文件：skin/vtourskin.xml1）.找到<layer name="skin_btn_prev_fs" keep="true" type="container" align="lefttop"
2020-05-21 14:23:52
1062
原创 js调用百度地图API并设置百度地图marker偏移量使标注的底部尖尖指向坐标
我在使用js调用百度地图的时候选择了JavaScript API GL v1.0版，官方解释是JavaScript API GL使用了WebGL对地图、覆盖物等进行渲染，支持3D视角展示地图。 GL版本接口基本向下兼容，迁移成本低。目前v1.0版本支持了基本的3D地图展示、基本地图控件和覆盖物。在对比中发现，JavaScript API GL 多了在移动端支持双击地图放大的功能，还有以动画的方式...
2020-04-21 14:33:02
4109
原创 关闭移除antdpro全球化翻译
antdpro的框架不是很简洁，里面的很多功能其实在实际开发中用不到，尤其是全球化功能，一般项目里不会遇到有多种语言的情况，但是如果要移除的话工作量又挺大的，所以找到了个直接在defaultSettings.js里设置的方法在defaultSettings.js里加上"menu": “disableLocal”module.exports = { "menu": "disableLocal...
2020-04-21 13:58:47
2038
原创 vue监听滚动条滚动事件
created () { this.listenerFunction();},beforeDestroy () { document.removeEventListener("scroll", this.listenerFunction);},method () { listenerFunction(e) { document.addEventLis...
2019-08-08 14:40:07
26614
5
原创 移动端禁止/阻止/取消长按进行复制粘贴的操作
最近的项目要求实现一个长按添加关注的功能，后来功能做好了，但是安卓手机长按的时候居然会在周边随便选中文字弹出自带的复制粘贴的操作，后来在网上搜了个样式控制的方法：*{ -webkit-touch-callout:none; /系统默认菜单被禁用/ -webkit-user-select:none; /webkit浏览器/ -moz-user-select:none;/火狐/ -ms-us...
2019-07-18 11:28:14
19348
4
原创 js判断当前页面是否被iframe引用，判断是否被别人通过iframe调用
js判断当前页面是否被iframe引用的方法近期项目中用到别人通过iframe调用我们的项目单页面，在判断页面是否被iframe引用的时候，我在网上查到有以下方法if(top.location != location){top.location.href= location.href;}代码说明：如果没有被iframe引用的话，则location与top.location是一样的！这...
2019-06-27 14:34:34
3369
原创 React中子组件和父组件之间传值
最近公司的项目在用react，所以才开始接触react，react和vue一样，都是组件化的框架，那么子组件和父组件之间怎么传值呢？父组件向子组件传值 ，父组件通过属性的形式向子组件传递参数，子组件用过props接受父组件传递过来的参数；父组件代码：<todoItem content={item}/> //todoItem 是子组件的class，通过content...
2018-10-12 12:22:55
3102
原创 jquery 判断对象是否为空，判断后台传回来的data数据是否为空
jquery 判断对象是否为空，判断后台传回来的data数据是否为空从后台调了一个接口，传回来的数据显示No Properties无数据，一开始用data.length>0来判断是否为空，发现不管有没有数据都不走代码了jQuery.isEmptyObject(data) //对象为空，返回truejQuery.isEmptyObject({}) //对象为空，返回truejQuery.i
2017-07-06 13:28:53
11151
原创 js中ajax的认识运用与封装
1.认识ajax(ajax的操作必须在服务器上运行，并且不能跨域，只能访问同域名下的其他文件)ajax基本格式 ↓↓ <script> //ajax基本格式 var xhr = new XMLHttpRequest(); xhr.open('get' , '01-test.txt' , true); xhr.send(); xh
2017-03-07 11:12:14
463
原创 jQuery滚动监听，实现商城楼梯式导航
jQuery滚动监听，两个ul装导航和内容，使用内容的index下标以及滚动条的高度来实现商城楼梯式导航
2017-03-06 15:25:35
2267
原创 页面表单验证（正则表达式验证邮箱，正则表达式验证身份证，正则表达式验证手机号）
var reg = { user:/^[a-zA-Z]\w{4,9}$/, pwd:/^[\da-zA-Z]{6,18}$/, tel:/^1[34578]\d{9}$/, mail:/^[1-9a-zA-Z_]\w*@[a-zA-Z0-9]+(\.[a-zA-Z]{2,})+$/, IDCard:/^[1-9]\d{16}[\dxX]$/, };
2017-03-05 21:43:02
7899
1
原创 js实现简单的小球与边框碰撞反弹改变运动方向及颜色，并且继续运动的特效
js实现简单的小球与边框碰撞反弹改变运动方向及颜色，并且继续运动特效思路：首先先实现一个小球的运动和撞边框反弹效果，并且改变其颜色主要实现方法：1.小球定位，运动靠改变它的position上下左右值；2.获取浏览器的宽高，由此设置小球运动的最大范围，大于等于这个范围的时候就改变运动方向；3.颜色的改变采用rgb方法，rgb的三个数值均用Math.random随机生成；
2017-02-27 21:25:24
16086
14
原创 关于js里面的一些距离和宽高
js中常用的获取距离以及宽高的方法1.document.documentElement.clientWidth; //获取当前浏览器内容宽度，不包含菜单栏，滚动条，浏览器边框2.document.documentElement.clientHeight; //获取当前浏览器内容高度3.screen.width; //获取电脑屏幕的分辨率宽度（与浏览器宽高无关）4.screen.
2017-02-23 23:08:41
484
原创 js实现手机端图片双指缩放变大变小插件
对于手机上图片的缩放通常有两种： 一种是屏幕上有一张图片，直接双指缩放，如下图： 还有一种是类似于手机相册一样，一张一张的，点击单张之后，全屏打开，在进行缩放操作，如下图： 接下来，介绍第一种情况的插件，pinchzoom.js，用法很简单，只需要修改img的路径，在引用pinchzoom.js以及你平时用的jquery就可以。 pinchzoom.js下载链接贴上完整的代码：<!D
2017-02-20 23:15:21
30059
15
原创 如何用js获取元素样式(get.ComputedStyle()和currentStyle方法)
js获取元素的样式有好几种方法，最简单的一种是 Object.style 还有两种方法是：getComputedStyle()和obj.currentStyle
2017-01-30 23:24:41
773
转载 前端chrome浏览器调试总结
前端chrome浏览器开发者模式的调试方法总结：1.选择箭头按钮；2.手机设备调试；3.Elements的css调试；4.Console控制台调试；5.Sources js资源页面检查；6.Network 网络请求标签页；7.Timeline标签页；8.Profiles标签页；9.Resources标签页；10.Security标签页；11.Audits标签页；以及Sources资源页的断点调试
2016-12-28 23:07:49
30598
6
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人