自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

原创 docker consul服务发现平台搭建

docker consul 服务发现平台搭建环境docker 常见命令运行consul镜像问题环境Mac && Ubuntu / aliyun服务器docker一台运行Ubuntu的电脑和一台mac,连接到同一无线网络。想要在Ubuntu上运行通过docker搭建的consul服务发现平台。在Mac上可以通过浏览器访问到此平台。docker 以及 consul镜像需要自行安装。参考:Docker-hub-consuldocker 常见命令docker ps : 查看正

2020-10-25 15:41:03 201

原创 node进程管理:PM2

PM2pm2是一个进程管理工具,可以用它来管理node项目进程,并查看node进程的状态,当然也支持性能监控,进程守护,负载均衡等功能这里主要是借用它的进程守护的功能:继承守护是一个城村周期比较长的进程,通常独立与控制终端并且周期性地执行模中任务或者等待处理某些待发生的事情我在本地开发的时候,运行的项目在放置一晚之后会自动停止。想来PM2就是解决这个问题:防止程序在服务器上运行的时候因为一些...

2020-02-23 12:59:48 841

原创 jQuery源码阅读:类型判断 - type方法

借用 toString 方法和对象,结合hash表的形式实现类型的快速判断

2019-12-30 10:12:01 206

原创 JS小数相加损失精度

JS 小数相加损失精度问题:console.log(0.1+0.2);//0.30000000000000004console.log(0.1+0.7);//0.7999999999999999解决思路:将小数转化为整数,进行整数相加将相加结果重新变为小数实现: // 解决问题:小数相加损失精度 解决办法:变成整数之后相加再回退小数位 function add () ...

2019-12-23 11:50:50 701

原创 jQuery源码阅读:swap()

swap()CSS 交换// A method for quickly swapping in/out CSS properties to get correct calculations.// Note: this method belongs to the css module but it's needed here for the support module.// If supp...

2019-12-22 09:33:36 2420

原创 Object扩展 - 1

总结Object.create(),Object.defineProperty(),Object.defineProperties()

2019-12-04 22:18:26 185

原创 Webpack - 基础功能使用

webpack基础功能的使用,不断补充。

2019-11-30 21:36:17 169

原创 jQuery源码阅读 - 整体结构分析

