自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

bboyjoe的博客

代码永远是你最忠诚的伙伴

  • 博客(316)
  • 资源 (4)
  • 收藏
  • 关注

原创 实现线程的两种方式

1.继承Thread类/** * 创建线程的第一种方式:继承Thread类 */public class Demo extends Thread{ private String name; Demo(String name){ this.name = name; } public void run(){ for(int x...

2019-10-14 15:06:49 374

原创 异常处理实践

1.自定义异常类/** * 蓝屏异常 */public class LanPingException extends Exception{ LanPingException(String msg){ super(msg); }}/** * 冒烟异常类 */public class MaoYanException extends Except...

2019-10-11 16:35:12 321

原创 内部类简述

/*内部类访问特点:1,内部类可以直接访问外部类中的成员。2,外部类要访问内部类,必须建立内部类的对象。一般用于类的设计。分析事物时,发现该事物描述中还有事物,而且这个事物还在访问被描述事物的内容。这时就是还有的事物定义成内部类来描述。*/public class Outer { private int num = 3; private static in...

2019-10-10 09:08:08 333

原创 接口的应用场景

1.创建一个接口USBpublic interface USB { void open(); void close();}2.创建一个类UPan实现接口USBpublic class UPan implements USB{ public void open(){ System.out.println("upan open"); }...

2019-10-09 15:56:53 1133

原创 单例设计模式

单例设计模式分为饿汉式和懒汉式,实际开发中多实用饿汉式,面试有时会涉及懒汉式。1.创建单例(饿汉式)//单例设计模式。 饿汉式// 解决的问题:就是可以保证一个类在内存中的对象唯一性。//// 必须对于多个程序使用同一个配置信息对象时,就需要保证该对象的唯一性。//// 如何保证对象唯一性呢?// 1,不允许其他程序用n...

2019-10-09 15:41:00 136

原创 用静态实现一个数组的公用方法封装

1.创建一个ArrayTool类public class ArrayTool { // 该类中的方法都是静态的,所以该类是不需要的创建对象的。为了保证不让其他成创建该类对象, 可以将构造函数私有化。 private ArrayTool(){} // 获取数组最大值 public static int getMax(int[] arr) { ...

2019-10-09 15:26:00 185

原创 Node.js爬虫实践

// 用来发送https请求const originRequest = require("request");// 类似服务端jqueryconst cheerio = require("cheerio");// 解码const iconv = require("iconv-lite");function request(url, callback) { const optio...

2019-06-19 17:17:13 756

原创 封装一个简易的express,实现简单路由

const http = require('http')const url = require('url')let router = []class Application { get (path, handler) { router.push({ path, method: 'get', handler }) } liste...

2019-06-19 14:31:58 605

原创 Node.js基础实战

const http = require('http')const fs = require('fs')const path = require('path')const server = http.createServer((req, res) => { const {url, method} = req if (url === '/' && method...

2019-06-19 14:28:28 162

原创 Koa实现一个简易登录

const Koa = require('koa')const Router = require('koa-router')const render = require('koa-art-template')const static = require('koa-static')const bodyParser = require('koa-bodyparser')const sess...

2019-06-11 17:55:51 1344

原创 vuex基础练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vuex学习</title> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.j...

2019-06-11 10:15:56 521

原创 模仿jquery做一个js库的封装

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;js封装&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;div&g

2019-02-12 21:19:31 886

原创 ES6中的Promise和async实践

Promise用法 function f1 (name) { return new Promise((resolve,reject) =&gt; { setTimeout(() =&gt; { if (name === 'first') { console.log('第一步') resolv...

2019-01-18 11:14:23 267

原创 JS面向对象知识点汇总

基本数据类型——undefined出现的情况: //1、一个变量声明了,但是没有赋值,值默认为undefined var b; console.log(b);//b就是一个undefined类型的值 //2、一个变量声明了,并且赋值了一个undefined的值 var c=undefined; console.log(c);//c也是一个und...

2019-01-11 16:51:19 315

原创 CSS3知识点总结

1.background-origin: 规定背景图片的定位区域值 描述 padding-box 背景图像相对内边距定位(默认值) border-box 背景图像相对边框定位【以边框左上角为参照进行位置设置】 content-box 背景图像相对内容区域定位【以内容区域左上角为参照进行位置设置】 2.background-clip: 规定背景的绘制区域...

2019-01-07 00:51:37 1592 2

原创 Html5知识点汇总

html5新特性:       1. 取消了过时的显示效果标记  &lt;font&gt;&lt;/font&gt; 和 &lt;center&gt;&lt;/center&gt; ...      2. 新表单元素引入      3. 新语义标签的引入        4. canvas标签(图形设计)      5. 本地数据库(本地存储)      6. 一些新的API...

2018-12-29 14:16:43 355

转载 埃隆·马斯克和特斯拉汽车的故事

最新一期的《连线》杂志,有一篇长篇报道,讲述特斯拉汽车的老板埃隆·马斯克(Elon Musk)的故事。这篇报道实在精彩。乔布斯去世以后,美国媒体就说,最像乔布斯的企业家就是马斯克。我觉得,想要了解马斯克这个人,只读这篇报道就够了。下面就是我的翻译。1、1971年,马斯克出生在南非首都比勒陀利亚的一个白人家庭。母亲是加拿大人,所以他有资格申请加拿大护照。高中一毕业,他就去了加拿大。...

2018-12-25 16:27:29 1093

原创 koa基础实践

 1.访问静态文件: 使用中间件koa-staticconst koa = require('koa');const static = require('koa-static');let server = new koa();server.listen(8080);// 访问静态文件server.use(static('www'));  在根目录创建www文件夹,并新建...

2018-08-05 23:27:30 448

原创 iscroll的实践

1. iscroll的常用属性&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;iscroll特性&lt;/title&gt; &lt;style&gt; .wrap{

2018-05-07 20:43:21 310

原创 前端中那些与文件有关的操作

1.pc端拖拽文件并读取内容&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;文件拖拽读取内容&lt;/title&gt; &lt;style&gt; #div1{

2018-05-05 17:38:09 326

原创 移动端touch事件详解

1.单点触摸拖拽&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0,user-scala

2018-05-05 17:18:52 2534

原创 koa基础实践

1.http response的类型const Koa = require('koa');const app = new Koa();const main = ctx =&gt; { if (ctx.request.accepts('xml')) { ctx.response.type = 'xml'; ctx.response.body = '&lt;...

2018-04-25 16:13:09 343

原创 Node.js基础实战

一.http模块1.搭建http服务const http = require('http');let server = http.createServer((req,res) =&gt; { console.log(req.method + ":" + req.url); res.writeHead(200,{'Content-Type':'text/html; charset=UT...

2018-04-24 09:43:40 281

转载 详解清除浮动的多种方式 (clearfix)

说明本文适合知道HTML 与 CSS基础知识的读者,或者想要了解清除浮动背后原理的读者!1.什么是浮动首先我们需要知道定位 元素在页面中的位置就是定位,解决问题之前我们先来了解下几种定位方式 1、普通流定位 static(默认方式) 普通流定位,又称为文档流定位,是页面元素的默认定位方式 页面中的块级元素:按照从上到下的方式逐个排列 页面中的行内元素:按照从左到右的方式逐个排列 但是如何让多个块级...

2018-03-16 14:56:28 302

转载 视觉格式化模型之BFC

情景:浮动的高度塌陷时,使用overflow:hidden可使父元素将浮动的子元素包含起来,解决问题。但背后的原理是什么?这就是今天要谈的BFC。在将BFC之前需要先了解几个概念:盒子模型(Box model):相信这个大家已经很了解了,这里就不详细说了。详见《CSS权威指南》块级元素:Block-level elements are those elements of the source do...

2018-03-16 14:53:37 225

原创 Vue2.0实战

选择车型  热门车型 {{item.title}}

2017-12-18 09:44:26 1396 1

转载 服务器集群负载均衡原理

作者:知乎用户链接:https://www.zhihu.com/question/22610352/answer/138542422来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。《构建高性能Web站点》第12章 web负载均衡 《大型网站技术架构:核心原理与案例分析》 6.2 应用服务器集群的伸缩性设计写的比较详细~-------

2017-11-16 09:23:20 1039

转载 微信jssdk 签名错误排查方法

最近手头业务,移动端页面在微信浏览器中分享转发的时候没有缩率图,只有标题和链接,如下:无缩略图的情况   按照微信的官网自定义分享功能,引入jssdk ,结果调试,一直报错 签名错误,invalid signature。按照微信公众平台的开发文档,签名错误排查方法如下:invalid signature签名错误建议按如下顺序检查:(1)确认签名算法正确,可用 http://mp.we

2017-11-06 14:37:54 18733

转载 PHP对表单提交特殊字符的过滤和处理

一、几个与特殊字符处理有关的PHP函数 函数名 释义 介绍htmlspecialchars将与、单双引号、大于和小于号化成HTML格式&转成& "转成"' 转成'>转成>htmlentities()所有字符都转成HTML格式除上面htmlspecia

2017-08-09 16:43:08 951

转载 CSS实现单行、多行文本溢出显示省略号(…)

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略

2017-07-05 11:49:59 528

原创 vue-lazyload图片懒加载实战

插件地址:vue-lazyload以下做一个最简答的示例: img{ border: none; } img[src=""]{ opacity: 0; } .logo{ width: 0.5rem;

2017-05-24 16:50:07 33202 2

转载 Base64编码及其作用

Base64编码的作用:由于某些系统中只能使用ASCII字符。Base64就是用来将非ASCII字符的数据转换成ASCII字符的一种方法。它使用下面表中所使用的字符与编码。而且base64特别适合在http,mime协议下快速传输数据。base64其实不是安全领域下的加密解密算法。虽然有时候经常看到所谓的base64加密解密。其实base64只能算是一个编码算法,对数据内容进行编码

2017-05-03 15:31:47 697

转载 Linux中常用操作命令

Linux简介及Ubuntu安装Linux,免费开源,多用户多任务系统。基于Linux有多个版本的衍生。RedHat、Ubuntu、Debian安装VMware或VirtualBox虚拟机。具体安装步骤,找百度。再安装Ubuntu。具体安装步骤,找百度。安装完后,可以看到Linux系统的目录结构,见链接http://www.cnblogs.com/laov/p/34

2016-11-11 15:52:31 515

转载 前端精选文摘:BFC 神奇背后的原理

BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么?  在解释 BFC 是什么之前,

2016-11-02 16:27:32 652

原创 Vue-router2.0基础实践

1)基础用法: Hello App! 默认会被渲染成一个 `` 标签 --> Go to Foo Go to Bar this is foo! this is bar! // 1. 定义(路由)组件。 // 可

2016-10-13 10:58:04 42253 5

原创 Vue基础汇总实践

1)双向绑定: {{message}} new Vue({ el:'#app', data:{ message:'Hello vue.js' }})2)渲染列表 {{todo.text}} new Vue({ el:'#app', data:{ todos:[ {text:'学习vue'}, {text:'学习Sass'}, {tex

2016-09-26 12:00:47 4489

原创 前端实现一个简单的表格分页

实现原理与幻灯类似,不过要注意联动时体验要好。html结构: 分会账号名称充值总额充值次数注册人数注册IP数日期

2016-09-19 17:11:24 20079 2

转载 windows安装TortoiseGit详细使用教程【基础篇】

首先你得安装windows下的git msysgit1.9.5安装版本控制器客户端tortoisegit  tortoisegit1.8.12.0 [32和64别下载错,不习惯英文的朋友,也可以下个语言包]一、安装图解:先安装GIT【一路默认即可】安装好git以后,右键,会发现菜单多了几项关于GIT的选项2.安装tortoiseg

2016-09-19 11:54:34 485

转载 入门Webpack,看这篇就够了

写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对webpack感兴趣,那么动手跟着本文中那个贯穿始终的例子写一次,写完以后你会发现你已明明白白的走

2016-09-07 14:36:26 4293 1

转载 你不知道的高性能JAVASCRIPT

想必大家都知道,JavaScrip是全栈开发语言,浏览器,手机,服务器端都可以看到JS的身影。 本文会分享一些高效的JavaScript的最佳实践,提高大家对JS的底层和实现原理的理解。数据存储计算机学科中有一个经典问题是通过改变数据存储的位置来获得最佳的读写性能,在JavaScript中,数据存储的位置会对代码性能产生重大影响。 – 能使用{}创建对象就不要使用new Objec

2016-08-11 15:04:41 448

LINUX自学教程

随着微软的日渐式微,相必Linux的永不宕机的忠诚已深入你心了吧。

2014-10-26

PHP5面向对象编程

帮助你深刻理解PHP,识货的都懂,理解了之后再写代码有多重要,对面试也有很大帮助的。

2014-10-26

php5开发必备文档

做PHP必备文档,有它,从新手逐步成高手

2014-10-26

Linux常用命令

详尽的Linux文档描述,帮你成为Linux大神,绝对干货

2014-10-05

空空如也

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

TA关注的人

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