- 博客(34)
- 收藏
- 关注
RSS订阅原创 判断对象里的属性是否都为空（适用字符串、数组结构对象）
场景：表单填写时，填写完对应栏目需要有填完的标识下面是自己写的一坨代码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
566
原创 mapbox图层重叠导致渲染后的图层出现模糊的问题--工作笔记
问题在用mapbox渲染3d图块时，某区域出现模糊现象(区域内出现空白间隙，随着地图移动会出现闪烁的现象)，这里就不方便放图了。原因渲染模糊的那块区域，因为底下还有一块也是差不多范围的地块，两个图层重叠在一起，就导致了最上层那个图层出现模糊的现象。解决办法删掉其中一个图层重叠(也就是底下那块图层重叠的部分)的内容。...
2020-04-26 20:59:53
1448
原创 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
468
原创 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
227
原创 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
310
原创 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
1203
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
849
原创 部分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
2240
原创 h5网页无法分享到微信群，显示红色感叹号 --工作笔记
在调用微信jssdk的时候，前端自定义的分享文案中的一些参数如下let options = {link: location.href,img_url: ‘’,desc: ‘’,title: ‘’,};这里设置除了link外其他都为空所以出现的问题是分享给微信群的时候，能发出去，但是显示红色感叹号，即发送不成功。如下解决方案给desc和title加上值，比如let opt...
2020-01-10 20:13:02
1359
原创 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
1686
原创 图片img标签 src="[object Module]" --学习笔记
在使用webpack4初始化项目，基础配置完之后出现的一个问题。如下图img属性src="[object Module]"，引入图片的方式为配置的图片loader试了两种都不行：file-loader、url-loader配置如下解决办法在option里面加入esModule: false...
2019-12-09 11:56:03
10298
21
原创 使用require.context自动化导入模块 -- 工作笔记
起因：在运行公司项目的时候发现某个js文件在执行，但是我并不知道他是怎样执行了。接着我在整个项目里并没有看到import XXX from 'xxx.js’或者是require(‘xxx.js’)的字眼。最后是在主文件js里（其实也可以说是次文件吧）看到了require.context这个东东。结果：自己写了一遍，下面是使用的例子。先说一下require.context这个东东。requir...
2019-11-15 17:31:49
444
原创 解决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
942
原创 部分ios系统出现页面显示不完整(dom节点已经加载完整) - 工作笔记
问题描述页面中所有dom元素已经加载完成，基本上所有的安卓手机在该页面上，dom节点所对应的页面部分是可以显示出来的。（安卓用户暂时没发现问题）但是部分ios手机出现页面显示不完整的情况。（这里以ios9系统为例）说一下这个页面的组成部分，大致分三个结构顶部logo图、中间二维码、底部详情。正常显示的页面非正常显示的页面后面发现这些在ios9下不能显示的部分所对应的dom元素都有...
2019-10-10 18:01:26
2838
转载 ios系统调用微信jssdk无法分享给朋友-工作笔记
这几天项目出现一个问题使用微信jssdk接口自定义分享内容，ios系统下，微信网页点击右上角分享按钮，发送给朋友，没有反应，但是是可以分享到朋友圈的。除此之外，安卓设备是正常的。后面在网上找到一篇完全复现问题的文章，自己试了一下，成功解决这个问题。原文链接上面代码是设置分享出去的链接，标题，图片等，注意红色框里的desc与title。后面更改为注意与上面的不同，默认值加了空格。...
2019-09-30 16:19:34
797
原创 IOS9 SyntaxError: DOM Exception 12 setRequestHeader@[native code] --工作笔记
IOS9 SyntaxError: DOM Exception 12 setRequestHeader@[native code]
2019-09-10 16:29:34
436
4
原创 Vue组件间通信方法大全（适用父子，兄弟，子孙组件传值 六大类）-- 学习笔记
最近在掘金看了一篇30 道 Vue 面试题，内含详细讲解（涵盖入门到精通，自测 Vue 掌握程度）然后发现里面总结了Vue中组件间传值的多种方式（不详细），不知道你们会不会和笔者一样，还是停留在之前的几种方式（props/ $emit，$emit/$on，vuex）。上面的文章提到了新的方式，下面笔者会详细解释，给出示例。1、props（父组件传给子组件）新建父组件father.vue...
2019-09-02 18:52:47
1207
原创 better-scroll踩坑之scrollStart、scroll与scrollEnd-工作笔记
前两天老板说新增一个效果在滑动的时候让底部导航slidedown(下滑隐藏)、滑动停止的时候slidup(上移显示)；基于原项目使用的better-scroll实现。动画效果是使用animate库 + vue实现的，这个跟坑没关系，代码就不贴了。一开始实现思路是这样的：在滑动的时候我就让他下滑隐藏，滑动停止的时候就上移显示，em，正常来说是这样的/*初始化import Scroll...
2019-08-16 17:12:29
3324
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
2521
1
原创 微信jssdk-工作笔记
昨天需要给旧项目增加一个详情页面，然后弄好了。接着老板需要实现分享功能，这个功能在之前已经做好了，但是分享出来的链接点进去不是被分享的页面，其实就是分享的链接给固定了在首页。后面查看文档，结合代码，自己链接改了。部分代码// 微信分享设置app.$wx.dynamicShare = () => { const normal = { title: document.title...
2019-08-13 12:12:48
140
原创 GIt子模块、Git tag标签-工作笔记
今天是第二次接触到项目使用的子模块，所以还是记录一下吧。当时需要改某个项目的bug，然后项目下载下来跑起来的时候出现问题，然后发现项目里面的某个子项目文件是空的，之后才知道有子模块这个概念，（之前没接触过，很是尴尬）。只需要两个命令就能把子模块克隆下来（前提是你这个git上的项目有子模块）git submodule init //初始化你的本地配置文件git submodule upda...
2019-08-13 11:47:52
731
原创 在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
3458
6
原创 解决微信端ios页面滚动卡住 -- 工作笔记
直接贴代码跟图，等会再解释左边页面是滚动的，.container元素包含需要滚动的内容，关键代码是给container（正常文档流下，可以手动添加position:static）加上overflow: auto;-webkit-overflow-scrolling: touch;（）...
2019-06-28 19:40:11
2898
原创 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
3962
1
原创 Filezilla-使用ssh连接到服务器-上传下载文件
首先下载安装Fillzilla，安装教程自行百度，这里分客户端跟服务端两个版本。我们选择下载客户端（传输文件选它）；服务端（让文件对其他人可用选它）安装完毕之后运行，打开。第二步，选择上图左上角的文件选项，打开站点管理。...
2019-06-26 12:23:16
7200
原创 面试总结-(三)
&amp;amp;amp;nbsp;今天又去面试了一家公司，我是第三个到的，前面还有两个和我一样都是面试前端实习生的刚来就让你做笔试题，说说笔试题吧（8道选择题，三道简答题，两道代码题）：css样式的优先级块级元素与行内元素javascript的基本类型与引用类型以及它们之间的区别setInterval的用法CSS盒子模型（W3C标准、IE）、CSS如何设置这两种模型（box-sizing:content-b...
2018-09-26 17:45:18
354
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
4816
原创 面试总结--(二)
说说我的第二次面试经历吧，过程没什么多大的波折，这次的公司是直接拿你的简历直接技术面。有点搞笑的是面试官拿出手机网上搜问题来问我，不过看他样子是一个技术人员。他看我是计算机专业，就说问你关于计算机专业方面的两个问题，每个问题给你5秒钟回答。第一个是7的二进制，我他喵的可能太紧张说是1101，又说是1110，最后才说是111，然而过了5秒钟，第二个是2的7次方是多少，这个就比较简单了。 接下...
2018-09-15 12:12:29
266
原创 css自适应布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><style>/* .wrap { }
2018-08-31 23:36:29
200
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
721
转载 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
158
转载 $(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
398
原创 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
2996
原创 第一次面试前端实习生心得
今天第一次去面试前端岗位的实习生，公司规模不算大吧，不过也有好几个部门。说说我的面试心得吧。 首先是hr面，如下是她问的问题：学这个多久了，大四还有没有课，是否只需完成毕业设计就行了不用上课，同学暑假都在干嘛，学校课程学了什么，同学们主要找哪方面的实习，我我就说这边主要是前后端，然后问了是如何选择前后端的，为什么选前端balabala，面试官很好，聊的很愉快。 然后是笔试题，cs...
2018-08-08 22:20:03
17141
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人