战场小包的博客

前言关于什么是云服务器与云服务器的好处，小包就不多嘴了，很多大佬应该都用过，本文主要通过对比常见的服务器厂家(腾讯云、阿里云、华为云)，选择性价比最高的云服务器，薅羊毛，咱们是专业的。腾讯云腾讯云的网站一进去就可以看到大屏广告，爆款1核2G服务器首年38元。这点是值得好评的。38元一年，这个价位看起来非常不错，我们点进去详细了解一下：我们可以发现38元的套餐是轻量应用服务器。(关于什么是轻量应用服务器，后面会细说)阿里云阿里云的首屏同样提供了大屏广告，无巧不成书，云服务器的价位同样是38，我

前言????前端开发中，色彩的搭配非常重要，好的色彩设计会给网站增光添彩，让用户一看上去就感觉心情愉悦；坏的色彩~~~随着设计技术的进步，渐变颜色在色彩设计中越来越受欢迎，但想设计出满意的渐变色并不容易(切实体会，感觉自己设计的颜色真的丑的离谱)。前几天小包在使用 CSS 绘制口红时，迟迟就选不出合适的颜色，甚至小包一度对自己的审美产生了质疑，小包，你真是做前端的吗？最终小包也没能解决自身审美的问题，但小包会用搜索啊，互联网大法好，下面咱们来一起看看小包的书签存货加度娘的成果吧。如果大家有更好的

前言经过两个周的努力，昨天成功发布人生第一个插件 vscode-cats ，本文给大家介绍一下插件的开发过程，顺便也给自己做个记录。插件下载: VSCode 扩展中直接搜索 vscode-cats 即可。应用市场: vscode-catsgithub: vscode-cats如果能给 github 点个 star 就更完美了。最开始开发 vscode-cats 时，感觉真的是暗无天日、遥遥无期。首先文档全是英文，看起来还是有几分吃力；二就是这种插件的模式实现 VSCode 并不提倡，

????前言小包上一篇文章讲述如何实现随机不规则圆角头像时，其中一种方案通过妙用 animation-delay 负值和 paused 进行实现，这不由让我对 animation-delay 负值产生巨大兴趣，经过几天的学习，我发现 animation-delay 负值的独特特性带来的威力真是非同小可。学习本文章，你会学会:animation-delay 负值特性animation-delay 负值实现 bounce loading 效果animation-delay 负值实现 音浪 loadi

前言大约两周以前，我写了一篇如何给 VSCode 和个人网站添加 live2d 喵咪的博客，没想到得到了众多大佬的喜爱，但大佬们想要简单快乐的撸猫，给VSCode和网站领养喵咪 一起快乐撸猫 实现撸猫有几分繁琐，用户体验性不佳。因此为了让众多大佬更舒服的撸猫，我将撸猫功能封装成 vscode-cats 插件，同时已经将 vscode-cats 0.0.1 成功发布在 VSCode 应用市场上。如果想下载插件，VSCode 扩展中直接搜索 vscode-cats 安装。?????????????????

2021年前端最新笔试百题，题目来源牛客网在线试题，题目都是各大互联网大公司所出题目，质量可以保证，希望能帮到大家

前言本月技术征文，代码 “吸猫”，我构思了很久，没有想出特别好的创意，要不就是创意太大，技术水平不够无法实现。因此就开始翻各位大佬们的创意，希望能找到点方向。前天大佬 大帅老猿 使用 live2d 开发了一个 chrome 撸猫插件，还添加了喵语聊天功能。我观摩了大佬的博客好久，一是为大佬的创意点赞，二为大佬的技术点赞，太强了。晚上睡觉前，我就在想，光浏览器上有喵咪可不过瘾啊，如果能给我的网站和 Vscode 编辑器都添加上喵咪，那岂不是处处有喵咪，快乐加倍。说干就干，东查西看，终于成功实现了在 V

缅怀钱学森钱老先生逝世十二周年。学习实现火箭发射效果：包括火箭主体部分绘制、火箭发射部分。内含源码。

前言前几天在刷力扣题目时，看官方题解发现的算法，我感觉这个算法非常有意思，是一个很好的思维开拓，因此我整理摩尔投票算法的一些知识，分享给大家。摩尔投票法博耶-摩尔多数投票算法( Boyer–Moore majority vote algorithm ),中文常作多数投票算法、摩尔投票算法等，是一种用来寻找一组元素中占多数元素的常数空间级时间复杂度算法。算法思想在集合中寻找可能存在的多数元素，这一元素在输入的序列重复出现并占到了序列元素的一半以上；在第一遍遍历之后应该再进行一个遍历以统计第一次算法遍

前言秋招感觉即将接近尾声了，今年的秋招可谓是风起云涌、锣鼓喧天、异彩纷呈(听说腾讯总包都40w+，流下羡慕的眼泪)。秋招期间，我特别喜欢在牛客上看各位大佬的面经、offer等，看的不亦乐乎，每天增加一个小幻想。前几天在看面经时，突然想到，有的题我见过很多次，有的题第一次见，现在虽说有八股文，但每年的面试行情应该都会有小的变化，要不来做个统计，粗略的估计一下今年面试市场的态势。说做就做，耗费了我好几个快乐游戏的夜晚，挨着面试题、面经的复制、去重，最后精挑细选出547道题目，其中笔试题200道，面试题3

