3 ansheng02

尚未进行身份认证

我要认证

不会设计的前端不是好的摄影师

等级
TA的排名 3w+

密码-正则校验(数字、字母、特殊字符-任意组合)

/** {6,30}--》输入字符长度在6到30位之间*/function fun(val) { //精准校验:必须含有数字、字母、特殊字符,三个缺一不可 // let exp = new RegExp( // "(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{6,30}" // ); //-->数字+字母;字母+特殊字符,特殊字符+数字 let exp = /^(?![\d]+$)(?![a-zA-Z]+$)(?![^\d.

2020-08-13 17:52:28

antV/L7@2.2.19-」世界地图+散点图

之前更新过@antv/L7->1.3.20版本-》北京地图+散点图,链接可点,源码也放在了公众号里,这一篇@antv/L7->2.2.19版本的源码也会放在公众号里,可在最后提取。以下是正文: 首先,安装antv/L7和antv/L7-maps,本项目用的是高德地图,目前antv/L7支持高德地图和Mapbox地图npm install --save @antv/l7 npm install --save @antv/l7-maps 接下来我会对我写的这两个antv/...

2020-07-04 17:55:39

vue 项目启动报错“Cannot GET /”

2020-05-12 10:54:07

vue-echarts-v3——浙江省地图下钻(eg:浙江省-嘉兴市-嘉善县)

vue-echarts-v3和echarts的地图下钻配置项其实是一样的,本身就vue-echarts-v3而言,它只是echarts在vue的使用中,打包成了一个组件。 浙江省地图下钻需要geoJson数据包,浙江省及浙江省下的省市,geoJson的数据,可以通过这个链接(阿里云DATAV.GeoAtlas)获取geo数据包,很好用~(超推荐!!!!)...

2020-04-12 20:04:39

vue组件-table.vue

借用table组件会说一下父子组件的传值。子组件Table.vue,排名用index,并且自递增,标题的值和数据都是通过父组件传过来的。子组件通过props设置tabHeades:Array,tabDatas:Array接收iu父组件传过来的数组。<template> <li class="tab-wrapper"> <ul class="tab...

2019-12-18 10:53:36

vue组件-BaseTime.vue

//BaseTime.vue<template> <div>{{ now }}</div></template><script>import moment from "moment";export default { data: function() { this.moment = moment; re...

2019-12-18 09:48:59

antV/L7@1.3.20-」实现北京地图+散点图

关于antV/L7除了官方文档,可翻阅的资料实在有限,关于地图的实现上,我真的是无力吐槽我自己……其实官方文档给的也还不错,emmm……深深的感受到作为一名开发者的自主学习能力有多么重要。额~对了,在本次的大屏开发上,尤其是图表渲染和地图,森森的感受到了自己的浅薄无知,每天都在“我没文化”、“我文盲”、“我看不懂”、“我不会”中怀疑自己,是英文的文档,考我英语阅读理解也就算了,竟然还有...

2019-12-14 22:32:00

大屏记录——相关技术知识技能(前期调研篇)

在本次大屏实现中,前期调研主要侧重于布局方面,功能点的拆分,以及可能用到的相关技术知识技能。 相关技术知识技能

2019-12-14 10:18:56

大屏记录——功能点拆分(前期调研篇)

大屏的设计稿已经在之前的大屏之布局篇中出现。 在本次大屏实现中,前期调研主要侧重于布局方面,功能点的拆分,以及可能用到的相关技术知识技能。 功能点拆分 具体我就不写了,一张思维导图应该可以搞定。 功能点拆封...

2019-12-03 14:22:29

大屏记录——布局(前期调研篇)

在本次大屏实现中,前期调研主要侧重于布局方面,功能点的拆分,以及可能用到的相关技术知识技能。 布局 刚拿到设计稿的第一眼,简单的分为了图A的样子,而我在前期实现的时候,通过栅格化布局,也确实按照这个来实现了,然而到最后的地图部分的时候,我有点懵了……这个地图看起来更像是背景图,额……那岂不是说,一开始的布局就是错误的?图A-布局01最开始的布局,中间部分,我用的是...

2019-12-03 11:45:57

GitLab上传项目

① git init (初始化仓库)② git remote add origin git @git.XXXX.git(链接远程仓库代码)③ git add . ( . 代表上传该文件夹下的所有文件,可以把 . 换成自定的文件名)④ git checkout -b dev (创建并切换到dev分支)⑤ git commit -m "文档说明"(提交文档的版本说...

2019-12-01 22:27:25

记录下《安生_Nseven+》用到的思维导图

安生_Nseven+是我仿七月老师的《旧岛》项目所做,具体用到的逻辑及思想,我整理了思维导图,可能有些乱,先暂时做一个纪念,还有一个关于组件化开发的思维导图正在整理中……...

2019-07-26 22:25:38

jQuery + clipboard.js——实现文本复制

出于项目需求,需要复制两种不同类型,一个是复制文本链接,一个是div内容。首先引入jquery文件和clipboard.js文件。clipboard.js官网1-复制文本链接<button class="btn btn-primary col-xs-11 btn-copy" data-clipboard-action="copy"data-clipboard data-...

2019-07-21 11:11:11

H5监听手机的物理返回按键——已完成

//监听手机物理返回,然后跳转首页function pushHistory() { var state = { title: "title", url: "#forward" }; window.history.pushState(state, null, "#forward"); } // 在需要监听的页面执行该方法p...

2019-07-16 14:09:56

小程序自定义组件化开发——思维导读(待完善)

2019-06-22 18:34:15

小程序——flex布局总结

本来题目写的是flex布局详解,突然觉得很不合适,还是我的个人总结吧。关于小程序对flex布局的友好支持,我是不用多说了,本篇文章主要讲我个人在开发过程中,对flex的总结,已整理成了思维导图。关于flex的布局实现是在我的项目里,暂时先不放出来,大概再有一个星期左右,这个项目完成后,我再来具体的写项目实现总结,并会放出自己的源码及小程序二维码。下一篇是关于组件开发的总结,预计是今天下...

2019-06-22 09:44:34

小程序搜索吸顶——《旧岛》(onPageScroll)

昨天听了七月老师的直播,我录屏了,整个直播是两个小时三十七分钟四十二秒。全程的直播着重讲了程序员的自我发展,最后讲了下技术的发展,这个直播我会在明天或者后天整理出来,作为自己前进的一项总结。 昨天下午开始学习七月老师的《旧岛》项目,这个我决定自己先写一遍,然后再听课、看源码、找不足。本篇是我自己在写《旧岛》项目时,关于搜索栏吸顶的记录。 很久不写...

2019-06-16 16:55:01

swiper组件实现tab——内容切换、动态数据请求、加载(续)——通过监测手指滑动实现导航吸顶

这篇文章是swiper组件实现tab——内容切换、动态数据请求、加载的续篇,主要内容是通过监测手指滑动方向来实现导航吸顶及归位。本篇文章是我在项目实现中的总结,本篇实现了在移动端监测手指滑动情况,通过上拉下滑检测与顶部的距离,实现导航吸顶及顶部轮播图的显示与隐藏。// 监测手指滑动事件$("body").on("touchstart", function(e) { // 判断...

2019-06-10 18:16:55

canvas绘制分享商品海报——已完成

记一次canvas经验,本次绘制生成分享海报,用到了绘制多张图片、绘制文字(颜色、换行显示)、绘制线条(颜色、粗细)、绘制圆形图片等。以下的代码是需要写在draw函数里的//html <canvas id="myCanvas" width="1000" height="1200">该浏览器不支持生成分享图片</canvas> //jsfunction ...

2019-06-10 16:02:41

jQuery返回顶部——记录

基本操作引包$().ready(function() { var $window = $(window); var $backTop = $('<div class="back-top"><i class="iconfont icon-top"><\/i><\/div>').appendTo("body"); ...

2019-06-03 11:06:00

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。
  • 分享小兵
    分享小兵
    成功上传3个资源即可获取