weixin_38355349的博客

原创 牛客网HJ93 数组分组

询问该数组能否分成两组，使得两组中各元素加起来的和相等，并且，所有5的倍数必须在其中一个组中，所有3的倍数在另一个组中（不包括5的倍数），不是5的倍数也不是3的倍数能放在任意一组，可以将数组分为空数组，能满足以上条件，输出true；不满足时输出false...

原创 微信小程序webview(H5页面)调用微信小程序支付

1.业务描述：微信小程序商城入口进入的页面是商城H5页面，在H5页面进行微信支付如何实现；2.微信小程序(webview访问H5页面)必须使用微信小程序支付；如何实现以及实现方式以及支付后页面返回功能：商品详情（h5页面）-->商品确认页（h5页面）-->收银台（h5页面）（点击调用小程序支付页面并关闭收银台）-->进入小程序支付页面（小程序）（根据支付结果判断下一步跳转页面）支付成功跳转落地页(h5页面)（点击返回-->商品详情）支付失败跳转回收银台(h5页面)

原创 前端 AES-128 加密解密CryptoJS

AES加密解密

原创 面试：textarea富文本换行怎么在div体现出换行样式，用css解决

css

原创 常用的正则收藏

1.手机号处理，隐藏中间部分；const phone = "14637489559"phone .replace(reg, '$1********$2')//'146****9559'2.手机号验证：/^1[3-9]\d{9}$/.test(phone)3.正整数：/(^[1-9]\d*$)/.test(num)

原创 this指向

var fullname = 'a';var obj = { fullname: 'b', prop: { fullname: 'c', getFullname: function() { return this.fullname; } }};console.log(obj.prop.getFullname()); // cvar test = obj.prop.getFullname;console.log(test()...

原创 Excel表格js读取数据（json）并进行前端页面表格预览展示

项目环境：Vue+Ant Design使用到的依赖库: xlsx ( yarn add xlsx) npm链接：xlsx - npm使用的Web API :FileReader MDN链接：FileReader - Web API 接口参考 | MDN使用到的关键方法：readAsBinaryString会读取指定的Blob或File对象，当读取完成的时候，readyState会变成DONE（已完成），并触发loadend (en-US)事件，同时result属性将...

原创 找到数组中第一个满足条件的元素或下标

写一个RecentCounter类来计算特定时间范围内最近的请求。请实现 RecentCounter 类：RecentCounter() 初始化计数器，请求数为 0 。int ping(int t) 在时间 t 添加一个新请求，其中 t 表示以毫秒为单位的某个时间，并返回过去 3000 毫秒内发生的所有请求数（包括新请求）。确切地说，返回在 [t-3000, t] 内发生的请求数。保证 每次对 ping 的调用都使用比之前更大的 t 值。来源：力扣（LeetCode）链接：https:..

原创 vuex有哪几种属性

有五种，分别是 State、 Getter、Mutation 、Action、 Modulestate => 基本数据(数据源存放地)getters => 从基本数据派生出来的数据mutations => 提交更改数据的方法，同步！actions => 像一个装饰器，包裹mutations，使之可以异步。modules => 模块化Vuex...

原创 微信H5支付前端遇到的问题(Vue项目)

微信H5支付

原创 在地址栏里输入一个 URL,到这个页面呈现出来，中间会发生什么？

输入 url 后，首先需要找到这个 url 域名的服务器 ip,为了寻找这个 ip，浏览器首先会寻找缓存，查看缓存中是否有记录（有记录获取缓存信息无则执行下一步）； 如果没有则查询 DNS 服务器，得到服务器的 ip 地址后，浏览器根据这个 ip 以及相应的端口号，构造一个 http 请求，并将这个 http 请求封装在一个 tcp 包中传达给服务器； 服务器解析这个请求来作出响应，返回相应的 html 给浏览器，浏览器根据这个 html 来构建 DOM 树（在 dom树的构建过程中如果遇到 JS 脚本

原创 数据处理，链表数据

存在一个按升序排列的链表，给你这个链表的头节点 head ，请你删除链表中所有存在数字重复情况的节点，只保留原始链表中没有重复出现的数字。返回同样按升序排列的结果链表。示例 1：输入：head = [1,2,3,3,4,4,5]输出：[1,2,5]示例 2：输入：head = [1,1,1,2,3]输出：[2,3]提示：链表中节点数目在范围 [0, 300] 内-100 <= Node.val <= 100题目数据保证链表已经按升序排列来源：力扣（LeetC..

