pinbolei的博客

1.require.context()vue项目中 使用require.context()实现前端工程化引入文件require.context(directory, useSubdirectories, regExp, mode = 'sync')directory:表示检索的目录useSubdirectories：表示是否检索子文件夹regExp:匹配文件的正则表达式,一般是文件名mode:加载模式，同步/异步2.用来在组件内引入多个组件// 从@/components/home目录

报错信息vue-router在3.0版本以上时，重复点菜单，控制台会报错，虽然不影响使用，但是最好处理下这个问题，不然也可能会影响调试其他问题。报错原因vue-router在3.0版本以上时 ，回调形式改成了promise api，返回的是promise，如果没有捕获到错误，控制台始终会出现如上图的报错node_module/vue-router/dist/vue-router.js 搜VueRouter.prototype.push解决方法1.降低vue-router的版本npm i v

当我们换了新电脑进行开发项目的时候，总会面临一个问题，每次提交代码都让你输一遍用户名和密码，简直不能再麻烦了，尤其在你急需解决问题的时候，真是有种想把电脑摁在地上摩擦的冲动！解决方案:再终端输入如下命令：git config --global credential.helper store1.这一步会在用户目录下的.gitconfig文件最后添加:[credential] helper = store2.现在你提交代码时输入用户名密码, 此时输入的用户名密码会被记住, 下次再push代码时就

问题在微信中使用window.open()方法跳转路由，这个方法在安卓手机中是好用的，但是在苹果手机中却不起作用原因后来发现window.open()是打开新的页面，而window.location="www.baidu.com"是跳转页面，微信内置浏览器只能打开一个页面，这可能是无法跳转的原因之一。解决办法window.open() 改成 window.location=“www.baidu.com”拓展1在同当前窗口中打开窗口<a href="www.baidu.com">百

php使用redis的GEO地理信息类型 实现经纬度计算redis3.2中增中了对GEO类型的支持，该类型存储经纬度，提供了经纬设置，查询，范围查询，距离查询，经纬度hash等操作。<?php $redis = new Redis();$redis->connect('127.0.0.1', 6379, 60);$redis->auth(''); //添加成员的经纬度信息$redis->rawCommand('geoadd', 'citys', '116.40',

先上一个今日头条的面试题async function async1() { console.log('async1 start'); await async2(); console.log('async1 end');}async function async2() { console.log('async2');}console.log('script start');setTimeout(function() { console.log('setT

如果axios请求失败，如何获取接口返回的状态码及错误信息？方法如下axios.get('api/test') .catch(function (error) { if (error.response) { // The request was made and the server responded with a status code // that falls out of the range of 2xx console.log(error.re

vue react 微信H5支付填坑 商家参数格式错误，存在未配置的参数…这或许是你看到最完的整微信H5支付几大问题的解决方案因为项目中使用到了支付，当前国内支付无非就支付宝、微信、银联这几种方式，支付宝和银联支付今天暂时不讨论，搞过的都清楚，支付宝还是比较简单的，相对于前端来说，不会太复杂，几乎接近于完美（这么说人也是做支付的），而微信就真的额有很多坑了！1.商家存在未配置的参数，请联系商家解决说起来，真是欲哭为泪，尤其是使用vue react等单页面应用开发项目的，多少一开始都很头大，我一开始

js 函数节流、防抖新建index.js将下面代码复制到index.js中/** * 函数防抖 (只执行最后一次点击) * @param fn * @param delay * @returns {Function} * @constructor */const debounce = (fn, t) => { let delay = t || 300 let tim...

简述 js判断数组中是否包含某元素的方法1.array.indexOf(item,start)：元素在数组中的位置,如果没与搜索到则返回 -1参数描述item必须。查找的元素。start可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。实际用法...

js 数组与字符串的相互转换1.数组转字符串let a = ['苹果', '黄桃', '樱桃', '橘子']let b = a.join(' | ')console.log(b) // 苹果 | 黄桃 | 樱桃 | 橘子2.字符串转数组let a = '苹果,黄桃,樱桃,橘子'let b = a.split(',')console.log(b) // ["苹果", "黄桃"...

H5开发移动端项目时，常常会遇到此类问题，顶部navbar，底部tabbar,中间滑动展示内容，如果用position:fixed;往往会出各种问题，这时，你不如考虑一下flex布局，在移动端上使用，是真的香！1.css部分 body{ padding: 0; margin: 0; } html,body{ ...

一、关于meta(一)、常用的公共meta属性1、viewport<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />属性属性width=device-width...

var u = navigator.userAgentvar isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1 //android终端var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) //ios终端alert('是否是Android：'+isA...

新建index.js将下面代码复制到index.js中/** * 函数防抖 (只执行最后一次点击) * @param fn * @param delay * @returns {Function} * @constructor */const debounce = (fn, t) => { let delay = t || 300 let timer return...

当我在做一个H5的项目时，通过是flexible.js实现了rem自适应，但是我发现在iPad和iPad Pro中显示有问题，由此记录下解决这个问题的方法解决移动端flexible适配ipad和ipad Pro因为我的项目是使用的vue-cli框架，所以直接在inedx.html中加入如下代码即可<script> // 适配pad padPro /(pad|pod|iP...

在H5页面移动端项目当中，click事件在浏览器中会有300ms的延迟，这个也是移动端开发中常见的问题之一，今天就这个问题说一说解决方法解决click点击事件300ms延迟在vue项目中，可以通过引入fastclick第三方依赖包来解决。1、安装fastclick依赖npm install fastclick ---save2、在main.js中引入并使用import fastCli...

js判断一个字符串中出现次数最多的字符及次数var str="aagaabbbabtavnahaa";function maxstringload(str) { var obj={}; for(var i=0;i<str.length;i++){ var key=str[i];//key中存储的是每一个字符串 if(obj[key]){//判...

git的文件中查看局部信息git config user.namegit config user.emailgit的文件中查看全局的信息git config --global user.namegit config --global user.emailgit的文件中修改局部的信息git config user.name "name"git config user.email ...

简单说一下数组中对象去重的方法假设当前有这样一个数组 let arr = [{ key: '01', value: '乐乐' },{ key: '02', value: '博博' },{ key: '03', value: '淘淘' },{ key: '04', v...