![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
呆子zhou
啦啦啦啦啦
展开
-
promise基本理解
打印顺序 : b a理解:原创 2020-12-25 16:44:27 · 132 阅读 · 0 评论 -
vue, react的数据可视化大屏页面
1)为了添加动态效果,可以使用视频文件做页面背景,一些无法使用svg实现的动效,可以使用.apng格式的动图,gif透明通道的处理有限制。2)全屏展示,布局时建议使用grid,flex或者百分比,vh和vw在在缩小浏览器窗口时会随之改变非常不利于调试。3) 页面通常使用各种图表展示大量数据的对比等, 除主题部分组件外, 其余组件通常含有共同的样式,如(背景图,边框,共同头部样式等),要注意提取写成公共组件...原创 2020-09-13 15:49:18 · 997 阅读 · 0 评论 -
svg实现不规则渐变流线
重点: 流线是圆的一条半径, 圆的颜色为径向渐变, 此渐变圆是svg的path的遮罩<!DOCTYPEhtml><html><bodystyle="margin-top:-300px"><svgclassName='dv-svg-container'width=1086height="838"><defs><pathid="path"...原创 2020-08-04 21:48:57 · 594 阅读 · 0 评论 -
uni-app地图组件的使用
本文似流水帐,着实枯燥无味,若不是您喜欢的类型, 请左上角。项目需求是: 一个uni-app开发的android app中有地图页面, 能展示电缆线,施工区域之类的。转换成地图相关的语言:1, 用户能在展示地图的绘制页,选择城市位置,绘制施工区域(多边形),2, 保存之后需要计算出当前绘制的多边形与现有电缆(折线)有多少交点,3,在详情页展示折线和多边形。接到需求,兴高采烈发现uni-app上有map组件, 并且还有提供了绘制折线和多边形功能,爽的飞起!然后有了以下经历:使用自带的map,原创 2020-05-20 22:04:47 · 4329 阅读 · 1 评论 -
js call, apply, bind的简单实现
call 和apply是在传入的上下文中直接调用相应的方法, 而bind返回的是函数, 下面为其简单实现:call:Function.prototype.myCall = function (){ let args = [...arguments]; let context = args.shift(); cont...原创 2019-10-29 17:32:58 · 127 阅读 · 0 评论 -
js h5滑动翻页
记得之前fullpage.js在iphoneX上好像有个bug(最后一屏后面还有一屏空白), 不知是否已经解决。只实现一个翻页, 不想引用vue-fullpage.js了, 随手写下吧。mounted(){ let startX = 0, startY = 0, endX = 0, endY = 0; this.docHeight = document.documen...原创 2019-09-18 10:12:55 · 1879 阅读 · 1 评论 -
js Date.toJSON()
toJSON()显示时间不一致, 是因为没指定时区。别人博客:上面这个带T和Z这种是ISODATE .因为北京处于东八区.我们北京时间UTC+8 ,所以,转换成北京时间需要加上 8 个小时...原创 2019-09-01 18:35:04 · 1913 阅读 · 0 评论 -
js 计算是当前年份的第几周
// month 为日期的月份-1, 计算2019年1月1日 则传入, 2019, 0, 1// 返回值为当天是当年的第几周数function getWeek(year, month, date){ var curDate = new Date(year, month, date); var start = new Date(curDate.getFullYear(),...原创 2019-09-01 17:40:07 · 876 阅读 · 1 评论 -
vue响应式Object.ssign()和js的浅拷贝
vue响应式修改对象触发视图更新方式使用Vue.set()或者this.$set(), 另外Object.assign也能实现;Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。Object.assign会拷贝原对象自身可枚举的属性到目标对象, 调用原对象的get和目标对象的set, 而vue的响应式也是靠监听属性的s...原创 2019-08-14 11:33:26 · 915 阅读 · 0 评论 -
on事件
jq的 bind(),为被选元素添加一个或多个事件处理程序,并规定事件发生时的运行函数。$(selector).bind(event,data,function)$("button").bind("mouseleave mouseenter click",function(){ $("p").slideToggle().css('backgroundColor','red')...转载 2018-07-22 15:40:45 · 1585 阅读 · 0 评论 -
js 事件委托
事件委托在一个元素(比如document)上绑定一个事件处理函数来处理该元素所有子孙元素的事件,当然,这里一般会在处理函数里判断event.target,根据触发事件的目标对象不同进行不同的操作。这一过程就叫事件委托。事件委托的原理事件委托将事件监听绑定在目标元素的父级上,当目标元素响应事件时冒泡到绑定事件的父级上,进行判断该事件的目标元素是否是传入的元素,如果是就执行传入的函数。...原创 2019-07-22 11:14:40 · 117 阅读 · 0 评论 -
jsonp的简单实现
只说异步,异步由于script能跨域获取数据,因此我们能方便的利用此特点跨域获取数据,虽然只支持get方式,但一般条件下能满足基本需求,以下为 jsonp的js实现:本域上:function createJs(url){ var oScript = document.createElement('script'); oScript.type='text/javas...原创 2018-04-10 22:24:45 · 346 阅读 · 0 评论