- 博客(43)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 Leaflet 学习心路历程之 —— 使用插件完成Marker点位历史轨迹回放（Marker点位轨迹）
Leaflet之历史轨迹回放话不多说直接放图点位历史轨迹回放近期在接触到这个功能的时候一直使用的是Leaflet 的一个插件Leaflet.MovingMarker 演示程序 点击这里源代码名称:Leaflet.MovingMarker 源代码网址:http://www.github.com/ewoken/Leaflet.MovingMarker Leaflet.MovingMarker源代码文档 Leaflet.MovingMarker源代码下载这里呢他的效果是直接...
2020-07-03 17:54:16
4038
13
原创 Leaflet 学习心路历程之 —— 自定义 Popup 基础教学（自定义Marker标记气泡）
Leaflet 自定义 Popup （自定义Marker标记气泡）之前在写项目的过程中遇到一个这样的需求，找了很多文章都没有能直接解决这个问题我们开始解决问题吧：首先我们在地图上加载marker 这里就不过多描述了 直接进入正题 先把popup这一块的文档放在这里Options参数选项Option参数 参数类型 默认值 说明 maxWidth Number 300 弹窗的最大宽度，单位为像素 minWidth Number...
2020-06-29 18:11:12
9365
5
原创 完美解决safari、微信浏览器下拉回弹效果、包含微信小程序 webview 套H5页面下拉效果。
如题，解决微信小程序、公众号 下拉回弹橡皮筋效果， 屏蔽掉 “此网页由XXXXX提供”;
2023-06-06 16:54:08
789
1
原创 使用Css绘制“S形边框“长条按钮
附上代码，直接拿走粘贴，在不同分辨率下会造成S形状不美观，可通过CSS的计算（1. 在长条盒子形状中，绘制两个宽度不同的盒子。3. 调整父盒子的伪元素位置完成S形状曲线。使用CSS 的伪元素来完成 S形状的曲线。2. 在给最外边的盒子设置伪元素（）完成伪元素位置的放置。
2023-04-08 15:48:50
2561
原创 nginx 判断用户访问设备（移动端/PC端）进行不同项目地址匹配
【代码】nginx 判断用户访问设备（移动端/PC端）进行不同项目地址匹配。
2022-12-21 16:45:40
2043
原创 百度地图海量点位渲染造成卡顿问题解决
传统的地图撒点方式在数据量大的情况下势必会造成页面卡顿效果，因为通过循环点位方式去撒点他是不断在页面上添加dome元素。现在我们来去解决这个问题。这样我们最终实现出来效果。
2022-10-13 15:54:46
4956
4
原创 微信公众号推送消息模板（抖音挺火的推送消息给女朋友）
因为不会后台，我这边全部都由前端的方式去做了，项目框架选择的是 uniapp ，不会的话可以去我的专栏去学习一下还是比较容易上手的。 注册完成后可以看到上面的界面，在里面去拿到我们的 appID 、 appsecret 这个拿到以后，我们就可以开始干活了，先看一下成品的样子 这里是JS 部分 html部分因为我看到大家都是后台去写的，没有服务器... 我这个也就没发布，想完成定时推送的话，在前端项目里面加个定时器，定时24小时调用一次获token 跟 发送消息方法就可以了，我这边是把获取t
2022-08-25 15:28:36
3494
4
原创 解决Uni-app 中无法使用indexOF来判断是否有权限问题
/** * 是否有权限 * @param {*} key */const isAuth = function(key) { // 利用正则匹配是否包含 let getBtnPermissionArr = window.sessionStorage.getItem('permissions'); // console.log(getBtnPermissionArr) var reg = RegExp(key); // console.log(reg) // console.log(reg.
2022-04-29 14:05:36
1285
原创 js中将yyyy-MM-dd格式的日期转换
1.转换为yyyy年MM月dd日var str = "2017-02-16";var reg =/(\d{4})\-(\d{2})\-(\d{2})/;var date = str.replace(reg,"$1年$2月$3日");alert(date);2.转换为yyyy/MM/dd/var str = "2017-02-16";var reg =/(\d{4})\-(\d{2})\-(\d{2})/;var date = str.replace(reg,"$1/$2/$3");
2022-03-17 16:32:44
6121
原创 最新解决 npm install node-sass 装不上的问题
1）首先删除掉项目文件夹下的 package-lock.json 文件2）然后npm install node-sass@latest 下载node-sass 最新版3） npm install4） npm run dev成功解决参考：node.js - npm install: Failed at the node-sass@3.13.1 postinstall script - Stack Overflow...
2021-11-25 14:39:03
1303
原创 CSS伪元素选择除第一个以外的其他元素
今天在写微信小程序的时候遇到一个列表功能，只想选择，除第一个以外的其他子元素来做border-top:1px solid black;我们怎么来做呢?通过伪类选择器 not(:first-child)来过滤.message:not(:first-child) { border-top: 1px solid #dadada;}这样我们的功能就成功的实现咯...
2021-11-08 15:52:14
1592
原创 uni-app 微信小程序中使用微信开发者工具生成“骨架屏”，skeleton
废话不多说直接上效果效果展示结束了接下来告诉大家怎么去使用这个呢，其实我们微信开发者工具已经给我们提供了自动生成骨架屏的功能了：在编辑器-模拟器-右下角（‘...’） 点击之后呢我们就可以看到生成骨架屏的按钮了点击以后他会告诉我们对应的提示点击确定在对应的文件夹下方就生成了我们对应页面的骨架屏文件了。接下来我们怎么在uni-app 中使用他呢？第一步哈，随便我们找个位置新建一下我们骨架屏的组件文件夹，这里我们在uni-app 文件目录中创建 ：commo...
2021-11-08 11:02:35
3329
3
原创 基于 element-ui 的简单且强大的图片上传组件
转载至（如有侵犯请告知并立即删除）：https://github.com/micronaut-vue/vue-ele-upload-imagehttps://github.com/micronaut-vue/vue-ele-upload-image在线示例https://codepen.io/dream2023/pen/pXvxqP/安装npm install vue-ele-upload-image --save使用// 全局引入import EleUp...
2021-11-02 15:21:52
2137
原创 vue打包项目依赖文件丢失（CSS/JS/图片打不开问题）
我们先解决css、js 依赖文件找不到的问题：首先我们找到项目工程文件夹下的config ===> index.js之后我们找到build对象的assetsPublicPath build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__...
2021-08-11 10:46:06
2984
原创 如何在微信小程序中使用echarts绘制地图（微信小程序制作疫情数据地图）
如上图所示的地图怎么样去制作呢？我们现在开始首先我们先去把该需要的组件文件下载下来ec-canvas下载 以及maoData.json数据下载出来放到我们的程序目录下 并将mapData.js也放到文件目录中。放好之后呢我们需要把ec-canvas引入到我们的页面 index/index.json{ "usingComponents": { "ec-canvas": "../../ec-canvas/ec-canvas" }}接下来wxml页面里写入组...
2021-02-24 10:47:13
4286
8
原创 uni-ui的使用（十二）
uni-ui的使用1、进入Grid宫格组件2、使用HBuilderX导入该组件3、导入该组件import uniGrid from "@/components/uni-grid/uni-grid.vue"import uniGridItem from "@/components/uni-grid-item/uni-grid-item.vue"4、注册组件com...
2020-03-17 00:49:28
5892
原创 uni-app中组件的创建与通信（十一）
目录组件创建组件的生命周期函数组件的通讯在uni-app中，可以通过创建一个后缀名为vue的文件，即创建一个组件成功，其他组件可以将该组件通过impot的方式导入，在通过components进行注册即可组件创建创建login组件，在component中创建login目录，然后新建login.vue文件<template> <view> 这是...
2020-03-17 00:48:41
978
原创 uni-app中的导航跳转（十）
目录利用navigator进行跳转利用编程式导航进行跳转利用navigateTo进行导航跳转通过switchTab跳转到tabbar页面通过redirectTo进行跳转导航跳转传递参数利用navigator进行跳转跳转到普通页面<navigator url="/pages/about/about" hover-class="navigator-hov...
2020-03-16 10:52:56
5560
原创 uni-app中条件注释实现跨段兼容（九）
条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。写法：以 #ifdef 加平台标识 开头，以 #endif 结尾。值 平台 参考文档 APP-PLUS 5+App HTML5+ 规范 H5 H5 MP-WEIXIN 微信小程序 微信小程序 MP-ALIPAY 支付宝小程...
2020-03-16 10:35:12
2599
5
原创 uni-app中上传图片、预览图片（八）
上传图片uni.chooseImage方法从本地相册选择图片或使用相机拍照。代码示例：<template> <view> <button @click="chooseImg" type="primary">上传图片</button> <view> <image v-for="item in imgA...
2020-03-16 10:31:43
2177
2
原创 uni-app中使用session进行数据缓存（七）
目录uni.setStorageuni.setStorageSyncuni.getStorageuni.getStorageSyncuni.removeStorageuni.removeStorageSync uni.setStorage 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。代码演示：...
2020-03-16 10:27:41
12592
原创 uni-app的网络请求（六）
在uni中可以调用uni.request方法进行请求网络请求需要注意的是：在小程序中网络相关的 API 在使用前需要配置域名白名单。参数名 类型 必填 默认值 说明 平台差异说明 url String 是 开发者服务器接口地址 data Object/String/ArrayBuffer 否 ...
2020-03-16 10:20:20
1808
原创 uni-app的下拉刷新、上滑加载（五）
目录下拉刷新监听下拉刷新关闭下拉刷新上拉加载 下拉刷新 在uni-app中有两种方式开启下拉刷新 需要在 pages.json 里，找到的当前页面的pages节点，并在 style 选项中开启 enablePullDownRefresh 通过调用uni.startPullDownRefresh方法来开启下拉刷新 通过配置文件开启<tem...
2020-03-16 10:14:17
2601
原创 uni-app的生命周期（四）
生命周期的概念：一个对象从创建、运行、销毁的整个过程被成为生命周期。生命周期函数：在生命周期中每个阶段会伴随着每一个函数的触发，这些函数被称为生命周期函数uni-app 支持如下应用生命周期函数：函数名 说明 onLaunch 当uni-app 初始化完成时触发（全局只触发一次） onShow 当 uni-app 启动，或从后台进入前台显示 onHide...
2020-03-16 10:02:47
309
原创 uni-app数据绑定与事件绑定（三）
目录插值表达式的使用v-bind动态绑定属性v-for的使用uni-app中的事件绑定在页面中需要定义数据，和我们前的vue一摸一样，直接在data中定义数据即可export default { data () { return { msg: 'hello-uni' } }} 插值表达式的使用 利用插值表达式渲染基本数据...
2020-03-16 09:58:48
7750
原创 uni-app基础学习-组件的基本使用（二）
uni-app提供了丰富的基础组件给开发者，开发者可以像搭积木一样，组合各种组件拼接称自己的应用uni-app中的组件，就像 HTML 中的 div 、p、span 等标签的作用一样，用于搭建页面的基础结构 text文本组局的使用 属性 类型 默认值 必填 说明 selectable boolean false 否 文本是否可选 ...
2020-03-16 09:35:27
3056
原创 uni-app基础学习与理解（一）
首先在学习uni-app之前，确保我们的电脑上已经安装HBuilderX，与微信开发者工具为了大家快速了解学习这个框架我们这里就不放过多的演示图片了，大家按照提供的方法或API进行操作即可这里要说一下uni-app这个框架是便于开发者一端开发多段使用的，就像官方文档里解释的一样（uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Andro...
2020-03-16 08:52:25
3002
原创 浅谈 SuperMap iClient for Leaflet （三）点位聚散功能
首先跟得跟大家说声抱歉，断更了这么久今天终于把这个给补上好了进入正题创建地图我们就不多说了，在以前的文章里面有写，不明白的朋友可以翻回去看一下点位聚散我所用到的是是PruneCluster.js插件重点在这里了var leafletView = new PruneClusterForLeaflet(); function jusan() {...
2019-11-21 12:21:35
694
原创 echarts基于父盒子达成自适应布局（大数据可视化页面必须！）
echarts基于父盒子达成自适应布局（大数据可视化页面必须！）创建一个最外层容器 内部嵌套echarts容器<div class="container"> <div class="mid" id="body"></div> </div>样式的话这个地方需要注意 率先考录一下实现逻辑 百分比布局首先需要宽高分...
2019-11-21 12:02:12
1266
原创 SuperMap iClient for Leaflet 自定义控件创建及一些样式的总结
在上图左边区域为自定义控件，首先我们来看一下效果我这个项目的话是基于Vue + SuperMap iClient for Leaflet 来实现的一些功能： // 自定義控件 customControl () { L.Control.Legend = L.Control.extend({ options: { posit...
2019-10-10 11:21:18
1443
原创 浅谈 SuperMap iClient for Leaflet （二）画点，画线功能的实现步骤
接上次我们所说的地图展示之后，后续一些我自己学习到的功能及应用，有什么不对的地方还希望大家指出来先介绍一下我这边想做的功能把，这里有两个按钮，在按到按钮的时候做出响应的方法第一个按钮呢功能是画点，第二个功能呢就是实现简单的画线 首先呢，我们还是在做这些功能之前，分析一个大体的方向 我们要找到Leaflet.js中的画点，画线功能，封装成我们自己的方法 ...
2019-05-30 11:00:11
3521
1
原创 浅谈 SuperMap iClient for Leaflet （一）地图展示功能实现
首先呢我自己学习这个部分用了挺多时间的总结出我对于SuperMap的一些功能及应用，也算是我的笔记了吧，话不多说直接看代码吧第一步我们要把下载好的引入文件整理出来，毕竟下载出来的包里面含有很多案例，他们的内存也是比较大的，在本身的开发中不一定需要全部的文件，部分即可 这边是我现在所用到的一些包，需要注意的是下面这两个文件中，部分代码需要我们自己去修改主要是修改这两个...
2019-05-30 10:24:32
6968
10
原创 记录一下前端面试中的涉及到的一些问题（JS）
谈谈你对原型、原型链的理解？每个构造函数一旦创建都有prototype指针指向它的原型对象，而原型对象会默认生成一个constructor指针又指向构造函数。什么是闭包，在哪里用过闭包，闭包的使用场景是什么？闭包： 闭包就是能够读取其他函数内部变量的函数 在哪使用闭包： 需要获取函数内部变量时 闭包的使用场景： 闭包可以用在许多地方，他的最大用处有两个，一个是可以读取函数内部的变量，...
2019-03-09 11:28:46
182
原创 JS基础复习（自我总结01）
首先介绍一下JavaScript书写位置他有两种书写的方式第一种呢是内嵌式写法在html页面内部设置<script> function (){ console.log('在这里输入CS') }</script>//该标签可以放到 head 标签中或者 body 标签中第二种是外联式的写法外联是也是最推荐使用的一中方法...
2019-01-31 20:55:56
327
原创 ES6.0中的解构于赋值，初步学习记录学习历程
首先在开始我们要知道一下： var ：变量提升，变量重名，没有快级作用域，不定义直接使用 let ：没有变量提升，变量不能重名， 具有快级作用域，必须定义在使用 const 没有变量提升，变量不可以重名，具有快级作用域，先定义在使用 常量： 一旦赋值， 不可修改 常量的命名： 一般都用大写字母 <script&g...
2018-12-23 00:58:03
172
原创 记录一下学习历程正则表达式表单验证一个小案例
今天学到了正则表达式，接下来复习一下使用正则表达式做一个小小的案例练习 先插入一段HTML里面的代码： QQ号：<input type="text" id="txtQQ"> <span></span><br> 邮箱：<input type="text" id="txtEMail"
2018-12-23 00:25:35
141
原创 JavaScript高级原型继承学习历程分享（03）
组合继承 通过原型继承 + 借用继承 一起使用来实现： // 创建父类构造函数function Person(name, age){ this.name = name; this.age = age;}// 父类构造函数原型Person.prototype.method = function(){ console.log('方法......方法')...
2018-12-17 21:09:16
118
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人