牛客专栏文章-所有

牛客3224207号 2021-01-01 13:19:26

《javascript高级程序设计》核心知识总结

此文是对js高级程序设计一书难点的总结，也是笔者在看了3遍之后的一些梳理和感想，希望能借此巩固js的基础和对一些核心概念有更深入的了解。摘要 js基本的数据类型和关键点变量，作用域和内存问题垃圾回收机制面向对象的程序设计实现类与继承的经典方式

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:19:47

CMS全栈项目之Vue和React篇（下）（含源码）

今天给大家介绍的主要是我们全栈CMS系统的未讲解完的后台部分和前台部分，如果对项目背景和技术栈不太了解，可以查看我公众号之前的文章。摘要本文将主要介绍如下内容：实现自定义的koa中间件和restful API koa路由和service层实现

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:20:14

基于nodeJS从0到1实现一个CMS全栈项目（中）（含源码）

今天给大家介绍的主要是我们全栈CMS系统的后台部分，由于后台部分涉及的点比较多，我会拆解成几部分来讲解，如果对项目背景和技术栈不太了解，可以查看我的上一篇文章这篇文章除了会涉及node的知识，还会涉及到redis（一个高性能的key-value数据库），前端领域的j

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:20:38

基于nodeJS从0到1实现一个CMS全栈项目（上）

作为一名前端开发工程师，我们平时除了对javascript，css，html的积累之外，还需要对http，浏览器渲染原理甚至后端的一些知识有所了解，这样对自己职业发展才会更有帮助。项目背景由于本人对前端领域非常感兴趣，接触到前端的时间

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:21:01

css3实战汇总（附源码）

本文是继上一篇文章所以写这篇文章的目的一方面是对自己工作中一些css高级技巧的总结，另一方面也是希望能教大家一些实用的技巧和高效开发css的方式，以提高在工作中的效率。我们将学到 box-shadow的高级应用制作自适应的椭圆纯css3

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:21:24

记一次老项目中的跨页面通信问题和前端实现文件下载功能

由于笔者之前维护了几个比较老的项目是用jquery全家桶开发的，其中有些需求是需要跨页面交互和父子页面通信，故借此总结一下。另一块是前端实现文件下载功能，虽然方法很多，为了不用重复造轮子，在此还是总结一波，毕竟多页面下的应用场景还是很多的。文

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:21:45

如何优雅的使用javascript递归画一棵结构树

递归和尾递归简单的说，递归就是函数自己调用自己，它作为一种算法在程序设计语言中广泛应用。其核心思想是把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解。一般来说，递归需要有边界条件、递归前进阶段和递归返回阶段。当边界条件不满足时，递归前进；当边界条件满足时，递归返回。

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:22:10

笛卡尔乘积的javascript版实现和应用

