Bannings_-CSDN博客

原创优质前端项目汇总

工具momentnumerallodashnormalize.csshumanizeDurationnpm镜像源管理nrm私有npm服务verdacciocnpm项目工程化conventional-changelog

2020-04-20 19:06:34 352

Git仓库备份与大文件清理备份当前仓库执行本地清理远程仓库同步一些题外话备份当前仓库# 将远端仓库完整备份到本地$ git clone --mirror git://example.com/some-big-repo.git# 将内容推送至备份用的远端仓库$ cd some-big-repo.git$ git remote rename origin old-origin$ git remote add origin git://example.com/some-big-repo

2020-10-29 11:29:49 736

原创 Ubantu18.04 nginx 安装启动

安装sudo apt updatesudo apt install build-essentialsudo apt install libtoolsudo apt install libpcre3 libpcre3-devsudo apt install zlib1g-devsudo apt install opensslsudo wget http://nginx.org/download/nginx-1.17.10.tar.gz -P /usr/srccd /usr/srcsudo

2020-05-14 21:14:27 189

原创【ReactNative】事件捕获&冒泡

文章1文章2值得注意的是，ReactNative中，ScrollView作为子元素时，如果需要优先响应事件，onStartShouldSetResponderCapture={()=>true}应该要写在子元素中

2019-07-31 20:09:07 4027

转载【收藏】CSDN好贴整理（git部分）

1、生成 SSH key

2019-03-17 14:51:06 146

转载【收藏】CSDN好贴整理（linux部分）

1、Ubantu 18.04 安装Docker2、在Ubuntu Server 18.04配置mysql远程连接

2019-03-17 14:46:21 135

转载【收藏】CSDN好贴整理（算法部分）

1、BIRCH聚类算法

2019-03-16 22:51:05 162

原创【TypeScript】导入Js文件的可行方案

2019-02-18 15:36:23 2744

翻译【JSON Web Token】JWT handoook 阅读笔记（二）

感谢实验室一位亲爱的学长帮忙翻了几个特别难的句子。（躺）---------------以下是正文---------------在仔细研究JWT的结构之前，我们先来看几个实际的应用。这个章节会使你了解现代产业中使用的，基于JWT的解决方案并了解其复杂性或是简单性。为了方便读者，所有代码都可以在公共仓库中找到。需要注意的是，接下来的示范并不意味着可以直接使用在产品中。对于可以作为产品的代码来说，测...

2018-11-23 16:56:50 118

翻译【JSON Web Token】JWT handoook 阅读笔记（一）

介绍JSON Web Token，简称JWT（“jot”）。这是一种用于在空间受限的环境下，安全传递声明信息的标准。它已经渗入了各种主流web框架。简单、紧凑和高可用性是其架构的主要特点。虽然有很多更为复杂的系统还在被使用着，JWT任具有广泛的应用。这本小小的手册将会覆盖JWT架构最重要的几个方面，包括它们的二进制表示、用于构成JWT的运算规则，以及它们在产业中的一般用途。1.1 什么是JSO...

2018-11-22 16:48:24 162

原创【JavaScript】常见的正则表达式使用整理

施工中。。。

2018-09-27 22:52:26 146

原创【CSS】有效处理文字缩进的技术解决方案

text-indent: 2em;

2018-09-17 19:23:07 1226

原创【JavaScript】实现元素拖拽和碰撞检测