一个优秀的工具库并不是并不是找个对象将一些变量、方法封装到里面就可以的,还要对实际应用过程中可能遇到的问题留下解决预案,比如说:将来需要扩展更多功能怎么办?暴露的$字符和其他库冲突了怎么办?…注意:jQuery不是一朝一夕能学习完的,相关的blog也是会持续发布,如果想系统地查看Query源码阅读相关blog,可以选择前往jQuery源码阅读 - 入口文件开始(function(globa...

2019-11-29 21:51:33 213

原创 jQuery源码阅读 - 入口文件

jQuery源码的学习并不是一朝一夕的事情,相关的blog也不是区区几篇就能写完的,所以需要有一个入口文件,指导如何开始对一系列文章逐步阅读。入口文件也有目录的功能,方便随时能找到需要的文章。

2019-11-29 21:41:07 279

转载 如何判断一个对象是不是数组

如何判断一个对象是不是数组参考1. 原型Array.prototype.isPrototypeOf(obj)利用isPrototypeOf方法,判定Array是不是在obj的原型链中,如果是,则返回true,否则返回false。每个对象都有一个isPrototypeOf的API,继承自Object.prototype用来判断father(Array)是否是child(obj)的父对象o...

2019-10-24 21:13:04 181

原创 Event Loop

Event Loop,进程 线程,执行栈,

2019-10-22 15:11:57 210

原创 new操作+JS手动模拟

new原理 手动模拟调用new时执行的操作:创建一个全新对象将新对象与构造函数进行原型连接将构造函数调用的this绑定到这个新对象返回这个新对象模拟代码:function testNew(){ let obj = {}; // 删除arguments第一个参数并返回 // 默认第一个参数为构造函数 let constructor = ...

2019-10-22 13:48:33 181

转载 get请求与post请求的区别

get请求与post请求GET和POST两种基本请求方法的区别GET在浏览器回退时是无害的,而POST会再次提交请求。GET产生的URL地址可以被Bookmark,而POST不可以。(bookmark:设置标签)GET请求会被浏览器主动cache,而POST不会,除非手动设置。GET请求只能进行url编码,而POST支持多种编码方式。GET请求参数会被完整保留在浏览器历史记录里,而P...

2019-10-22 10:17:22 2173

原创 Ajax_jQuery实现

jQuery-ajax API

2019-10-22 09:52:24 191

原创 Ajax_基础

Ajax基础

2019-10-22 09:44:34 178

原创 前端安全防范

XSS、CSRF、点击劫持、中间人攻击。《前端面试指南:安全防范知识》

2019-10-22 09:30:51 484

原创 JavaScript30_03 - CSS3 Variables

1. CSS3 变量 2. HTML5 标签数据属性

2019-10-07 10:42:02 175

原创 JavaScript30_02 - JS + CSS Clock

利用JS+CSS实现钟表效果。熟悉Date对象、transiform样式

2019-10-06 22:23:50 265

原创 《JavaScript高级程序设计》第20章:JSON

《JavaScript高级程序设计》第20章:JSONJSON文章目录《JavaScript高级程序设计》第20章:JSON20.1. 语法20.1.1 简单值20.1.2 对象20.1.3 数组20.2. 解析和序列化20.2.1 JSON对象20.2.2 序列化选项20.2.3 解析选项浏览器支持问题:20.1. 语法JSON的语法可以表示一下三种类型的值:简单值:可在JSON中表...

2019-10-06 14:44:04 204

原创 JavaScript30_01 - JavaScript Drum Kit

JavaScript30,训练原生JS。01 Drum Kit

2019-09-25 15:45:53 263

原创 JavaScript设计模式与开发实践_第二十二章_代码重构

读书笔记:《JavaScript设计模式与开发实践》第22章代码重构

2019-09-19 19:45:10 196

原创 demo_霓虹灯按钮

通过CSS动画实现简单的霓虹按钮效果。熟悉常用动画和背景属性。

2019-09-19 08:10:38 319

原创 笔记_ES6_Map&Set

ES6新数据类型Map&Set学习笔记

2019-09-16 09:12:33 133

原创 JavaScript设计模式与开发实践_第五章_策略模式

详细介绍了策略模式,并提供了熟悉策略模式的实例

2019-09-16 08:47:24 169

原创 Leetcode.71.栈.简化路径.策略模式

设计模式-策略模式实现路径简化。

2019-09-16 08:14:54 189 1

原创 《编写可维护的JavaScript》——第一章:基本的格式化

读书笔记,JS在编写过程中需要注意的规范

2019-09-07 18:26:40 126

原创 JavaScript设计模式与开发实践_第四章_单例模式

读书笔记 《JavaScript设计模式与开发实践》 第四章 单例模式内容

2019-09-06 08:22:09 168

原创 ES4&&箭头函数中的this指向问题

总结了ES4&&ES6箭头函数中的this指向判断规律,列举了三种常见情况,在ES4与ES6的对比中进行介绍,也有涉及到回调函数中的this指向问题

2019-08-25 10:19:27 173

原创 Leetcode_4_寻找两个有序数组的中位数

记录leetcode_4_寻找两个有序数组的中位数,题目解法及遇到问题

2019-08-16 10:02:56 184

原创 清除浮动

总结了常用的三种清除浮动的方式:clear:both;BFC;伪元素。

2019-08-16 09:51:57 163

原创 BFC+浮动+垂直方向外边距合并

总结BFC元素的规则和如何触发BFC,并列举清除浮动与防止外边距合并两个案例,方便理解BFC与页面布局之间的重要关系。

2019-08-16 09:47:24 201

原创 leetcode_11_盛水最多的容器(JavaScript)

leetcode数组算法题目:盛水最多的容器,双指针法

2019-08-14 10:40:31 172

原创 demo_动态滚动进度条

使用HTML/CSS实现动态滚动进度条。熟悉CSS的animate动画和@keyframes规则、background实现倾斜条纹等效果

2019-08-14 08:56:49 436

原创 外边距合并

详细介绍会出现外边距合并的几种情况以及解决办法

2019-07-21 22:59:18 141

原创 HTML+CSS实现心形效果

通过html+css实现心形效果,更好地熟悉css属性,体会css的特性

2019-07-10 08:55:59 4730

原创 Flex布局入门——实例(扑克牌)

通过简单的实例,熟悉flex布局的几个简单的属性,感受flex布局的思路

2019-07-07 10:50:06 319

原创 iconfont——字体图标的使用

通过阿里巴巴iconfont库使用字体图标的详细步骤。比较三者优劣并给出个人建议

2019-07-06 20:05:53 685

原创 元素居中(水平+垂直)总结

总结元素居中的几种方式,尝试利用张鑫旭著《CSS世界》进行原理分析

2019-07-04 11:38:43 227

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除