笛卡尔乘积是指在数学中，两个集合X和Y的笛卡尓积，又称直积，表示为X × Y，第一个对象是X的成员而第二个对象是Y的所有可能有序对的其中一个成员。例子假设集合A={a, b}，集合B={0, 1, 2}，则两个集合的笛卡尔积为{(a, 0), (a, 1), (a, 2), (b

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:22:31

js中的二叉树以及二叉搜索树的实现及应用

让我们一起来探讨js数据结构中的树。这里的树类比现实生活中的树，有树干，树枝，在程序中树是一种数据结构，对于存储需要快速查找的数据非有用，它是一种分层数据的抽象模型。一个树结构包含一系列存在父子关系的节点。每个节点都有一个父节点以及零个或多个子节点。如下所以为一个树结构：）

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:22:53

Canvas入门实战之用javascript面向对象实现一个图形验证码

本文主要介绍用canvas实现图形验证码的一些思路以及如何用javascript面向对象的方式更友好的实现canvas的功能，关于canvas的一些基本使用方法和API我整理了一个思维导图，大家感兴趣的可以参考学习。你将收获闭包的使用 c

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:23:15

用Javascript和css3实现一个转盘小游戏

本文主要介绍如何使用原生javascript和Css3来实现一个在各大移动应用中经常出现的转盘游戏，由于改实现可以有不同方式，如果熟悉canvas的话也可以用canvas实现，本文采用js和css实现主要考虑到复杂度较小性能较好，所以如果有更好的方案，也可以随时和我交流。前言

来自牛客3224207号
01
牛客3224207号 2021-01-01 13:23:36

教你用200行代码写一个爱豆拼拼乐H5小游戏（附源码）

前言本文将带大家一步步实现一个H5拼图小游戏，考虑到H5游戏的轻量级和代码体积，我没有使用react或vue这些框架，而采用我自己写的dom库和原生javascript来实现业务功能，具体库代码可见我的文章如何用不到200行代码写一款属于自己的js类库，构建工具我采用了自己

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:24:00

基于react/vue生态的前端集成解决方案探索与总结

本文主要总结了笔者在多年前端工作中的技术方案选型，结合各种不同类型的项目，搭建了一套完整的前端集成解决方案，主要包含如下内容：于vue-cli3搭建的vue+vue-router+vuex+elementUI/antd/mint+stylus/less/scss的单/多页项目

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:24:23

基于 localStorage 实现一个具有过期时间的 DAO 库

本文主要解决原生localStorage无法设置过期时间的问题，并通过封装，来实现一个操作便捷，功能强大的localStorage库，关于库封装的一些基本思路和模式，我将采用之前写的如何用不到200行代码写一款属于自己的js类库中类似的方法，感兴趣的朋友可以学习，交流。设计思路

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:24:44

9012教你如何使用gulp4开发项目脚手架

本文将会介绍如何使用gulp4来搭建项目脚手架，如果您还在使用gulp3或更老的版本，您也以通过本文的一些思想将之前的项目进行完善，更新。如果gulp不是你们团队的重点，也可以移步我的另一篇文章: 用 webpack 4.0 撸单页/多页脚手架 (jquery, react, vue, typ

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:25:06

如何用不到200行代码写一款属于自己的js框架

前言 JavaScript 的核心是支持面向对象的，同时它也提供了强大灵活的 OOP 语言能力。本文将使用面向对象的方式，来教大家用原生js写出一个类似jQuery这样的框架。我们将会学到如下知识点：闭包：减少变量污染，缩短变量查找范围自执行函数在对象中的运用 extend

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:25:27

使用shell脚本和node命令行工具来自动化部署打包前端项目

本文主要介绍shell脚本的一些基本用法以及在前端项目中的应用。将围绕以下几点来展开： shell基本用法（变量，循环，传参，运算符，流程控制等）使用shell脚本自动将项目打包部署到git服务器使用nodeJs编写命令行工具 1. shell基本介绍及用法

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:25:49

让你瞬间提高工作效率的常用js函数汇总(持续更新)

前言本文总结了项目开发过程中常用的js函数和正则，意在提高大家平时的开发效率，具体内容如下：常用的正则校验常用的设备检测方式常用的日期时间函数跨端事件处理 js移动端适配方案 xss预防方式常用的js算法(防抖，截流，去重，排序，模板渲染，观察者..

来自牛客3224207号
00
牛客3224207号 2021-01-01 13:26:12

3分钟教你用原生js实现具有进度监听的文件上传预览组件

本文主要介绍如何使用原生js，通过面向对象的方式实现一个文件上传预览的组件，该组件利用FileReader来实现文件在前端的解析，预览，读取进度等功能，并对外暴露相应api来实现用户自定义的需求，比如文件上传，进度监听，自定义样式，读取成功回调等。组件设计架构如下：涉及的核心知识点如下：

来自牛客3224207号
00
心里的字节在跳动 2021-01-01 13:54:27

UDP的理解

UDP（User Datagram Protocol,用户数据报协议）是一种简单的、不可靠的通信协议，它只负责将数据发出，但不保证它们能否到达目的地，之所以不可靠是由于以下几个原因：1.没有顺序控制，当数据包乱序到达时，没有纠正功能。2.没有重传控制，当数据包丢失时，不会重发。3.UDP在通信开始时

来自心里的字节在跳动
00
AKL999999 2021-01-01 14:45:42

happy new year！

牛牛要起飞(https://ac.nowcoder.com/acm/contest/9854/B)昨天临场没找好这个题的状态，看了上一位的dp题解，我重新构思了一个可以压缩到一维状态dp数组。a数组的元素无论加减b元素，a的原数不变，先对a数组求和再从b中挑取0-n个元素即可。为什么开205的数

来自 AKL999999
50
牛客902182990号 2021-01-01 16:35:42

爱偷懒的小明

include <stdio.h>int main(void){int n, r, temp;scanf("%d %d", &n, &r);int a[101][3];for(int i=0;i<n;i++){for(int j=0;j<3

来自牛客902182990号
10
风吹了- 2021-01-01 17:02:01

C语言学习感受篇

hello, 大家好，初次来到牛客网写博客，以前都是在csdn上分享的，一时半会写不了什么，那我就拿我的csdn中的博客开头吧（本篇原文出处https://blog.csdn.net/qq_43597130/article/details/84454480）（在开始阅读这篇文章前，不妨浏览下http

来自风吹了-
00
失了智OvO 2021-01-01 17:09:40

牛牛想起飞

牛牛想起飞用bitset来记录可以得到的数，然后求得值为1的最高位就是答案 #include <bits/stdc++.h> using namespace std; #define Happy return #define New_Year 0 const int N = 1e5+5;

来自失了智OvO
20
生白 2021-01-01 17:27:05

m个苹果n个盘子（1）

把m个同样的苹果放在n个同样的盘子里，允许有的盘子空着不放，问共有多少种不同的分法？（用K表示）5，1，1和1，5，1 是同一种分法。数据范围：0<=m<=10，1<=n<=10。本题含有多组样例输入。这个题本来想着用排列组合求解的，然后发现我算的不太对，就算去重也是有问题

来自生白
31
生白 2021-01-01 18:14:00

二进制中一的个数

输入一个正整数，计算它在二进制下的1的个数。注意多组输入输出！！！！！！基本上都是比较简单的基础题，这里的话考察的是位与以及右移的用法，暂时想到的就是这么去做了。#include<stdio.h>int main(){ int n; while(scanf("%d&

来自生白
10
刘旷 2021-01-01 18:32:11

互联网巨头造车三步走：资本布局、技术支持、亲自下场

配图来自Canva可画 2020年就要过去了，回首望去，今年最大的赢家，可能并不是一开始大家所预料的在线教育或者在线办公，而是去年最惨的新能源汽车行业。在经历过一波大起大落之后，2020年已经可以被视为新能源汽车元年。蔚来董事长李斌非常认可“元年”的说法：“有的人讲今年是中国电动汽车的元年，我觉得

来自刘旷
00
usernameX_X 2021-01-01 18:42:48

参考题解

预期难度顺序 F J < D I G < B E A < C G A: 分析可知，当且仅当Z距离某一扇门的距离比H更近时才能逃脱，否则不能逃脱。可以对两扇门分别跑一次深度优先搜索确定Z和H谁离这扇门更近。 code： #include<bits/stdc++.h>

来自 usernameX_X
60
洛璃啊 2021-01-01 20:29:41

2020年终总结

人性其实只有两大痛点: 一个是愉悦，一个是恐惧。愉悦感可以让人沉浸在一件事情当中干一万小时，成为高手，而恐惧带来的动力更加显著。——题记这一年时间过的飞快，回首望去，不过是站在刀尖上跳舞，任何错误的抉择都不会有重新来过的机会。2020.1.1 上线了第一个微信小程序当我亲手完成并上架这个作

来自洛璃啊
10
我不会玩锐雯 2021-01-01 20:44:35

牛客小白月赛30

比赛地址：https://ac.nowcoder.com/acm/contest/9667 出题人题解：https://ac.nowcoder.com/discuss/575975 A-黑白边知识点：并查集优先选择黑边然后再选白边，选择条边可使图连通。 #include <map>

来自我不会玩锐雯
00
心里的字节在跳动 2021-01-01 21:03:19

【时间复杂度】

优评价差稳定性简单选择排序 O(n2) O(n2) O(n2)

来自心里的字节在跳动
00
划水_小星 2021-01-01 21:48:13

LCA

1、倍增算法 #include<bits/stdc++.h> #define MXN 50007 using namespace std; std::vector v[MXN];//图 std::vector w[MXN];//边权 int fa[MXN][31], cost[MXN][

来自划水_小星
00
Caso_卡索 2021-01-01 21:54:05

一遍AC 嘿嘿

#include <iostream> int main() { using namespace std; int N; cin >> N; // 输入键值对的个数 int sum[1000] = {0}; int index, va

来自 Caso_卡索
10
福大大架构师每日一题 2021-01-01 21:59:53

2021-01-01：https加解密机制，你了解多少？

福哥答案2021-01-01：这道题是我被大厂面试的题，但网上的答案太多了，故直接引用。 HTTPS（全称：Hyper Text Transfer Protocol over Secure Socket Layer 超文本传输安全协议）。HTTPS在传统的HTTP和TCP之间加了一层用于加密解密的S

来自福大大架构师每日一题
30
木头杨 2021-01-01 22:32:03

Python 数据科学 pandas库_基础速查表

目录 Pandas 使用以下语句导入 Pandas 库： Pandas 数据结构 Series-序列存储任意类型数据的一维数组 DataFrame-数据框存储不同类型数据的二维数组输入输出读取/写入CSV 读取/写入Excel 读取内含多个表的Excel 读取和写入 S

来自木头杨
12
划水_小星 2021-01-01 23:34:06

Tarjan算法求强连通分量（SCC缩点）

#include<iostream> #include<algorithm> #include<cstring> #include<stack> using namespace std; struct ss{ int v; int

来自划水_小星
00
牛客902182990号 2021-01-02 01:02:05

X_X的自信

include <stdio.h> int main(void){ printf("\(X_X)/ Says : "I can 100%% print this !""); return 0;} // ,%,"是转义字符

来自牛客902182990号
00
牛客902182990号 2021-01-02 01:04:01

矩阵运算

include <stdio.h> int a[201][201], b[201][201], sum[201][201];int main(void){ int n; scanf("%d", &n); for(int i=0;i<n;

来自牛客902182990号
00
牛客902182990号 2021-01-02 01:46:52

阴阳怪气的宿舍

include <stdio.h> include <string.h> int main(){ int i=0,flag=0,j=0,c1[5]= {0},c2[5]= {0},c3[5]= {0},p,max; char s[5][1001]; for(

来自牛客902182990号
00
隔壁小Y 2021-01-02 04:06:38

NC50164 加工生产调度题解 && Johnson法则证明

问题描述某工厂有件物品需要进行加工，并且每件物品都需要先在工厂加工分钟，然后在工厂加工分钟，，工厂每次分别只能加工一件物品，问你最少需要多少时间能够加工完全部件物品交换论证假设有件待完成事件，当前完成了件，所花时间为，设当前先完成事件再完成事件的总时

来自隔壁小Y
00
zxmcoder. 2021-01-02 10:05:41

C++优先队列 emplace方法 & lc239

class Solution { public: vector<int> maxSlidingWindow(vector<int>& nums, int k) { // 优先队列做法复杂度nlogn // emplace可以直

来自 zxmcoder.
00
哲sir 2021-01-02 10:09:38

查找薪水变动超过15次的员工号emp_no以及其对应的变动次数t 题解

题目：查找薪水变动超过15次的员工号emp_no以及其对应的变动次数tTABLE salariesemp_no ,salary ,from_date ,to_date ,要点：“薪水变动次数” t这里针对“薪水变动次数”的衡量可以采取不同方式计算。1）可以对同一emp_no下不同的salary计数。

来自哲sir
20
哲sir 2021-01-02 10:28:08

SQL 必知必会 7.3执行算术技术（读记）

A、创建和使用别名（便于应用程序能够引用计算字段）计算字段（常用功能）——对检索出的数据进行算术计算。例：表Orders 收到的所有订单；表OrderItems 每个订单中的各项物品；列 prod_id 产品编号列 item_price 包含订单中每项物品的单价；要求：汇总产品编号为20008的物

来自哲sir
00
never&doubt 2021-01-02 11:17:16

好奇的薯队长

从个位开始依次统计每一位有多少个1 一共有n个数含有个位（必然都有个位），每10个数一个周期，每个周期内有1个1 一共有n-9个数含有十位（n减去一位数的数量），每100个数一个周期，每个周期内有10个1 一共有n-9-90个数含有百位，每1000个数一个周期，每个周期内有100个1... 代码如

来自 never&doubt
00
牛客902182990号 2021-01-02 12:00:24

Easy problem

include <stdio.h> include <math.h> int main(){ int t, a=0, b=0, sum; char g[101]; scanf("%d", &t); getchar();

来自牛客902182990号
00
十魇 2021-01-02 12:09:05

Golang 库和命令学习汇总

库 OS func Chdir（dir string）//error 将当前工作目录更改为dir目录 func Getwd()(dir string,err error) //获取当前目录，和linux中pwd类似 func Chomd(name string,mode FileMode)e

来自十魇
00
心里的字节在跳动 2021-01-02 12:09:19

手写instanceof，判断对象之间关联性

function instance_of(L,R){ const baseType = ['string','number','boolean','undefined','null','symbol']; if(baseType.includes(typeof L))

来自心里的字节在跳动
00
小菜鸡、 2021-01-02 13:12:35

实现LRU算法

题目信息 tag：链表哈希表难易程度：中等题目描述：设计LRU缓存结构，该结构在构造时确定大小，假设大小为K，并有如下两个功能 set(key, value)：将记录(key, value)插入该结构 get(key)：返回key对应的value值若opt=1，接下来两个整数x,

来自小菜鸡、
10
前端学不会 2021-01-02 13:19:18

每日一题

每日一题data：2021-01-02数组操作：数组元素内部方法： push()方法在元素最后一位后面添加一个或者多个，调用方式如下： //直接操作元素 arr = [1,2] function add(arr,item){ arr.push(item); } add(

来自前端学不会
00
JessonandJenny 2021-01-02 13:41:01

水题解

#include<bits/stdc++.h> using namespace std; int main() { cout << "Happy New Year*2019*" << endl; return 0; }

来自 JessonandJenny
11
NightDW 2021-01-02 14:44:48

Leetcode - 172. 阶乘后的零

解题思路参考代码中的注释： class Solution { //计算n!的末尾有多少个0，其实就是计算[1, n]区间上有几个5的倍数 //因为[1, n]

来自 NightDW
00
NightDW 2021-01-02 15:23:44

Leetcode - 173. 二叉搜索树迭代器

解题思路参考代码中的注释： /** * Definition for a binary tree node. * public class TreeNode {

来自 NightDW
00
公众号「码海」 2021-01-02 16:26:23

51 张图助你彻底掌握 HTTP！

前言如果说 TCP/IP 协议是互联网通信的根基，那么 HTTP 就是其中当之无愧的王者，小到日常生活中的游戏，新闻，大到双十一秒杀等都能看到它的身影，据 NetCraft 统计，目前全球至少有 16 亿个网站、2 亿多个独立域名，而这个庞大网络世界的底层运转机制就是 HTTP，可以毫不夸张的说，

来自公众号「码海」
11
快给Tako打电话 2021-01-02 16:55:12

最小互质数

#include<iostream> #include<algorithm> #include<vector> using namespace std; const int maxn = 1e6 + 11; int a[maxn], vis[maxn]; i

来自快给Tako打电话
11
程序员面试之道 2021-01-02 18:33:48

Gitlab使用教程---教你实习、工作如何做到如鱼得水

1.序我们都知道在公司中都有代码管理，那么我们在进入公司实习也好，工作也好无论svn,git都是默认你会的，所以不会让你时间去看一遍，我在研一期间跟着师兄们做项目就开始用svn以及git。所以在实习期间在这一块就很顺心。以下分享以下公司必用的gitlab。 2.注册Gitlab账号登录ht

来自程序员面试之道
00
程序员面试之道 2021-01-02 18:34:14

Lambda 到底怎么“玩”

1.序我们在把这张图拿出来，Jdk8最大的一个特点之一就是Lambda表达式，它支持JAVA也能进行简单的“函数式编程”。我原本以为用的很少。结果实习才发现，用的很多，因为它真的特别省劲，而且很简洁。公司其实代码的宗旨就是功能，可读性，简洁性。所以不会的同学赶紧来喵喵吧，不然也会像我一样面临

来自程序员面试之道
00
程序员面试之道 2021-01-02 18:34:35

梦想成真---jdk版本的选择（推荐1.8）

1.序 2020/3/17日JDK14正式发版，但是现在大部分公司还是在使用jdk 8。所以我们今天继续聊聊jdk8。 2.jdk8 详解 2.1编程语言 2.1.1Lambda 表达式 Lambda 允许把函数作为一个方法的参数（函数作为参数传递到方法中）。举个例子 // Jav

来自程序员面试之道
00
程序员面试之道 2021-01-02 18:34:57

StampedLock

StampedLock https://segmentfault.com/a/1190000015808032

来自程序员面试之道
00
程序员面试之道 2021-01-02 18:35:18

ForkJoinPool

ForkJoinPool https://blog.csdn.net/m0_37542889/article/details/92640903

来自程序员面试之道
00
程序员面试之道 2021-01-02 18:35:38

一起手撕设计模式---单例模式

1.序今天为什么谈设计模式呢，因为设计模式对于我们找工作来说非常重要，记得我在面试华为的时候基本上把我知道的都讲了一遍，大概15-16种，因此给面试官留下了很好的印象，在面试其它的大公司的时候同样是这样，因为当时我花了很多时间把设计模式整理了一遍，所以因此受益，今天开始把每一种分享出来，今天先从

来自程序员面试之道
00