function drag() { var src1 = document.getElementById("src-1"); var src2 = document.getElementById("src-2"); var src3 = document.getElementById("src-3"); var srcs = [src1, src2, src3];..

2018-09-14 18:26:31 619 1

原创【JavaScript】常见DOM操作整理

1、访问节点 document.getElementById(id); document.getElementsByName(name); document.getElementsByTagName(tagName); document.getElementsByClassName(className); document.querySelector(query); // 找到的第一个符...

2018-09-14 16:29:16 140

原创【CSS】使用流体布局实现两边定宽，中间自适应（中间先加载）

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&

2018-09-11 21:50:38 372

原创【JavaScript】使用原生JS实现bind函数（基于ES5和ES6的两种不同版本）

之前面阿里的时候，面试官小哥哥问JS，第一个问题就是怎么用原生JS去实现bind()函数（内心emmmmmmmm，后面的面试结果大家也就可想而知了）这篇博客算是事后的补习笔记吧。（学习中，B数还是有的，欢迎暴躁老哥喷我XD）1、ES5版bind()原生JS实现：if (!Function.prototype.bind) { Function.prototype.bind =...

2018-09-09 22:24:59 958 1

原创【面经】京东一面知识点总结

1、image标签的title和alt属性的区别 2、从输入url到页面加载完成的全过程（中间扯了一些前端性能优化的知识） 3、对ES6了解吗？说说promise 4、讲讲项目中用到的Angular原理，开发过程中遇到过什么问题，是如何解决的 5、有学过react和vue吗？ 6、平时一般怎么学习 7、讲讲css的选择器优先级 8、有做过移动端开发吗，移动端怎么实现不同分辨率适配...

2018-09-08 19:29:06 348

原创【ES6】let、const变量提升的验证，以及TDZ死区的理解

前段时间在网上自学ES6，了解到ES6新增的let和const是存在变量提升的，但是由于TDZ（暂时性死区）的存在，在定义前访问会出现错误。今天在腾讯课堂听老师讲ES6，多次强调let和const没有预解析，且没有变量提升，这就使我非常的懵圈，最终还是打算自己来试一下。下面是最终使我得出结论的代码：let name = "Bannings";if(true){ consol...

2018-09-06 15:48:24 502 1

原创【面经】阿里一面知识点总结

第一个项目 1、重绘概念 2、面向对象设计理念 3、this指向问题 4、如何实现bind函数 5、setTimeout和setInterval的区别第二个项目 1、node.js原理和特性 2、js模块化 3、webpack 4、angular原理 5、对react和vue了解多少其他：对哪些方面的技术比较擅长、个人优势在哪里总结：第一次面试，感觉完全没有...

2018-09-04 22:45:02 389

转载【HTML】元素嵌套错误可能引起的问题

文章出处朋友的笔试题，当时看到题是非常蒙的，在这里做一个整理

2018-09-04 10:59:32 382

原创【CSS】元素层叠优先级原则

1、static元素之间按HTML结构顺序确定优先级，元素出现的越晚，优先级就越高 2、设定position的值为非static值（relative、absolute、fixed）,则元素的优先级会高于static元素 3、设定position的值为非static值（relative、absolute、fixed）时，元素之间通过z-index值判断优先级 4、如果z-index相同，则按照...

2018-08-31 14:53:22 1306

原创【JavaScript】基于canvas的小游戏

之前在写的打小怪兽游戏总算初步完工了，上代码喽~//显示元素var score = document.querySelectorAll(".score");// 画布元素var container = document.getElementById('game');var canvas = document.getElementById('canvas');var context...

2018-08-30 22:21:19 1260

原创【JavaScript】Canvas按键监听事件的优化策略

最近打算写一个基于canvas动画的射击游戏，看完教程觉得万事具备只欠东风。然而实际操作起来并没有那么简单。设计目标：在屏幕上显示一架飞机，能随键盘输入←→键进行左右移动最初的思路： 1、写一个animate方法，擦除画布，根据飞机对象的横坐标属性重绘飞机，然后requestAnimationFrame调用自身来实现动画实时反映飞机位置变化。 2、监听document上的keydown...

2018-08-30 16:36:05 961

原创【JavaScript】继承的几种方式

/** * JavaScript继承的几种方式 * 整理者：Bannings *//** * @description 父类Plane,抽象飞机 * @constructor * @param {string} color 表示飞机的颜色 * @param {number} speed 表示飞行速度 */function Plane(color,speed){ th...

2018-08-26 17:02:06 194

原创【JavaScript】创建对象的四种方式

/** * 创建对象的方法 * 整理者：Bannings *//** * 工厂模式 * 缺点： * 1、构造函数不明，instanceof异常 * 2、不知道是谁的实例 */function createPlane(color,speed){ return { color:color, speed:speed };}var...

2018-08-25 22:30:24 147

原创【CSS/JavaScript】使用弹性盒子模仿手机淘宝App

页面样式使用纯CSS实现，采用了Flex布局 JS实现了图片轮播和抢购倒计时顶部工具栏实现了一些简单的渐变动画搜索框可以正常应对输入任务~为了应对找工作的需要项目中的JS用到了不少DOM操作 CSS则使用了大量nth-child伪类选择器各位看官不妨拉到自己电脑上一探究竟~记得要用谷歌浏览器哦~ （偷懒没写火狐兼容，不要打我T T）去GitHub查看源代...

2018-08-20 04:33:07 770

转载【CSS】border-radius详解

https://www.cnblogs.com/Anita-meng/p/7873242.html

2018-08-18 21:51:05 132

原创【JavaScript】阿里编程测验凉经

const timeout = ms => new Promise((resolve, reject) => { setTimeout(() => { resolve(); }, ms); }); const ajax1 = (...

2018-08-09 22:05:56 108

转载【JavaScript】前端练习题（3）

&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;&amp;lt;/hea

2018-08-09 01:50:45 198

转载【JavaScript】前端练习题（2）

<!DOCTYPE html><html lang="en"><head> ...</head><body> <div id="page"> <div class="content main">

2018-08-08 18:31:01 479 1

转载【JavaScript】前端练习题

页面中如下格式的人员信息表格:表格每行的HTML结构为:<tr> <td><input type="checkbox"></td> <td>2</td> <td>李斯</td> <td>43&am

2018-08-08 16:41:24 744

原创【JavaScript】前端代码基础问答题

function test() { var x = 1; var bar = function() { console.log(this.x); } var obj1 = {x: 1}; var ob...

2018-08-07 23:00:15 356

原创【Ignite/Spring Boot】名称冲突错误的合理解决方案

前段时间开发Ignite后端出现了bug，代码的逻辑语法反复检查都是对的，却一直报一个匪夷所思的错误。经过大量时间的反复排查。最后确定了引起问题的原因——使用了Spring Boot 2.0.3。请教学长之后得出结论，目前和Ignite集成，最稳定的Spring Boot版本应该是1.5.0。改写pom文件之后，bug成功解决了。...

2018-08-06 13:13:02 1054 2

原创【Ignite/Spring Boot】jar包运行出现依赖注入错误的反思

前段时间开发集成Ignite的Spring Boot时，遇到了一个非常棘手的问题。现在回想起来，还是应该在博客上做一个记录。开发Spring Boot微服务，我用了Netbeans IDE（本科用习惯了，一直舍不得换，虽然感觉idea之类的IDE也是确实好用）。微服务开发完成后，在Netbeans上清理构建运行都没有任何问题。但是打包发送到服务器上，发现跑不起来，控制台输出了一大堆依赖注入错误...

2018-08-06 13:04:46 1516

原创【Ignite/Express】使用Express后端访问Ignite数据库（基于ignite-rest-http）

Express基于Node.js，可以使用各类npm插件（如request、Axios、SuperAgent）甚至原生Http，来发出http请求。这足以让Express作为后端的同时，去互联网上请求其他后端的服务。而Ignite提供了一个HTTP REST后端，可以以REST的方式通过HTTP或者HTTPS协议与集群进行通信。要启用这个功能，只需要将apache-ignite-fabric-...

2018-08-04 18:08:22 494

原创【Ignite】使用数据库软件DBeaver管理Apache Ignite

DBeaver是一款免费的通用数据库工具，易用性高。虽然官网是英文的，但软件安装时可以选择简体中文安装，使用体验是非常不错的。Ignite官方文档以DBeaver为示例，介绍了常规sql数据库软件在Ignite上的连接和使用方法。下载地址：https://dbeaver.io/download/在配置DBeaver之前，首先要保证Ignite节点处于正常运行。DBeaver安装完成之后...

2018-08-04 17:41:45 4051

qq_35051298的博客