原创 Ant Design for Table 表头字段动态处理

Ant Design for Table业务问题描述：根据需求表格表头一个字段根据类别不同来确定是否显示现有：columns=[{title:'序号',dataIndex:'lid',width:50,key:'1'},{title:'资料名称',...

原创 URLSearchParams使用

大家在代码中如果存在使用location.search 的地方可以使用一下方式new URLSearchParams(location.search).get("key")

原创 react原理流程图收集

原创 git常用指令

git remote –v //查看远程的仓库git branch –a //查看远程的仓库的分支git branch //查看本地的仓库仓库的分支19. 1.列出所有分支20. # git branch -a21. 2.创建test分支22. # git branch test23. 3.切换到test分支:24. # git checkout test25. 4.添加add修改:26. # git add .27. 5.添加commit注释28. # git commit -m

原创 前端数组元素上移下移置顶和置底

遇到个表格列上下一定，然后确定保存移动后的位置，这就要用到前端数组移动，然后后端保存移动后的数据。自己写了个上下移动：function upOrdown(arr, index, type="up") { if(type==="up"){ const current = arr[index]; const perv = arr[index-1]; arr[index-1]= current; arr[index] = perv; }else{ const current = arr

原创 面试题正则,？和小括号()的用法

var con= “mom and dad and baby”;var regP= /mom (and dad (and baby)?)?/ig;var matches = regP.exec(con);// 问题 console.log(matches[2]);输出什么?console.log(matches[2]);执行结果：console.log(matches[2]);//and babymatches(3) [“mom and dad and baby”, “and dad an

原创 create-react-app搭建安装步骤

注意：Node >= 8.10 npm >= 5.61.安装nodejs首先要安装nodejs，可以直接到node官网下载安装。安装完成后，打开cmd ，输入node -v 查看是否安装 。npm工具也会随node一起自动安装，使用npm -v 查看。2.安装淘宝镜像cnmp由于npm 安装太慢 所以使用cnmp。打开cmd，输入npminstall-gcnpm--registry=https://registry.npm.taobao...

原创 深层数据对象的取赋值

var Obj = { first1:{ second11:'清风徐来', second12:{ thorth1:'好贴盛宴', thorth2:{jjj:'1',rrr:'4',ttt:'8'}, thorth3:'百年好和' } }, first2:{ second21:'好好学习', second22:'天天向上' }

原创 ES6语法的类与继承

ES6语法的类与继承// function Animal(name){// this.name = name;// }// Animal.prototype.showName = function(){// console.log(this.name);// }// var a = new Animal('Tom');// a.showName();class Animal{ // 静态方法(静态方法只能通过类名调用，不可以使用实例对象调用) static

原创 css修改元素属性title

css修改元素里面的title的样式优点：样式可以自定设置，位置设置后就固定了；缺点：不能像title一样随时出现在鼠标所在点位置。<div data-title="标题" class="tip">我是一个测试</div> .tip{ position: relative;}.tip:hover:after { position:absolute; top...

原创 vue执行报错cannot find module 'core-js/modules/es6.regexp.constructor'

vue项目复制后重新install，再run dev报错如下：执行如下命令：cnpm install core-js@2 || npm install core-js@2

原创 vue编译报错vue-style-loader!css-loader?{"sourceMap":true}

今天更新代码后发现了报如下问题；告诉我依赖的vue-style-loader!css-loader?{“sourceMap”:true}没有intall因为package.json里有配置，所以直接执行安装就可：npm install 或 cnpm install如果是自己初始化vue项目1.style-loader 和css-loader安装npm install --save-d...

原创 部署后生产环境报Uncaught (in promise) TypeError: Cannot read property 'catch' of undefined为什么

问题描述如下：同样的vue项目部署到一个测试环境，和正式生产环境后生产环境竟然报了一个错（Uncaught (in promise) TypeError: Cannot read property ‘catch’ of undefined）：测试环境：生产环境：这是为什么呢？暂时考虑是不是项目里没有package-lock.json这个文件的原因？具体不是很清楚（manifest=...

原创 get请求参数重复拼接

后台人员给了个请求接口如下：发现get请求后面的key是可以重复写的，好吧 第一次遇到，他还和我说这是正规格式，拼成字符串的不正规；这样的拼写后台接收到的是"critical,major"这样用‘，’隔开的字符串。...

原创 vue 菜单路由push报错问题

问题： this.$router.push(’/upload’);点击跳转成功 但控制台报出如下错误vue-router.esm.js?fe87:2051 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated解决方法：import VueRouter from 'vue-router'// 过滤如下...

原创 vue vue-router hash模式下 网址问题 求解

问题描述：vue这个hash模式下的网址在画圈的地方随机输入；但是网页还能正常访问的原因？我百度没有找到，不知道该去那查找 ，难道要去看vue-router的底层?嘤嘤嘤…有知道或遇到的欢迎留言，求解!...

原创 vue项目原生js事件绑定与兼容处理

首先创建bindlistener.js文件放在如下图其内容如下：/** 事件绑定兼容兼容 Mozilla 和 IE 等处理 * 使用示例 type 事件 function 方法 object 事件对象* EventUtil.addHandler('click', function, object);//绑定方法 * EventUtil.removeHandler('clic...

原创 js (javascript)字符串的拼接

今天后台同事问了一个关于js字符串拼接的问题，说不想用‘+’，感觉太low。呵呵呵呵…好吧，我马上给他提了可以用concat或es6里出现的${}；然后又查了查，罗列如下：1.’+'拼接:var s= “def”;console.log(‘abc’ + s); //返回字符串“abcdef”2.'concat’拼接:var s1 = “abc” , s2 = “def”;co...

原创 vuex 刷新时state里信息丢失处理

可以在app.vue文件里的created构造函数里添加下面的代码（借助浏览器存储）实现刷新后重新获取设置store里的变量值//在页面加载时读取sessionStorage里的状态信息 (保证页面刷新时store的state数据不丢失)if (sessionStorage.getItem("store") ) { this.$store.replaceState(Object.assign...

原创 vue axios的请求头配置（token）以及如何判断前端配置成功

1.在请求拦截器里配置请求头，请求数据类型以及token验证2.发送请求后在浏览器的Network上查看Request Headers

原创 cookie的创建，修改和删除

Cookie 的作用就是用于解决 “如何记录客户端的用户信息”:Cookie 以名/值对形式存储，如下所示:username=John Doe1.创建document.cookie=“username=John Doe”;<1>您还可以为 cookie 添加一个过期时间（以 UTC 或 GMT 时间）。默认情况下，cookie 在浏览器关闭时删除：document.cook...

原创 bootstrapvue表格的全选切换

依赖：vue+bootstrapVue表格的全选和全部选以及部分选中切换功能。组件代码：<template> <div style="width: 90%;margin: 10px auto;"> <b-table :items="items" :fields="fields" caption-top> ...

原创 javascript刷新页面的方法有哪些？

具体:history.go(0)location.reload([bForceGet])location=locationlocation.assign(location)window.navigate(location)location.replace(location)document.URL=location.href

原创 vue echarts 地图使用

1.首先安装echart2.引用import echarts from ‘echarts’Vue.prototype.$echarts = echarts;3.引入地图数据 import worldJson from ‘echarts/map/json/world.json’注意：name与你引入的echart库,保持一致{ name: ‘United States’, value:...

原创 数据动态添加和取消，以及排序

需求描述：1.左右两个框里的字段选中后点击箭头可以添加到对侧框里，被选中的框里相应的字段删除；2.已经选好的list点击上下button 能够进行选中的字段上下排序；项目依赖使用了 bootstrap-vue https://bootstrap-vue.js.org；安装npm install vue bootstrap-vue bootstrap或npm install vue...

原创 项目请求报错问题

今天遇到一个问题：描述，项目已经部署发布后，正常的账号连接wifi是可以登录和进行页面访问，但有一个同事用了网线连接笔记本后项目能登录，但是页面点不进去，F12查看报错如下：请求发送失败，最后发现去掉网线后访问就可以正常了。是防火墙的问题？具体是什么原因没有明白。明白的欢迎留言指教。...

原创 input 标签获取焦点

1.自动获取焦点<html> <head></head> <body> username：<input type="text" id="username" name="username" autofocus="autofocus"/><br/> <!--autofocu...

原创 页面布局:左侧宽度固定，右侧自适应

布局要求：1.左侧模块宽200px;2.右侧模块自适应；有几种实现方式（想了想想到了这三个）：方式一：转换元素属性(inline-block)和css calc的使用，注意两个元素之间不能留空隙。<div class="left"></div><div class="right"></div><style>.left{...