进无止进-CSDN博客

原创 Vue中axios POST传参问题

最近做了一个后台的管理系统，为了实现回调，不得不进行层层的嵌套（callback hell）。第二版本的时候决定使用es6的新特性Promise对代码进行优化，为了兼容各浏览器环境，引入了一个兼容的promise.js。网上关于Promise的用法很多，就不做过多介绍。为了一次搞清这一新特性，决定研究一下这个promise.js的源码。（ promise.js的下载地址）。

2018-04-10 20:02:18 18344 2

原创新装机电脑网速特别慢

新装机的电脑网速非常慢，为了解决这个问题，昨天跟前晚都搞到凌晨两点多才睡，真的折磨人。

2023-09-20 10:43:40 659

另一个脚疼的毛病，我知道那是因为什么，那是因为我经常跑硬路面，并且也没有专业的跑鞋，有时甚至穿着拖鞋跑，唉，无知啊，对自己身体造成了永久的伤害。跟着科长干了半个月，厂子里大大小小的设备我给摸索明白了，大大小小的活儿我都拦了。这次又是特别迷茫，特别焦虑，不知道要干什么，只知道现在的工作做起来很累，在这里上班让我觉得有些折磨。我辗转去到北京后，厂子同事告诉我，他们都觉得我很装B，谁都不理，谁都不吊，都说我是个很高傲的人。我知道那些人，他们时常私下议论别人，说三道四，但是我没想到，那么多人会议论我。

2023-05-06 17:55:23 1246 3

原创 Virtualbox：不能为虚拟机电脑Centos打开一个新任务. 返回代码: E_FAIL (0x80004005)问题解决

VirtualBox启动报错问题：不能为虚拟机电脑Centos打开一个新任务。返回错误代码为：E_FAIL (0x80004005)。

2023-01-10 18:04:42 11427 23

原创 windows批处理常用命令总结（二）

接windows批处理常用命令总结（一）。

2022-07-25 17:27:59 1694

原创 Typora安装使用全攻略(2022/07/06)

Typora安装使用全攻略

2022-07-06 13:33:10 1756 1

原创 windows批处理常用命令总结（一）

windows批处理常用命令总结

2022-06-08 16:43:34 2081 2

原创 elementui中form表单input必填以及显示/隐藏小红星星

elementUI中form表单input必填，显示/隐藏红色星号

2022-06-08 14:23:19 16107 1

原创老生常谈JS数组去重

数组去重，历史悠久的话题了，不过今天只记录个人比较喜欢的方法1、数组去重需求项目需要对类似这种数组去重：let lists = [{ id: 1, name: '法外狂徒', age: 20},{ id: 3, name: '张三', age: 20},{ id: 1, name: '法外狂徒', age: 20},{ id: 4, name: '李四', age: 20}]该数据以id作为唯一标识，去重时只需去除重复id的那一项即.

2020-09-09 17:41:05 543

原创 Vue Axios之生产/开发环境跨域问题解决

Vue Axios开发环境、生产环境跨域问题解决一、前置知识首先要了解几个Vue-cli的几个配置参数。另：从 Vue CLI 3.3 起baseUrl已弃用，请使用publicPath1. publicPath它是部署你的应用包时的基本URL。默认为 '/'。Vue Cli默认项目是被部署在域名的根路径下。比如你要把打包生成的文件部署在https://www.lhch.com下，那么采用默认设置就行。那如果我们是部署在https://www.lhch.com/test/路径下呢？那么此时可以

2020-09-07 16:01:21 7091 2

原创关于async和await

JavaScript中的async/await是AsyncFunction特性中的关键字。（读者可自行查阅改链接中内容）async定义的异步函数，通过使用 await，让异步函数的表现更像是同步函数。不用再层层回调。它是Generator函数的语法糖。其中async来声明该函数里有异步操作。await表示紧跟在后面的表达式需要等待结果与Generator函数比优点：内置执行器。Generator函数的执行必须依靠执行器，而 Aysnc函数自带执行器，调用方式跟普通函数的调用一样‘更好的语义。a

2020-07-01 12:19:30 622

原创非常实用的ES6特性

