![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
转载学习
文章平均质量分 59
warm-summer
一名程序猿,看看书,摄摄影,写写代码。
展开
-
记录一下js中filter的使用方法
和map()类似,Array的filter()也接收一个函数。和map()不同的是,filter()把传入的函数依次作用于每个元素,然后根据返回值是true还是false决定保留还是丢弃该元素。filter()接收的回调函数,其实可以有多个参数。indexOf总是返回第一个元素的位置,后续的重复元素位置与indexOf返回的位置不相等,因此被filter滤掉了,所以重复的元素仅会保留第一个位置的元素。例如,在一个Array中,删掉偶数,只保留奇数,可以这么写。trim()函数去掉字符串首尾空白字符。转载 2023-06-14 17:07:15 · 114 阅读 · 0 评论 -
记录一下Object.keys的用法
Object.entries方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键值对数组。Object.values方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键值。ES5 引入了Object.keys方法,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键名。六、Object.values()和Object.keys()是相反的操作,把一个对象的值转换为数组。转载 2023-06-14 16:57:34 · 89 阅读 · 0 评论 -
记录一下JavaScript的解构赋值
需要注意的是:对象解构赋值右边的是以键值对形式。并且对象解构赋值可以不用像数组解构那样按照顺序赋值。对象解构是以右边的对象名键与左边的变量名进行匹配然后赋值的。只需要把右边的值赋值给左边就可以了。默认情况下左边的值是uname:uname,因为两个名字是一样的所以就可以省略为一个uname。他的作用就是右边的对象先找到左边的对象键名进行匹配然后再将他的值赋值给他。需要注意的是不管数组还是对象给他们默认值必须以等号进行赋值。结构赋值还有一个很常用的实用机巧:交换两个变量的值。还有一种对象解构赋值的方法。转载 2023-06-14 15:50:41 · 45 阅读 · 0 评论 -
记录一下js的...扩展运算符
自定义的属性在拓展运算度前面,且该属性是拓展预算符后对象里的,则会取出该对象的值,拓展预算符则会取出剩下的属性。)是ES6的语法,用于取出参数对象的所有可遍历属性,然后拷贝到当前对象之中。如果扩展运算符后面是上面这几种类型,都会返回一个空对象,因为它们没有自身属性。自定义的属性在拓展运算符后面,则拓展运算符对象内部同名的属性将被覆盖掉。由于数组是特殊的对象,所以对象的扩展运算符也可以用于数组。如果扩展运算符后面是字符串,它会自动转成一个类似数组的对象。如果扩展运算符后面是一个空对象,则没有任何效果。转载 2023-06-14 15:41:34 · 79 阅读 · 0 评论 -
记录一下bind()的用法
得到的结果却是这样的,这是什么意思呢,意思是已经bind的参数是不会再去执行的时候取,这里的第一个参数target已经绑定了“AA”,没有bind的会从执行的参数里面按顺序依次去取,sendMsg方法的第2个参数content“内容”就会取执行时候传入的第一个参数:朋友C,当然执行时的第2个参数:‘改天请你吃饭啊!结果是执行的时候传的参数,证明这里也是有优先级的,如果绑定的时候没有传,就用执行时传的参数。证明实参已经绑定了后,你执行的时候再传没有用,还是会用绑定的参数。那如果只bind一个参数呢会怎么样?转载 2023-06-14 10:49:09 · 153 阅读 · 0 评论 -
记录一下到底什么是CI/CD?
最后还有一个很重要但是容易被忽略的环节,就是code review(简称cr),cr的重要性无需多说,在国外很多科技公司,cr都是一个强制的流程。比如下单的流程,可能涉及很多模块,我们对下单这个流程的测试就属于集成测试。我见过直接使用idea等开发工具进行cr的,也有用gitlab等托管工具cr的,有些大点的公司有自己开发的cr工具。实现灰度发布有很多方案,比如通过前端的cdn技术,后端的方案就更多了,比如基于nginx实现,如果你是基于容器部署,可以通过k8s的ingress实现灰度发布等。转载 2023-04-17 10:08:00 · 155 阅读 · 0 评论 -
详细理解JS的三座大山
详细理解JS的三座大山转载 2022-08-02 17:15:50 · 833 阅读 · 0 评论 -
详解JavaScript异步与回调
详解JavaScript异步与回调转载 2022-08-02 16:21:39 · 1879 阅读 · 0 评论 -
详解K8s基本概念
详解K8s基本概念转载 2022-08-02 15:52:35 · 8887 阅读 · 0 评论 -
最为详细的Docker入门吐血总结
最为详细的Docker入门吐血总结转载 2022-08-02 11:53:22 · 129 阅读 · 0 评论 -
记录JS中的原型和原型链(图解)
JS中的原型和原型链讲原型的时候,我们应该先要记住以下几个要点,这几个要点是理解原型的关键:1、所有的引用类型(数组、函数、对象)可以自由扩展属性(除null以外)。2、所有的引用类型都有一个’_ _ proto_ _'属性(也叫隐式原型,它是一个普通的对象)。3、所有的函数都有一个’prototype’属性(这也叫显式原型,它也是一个普通的对象)。4、所有引用类型,它的’_ _ proto_ _'属性指向它的构造函数的’prototype’属性。5、当试图得到一个对象的属性时,如果这个对象本身转载 2022-03-31 22:53:27 · 179 阅读 · 0 评论 -
2022前端面试经常被问到的题(附答案)
面试经常被问到的题一、html51、html常见面试题2、艺术喵 2 年前端面试心路历程(字节跳动、YY、虎牙、BIGO)| 掘金技术征文3.前端 100 问:能搞懂 80% 的请把简历给我4、前端优化二、css1.CSS 基础面试题(附答案)2.如何居中div?3. CSS3新特性4.清除浮动5.media媒体查询6.讲一讲Flex布局,以及常用的属性?7.BFC8.px rem em vh vw之间的区别到底是啥?9.0.5px的线10.12px以下的字体三、javas转载 2021-05-26 17:15:13 · 2667 阅读 · 0 评论 -
10个最常见的HTML5面试题
问题1、新的 HTML5 文档类型和字符集是?答:HTML5 文档类型很简单: HTML5 使用 UTF-8 编码。问题2、HTML5 中如何嵌入音频?答:HTML5 支持 MP3、Wav 和 Ogg 格式的音频,下面是在网页中嵌入音频。问题3、HTML5 中如何嵌入视频?答:和音频类似,HTML5 支持 MP4、WebM 和 Ogg 格式的视频。问题4、除了 audio 和 video,HTML5 还有哪些媒体标签?答:HTML5 对于多媒体提供了强有力的支持,除了 audio 和 vide转载 2022-02-21 13:52:02 · 1283 阅读 · 0 评论 -
记录一下 javascript call、apply、bind的使用和区别
其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解!先看明白下面:例 1obj.objAge; // 17obj.myFun() // 小张年龄 undefined例 2shows() // 盲僧 比较一下这两者 this 的差别,第一个打印里面的 this 指向 obj,第二个全局声明的 shows() 函数 this 是 window ;1,call()、apply()、bind() 都是用来重定义 this 这个对象的!如:obj.myFun.call转载 2022-02-07 14:13:03 · 83 阅读 · 0 评论 -
一位月薪8000的程序员写的代码,你们觉得这个价格合理吗?
现在IT互联网行业高速发展,对程序员的要求越来越高。「写代码」作为一种技能,入门并不是很难。但是要像高手那样优雅地「写好代码」并不是一件容易的事。近日,在某平台上看到这样一条帖子,一位网友发帖吐槽「一个月薪8000的程序员写的代码,你们觉得值这个价吗?」并且上传了两张代码截图。帖子发出后,迅速引来了不少程序员网友们的围观。原帖内容:△ 图片来源于脉脉,如侵删放上两张高清图片,看看这是什么代码!△ 图片来源于脉脉,如侵删看完这两张代码,有网友评论说,这是实习生吧?感觉月薪8000不太值。也有网转载 2021-12-13 17:55:01 · 315 阅读 · 0 评论 -
koroFileHeader配置及快捷键不生效
配置//打开vscode的配置文件setting.json (在设置里搜索setting)"fileheader.customMade": { //头部注释配置 "autoAdd": false, // 默认开启自动添加头部注释 "desc": "", "params": "", "return:": "" }, "fileheader.cursorMode": { //函数注释配置 "desc": "", "params": "", "retu转载 2021-12-13 10:48:40 · 2106 阅读 · 1 评论 -
月薪3K与月薪3万的程序员,距离是怎么拉开的?
除去特别聪明的,谁都不会比谁傻多少,但时间拉长每个人却有不同的成长,抛开境遇不同,本篇就从自身找找原因。虽然文字、道理很简单,具体到每个人行动的时候,结果也是千差万别的。对待难题有人遇到难题就想着去怎么解决,而有的人遇到难题就躲开。有人刚刚遇到难题,就把难题抛出去,等着别人来解决,有的人遇到了就自己琢磨,去排查,进而去解决这个问题。有人勇于挑重担,同样就有人喜欢挑简单的活。干的多错误就多,但是你不干那么多,你就不会成长那么多。你避开了困难,也就避开了成长的机会。时常处于顺境的人,一次小小的打击就足以让转载 2021-11-29 16:52:31 · 92 阅读 · 0 评论 -
如何让前端工程师拥有永不过时的技能
常常听人吐槽说,前端技术更新太快、前端的细分太多,程序员太苦、很多东西学不过来。作为一名前端⼯程师,我也是深有感触。有时候,面对这种吐槽,我也是一笑而过。不过,面对这些吐槽,我看到的却是前端开发者内心的焦虑。面对越来越卷的行业现状,大多数的开发者都有一股想突破⾃我的想法,不然的话,那和咸⻥有什么区别。首先,对于前端同学不断学习的态度我是很赞赏的,作为一名开发者,不停的学习新技术是每个开发者需要掌握的必备技能。但如果我们从另外⼀个⻆度来看,⼀个⾏业的新东⻄层出不穷,正说明这个⾏业⼀直在⾼速发展,而我们作为这转载 2021-08-06 13:59:52 · 102 阅读 · 0 评论 -
记录一下path.resolve()
学习webpack时遇到path.resolve():webpack.config.js:output: { filename: '[name].bundle.js', //把一个路径或路径片段的序列解析为一个绝对路径 path: path.resolve(__dirname,'dist') },然后去看了node.js文档发现还是不理解,它的解释是:path.resolve() 方法会把一个路径或路径片段的序列解析为一个绝对路径。给定的转载 2021-08-06 09:30:27 · 127 阅读 · 0 评论 -
javascript原型和原型链
原型和原型链是js中的难点也是重点,明白了原型和原型链会让我们在后面不管是学习还是工作都会更加高效,并且原型和原型链会是面试中必不可少的话题。看完此篇文章一定会让你对原型,原型链有深刻全面的了解。一,函数对象所有引用类型(函数,数组,对象)都拥有__proto__属性(隐式原型)所有函数拥有prototype属性(显式原型)(仅限函数)原型对象:拥有prototype属性的对象,在定义函数时就被创建二,构造函数先复习下构造函数//创建构造函数 function Word(word转载 2021-05-26 17:26:42 · 82 阅读 · 0 评论 -
2021了,真的不要再说 Node.js 是一门编程语言了
Node.js 全栈基础1. Node.js 光速入门1.1 Node.js 概述Node.js 是什么Node.js 不是一门编程语言,它是一个执行 JavaScript 代码的工具。工具是指可以安装在计算机操作系统之上的软件。为什么浏览器和 Node.js 都可以运行 JavaScript因为浏览器和 Node.js 都内置了 JavaScript V8 Engine。它可以将 JavaScript 代码编译为计算机能够识别的机器码。浏览器中运行的 JavaScript 和 Node转载 2021-05-26 17:11:03 · 435 阅读 · 0 评论 -
git 回退回滚取消提交返回上一版本
总有一天你会遇到下面的问题.(1)改完代码匆忙提交,上线发现有问题,怎么办? 赶紧回滚.(2)改完代码测试也没有问题,但是上线发现你的修改影响了之前运行正常的代码报错,必须回滚.这些开发中很常见的问题,所以git的取消提交,回退甚至返回上一版本都是特别重要的.大致分为下面2种情况:1.没有push这种情况发生在你的本地代码仓库,可能你add ,commit 以后发现代码有点问题,准备取消提交,用到下面命令resetgit reset [–soft | --mixed | --hard上面常转载 2021-05-12 16:13:52 · 469 阅读 · 0 评论 -
Please move or remove them before you switch branches。 git强行切换分支
文章的背景是这样的:开发中在master上修复一些紧急的bug,修复完要切换到2.0分支继续做开发,因为在公司大家都用sourceTree,太久没有用命令行了,有点生疏啦,sourceTree这货有好也有不好吧,好的地方是不用记命令了,鼠标点点点完成操作,合并切换分支,存储常用的不提交但是本地需要更改的文件也方便,不好的地方是一不小心就操作失误,还是得要用命令行来解决,然后你又好久没用用命令了,生疏了,得在网上查找答案。博猪这次切换分支的时候手抖,把2.0的分支合并到了master,有文件冲突,转载 2021-05-12 15:13:58 · 1214 阅读 · 0 评论 -
npm和yarn的区别,我们该如何选择?
周一入职,同事JJ让我熟悉一下基于React的新项目。按照以往,我的步骤都是:git clone xxxnpm installnpm run dev这时,JJ给我来了下面一段git clone xxxyarnyarn start“咦,yarn是什么鬼?难道npm更高级的替代品?为什么要替代npm?难道有什么好的地方?”,内心一连串的问题冒出来。我就默默的问了一下JJ:“yarn是跟npm一样的东西吗?”,“嗯。”JJ忙碌的敲着键盘,显然这个问题不值得继续问下去了。我也默默的把刚才脑子里转载 2021-05-12 14:21:34 · 180 阅读 · 0 评论 -
Objective-C、C++以及C之间的区别
随着ios开发的兴起,Objective-C语言收到了广大移动开发者的青睐。而传统的使用最广泛的语言c++在不同的操作系统、不同的应用平台上继续发挥自己的能量。可以看到,前面两种语言都一个共同的字母—c,毫无疑问预示着c语言相当于这两种开发语言的母亲(不能认为是鼻祖,因为还有汇编、机器语言等)。那么三者的关系与区别到底有哪些呢? 历史: C:一九七八年由AT&T的贝尔实验室正式发表了C语言。后来由美国国家标准学会ANSI在此基础上制定了一个C语言标准,并于1983年发表,即为ANSI C。转载 2021-05-11 17:19:46 · 926 阅读 · 0 评论 -
搞清楚 clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop
网页可见区域高:document.body.clientHeight网页正文全文高:document.body.scrollHeight网页可见区域高(包括边线的高):document.body.offsetHeight网页被卷去的高:document.body.scrollTop屏幕分辨率高:window.screen.height每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位转载 2021-04-23 11:32:49 · 154 阅读 · 0 评论 -
Mac显示隐藏文件
方法一:第一步:打开「终端」应用程序。第二步:输入如下命令:defaults write com.apple.finder AppleShowAllFiles -boolean true ; killall Finder第三步:按下「Return」键确认。现在你将会在 Finder 窗口中看到那些隐藏的文件和文件夹了。如果你想再次隐藏原本的隐藏文件和文件夹的话,将上述命令替换成defaults write com.apple.finder AppleShowAllFiles -boolean转载 2021-04-02 15:38:18 · 129 阅读 · 0 评论 -
Android Studio报错unable to access android sdk add-on list解决方案
一、问题初次安装Android Studio,启动后,报错如下:unable to access android sdk add-on lis如图:二、原因AS启动后,会在默认路径下检测是否有Android SDK,如果没有的话,就会报上述错误。三、解决方案3.1 主动设置SDK如果本机有Android SDK的话,可以点击cancel跳过,在下一个界面手动选择本地SDK目录就可以了。3.2 跳过检测在Android Studio的安装目录下,找到 \bin\idea.propert转载 2021-03-29 11:16:18 · 294 阅读 · 0 评论 -
搭建安卓开发环境
如何配置安卓开发环境学习安卓的第一步就是配置安卓的开发环境,我在这简单的讲解一下我安装开发环境的过程。Android studio我们需要安装Andriod SDK ,开发工具以及安卓模拟器。使用Android studio可以更加快捷的安卓以上三个,不需要进行单独下载,简化了安装过程。下载Android studioAndroid Studio 是谷歌推出一个Android集成开发工具,基于IntelliJ IDEA. 类似 Eclipse ADT,Android Studio 提供了集成的转载 2021-03-29 09:28:24 · 89 阅读 · 0 评论 -
redux和sessionStorage,localStorage的区别
1.redux中的数据,在刷新(手动或者js触发)页面时,就会消失(或者说被初始化),无法持久化。2.sessionStorage中的数据,关闭页面消失(会话结束)。3.localStorage中的数据,永不消失(持久化在硬盘)。4.redux中的数据发生变化,相关页面(connect),会自动变化,其他两者无此功能,这是主要区别。5.最重要的区别:redux存储在内存,localstorage则以文件的方式存储在本地6.应用场景:redux用于组件之间的传值,localstorage则主要用于不转载 2021-03-28 22:36:50 · 338 阅读 · 0 评论 -
工作中 經常用的ES6解构赋值
一. 基本语法1.1 数组// 基础类型解构let [a, b, c] = [1, 2, 3]console.log(a, b, c) // 1, 2, 3// 对象数组解构let [a, b, c] = [{name: '1'}, {name: '2'}, {name: '3'}]console.log(a, b, c) // {name: '1'}, {name: '2'}, {name: '3'}// ...解构let [head, ...tail] = [1, 2, 3, 4]转载 2021-03-28 13:48:30 · 53 阅读 · 0 评论 -
2021前端面试经常被问到的题(附答案)
https://blog.csdn.net/xieanna123/article/details/105545758转载 2021-02-19 15:46:10 · 1394 阅读 · 0 评论 -
SPA、SEO和SSR
前后端分离算是最近Web开发的大趋势了,目前已经有大量的公司使用了前后端分离的开发方式。那我们就来大概谈谈前后端分离开发中必须要了解和接触的几个概念:SPA、SEO和SSR。在谈这几个概念之前,先来聊聊我理解的前后端分离。我理解的前后端分离背景最开始接触Web前后端大概是一年多前,那个时候打算参加一个比赛,因为没人写后端和Web前端,所以就开始自己学,然后边学边做。另外当时我们的项目还有移动端,所以后端除了提供数据渲染Web前端的页面以外还得给移动端提供接口,实际上两端的数据大多都是相同的。传统的W转载 2021-02-18 16:49:21 · 204 阅读 · 0 评论 -
微信小程序中globalData的设置与读写
不得不吐槽小程序的关于Storage的坑实在是多。最终只能放弃,其实我要做的事情也很简单,就是要在小程序的每个页面中调取一些统一的信息。后再找到了在App.js里有一个GlobalData的功能,看名字就知道很好使。初始化GlobalData在App.js的最上方可以设置GlobalData的初始值。App({ globalData:{ appid: '1wqas2342dasaqwe232342xxxxxxxxxx',//appid需自己提供,此处的appid我随机编写 se转载 2021-02-18 14:18:55 · 1762 阅读 · 0 评论 -
HTML5 - 应用程序缓存(Application Cache)
为什么要使用Application Cache技术?在HTML5之前,我们需要接入网络才能访问,这毫无疑问是网站多次请求服务器,造成速度变慢,对于PC用户,网络相对比较稳定,载入速度也不会差太多。但是移动端呢?移动端依赖无线信号、依赖信号塔、位置不固定、受附近建筑影响等。一系列导致网络的不稳定,我们不能改变用户,也不能放弃网络较慢的用户。还有,在混合app领域,经常使用内置webview加载html页面,如果网速太慢,依然会造成上述问题。离线存储技术实际开发中,主要是使用Application Ca转载 2021-02-18 10:40:45 · 242 阅读 · 0 评论 -
jsonp,通俗易懂
什么是JSONP?随便在网站上百度一下,关于JSONP的讲解有很多,但是感觉全一个样子,而且看完后很多还是一愣一愣的,对于很多刚接触JSONP的人来说理解起来还是有难度,试着用自己的语言来说一说JSONP,看看是否对你有帮助。一、先说说JSONP是怎么产生的:1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请...转载 2020-03-13 20:44:18 · 105 阅读 · 0 评论 -
vue数据绑定,简单实现
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue数据绑定,简单实现</title></head><body> <script> var data = { user: {...转载 2020-03-11 17:46:48 · 152 阅读 · 0 评论 -
详细讲解cookie
Cookie 的路径以及 Cookie 域cookie 路径cookie 一般都是由于用户访问页面而被创建的,可是并不是只有在创建 cookie 的页面才可以访问这个cookie。在默认情况下,出于安全方面的考虑,只有与创建 cookie 的页面处于同一个目录或在创建cookie页面的子目录下的网页才可以访问。那么此时如果希望其父级或者整个网页都能够使用cookie,就需要进行路径的设置。让...转载 2020-03-28 10:22:52 · 108 阅读 · 0 评论 -
记录一下react生命周期。
挂载卸载过程1.1.constructor()1.2.componentWillMount()1.3.componentDidMount()1.4.componentWillUnmount ()更新过程2.1. componentWillReceiveProps (nextProps)2.2.shouldComponentUpdate(nextProps,nextState)2....转载 2020-04-10 21:52:44 · 112 阅读 · 0 评论 -
js-canvas基本介绍
###1. canvas(画布)是HTML 5 新增的元素,可用于通过使用JavaScript中的脚本来绘制图形默认宽高为300px*150px基本概念和方法入门推荐: https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial###2.渲染上下文元素只是创造了一个固定大小的画布,要想在它上面绘制内容,我们需要...转载 2020-04-28 17:52:19 · 1403 阅读 · 0 评论