- 博客(36)
- 收藏
- 关注
RSS订阅原创 基于移动端vue的项目中webpack升级注意事项
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Command + S
2023-05-19 11:18:23
761
原创 根据后端返回的文件URL读取其中内容并显示提交到服务器
const xhr = new XMLHttpRequest(); xhr.open('GET', '这里放后端返回的url文件地址'); xhr.send(null); // 设置服务端的响应类型 xhr.responseType = "blob"; xhr.onreadystatechange = event => { if(xhr.readyState == 4){ ...
2022-04-18 14:46:07
885
原创 webuploader上传插件 fileNumLimit不能动态设置,removeFile(file,true)不能从队列中移除,把fileNumLimit设置为0等问题
fileNumLimit 改动了源码处，在网页端表现正常(能动态设置了),但在真机上依然不起效
2022-04-02 16:55:27
540
原创 element ui中的的el-table表格自定义表头slot=“header“,无法更新数据问题
slot=“header"换成#header”
2021-10-30 12:06:48
758
原创 window.open怎么打开新标签页
var newWindow = window.open("");newWindow.location.href = '_blank';
2021-10-23 10:33:39
823
原创 误用了git stash drop命令怎么办？
场景今天在切换分支去处理去别的紧急bug时，此时我不想提交正在开发的内容，于是我用了git statsh save ‘这里写此次你提交的内容’,备份了当前工作区的内容,后面在切换回来时想要继续开发时不小心使用了git stash drop ,于是暂存的修改全部没有了。处理方法1先用git fsck --lost-found找到最近的一些删除的提交，然后找到对应的commit id,然后git show commit id查看修改情况,git stash apply commit id即可找回原来的文
2021-04-28 14:40:53
442
2
原创 页面中的各个元素使用了transform动画时导致元素层级错乱的解决方案
在设置动画元素父级添加overflow：hidden；利用BFC的原理就可以解决此问题
2021-04-22 12:29:49
1620
原创 用node版本管理工具 n 来回切换高低node版本时遇到的问题，注意慎用n
以前就在电脑上安装了n 模块，但是一直没怎么使用它，昨天心血来潮，想要来回切换一下node版本，结果出大事了。先上个图，如上图就是不正常的表现，我按q退出去后，在命令行中输入node -v,显示还是切换过的版本，可是我明明用n切回以前的版本了，接着我输入npm -v,显示npm not command,这下我慌啦，百度谷歌了一圈，有说把node彻底删除干净，重新安装的，有说n的安装路径跟node不在同一个目录下，这些办法一点用都没有，没有一个可行的办法吧就是，我从晚上6点搞到11点还没解决，真是心累。想
2020-12-20 10:35:20
865
1
原创 用opacity方法来隐藏元素后，照样可以触发绑定在其身上的点击事件
今天运营小姐姐跑过来的时候，说要把一个左上角的“规则”图标隐藏掉，于是乎，我就用opacity:0;隐藏掉了元素，发布到了线上。过了一会儿时间，运营小姐姐跑过来说，虽然规则图标看不见了，但是点击的话，照样能触发弹窗，要求再改动，点击那块空白的地方，不能有弹窗出现。我后面用了display:none隐藏掉了此元素，再点击发现没有任何反应，完成了此小姐姐的需求。总结：用opacity方法来隐藏元素后，照样可以触发绑定在其身上的点击事件，建议用display来做。...
2020-12-14 15:50:36
1708
原创 怎么使用Charles(v.4.2.5)对移动设备iPhone(v.13.6.1)抓包https链接
因为一些特殊场景的需要，需要对一些手机上的软件进行抓取链接来分析需求，所以有了这篇文章。大概过程如下：
2020-12-13 11:39:26
314
原创 当z-index遇到transform时，失恋了
相信大家对拼多多的"砍价免费拿"都很有印象，就在今天上班的时候，运营小伙伴说要做一个类似拼多多翻牌子的效果，我一口给答应了。先上个图示，如下：结果在做的过程中遇到了不少问题，最让人头疼的是在应用transform的时候，我设置的z-index没有起作用，百度谷歌了一圈，都是说用transform:translateZ()来代替z-index的作用，我亲试了下，根本没有用，如果有小伙伴知道有解决的办法，望告知，谢谢...
2020-12-12 11:22:54
163
2
原创 移动端overflow-x:hidden失效问题
今天运营小姐姐说有个移动端h5页面左右可以滑动，想要改成禁止不滑动，我看了下代码，发现如图body里面其实是加了x轴溢出隐藏，但是没有起效果，还是可以左右滑动的。想不明白，于是我把body里面的overflow-x:hidden放到了body下面的第一个元素里面，结果是有用的。所以尽量不要相对于body进行定位，而是给他加一个父元素，然后相对于父元素进行定位（一般给父元素添加position：relative）,再给父元素加上overflow:hidden 或 overflow-x：hidden 或 o
2020-09-07 17:36:56
1542
原创 js 判断数组是否包含某个值
今天在写需求过程中，需要用js判断数组里面是否包含某个值的时候，我不假思索的就想到includes,于是我写了这么一段代码，如图：结果发现没有走到if分支里，wtf,怎么回事，我赶紧去搜索了下includes的用法，如下上图：好吧，用于字符串的查找？？，我马上换了种写法，如图结果自然而然进入到if分支里面去了，原来includes是这么用的，哈哈~...
2020-08-25 15:09:20
687
原创 location.replace的兼容性
location.replace这个api相信大家都认识，因为经常拿它做一些为业务需求，但是这个api有兼容性，在一些安卓手机上是不起效的，今天组里的前端小伙伴就折腾了一天，也没弄好，最后终于用replaceState解决了,现在代码奉上...
2020-08-24 16:45:29
2048
原创 常见样式问题
margin外边距重叠问题：因为bfc的特性，同一个bfc容器的元素会发生，但是两个bfc容器不会能产生bfcbody 根元素浮动元素：float 除 none 以外的值绝对定位元素：position (absolute、fixed)display 为 inline-block、table-cells、flexoverflow 除了 visible 以外的值 (hidden、auto、scroll)包含浮动：如果盒子没给高度，里面有浮动元素，因为浮动元素脱标..
2020-08-19 17:33:34
158
原创 JS中的交集，并集与差集
在后台管理系统中，我们前端可能很少遇到交集，并集与差集的使用，但是在互动小工具中会经常碰到，今天我在写砸金蛋过程中，就遇到了差集的使用，运营小姐姐需要在第一次砸金蛋过程中，第二次会自动触发点击事件，所以我们需要做如下处理，把砸的第一个蛋的序列号与所有蛋的序列号做一个差集并在差集中随机选一个序列号，做为第二次的砸蛋初始，代码如下：总结：本身是自己想要写一个处理差集，并集与交集的一个方法，但是new Set()这个玩意太好用了，还是用new Set处理更加好又方便。...
2020-08-14 11:40:41
322
原创 ES6对象解构基础掌握
主要就是讲讲项目中经常用到的对象解构的几种例子。一、最基本的也是最最常用的对象解构，在一个对象中提取某个key的值：const student = { name: "lucy", age : 12, sex:'girl'};let {sex} = student;console.log(sex);//girl二、最基本的也是最最常用的对象解构，解构嵌套对象：let coupon = { preid:'xxx' temp:{ sortId:589562362
2020-07-10 10:25:42
757
原创 每日签到，一天一刷新，过了0点可以重签
今天在写业务代码中，运营小姐姐提了一个签到的小需求，因为不跟服务端有任何交互，所以这个功能完全在前端加以实现，现在就此记录下自己的想法实现。首先你要记录一个过期时间(ps:过期时间就是你点击签到按钮距离第2天零点还剩下多长时间)，还有用户点击按钮的签到时间，这两个时间必须要获取到，如果当前时间 - 第一次点击按钮签到的时间 > 过期时间，就可以重置签到的状态，这个其实要做到完美还需要结合服务端的状态，不然光存在localStorage是很容易丢失数据，不是特别完善的一种方法...
2020-06-12 15:13:53
1128
原创 mac下phpmyadmin无法登录？报错
今天在登录phpmyadmin时，显示一个报错信息，无法登录，先把报错信息图贴下，当时百度谷歌了好几种方法后，我把下图标红的两个文件中的配置中$cfg['Servers'][$i]['host'] = 'localhost' 都修改为 $cfg['Servers'][$i]['host'] = '127.0.0.1'; 我改了之后，依然登录不了，还是报同样的错误，最后发现是我没有启动mysq...
2020-04-09 17:47:37
391
原创 npm全局安装过的包
我们在使用node的时候，用npm安装了很多全局模块，但是过了一段时间没有使用就会忘记掉了，那怎么查看自己全局安装过的包呢？打开终端，输入以下命令，就可以查看到了npm list -g --depth 0npm list -g --depth 1后面变成1，就会输出如下图如果不带–depth 0会把全局安装的包的依赖以及依赖的依赖都列出来,–depth 后面的数字代表包依赖的深度，...
2020-03-12 10:53:59
337
原创 macOS系统怎么本地运行php文件
最近博主在学习php的基础知识，想记录下mac环境怎么在本地运行php文件？本篇文章将一步一步地介绍Apache、PHP的配置。前提是机子已经安装好了Apache、PHP，macOS是自带了apache，所以Mac系统对于PHP运行非常友好。当然你也可以下载集成环境一步到位，省去了手动配置的麻烦。Apache1.启动apache服务我们打开终端，在命令行输入以下命令，启动Apache服务s...
2020-03-04 14:07:58
7252
4
原创 怎么实现node版本的升级跟降级,是否可以安装多个同时存在的版本来进行切换
Node多版本切换场景:因为自己电脑上安装的node版本是v8.1.2,因为我司有些其他项目需要更高的node版本才可以运行起来，所以这就存在一个问题，比如8.1.2版的node用不了高版本node的项目，升级到10.x版本的node后，我自己的项目又跑不起来了问题:比如8.1.2版的node用不了公司最新的工作流，升级到10.x版的node后，又用不了另一套工作流。解决方案：1...
2020-01-08 14:35:58
781
2
原创 初探React中的diff算法
在讲DIFF算法之前，我们需要先了解下虚拟DOM这个东西。虚拟DOM在React中是个很重要的部分，我们要知其然，更要知其所以然。virtual dom, 也就是虚拟节点。它通过javascript中的Object对象来模拟DOM中的节点，然后通过特定的render方法将其渲染成真实的DOM节点。当我们去更改一个DOM元素的样式，他并不是去更改真正的DOM元素，而是做一次DOM DIFF,去更...
2019-12-28 19:58:04
134
原创 利用sessionStorage来做页面之间的通信
上篇刚说了下localStorage怎么在两个不同的页面之间做通信以及他们通信成功的几个条件，今天就顺便讲下sessionStorage是怎么做的。sessionStosrage 这个语法跟localStorage是一样的,如下:// 保存数据到 sessionStoragesessionStorage.setItem('key', 'value');// 从 sessionStorage...
2019-12-25 17:37:53
1008
原创 利用localStorage 来做页面之间的通信
上周做了一个h5的互动小游戏（升官发财阉割版），是用ifrrame结合postMessage来做通信，其中发现了iframe不少的兼容问题，在移动端就更加不友好，所以这次开发(升官发财完整版)决定换个通信方式，用localStorage来做通信。localStorage可以在多个标签页做通信。localStorage做通信需要满足两个以下几个条件1.同一浏览器打开了两个同源的页面，这里分别给他...
2019-12-20 20:49:04
723
原创 展开运算符在项目中的轻度运用
展开运算符就是3个点(…),相信大家对些并不陌生，因为我们经常在代码中能看到它的影子，他可以简化我们的代码，看起来更加优雅。现在看看下面几个demo示例，都是我们工作中可能要用到的。1.合并数组 let arr1 = [0, 1, 2]; let arr2 = [3, 4, 5]; //写法1 arr1.push(...arr2); console.log...
2019-12-10 15:53:27
115
原创 新手Vuex入门之modules最后一篇
5.modules背景：在Vuex中所有的状态都放在state里面，如果项目比较复杂，那state是一个很大的对象，store对象也将对变得非常大，难于管理。modules：可以让每一个模块拥有自己的state、mutations、action、getters,使得结构非常清晰，方便管理,甚至是嵌套子模块——从上至下进行同样方式的分割。尤其在多人开发同一个项目的时候，自己负责自己相关的模块...
2019-12-09 09:10:21
397
原创 Vuex中的辅助函数:mapState,mapGetters,mapMutations,mapActions
通过前面四篇，我们已经讲完了Vuex中的四个核心概念，分别是state,getters,mutations,actions掌握了这四个概念，我们基本可以应对一些中小项目了。Vuex中还有最后一个概念是modules,主要是为了针对一些大型复杂项目，避免store里面的数据太多，难以管理而设计存在的，modules比较难，所以本篇先不做详细讲述，会把他放在最后一篇来做解释今天主要就是想跟大家分享下...
2019-12-05 16:13:40
421
原创 新手Vuex入门之actions第四篇
4.actions好吧，通过前面3篇白话文式的叙述，我们应该了解了Vuex中的3个核心概念了，分别是state,getters,mutations,我们知道了怎么在state里面定义自己想要的基本数据态，并且知道想要修改state里面的数据，需要在mutations这个对象里面去定义事件(type)跟回调函数，必须显式提交mutations里面的事件类型(type),去做修改状态这种事情，而且m...
2019-12-05 09:08:14
327
原创 新手Vuex入门之mutations第三篇
通过第一篇跟第二篇,我们知道了如何去定义和获取store里面的状态数据，但是光会定义跟获取肯定是不够的，很多的场景需要对这些状态进行操作跟修改，那么具体如何操控呢？这就是本篇要讲的重点。重点来啦1.只有mutation能修改跟设置state更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一...
2019-12-04 09:43:43
183
原创 新手Vuex入门之getters第二篇
上篇白话文描述了Vuex里面的第一个核心概念，今天来讲下第二个核心概念。Vuex核心概念之getters的自我解释；2.gettersgetter可以理解为store的计算属性，比如说我们直接定义在state对象里的组件状态不合适拿来直接用，需要在此基础上再做一层过滤来派生出一些其他状态，例如对上篇state中定义的水果数组把苹果都筛选出来展示在UI层上，那么我们一般都会在计算属性上对此进行...
2019-12-03 17:34:44
164
原创 新手Vuex入门之state第一篇
大家都知道Vue中做组件通信有props，$emit来解决，但是这仅限单纯的父传子，子传父，但是这种方法在一些比较复杂的通信的时候，弊端就出来了，如下场景说1.祖祖祖父要传给曾曾曾孙，一个简单的数据要从祖宗十八代传到你这一代，其实还要经历子组件的一个个父辈，其中还不能断了2.兄弟节点间的通信，可能需要父组件的支持,但是兄弟之间的事情，为什么一定要让老爸知道呢，这点在Vue设计中也是不太合理的存...
2019-12-02 13:46:24
337
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人