分类: 前端

12 篇文章

JS滚动顶部,底部
// 滚动到底部 handleScrollBottom(){ this.$nextTick(function () { // 设置滚动最底部 let msgBody = document.getElementsByClassName('message-body')[0] //设置滚动条到最底部 if(msgBody.scrollHeight…
vue实现圆盘摇杆代码
<template> <view style="position: relative;"> <view ref="toucharea" id="toucharea" class='toucharea' @touchstart="onTouchStart" @touchmove="onTouchMove" @touchcancel=…
openlayers构建离线地图
参考文档 http://linwei.xyz/ol3-primer/ch05/05-03.html http://openlayers.vip/examples/line-arrows.html 项目需要使用内网环境,故无法使用百度地图等在线地图.采用openlayers实现构建离线地图 通过shp加载shp矢量地图文件 <template>…
Websocket封装类
/** * websocket处理封装 */ class WebSocketClass { /** * websocket 连接句柄 * @var Websocket */ ws = null /** * 服务器地址 * @var */ serverUrl /** * 心跳配置 * @var object */ heartbeat = { open…
移动端 1px 的4个方案
移动端 css 里面写了 1px ,实际比 1px 粗。 其实原因很好理解:这两个 'px' 的含义是不一样的。 移动端的 <header> 头里有这样一段代码: <meta name="viewport" content="width=device-width, initial-scale=1.0, maxi…
Vue 开发必须知道的 36 个技巧
前言 Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版;所以应该趁还没出来加紧打好 Vue2.x 的基础;Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了 36 个 vue 开发技巧;后续 Vue 3.x 出来后持续…
防抖和节流
1.防抖 触发事件后在n秒内函数只执行一次,如果在n秒内又触发了事件,则会重新计算时间 <button id="btn">点击</button> <script> function fun (fn,awaits){ var times = null return function(){ let This = th…
H5唤醒APP
let ua = window.navigator.userAgent.toLowerCase(); let src = { iphone: /iphone/i.test(ua), android: /android/i.test(ua), windows: /windows/i.test(ua), weixin: /micromessenger/…
React 动态增减表单项-数组操作
在操作表单动态增减表单项时,表单的key是一个多维数组的key,如下 {this.state.transfer.map((item,i)=>( <Form.Item label={false}> {getFieldDecorator(`transfer[${i}][day]`, { initialValue:this.stat…