- 博客(27)
- 收藏
- 关注
RSS订阅
原创 JS各种继承
一、通过bind改变this指向来继承1.声明两个构造函数，分别是Parent和Child（父与子）2.在父亲的构造函数上添加一个skill属性，在其原型上添加一个show方法3.通过实例化Parent，随时可以调用父亲的show方法以及输出父亲的实例化对象p4.Child构造函数中，通过bind改变Parent的this指向，使之指向Child 并立即执行，达到继承构造函数中的内容的目的，但是并不能继承原型上的内容这里指不能继承show方法！！！因为c并没有继承p原型上的show方法，因此会
2021-04-26 15:57:55
161
原创 linuxCentOS7.x服务器安装puppeteer踩坑日记
前言：puppeteer的安装真的是步步有坑，关键是解决办法还百度不到，因此花了一天时间，搜遍了GitHub以及谷歌才解决服务器成功安装puppeteer的问题，特此一记，防止其他兄弟入坑。一、linux服务器安装puppeteer因为puppeteer是谷歌公司推出的一个基于Google浏览器环境的无头浏览器，可以使用的场景实在是太多了，去官网看看就知道了，我这边主要是做的爬虫业务先npm i 安装所有项目依赖，然后会报错安装puppeteer 本人使用 npm i puppeteer .
2021-07-26 10:13:31
2004
原创 使用React技术栈重构网抑云网页端——坑
一、有关img资源的导出背景在取用某些img资源时，作为静态资源放到了assets下的单独建立的img文件夹内，本来想着直接在components文件夹内引用，但突然想到万一以后要改图片，一个个修改岂不是很麻烦，于是，在src下建立config文件夹专门建立一个config-imgs.js的文件用于处理img资源，具体目录结构如下：> src> ----assets> ----img> ----test.png> ----components&g
2021-06-24 21:06:20
171
原创 React项目中遇到的报错
1.TypeError: this.getOptions is not a function环境背景：在React17+版本中，安装less和less-loader 直接使用yarn 安装，在引入蚂蚁金服的antd组件库使用其组件时，爆出此错误。产生原因：yarn add 安装，在没有约束版本的情况下，默认安装了包的最新版本，在less-loader的版本中8.0是个分水岭，发生了巨变，具体可以查看官网，这里简单说下，就是底层函数改写，想具体了解点这less-loader版本的分水岭解决办法：重新安
2021-06-23 22:46:11
509
3
原创 win系统录音设备无法正常录音解决方案之一
1.使用班迪录屏或者其他录屏软件时，会出现音频捕获失败的情况）2.再排除掉驱动以及硬件坏掉的原因之外，建议小伙伴们打开设置，检查，是否是你的麦克风权限被你自己无意识关闭或被某些杀毒软件接管权限默认关闭掉了3.只需要打开设置，找到麦克风选项，然后红框内的打开即可4.PS：本人 就是因为这个原因导致班迪录屏无法使用，困扰了好久，网上百度甚至谷歌出去查看原因，答案千篇一律都是说什么驱动问题，其实这个时候排错应该很简单的，思路就是下一个驱动精灵检测一下就好了，如果不是驱动问题，又能听到声音，说明软硬件都没问题
2021-06-15 20:30:50
1623
原创 项目过程中遇到的坑
1.服务器部署过程中遇到的问题MongoDB数据库127.0.0.1:27017连接拒绝问题====>不正常关机导致，需要重新配置一下dbpath与log日志路径：另一篇博客有详细记录pm2全量安装之后，无法全量使用===>账户权限问题vue打包后的dist需要直接覆盖template下得所有文件，因为之前的服务端指定了静态资源托管的路径必须要是public下的template，因此按照教程直接把第三天丢到public下面是没有用的2.git方面用git进行版本控制的时候，密码改掉了，
2021-06-10 19:23:02
203
1
原创 MongoDB造成127.0.0.1:27017无法连接
主要原因是不正常关机导致如果你有过不正常关机操作，请按以下方法尝试mongod --dbpath /usr/local/mongodb/data --logpath /usr/local/mongodb/mongod.log --forkdbpath是你的数据配置路径logpath是你的日志路径通过这一行命令，类似windows重启services服务…...
2021-06-10 18:00:49
5496
原创 手撸属于自己的阿里云linux服务器（从域名购买备案到实操部署nodejs环境再到写出自己的访问实例）
前言：PS：由于本人最近在玩后端nodejs，并打算部署项目，因此准备简单玩一下后端linux系统与node环境，从域名到服务器node环境部署，都是本人实操…一、域名===>阿里云购买域名废话，不多说，直接选择阿里云，因为后期还考虑到服务器问题，所以就是一家采购齐全算了，不给自己找麻烦事。直接百度阿里云，然后找到“域名”部分，挑挑选选自己喜欢的域名以“ywuyanzu”前缀查询，顶级域名就略贵，我们没有那么高的需求，也不需要门面装逼，就挑个最便宜的，才6块钱一年，不考虑后续的话，过
2021-05-29 16:48:24
516
原创 关于js的回调函数，同步回调与异步回调
回调定义刚开始学习javascript时，对回调函数的理解仅仅停留在知道定义阶段。什么是回调函数？ 就是将一个函数作为参数传递给另一个函数，作为参数的这个函数就是回调函数。 至于为什么要用到回调函数？回调函数有什么作用？ 当时对这些一无所知！ 最近学习node.js涉及到了大量的异步编程，很多地方都需要用到回调函数，所以这两天深入了解了JavaScript的回调函数，下面是我对回调函数的理解。函数也是对象想要弄明白js回调函数，首先要清楚函数的规则，在javascript中函数是一个对象，准确的来说函
2021-05-21 08:51:43
1056
原创 JS面试题：取出数组内第二大的数及其下标
前言：给定一个不知长度的数组arr，求出数组内第二大的数及其下标一、代码 var arr=[8888,1,2,3,4,5,999,6,10,9,8,7,15]; let max = arr[0];//假设数组第一位为最大值 let max2 = arr[1];//假设数组第二位为第二大值 if (arr[0]>=arr[1]) { [max,max2] = [arr[0],arr[1]];//ES6语法：解.
2021-05-10 09:37:42
2707
1
原创 在使用npm下载第三方模块之后，进行检测版本报错npm\gulp.ps1，因为在此系统上禁止运行脚本,有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID
1：使用管理员身份运行 PowerShell，2：输入 set-executionpolicy remotesigned 得到3：输入Y即可；
2021-05-08 17:20:47
203
原创 jsonp跨域请求（PHP后端方式）
一、什么是跨域？前言在了解什么是跨域之前，我们先需要知道为什么跨域？为什么跨域？这就涉及到绕不开的一个话题——同源策略。为了web安全，同源指的是协议、端口号、域名三者皆要相同的情况下，访问是不受限制的，比如说，你拿着你家的钥匙，在你家任何一间屋子都是可以来回开门走动的，而当你拿着自己家的钥匙去隔壁老王家是，发现连人家的大门都打不开，这就是同源策略。同源策略最初的目的为了保证用户信息的安全，防止恶意的网站窃取数据，但是对于类似数据量大、访问并发高的淘宝、京东，显然一个域名或服务器是扛不住的，这个时候
2021-04-30 10:25:01
345
原创 jQuery里面的ajax封装
ajax的全局函数ajax的三层封装三层封装中，需要注意中层的load方法，需要注意底层的ajax是所有ajax封装的基础，所有jQuery的封装函数或者方法都可以通过原生js来实现，再一个就是底层工具类方法，可以进一步封装了部分功能，提高开发效率。...
2021-04-29 23:15:11
197
原创 JS基础挖掘
一、普通函数与自执行函数的区别例1： $('#btn').click(function(){ $('.box').animate({ width:"500px", height:"200px" },2000,function(){ console.log('执行完成了'); }) });例2: $('#btn').click(
2021-04-28 20:43:05
131
原创 jQuery和原生CSS的对比与使用
一、jQuery的概述在引入jQuery的js文件后，他的调用有两种方式，一是直接用jQuery调用，二是简单的$符号调用，二者是全等的，调用的是同一个对象。使用方式：作为一个函数，我们可以通过函数的形式执行它，同样函数作为一种特殊的对象，我们也可以用.语法使用他身上的属性和方法。方法的分类一、局部方法$().xxx() 主要指对DOM以及动画的操作二、全局方法$.xxx() 主要是ajax请求 例： $ .ajax();注意点jq的获取和操作的DOM对象，都是以数组形式存在的，不能直接使
2021-04-28 15:53:45
333
原创 前端JS中的设计模式总结
设计模式前言：什么叫设计模式？所谓的设计模式是一套经过反复使用、多人知晓的、经过分类的、代码设计经验的总结，说白了就是一些人们约定俗成的东西即潜规则。为什么要学设计模式？在团队协作中，为了代码的重用性，也为了别人能够看懂你的代码，使代码的编写更加的工程化设计模式有哪些？（了解）构造器模式，模块化模式，暴露模块模式，单例模式，中介者模式，原型模式，命令模式，外观模式，工厂模式，Mixin模式，装饰模式，亨元(Flyweight)模式，MVC模式，MVP模式，MVVM模式，组合模式，适配器模式，外观
2021-04-27 15:25:12
212
原创 利用JavaScript中的promise改造ajax依赖调用
let ajax = param=>{ return new Promise((resolve,reject)=>{ let xhr = new XMLHttpRequest(); xhr.open(param.type,param.url); xhr.send(); xhr.onreadystatechange = function(){
2021-04-22 11:43:38
154
原创 JS中Promise的使用（看情况扩展内容）
我们知道，在JS中…我们知道，在js中，所有代码都是单线程执行的，js中没有类似Java、Python多线程编程的概念，因此基于网页请求的所有网络操作，都是靠异步执行的，异步过程可以通过回调函数实现。而本篇文章的主人公Promise对象则是ES6标准中引入的有关异步编程的解决方案，在此可以说句题外话，有关异步同步，单线程多线程的区别，简单一句话概括就是，异步同步是目的，单、多线程只是实现其的一种手段而已。Promise本身作为一个进行异步操作的对象，有三种状态，进行中的pending、已完成的fulf
2021-04-22 11:42:26
207
原创 利用JS的类对象原生封装Ajax
面向对象方式封装Ajaxclass Ajax{ request(type,url,data,callback){ let xhr = new XMLHttpRequest(); if (type=='post') {//为真，走post xhr.open('post',url); xhr.setRequestHeader('content-
2021-04-21 16:10:12
151
原创 JS中字符串方法总结
一、字符串中的截取方法1.slice()2.substr()3.substring()PS:学习很多方法，最好是分门别类去记，找出之间的共同点，记住之间的区别三者都是字符串中的截取子串的方法，不同之处是：slice与substring是完全相同的，都是有两个参数，第一个参数是开始截取的位置，第二个参数是结束的位置，第二个参数都是可选的，不填默认截取到最后位置，都是左闭右开区间，不会截取最后一个substr虽然也是两个参数，第一个参数同上，第二个参数则是截取的个数二、字符串的查找方法4.in
2021-04-19 21:43:35
136
原创 JavaScript的20个数组方法详细用法说明
一、删除和插入数据的四个方法1.push() 数组最后位置压入数据，返回新数组的长度2.pop()数组最后位置弹出最后一个元素，返回值是弹出的元素3.shift()数组开始位置删除第一位数据，返回值是删除的元素4.unshift()数组开始位置插入一个元素，返回新数组的长度总结：第一个相同点四个方法是相对应来记的，俩开始方法，俩结束方法，从汉语意思来记，push中文意思压入，pop中文弹出，shift中文移动，引申为移出、删除，unshift则就是插入。第二个相同的地方是，这四个方法中
2021-04-17 23:33:02
713
原创 JS预编译过程详细理解
前言：本文章不会讲晦涩难懂的AO与GO对象，只以最通俗的人话讲述和理解JS的预编译过程。一、基础知识预备在了解预编译之前，需要必备以下两个知识点：变量的声明 和函数的声明。变量的声明： <script> /*变量的声明*/ var a = 111; //通过var关键字声明变量 b = 222; //省略var关键字声明变量 </script>可以看到，变量的声明有两种方式，一种是带关键字var，一种是不
2021-04-17 11:11:07
260
原创 原生JS写淘宝轮播图
原生JS写淘宝轮播图ps：整个代码还有逻辑顺序在注释文档里面标注的很清楚了，所以就直接上代码算了，至于演示gif，自己cv大法一下就知道结果了。CSS样式部分<style type="text/css"> * { padding: 0; margin: 0; list-style: none; border: 0; } .all {
2021-04-15 19:27:31
238
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人