hexo博客添加gitalk评论系统

经过了一天的折腾,我终于为自己的博客添加上了评论系统。坦率的讲,为什么网上那么多方案我还要自己写一篇博客,那就是因为他们说的都有bug,所以我要自己总结一下。 我选用的是gitalk评论系统,原因是因为它可以直接在github上管理评论,不需要在别的平台注册,特别方便。下面我来详细说一下hexo博客 ... »

2019个人年终总结

尽管非常的不愿意(又老了一岁)接受这个现实,但我还是擦了擦鼻涕,怀着无比复杂的心情决定写下这篇。 转眼间2019年的bug已经改完,马上又要迎来一波新的bug。 新的bug,新的希望。我们总是在打开命运带给我们的一个又一个惊喜。 2019年初,那时的我还是一个菜鸟程序员,要多菜有多菜(虽然现在也很菜 ... »

swift学习笔记

第一个项目 创建 OS X playground 需要引入 Cocoa 创建ios playground 需要引入 UIKit 注释 分号 swift不要求每行语句使用(;)结束,但是一行书写多行时,必须用(;)隔开 标识符 1. 区分大小写2. 可以以字母和下划线_开头,但不能以数字开头3. 中间 ... »

node事件循环和消息队列简单分析

node的好处毋庸置疑,事件驱动,异步非阻塞I/O,以及处理高并发的能力深入人心,因此大家喜欢用node做一些小型后台服务或者作为中间层和其他服务配合完成一些大型应用场景。 什么是异步? 异步和同步应该是经常谈的一个话题了。同步的概念很简单,自上而下依次执行,必须等上边执行完下边才会执行。而异步可以 ... »

从vue的组件传值着手浅谈观察者模式

首先,提到观察者模式,这不禁让我想到了MVVM,MVVM架构模式感觉用到了观察者的思想。 我们还是按照惯例,了解一下什么是观察者模式 观察者模式又叫发布订阅模式,(Publish/Subscribe),完成这个动作首先最少得有两个不同的对象,或者多个对象,他更像是一种一队多的依赖关系,也就是一种对象 ... »

uni-app实现顶部导航栏显示按钮+搜索框

最近公司准备做app,最终决定使用uni-app框架开发,但是当把设计图给我的时候我心里有点没底,因为他的设计图顶部长成这个样子: 因为这个功能在小程序是根本无法实现的,可能受这个影响,我感觉好像实现不了,但是我还是回头看了看文档,才发现,这个功能是可以实现的,只需要在pages.json中做一些配 ... »

uni-app—从安装到实战

uni-app实现了一套代码,同时运行到多个平台。支持iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具 工具安装 开发uni-app需要安装HBuilder X.下载地址。 下载成功后直接解压即可 简单的配置一下开发偏好: 创建第 ... »

面向对象的七大基本原则和实例详解

单一职责原则 定义:一个类只负责一个领域的相应职责。开闭原则 定义:软件实体应对扩展开放,而对修改关闭。里氏替换原则 定义:所有引用基类的对象能够透明的使用其子类的对象。依赖倒转原则 定义:抽象不应该依赖于细节,细节依赖于抽象。接口隔离原则 定义:使用多个专门的接口,而不是使用单一总接口。合成复用原 ... »

javaScript设计模式之----工厂模式

什么是工厂模式?我们通过一个例子了解一下: 比如我们想要弹出几个字符串 如果我们想要弹出a,b,c我们就需要调用不同的方法funA,funB,funC。但是如果我们想弹出的东西很多呢,每次调用都需要看是需要调用哪个方法,会不会很麻烦。所以我们可以再包一个方法来做处理,如下所示: 很显然,我们在调用的 ... »

插个眼,开始学习面向对象和设计模式

面向对象的基本特征 1.封装 简单来讲: 将现实世界的事物抽象成计算机领域中的对象,对象同时具有属性和行为,这种抽象就是封装. 封装的一个重要特性: 数据隐藏. 对象只对外提供与其它对象交互的必要接口,而将自身的某些属性和实现细节对外隐藏, 通过这种方式,对象对内部数据提供了不同级别的保护,以防止程 ... »

更好用的css命名方式——BEM命名

一、什么是BEM? BEM代表块(Block),元素(Element),修饰符(Modifier)。无论是什么网站页面,都可以拆解成这三部分。 二、带你认识网页 我们来看一下qq的官网,它可以由三个块组成:logo,导航nav和页面主题mian三个模块构成,如果再细分一下呢?logo是由图片和文字两 ... »

基于promise对小程序http请求方法封装

原因是我不想每次请求都复制粘贴那么长的请求地址,所以我把前边那一坨请求地址作为基础地址,只传后台给的路由就ok,而且,并不是每次请求都要显示正在加载,这对小程序体验很差,所以,我加了个形参,用来判断是否显示正在加载。最后根据后台给的状态码判断,所有的成功走resolve(.then),所有除了200 ... »

vue项目使用websocket技术

一、为什么需要websocket? 前端和后端的交互模式最常见的就是前端发数据请求,从后端拿到数据后展示到页面中。如果前端不做操作,后端不能主动向前端推送数据,这也是http协议的缺陷。 因此,一种新的通信协议应运而生 websocket,他最大的特点就是服务端可以主动向客户端推送消息,客户端也可以 ... »

js原型链

一、什么是原型链? 简单回顾下构造函数,原型和实例的关系: 每个构造函数(constructor)都有一个原型对象(prototype),原型对象都包含一个指向构造函数的指针,而实例(instance)都包含一个指向原型对象的内部指针. 然鹅,在js对象里有这么一个规则: 如果试图引用对象(实例in ... »

弹性布局----Flex

1.背景 传统的布局方案于盒状模型,依赖display + position + float 的方式实现,灵活性较差,对于那些头数的布局非常不方便. 2009年,W3C提出了一种新的方案--Flex布局. 2.什么是Flex布局? Flex是Flexible Box的缩写,意为"弹性布局",用来为盒 ... »