前言目前的前端世界，三大框架横行，原生JavaScript所用越来越少。但我认为JavaScript作为每一个前端工程师的立身之本，学再多遍都不为过。因此我决定整理JavaScript中容易忽视或者混淆的知识点，写一系列文章，以灵魂拷问的方式，系统且完整的带大家遨游基础的的JavaScript，给大家带来不一样的体验。系列文章链接：【面试利器】原生JS灵魂拷问，你能答上多少(一)【面试利器】原生JS灵魂拷问，你能答上多少(二)JavaScript数组之问第二十七问：那些数组方法会修改原数组

前言目前的前端世界，三大框架横行，原生JavaScript所用越来越少。但我认为JavaScript作为每一个前端工程师的立身之本，学再多遍都不为过。因此我决定整理JavaScript中容易忽视或者混淆的知识点，写一系列文章，以灵魂拷问的方式，系统且完整的带大家遨游基础的的JavaScript，给大家带来不一样的体验。系列文章链接：【面试利器】原生JS灵魂拷问，你能答上多少(一)JavaScript运算符之问第十六问 你知道||与&&的返回值规则吗？短路效应：&

前言目前的前端世界，三大框架横行，原生JavaScript所用越来越少。但我认为JavaScript作为每一个前端工程师的立身之本，学再多遍都不为过。因此我决定整理JavaScript中容易忽视或者混淆的知识点，写一系列文章，以灵魂追问的方式，系统且完整的带大家遨游不一样的JavaScript。JS类型之问——检测篇第一问：js中的数据类型有哪些？原始数据类型：共有7种Boolean Number String undefined null Bigint Symbol引用数据类型：1种

前言当一个函数调用时，会创建一个执行上下文，这个上下文包括函数调用的一些信息(调用栈，传入参数，调用方式)，this就指向这个执行上下文。this不是静态的，也并不是在编写的时候绑定的，而是在运行时绑定的。它的绑定和函数声明的位置没有关系，只取决于函数调用的方式。本篇文章有点长，涉及到很多道面试题，有难有简单，如果能耐心的通读一编，我相信以后this都不成问题。学习this之前，建议先学习以下知识:JavaScript之预编译JavaScript之手撕newJavaScript之手撕ca

1.前言原型与原型链知识历来都是面试中考察的重点，说难不算太难，但要完全理解还是得下一定的功夫。先来看一道面试题开开胃口吧：function User() {}User.prototype.sayHello = function() {}var u1 = new User();var u2 = new User();console.log(u1.sayHello === u2.sayHello); console.log(User.prototype.constructor); consol

前言在学习JavaScript预编译之前，先了解一下JavaScript从编译到执行的过程，大致分为四步：词法分析语法分析：检查代码是否存在错误，若有错误，引擎会抛出语法错误。同时会构建一颗抽象语法树(AST)。预编译解释执行预编译JavaScript是解释性语言，也就是说，编译一行，执行一行，但js并非上来就进入编译环节，它在编译之前存在预编译过程。js中预编译一般有两种：全局的预编译和函数的预编译，分别发生在script内代码执行前和函数的执行前。函数预编译首先来看一个例子：

前言学习JavaScript执行机制能更好的理解JavaScript的代码执行顺序，进而更好的理解JavaScript的异步模式。Event Loop即事件循环，是浏览器或Node解决单线程运行时不会阻塞的一种机制。(也可以理解为经常使用的异步)在正式学习Event Loop之前，先提出几个问题：什么是同步与异步？JavaScript是一门单线程语言，那如何实现异步？同步任务和异步任务的执行顺序如何？异步任务是否存在优先级？同步与异步计算机领域中的同步与异步和我们现实社会的同步和异

前言什么是new呢？new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一。光看定义还是有几分晦涩，直接看一个具体的例子，来了解一下JavaScript中的new实现的功能。举个例子// 现实中瘦不了，但网络中一定要保持苗条function Thin_User(name, age) { this.name = name; this.age = age;}Thin_User.prototype.eatToMuch = function () {

前言call/apply的核心理念就是借用方法。这话乍一听上去，感觉有点云里雾里。讲一个生活中的实例来描述一下：老邓和老王是邻居，老邓家有火锅，老王家有烧烤架。老王家很少吃火锅，但突然有一天想吃火锅，他就可以去老邓家借用火锅，这样老王家不仅吃上了火锅，还没花买锅的钱。同样如果有一天老邓家想吃烧烤，便可以去老王家借烧烤架。call/apply做的便是类似的事，A对象上实现了一个方法，B对象由于一些需求，也需要调用同样的方法，最好的方法肯定是B直接去调用A对象的方法，自身无需扩展。基本介绍语法：f