- 博客(27)
- 收藏
- 关注
RSS订阅原创 mapbox地图resize增加过渡动画避免不流畅显示背景底色
在需要改变mapbox地图宽度或者高度的情况下，为了效果较好通常会加入css动画animation。但是在事件发生时调用map.reszie()方法时，地图resize也会比较生硬，显示出背景底色。
2024-01-05 15:43:02
516
原创 mapbox使用cluster聚合配置clusterMaxZoom不生效问题
使用clusterMaxZoom配置最大聚合层级，当配置一个较大层级，例如20级别时，还未到该层级就不聚合了
2023-12-22 16:56:07
528
原创 mapbox添加一个图层并根据属性字段的信息过滤显示部分feature
mapbox使用addLayer添加一个图层，需要根据此图层数据源属性字段properties中的某一个字段过滤，以此在地图上显示符合条件的feature。
2023-06-02 15:24:52
743
原创 使用Iframe打印预览pdf，兼容谷歌火狐浏览器
- 点击页面的打印按钮，可以调用浏览器的打印功能，并预览打印pdf文件。 - 解决火狐浏览器出现about:blank问题。
2023-01-05 10:11:03
3263
1
原创 vue使用list动态加载数据滚动条自动滚动到底部，用户手动滚动则取消
场景：list中的数据是动态的，每次保证滚动条能自动滚动到最底部，查看最新的一条记录。如果用户手动操作滚动条如拖动或鼠标滚轮滑动，则取消自动滚动。解决方案一、使用scrollTop =scrollHeight1.使用scrollTop 时，容器必须要有height并且overflow为auto或scroll<div class="container">.container { height: 100%; overflow: scroll;}2.借助vue生
2022-05-25 15:05:04
2357
原创 antd-vue的树形table组件修改展开图标
场景：ant-design的树形table修改展开的图标基础的的table展开图标如下:需要修改为自定义的图标或其它:代码1.首先使用提供的api: expandIcon2.添加图标并增加点击事件提示：部分代码如下<a-table :columns="columns" :data-source="data" :expandIcon="expandIcon" :rowKey="id"></a-table> // 展开图标
2022-04-27 09:52:04
3417
8
原创 基于antd-vue的table表格增加合计栏
文章目录前言一、使用步骤1.首先在主表格内新增另外一个table2.读入数据总结前言需求：table表格增加合计栏提示：以下仅是一种实现方法，下面案例可供参考一、使用步骤1.首先在主表格内新增另外一个table代码如下（示例）：<a-table :columns="columns" :data-source="data"> <a-table ref="totalTable" :columns="totalColumns"
2022-02-15 09:25:57
4387
6
原创 使用axios下载二进制流文件
1.下载文件的api接口，在api.js中书写export const downloadFiles= (params) => { return axios.post(`${baseUrl}/downloadFiles`, params, { responseType: "blob", });};2.调用api接口，在需要使用下载的方法中书写，使用async和await异步加载的方式await downloadFiles(id).then((res) => { //省
2021-10-14 10:34:34
1060
原创 LeetCode判断数组是否有环和两道股票题
判断给定的链表中是否有环扩展：你能给出空间复杂度的解法么？/* * function ListNode(x){ * this.val = x; * this.next = null; * } *//** * * @param head ListNode类 * @return bool布尔型 */function hasCycle( head ) { if (head == null) { return false .
2020-09-29 16:05:38
242
原创 js的new操作符做了什么？
1.创建空对象let obj = new Object()2.设置原型链，将构造函数的作用域赋值给新对象（绑定this）Object.setPrototypeOf(obj,Con.prototype)下面方式更容易理解obj.__proto__ = Con.prototype3.调用构造函数let result = Con.apply(obj,args)4.返回新对象return typeof result ==='object'?result:obj完整测试和使用方法如下：
2020-09-28 09:59:57
107
原创 js反转链表和二叉树先序遍历
题目描述输入一个链表，反转链表后，输出新链表的表头。/*function ListNode(x){ this.val = x; this.next = null;}*/function ReverseList(pHead){ if(pHead==null){ return null } let pre = null; let next = null; while (pHead !== null) { ne.
2020-09-22 13:40:36
110
原创 js算法每日一题之后缀表达式求值
计算逆波兰式（后缀表达式）的值运算符仅包含"+","-","*“和”/"，被操作数可能是整数或其他表达式例如： [“2”, “1”, “+”, “3”, “*”] -> ((2 + 1) * 3) -> 9 [“4”, “13”,“5”, “/”, “+”] -> (4 + (13 / 5)) -> 6 function evalRPN(tokens) { const operation = { '+': (a, b) => a +.
2020-09-16 09:49:10
428
原创 js算法每日一题之求二叉树最小深度
求给定二叉树的最小深度。最小深度是指树的根结点到最近叶子结点的最短路径上结点的数量。 function run(root) { if (root == null) { return 0 } if (root.left == null && root.right == null) { return 1 } if (root.left == null) { return run(root.right) + 1
2020-09-16 09:37:37
176
原创 js实现排序算法简易写法
冒泡排序 function bubbleSort(arr) { len = arr.length for (let i = 0; i < len - 1; i++) { for (let j = 0; j < len - 1 - i; j++) { if (arr[j] > arr[j + 1]) { var temp = arr[j] arr[j] = arr[j + 1] arr
2020-09-14 17:30:48
483
原创 js数组去重高效方法整理
js数组去重方法整理方法一：Array.filter() + indexOffunction distinct(arr) { return arr.filter((item,index) => { return arr.indexOf(item) === index; })}理解：indexOf是查找当前item的索引，如果刚好等于当前循环的index，则说明是第一次出现，如果不等，则说明在这之前已经存在了item，即重复了。通过filter过滤掉重复的值方
2020-09-13 14:54:00
379
转载 js面试题之判断是否为质数
写一个isPrime函数，当其为质数时返回true，否则返回false。有点学习到了，我原来的实现方法就是循环2到num，判断能不能整除，都不能整除则为素数（质数）。原博主的算法思路：我认为这是面试中最常见的问题之一。然而，尽管这个问题经常出现并且也很简单，但是从被面试人提供的答案中能很好地看出被面试人的数学和算法水平。首先，因为JavaScript不同于C或者Java，因此你不能信任传递来的数据类型。如果面试官没有明确地告诉你，你应该询问他是否需要做输入检查，还是不进行检查直接写函数。严格上
2020-09-12 17:31:22
346
原创 经典js面试题解答汇总二
经典js面试题解答汇总1.JS重复输出一个给定的字符串方法一：while循环方法二：for循环方法三：递归方法四：使用ES6 `repeat()` 方法2.函数声明相关第一题：无返回值第二题：有返回值和提升问题第三题：有返回值和不提升问题第四题：混合1.JS重复输出一个给定的字符串方法一：while循环function repeatStringNumTimes(string, times) { var repeatedString = ""; while (times > 0) {
2020-09-12 17:00:33
835
原创 经典js面试题解答汇总
参考博文[https://www.cnblogs.com/moqiutao/p/9872066.html]在这里记录下来比较适合我思维的实现方式1.JS找字符串中出现最多的字符主要实现方法就是用对象接收遍历的值和次数obj[‘a’]与obj.a等价详细参考链接:[添加链接描述](https://www.cnblogs.com/leiyangs/p/7490665.html)let testStr = 'asdasddsfdsfadsfdghdadsdfdgdasd'; function
2020-09-12 09:40:06
347
原创 脚手架4.x搭建项目报错Uncaught TypeError: Cannot read property ‘use‘ of undefined
我在使用vue-cli 4.5.4创建项目时，初始化页面打不开，并报错如下图：在ui界面中可看到如下警告：Couldn’t parse bundle asset "F:\前端学习汇总\电商项目\node_shop\dist\js\about.js下图我再次还原错误的时候出现了新的错误，报hot-update.js的错误先说解决办法：删除main.js中的import './plugins/element.js’这句应该就可以看到经典界面了在排除错误的过程中尝试了很多办法，网上并未能找出满意的
2020-08-23 11:50:55
9358
11
原创 Access to XMLHttpRequest at ‘XXX‘ from origin ‘null‘ has been blocked CORS
使用express服务器模拟后台接口，前台用axios获取，提示错误信息如下：主要原因是跨域问题，请求的options问题，在学习阶段的解决方法是在index.js中添加代码：代码一：app.all("*",function(req,res,next){ //设置允许跨域的域名，*代表允许任意域名跨域 res.header("Access-Control-Allow-Origin","*"); //允许的header类型 res.header("Access-Cont
2020-08-18 15:58:01
556
原创 configuration.mode should be one of these: “development“ | “production“ | “none“
使用webpack打包时报错配置错误不符合API如果错误信息不仅仅是不符合版本，还提示配置模式必须是development|production|none，如下图则考虑错误原因是拼写错误 ，特别注意检查空格。如图：尾部多了空格另外提示别的信息的话，考虑webpack兼容性问题，webpack不向下兼容，可修改语法在重新运行。...
2020-08-18 15:46:36
1922
原创 RecyclerView的特简单使用【一】
RecyclerView的简单使用【一】本文参考bilibili博主天哥在奔跑教程：地址：[https://www.bilibili.com/video/BV1Rt411e76H?p=14]在原代码的基础上稍作改动，功能：纵向滑动的列表、可以自己控制显示输出列表itemactivity_linear_recycler_view.xml<?xml version="1.0" enco...
2020-04-03 14:35:42
141
原创 夜神模拟器连接AndroidStudio出现unable to connect 127.0.0.1:62001
刚开始学习android开发，自带模拟器太慢，换用夜神模拟器。在cmd中输入nox_adb.exe connect 127.0.0.1:62001可能会出现以上问题：① 白色框是***未打开模拟器***就输入命令出现的错误，还有可能的情况就是SDK的adb版本与nox_adb的版本不同。② 红色框是端口被占用，需要kill占用5037端口的进程。...
2020-03-10 09:41:37
751
空空如也
mapbox添加layer图层中间的这个文字是怎么实现
2022-09-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人