1、展开操作符顾名思义，用于对象或数组之前的展开操作符（…），将一个结构展开为列表。如下：let firstHalf = [ one , two ];let secondHalf = [ three , four , ...firstHalf];这样写比较简洁、优雅，如果不用展开操作符，我们需要这样做：let firstHalf = [ one , two ];let secondHalf = [ three , four ];for(var i=0, i <firstH

2020-07-01 10:29:50 254

原创观察者模式和发布订阅模式（续）

两年前写过一篇关于消息发布订阅的文章，当时是结合了实际的应用场景。看起来不够抽象，概括。今天试图抽象话的再去写一下自己的理解。上篇文章：发布订阅消息系统（1），可点击查看。此文续上篇文章，取名改为观察者和发布订阅模式。什么是观察者模式？观察者模式（Observer Pattern）定义了一种当对象之间存在一对多的关系时的一种行为模式。比如当一个对象被修改时，则会通知它的依赖对象并自动...

2020-01-16 14:23:43 303

原创 JS多页面间通讯

需求：项目中做了一个音乐播放器，后面Boss说用户同时打开了多个页面播放音乐，这个时候每个页面都在播放音乐，能不能只让当前用户操作的页面播放音乐。接到这个需求的时候，先去某云音乐看了一下，用的应该是WebSocket。给领导反馈一下后，领导说后端腾不出资源配合。那只能先排除这种方案了。当时的思路是这样的：具体是：给每一个打开的要播放的网页链接加一个唯一标识参数(uuid),点击播放的时...

2020-01-09 17:36:20 1351

原创 safari浏览器在使用videojs-contrib-quality-levels.js 播放视频时清晰度失效，报错Unhandled Promise Rejection: AbortError

最近在开发一个类似腾讯视频这样的电影播放网站，遇到了不少问题，记录一下使用videojs插件时，在safari浏览器下引入插件后，清晰度失效的问题因为电影、电视剧播放器这块是我负责的模块，项目中使用的是videojs，因为要实现播倍速切换、清晰度切换等功能，所以又引入了videojs-contrib-quality-levels.js 插件。并且项目要求兼容IE11及以上，chrome，fi...

2020-01-03 18:01:16 4641

原创 js中的this,arguments, callee, caller

一张图，先捋一捋逻辑arguments在函数内部，有两个特殊的对象：arguments 和 this。arguments是一个类数组对象，包含着传入函数中的所有参数。在函数体内可以通过arguments对象来访问这个参数数组，从而获取传递给函数的每一个参数。arguments对象只是与数组类似（它不是Array的实例）。可以使用方括号语法访问它的每个元素。arguments[0]没有...

2019-12-27 14:41:17 222

原创 js的break,continue,return及流控制语句

横向对比js的流控制语句，从此不再迷茫。哈哈，给此博文插图：当前端发现全公司只有一个人手机显示的界面有问题的时候…break: 终止循环，使当前循环不再继续执行。用于跳出循环或switch语句。当是嵌套循环的时候，只能跳出一层循环。continue: 跳过当前循环，继续往下判断循环执行语句，相当于开始循环的一次新迭代。只能结束循环中的一次过程，无法阻止循环继续进行。return: ...

2019-12-27 11:26:52 284

原创深入理解JavaScript中的执行环境（execution context）

-------------------------------------华丽的分割线-------------------------------------执行环境（execution context，也称作‘环境’）定义了变量或函数有权访问的其他数据，决定了他们各自的行为。每个执行环境都有一个与之关联的变量对象，,环境中定义的所有变量和函数都保存在这个对象中。代码执行时，可以划分为以...

2019-12-26 16:09:24 685 2

原创 Git常用命令总结

对分支进行操作查看当前分支：git status查看某个项目的所有分支：git branch切换到指定的分支：git checkout branchName合并某分支到当前分支：git merge branchName删除某个分支：git branch -d branchName创建某个分支并切换到该分支上：git checkout -b branchName添加文件到git仓库...

2019-12-26 14:43:00 138

原创 JS中的parseInt,parseFloat,Number等数值转换函数

JS数值转换函数：Number()parseInt()parseFloat()Number()转换规则：如果是Boolean，分别转化为0 ， 1如果是数字值，只是简单的传入和传出如果是null值，返回0如果是undefined，返回NaN如果是字符串，遵循以下规则：- 如果字符串中只包含数字，（包括前面带正号或负号的情况），则将其转换为十进制数值，即"1"会变成 1，...

2019-08-14 10:27:07 3084

原创 JS中的call,apply和bind

梳理一下call,apply和bind，并尽量将其应用到实际开发环境中。/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);/*bind()方法*/function.bind(thisArg[, arg...

2019-08-13 15:15:51 156

原创 jQuery的onclick事件导致点击事件累计触发的问题

问题场景维护公司老项目的时候，发现以下问题。在使用jQuery中的click事件对页面中某个元素对象进行绑定时，如果不采用防抖/节流的写法会出现事件被多次绑定的情况。如果发生这种问题，会导致一次触发请求多次的情况，直接导致服务器的压力飙升。严重的话，服务器会直接挂掉。接下来具体说一下这个问题是如何形成的。<div onclick="handleClick()">点我&lt...

2019-08-12 09:40:33 1404

转载 JS中的setTimeout

JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。初始接触它的人都觉得好简单，实时上真的如此么？这里记载下，一路对其使用姿势变迁的历程。1.setTimeout()基础setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的...

2019-07-04 20:08:39 12642

原创 vue实现三级联动，多级联动

vue多级联动，三级联动

2019-04-25 10:34:54 32179 2

原创 JS类数组转化为数组

童鞋们在平时可能会遇到类数组Array-like，它和数组很像，但是就是没法用到数组的一些方法，真讨厌，所以我们通常要转换成数组才行。一、什么是类数组ArrayLike?兴趣先行，我们举一个比较经典的类数组（最经典的类数组是Arguments，这里暂且不说）。var nodeList=document.querySelectorAll(“div”);这个nodeList就是一个类数组。何以...

2019-04-09 11:25:47 1820 1

原创前端输入Emoji表情导致的错误

用户输入了emoji表情，提交的时候因为后端没有存储相应的emoji字符编码，导致报错异常。原因： unicode定义的emoji是四个字符，对于一些之前没有考虑过emoji表情的系统来说，其获取或者展示简直就是灾难。公司用的MySQL,其utf8字符集最多支持三个字符。解决方案改变MySQL编码集设置，比如将其编码从utf8转换成utf8mb4前端直接过滤掉emoji，可以用正则实...

2019-04-02 10:26:42 2017

原创 fixed定位 input在IOS设备上光标位置异常问题

页面是个长页面，点击页面不同部分，会弹出弹窗，如果用absolute定位，那么弹窗的位置就难以定位，因而决定采用fixed定位，此时在IOS 11.2.x 系统中就会出现点击input光标位置异常的问题。异常如图所示：原因分析fixed定位的元素，在该IOS系统存在bug，键盘会将fixed定位的元素上推，但是光标留在了原地，造成错位的现象。解决方案采用fixed定位，当点击激活...

2018-10-26 10:25:32 2246

原创微信浏览器页面默认背景色的问题

在做一个微信扫描二维码的页面的时候，用同事的安卓手机扫码，发现页面的背景色差别非常大。如下效果图，差别非常明显。结论：潜意识一直以为浏览器页面的默认背景色会一直是#ffffff(纯白色），但是查询一些资料之后发现一些浏览器的默认背景色并不是。所以最好的做法是始终设置页面的背景色，避免出现这种情况。...

2018-08-01 16:37:47 10822

原创 IP地址，子网掩码计算子网地址，广播地址，子网划分。

已知某子网中的一个主机的IP地址为：203.123.1.135。子网掩码是： 255.255.255.192。求：该子网的子网地址是什么，广播地址是什么，该子网IP地址总数是多少，该子网可分配的IP地址数是多少，可分配的IP地址范围是多少。1. 子网地址IP地址与子网掩码进行按位与运算得到子网地址。（255转为十进制后为11111111，与任何八位二进制数A进行按位与运算结果都...

2018-07-26 19:56:01 37327 4

原创二进制加法计算

读计算机原理这本书的的时候涉及到二进制数的加法，个人做个直观的纪律，防止遗忘。计算时，先把两个二进制数对齐（如果十进制一样）1+1为10，此时向上一位进1,0写在本位（如同十进制）不全为1的两个数，直接相加得到结果即可。比如数A 10111与数B01101相加从右向左计算，结果如下：（图上数A和数B，上面的一位为进位）...

2018-07-21 15:24:58 42811 1

原创 shim和polyfill的区别

在JavaScript的世界里,有两个词经常被提到,shim和polyfill.它们指的都是什么？一个shim是一个库,它将一个新的API引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现一个polyfill就是一个用在浏览器API上的shim.我们通常的做法是先检查当前浏览器是否支持某个API,如果不支持的话就加载对应的polyfill.然后新旧浏览器就都可以使用这个API了.牢记:...

2018-06-14 11:49:57 547