- 博客(34)
- 收藏
- 关注
原创 判断对象里的属性是否都为空(适用字符串、数组结构对象)
场景:表单填写时,填写完对应栏目需要有填完的标识下面是自己写的一坨代码export function objecAtrtIsEmpty(data) { // 如果是数组,遍历数组里面的 if (Array.isArray(data)) { if (data.length == 0) return false; return data.every(el => { return objecAtrtIsEmpty(el); }); } else if (O
2021-05-31 23:04:24
603
原创 mapbox图层重叠导致渲染后的图层出现模糊的问题--工作笔记
问题在用mapbox渲染3d图块时,某区域出现模糊现象(区域内出现空白间隙,随着地图移动会出现闪烁的现象),这里就不方便放图了。原因渲染模糊的那块区域,因为底下还有一块也是差不多范围的地块,两个图层重叠在一起,就导致了最上层那个图层出现模糊的现象。解决办法删掉其中一个图层重叠(也就是底下那块图层重叠的部分)的内容。...
2020-04-26 20:59:53
1511
原创 react-native-beacons-manager使用(Beacons.startRangingBeaconsInRegion)闪退 --工作笔记
其实造成闪退的原因是import Beacons from 'react-native-beacons-manager';Beacons.startRangingBeaconsInRegion('参数') //这个方法造成闪退解决办法找到node_modules\react-native-beacons-manager\android\build.gradledependencies...
2020-04-22 19:27:59
501
原创 react-native-beacons-manager扫描beacons为空数组(android)--工作笔记
解决办法在 android/app/src/main/AndroidMainfest.xml 添加<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>//在需要使用的组件中,引入PermissionsAndroid,import { Text, View, Permiss...
2020-04-22 19:17:13
241
原创 react-native-beacons-manager在Android上的使用 --工作笔记
github地址npm install react-native-beacons-managerimport React, {Component} from 'react';import { Text, View, DeviceEventEmitter, FlatList, StyleSheet, PermissionsAndroid, TouchableOpac...
2020-04-22 19:11:22
337
原创 react-native-mapbox-gl在RN中的使用 --工作笔记
搭建好react-native环境后,初始化项目参见官方搭建环境这里引入react-native-mapbox-gl也分新旧两个版本(旧的已经不维护了),推荐使用新的,功能模块也比较多然后引入react-native-mapbox-gl1、旧版本旧仓库地址 步骤1. npm install https://github.com/nitaliano/react-native-mapbo...
2020-04-21 11:56:13
1254
6
原创 react-native-mapbox-gl官方demo踩坑 -- 工作笔记
这个是在RN环境下的(搭建好react-native环境后)react-native-mapbox-gl旧仓库地址 新仓库地址介绍看官方文档(上面两个链接),简单来说就是混合开发适合app端改造过后的mapbox-glmapbxo-gl文档 上也有android端和ios端的sdk(不会原生的可以使用上面改造后的)推荐使用新仓库,下面说一下运行新旧官方示例demo踩的坑首先是去仓库把...
2020-04-21 11:34:30
882
原创 部分ios用户使用 history.replaceState更改当前URL后,复制链接还是之前的URL
未解决之前代码获取当前url并处理//去除url上的openid参数const href = location.href.replace(/(|&)openid=([^&]*)(?=#)/, '');//更改当前urlhistory.replaceState(null, null, href);出现的情况进入微信页面后,点击右上角分享按钮,点击复制链接,发现粘贴的链...
2020-01-10 20:23:05
2320
原创 h5网页无法分享到微信群,显示红色感叹号 --工作笔记
在调用微信jssdk的时候,前端自定义的分享文案中的一些参数如下let options = {link: location.href,img_url: ‘’,desc: ‘’,title: ‘’,};这里设置除了link外其他都为空所以出现的问题是分享给微信群的时候,能发出去,但是显示红色感叹号,即发送不成功。如下解决方案给desc和title加上值,比如let opt...
2020-01-10 20:13:02
1434
原创 vue-cli3+ 打包部署到服务器后,svg/jpg/png在iphone上无法正常显示 -- 工作笔记
用vue-cli3初始化项目配置完,然后打包部署到服务器上,svg图片在iPhone不能正常显示(.png格式可以显示),在安卓可以正常显示。下面是我的做法我是用img标签引入<div class="CPRdiv" @click="mapLink('CPR')"> <img class="CPR" src="@/assets/images/CoastalP...
2019-12-22 22:49:04
1767
原创 图片img标签 src="[object Module]" --学习笔记
在使用webpack4初始化项目,基础配置完之后出现的一个问题。如下图img属性src="[object Module]",引入图片的方式为配置的图片loader试了两种都不行:file-loader、url-loader配置如下解决办法在option里面加入esModule: false...
2019-12-09 11:56:03
10335
21
原创 使用require.context自动化导入模块 -- 工作笔记
起因:在运行公司项目的时候发现某个js文件在执行,但是我并不知道他是怎样执行了。接着我在整个项目里并没有看到import XXX from 'xxx.js’或者是require(‘xxx.js’)的字眼。最后是在主文件js里(其实也可以说是次文件吧)看到了require.context这个东东。结果:自己写了一遍,下面是使用的例子。先说一下require.context这个东东。requir...
2019-11-15 17:31:49
464
原创 解决NodeList类型(类数组对象)在低版本浏览器中不支持forEach -- 工作笔记
var a = document.querySelectorAll(className);这里a得到的是一个NodeList类型的一个实例;NodeList是一个类数组对象:与数组一样具有length与index属性,但本质是Object;是下面这种形式NodeList {0: [object HTMLDivElement], 1: [object HTMLDivElement],...
2019-10-31 16:50:56
987
原创 部分ios系统出现页面显示不完整(dom节点已经加载完整) - 工作笔记
问题描述页面中所有dom元素已经加载完成,基本上所有的安卓手机在该页面上,dom节点所对应的页面部分是可以显示出来的。(安卓用户暂时没发现问题)但是部分ios手机出现页面显示不完整的情况。(这里以ios9系统为例)说一下这个页面的组成部分,大致分三个结构顶部logo图、中间二维码、底部详情。正常显示的页面非正常显示的页面后面发现这些在ios9下不能显示的部分所对应的dom元素都有...
2019-10-10 18:01:26
2973
转载 ios系统调用微信jssdk无法分享给朋友-工作笔记
这几天项目出现一个问题使用微信jssdk接口自定义分享内容,ios系统下,微信网页点击右上角分享按钮,发送给朋友,没有反应,但是是可以分享到朋友圈的。除此之外,安卓设备是正常的。后面在网上找到一篇完全复现问题的文章,自己试了一下,成功解决这个问题。原文链接上面代码是设置分享出去的链接,标题,图片等,注意红色框里的desc与title。后面更改为注意与上面的不同,默认值加了空格。...
2019-09-30 16:19:34
830
原创 IOS9 SyntaxError: DOM Exception 12 setRequestHeader@[native code] --工作笔记
IOS9 SyntaxError: DOM Exception 12 setRequestHeader@[native code]
2019-09-10 16:29:34
470
4
原创 Vue组件间通信方法大全(适用父子,兄弟,子孙组件传值 六大类)-- 学习笔记
最近在掘金看了一篇30 道 Vue 面试题,内含详细讲解(涵盖入门到精通,自测 Vue 掌握程度)然后发现里面总结了Vue中组件间传值的多种方式(不详细),不知道你们会不会和笔者一样,还是停留在之前的几种方式(props/ $emit,$emit/$on,vuex)。上面的文章提到了新的方式,下面笔者会详细解释,给出示例。1、props(父组件传给子组件)新建父组件father.vue...
2019-09-02 18:52:47
1229
原创 better-scroll踩坑之scrollStart、scroll与scrollEnd-工作笔记
前两天老板说新增一个效果在滑动的时候让底部导航slidedown(下滑隐藏)、滑动停止的时候slidup(上移显示);基于原项目使用的better-scroll实现。动画效果是使用animate库 + vue实现的,这个跟坑没关系,代码就不贴了。一开始实现思路是这样的:在滑动的时候我就让他下滑隐藏,滑动停止的时候就上移显示,em,正常来说是这样的/*初始化import Scroll...
2019-08-16 17:12:29
3356
2
原创 vue移动端点击穿透事件(实例)-工作笔记
昨天偶然发现旧项目的一个bug当点击这个时间列表的事件时,同时会触发其背后红色背景的跳转事件(也就是两个事件的元素重叠在一起,若是点击2018年06月则不会,因为未重叠)。其中时间列表是子组件,部分代码如下<ul class="select-ul"> <li class="select-list" v-for="(value, index) in list.da...
2019-08-14 11:31:26
2583
1
原创 微信jssdk-工作笔记
昨天需要给旧项目增加一个详情页面,然后弄好了。接着老板需要实现分享功能,这个功能在之前已经做好了,但是分享出来的链接点进去不是被分享的页面,其实就是分享的链接给固定了在首页。后面查看文档,结合代码,自己链接改了。部分代码// 微信分享设置app.$wx.dynamicShare = () => { const normal = { title: document.title...
2019-08-13 12:12:48
164
原创 GIt子模块、Git tag标签-工作笔记
今天是第二次接触到项目使用的子模块,所以还是记录一下吧。当时需要改某个项目的bug,然后项目下载下来跑起来的时候出现问题,然后发现项目里面的某个子项目文件是空的,之后才知道有子模块这个概念,(之前没接触过,很是尴尬)。只需要两个命令就能把子模块克隆下来(前提是你这个git上的项目有子模块)git submodule init //初始化你的本地配置文件git submodule upda...
2019-08-13 11:47:52
781
原创 在Vue中使用QRCode生成二维码
首先安装依赖包npm/cnpm install --save qrcode下面是qrcode.vue文件在script标签导入qrcodeimport QRCode from "qrcode";我一般是写在mounted里面,如果需要什么条件除外mounted(){QRCode.toDataURL(this.url,{ //这个this.url就是你扫码后要跳转的地...
2019-07-09 17:39:02
3577
6
原创 解决微信端ios页面滚动卡住 -- 工作笔记
直接贴代码跟图,等会再解释左边页面是滚动的,.container元素包含需要滚动的内容,关键代码是给container(正常文档流下,可以手动添加position:static)加上overflow: auto;-webkit-overflow-scrolling: touch;()...
2019-06-28 19:40:11
2930
原创 linux子系统ubuntu下生成的ssh密钥以及路径
window下生成的ssh是在C:\用户\xxx.ssh这个目录下的但是现在我安装ubuntu后,在linux命令下又生成了一套ssh密钥。所以现在本地我有两套ssh密钥linux子系统下生成的密钥路径C:\用户\xxx\AppData\Local\Packages\CanonicalGroupLimited.UbuntuonWindows_79rhkp1fndgsc\LocalState...
2019-06-26 16:48:23
4007
1
原创 Filezilla-使用ssh连接到服务器-上传下载文件
首先下载安装Fillzilla,安装教程自行百度,这里分客户端跟服务端两个版本。我们选择下载客户端(传输文件选它);服务端(让文件对其他人可用选它)安装完毕之后运行,打开。第二步,选择上图左上角的文件选项,打开站点管理。...
2019-06-26 12:23:16
7730
原创 面试总结-(三)
&amp;amp;amp;nbsp;今天又去面试了一家公司,我是第三个到的,前面还有两个和我一样都是面试前端实习生的刚来就让你做笔试题,说说笔试题吧(8道选择题,三道简答题,两道代码题):css样式的优先级块级元素与行内元素javascript的基本类型与引用类型以及它们之间的区别setInterval的用法CSS盒子模型(W3C标准、IE)、CSS如何设置这两种模型(box-sizing:content-b...
2018-09-26 17:45:18
367
2
原创 前端面试题目以及答案
window.localtion以下URL地址为自编,方便示例 1. href(返回整个URL地址,就是浏览器地址栏的内容) window.localtion.href: 返回值:http://www.san.com:8000/hello.js?t=3dg&amp;amp;amp;amp;amp;amp;amp;id=utf-8#hello(随便编的一个地址) 2. protocol(URL协议) window.localt...
2018-09-17 11:50:23
4882
原创 面试总结--(二)
说说我的第二次面试经历吧,过程没什么多大的波折,这次的公司是直接拿你的简历直接技术面。有点搞笑的是面试官拿出手机网上搜问题来问我,不过看他样子是一个技术人员。他看我是计算机专业,就说问你关于计算机专业方面的两个问题,每个问题给你5秒钟回答。第一个是7的二进制,我他喵的可能太紧张说是1101,又说是1110,最后才说是111,然而过了5秒钟,第二个是2的7次方是多少,这个就比较简单了。 接下...
2018-09-15 12:12:29
278
原创 css自适应布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><style>/* .wrap { }
2018-08-31 23:36:29
208
1
原创 鼠标经过一个矩形(包含阴影,圆角),逐渐变透明
<style>.juxing { width: 200px; height: 200px; margin: 0 auto; background-color: blue; border-radius: 4px; box-shadow: 8px 8px 5px bla...
2018-08-31 23:28:08
741
转载 css3新特性
圆角border-radius,阴影box-shadow。文字阴影text-shadow,线性渐变gradient,旋转transform 旋转,缩放,定位,倾斜:transform: rotate(90deg) scale(0.8,0.9) translate(0px,-30px) skew(-9deg,0deg);增加了更多的css选择器(子元素选择器,相邻兄弟选择器,通用兄弟选择器...
2018-08-09 11:20:52
166
转载 $(this)与this的区别
$$(this)的$表示jquery,总体其实也就是jquery(),他返回的是一个jquery对象, 而this返回的是一个html对象。$('#desktop a img').each(function(index){ alert($(this)); alert(this);})那么,这时候可以看出来: alert($(this)); 弹出的结果是[...
2018-08-09 11:03:17
409
原创 css垂直居中浮动元素
#div1{ width:200px; height:200px; position:absolute;//父元素要相对定位 left:50%;top:50%;margin-left:-100px;margin-top:-100px;}#div2{ width:200px; height:200px; position:absolute;//父元素要相对定位 ...
2018-08-09 10:40:24
3027
原创 第一次面试前端实习生心得
今天第一次去面试前端岗位的实习生,公司规模不算大吧,不过也有好几个部门。说说我的面试心得吧。 首先是hr面,如下是她问的问题:学这个多久了,大四还有没有课,是否只需完成毕业设计就行了不用上课,同学暑假都在干嘛,学校课程学了什么,同学们主要找哪方面的实习,我我就说这边主要是前后端,然后问了是如何选择前后端的,为什么选前端balabala,面试官很好,聊的很愉快。 然后是笔试题,cs...
2018-08-08 22:20:03
17182
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人