2017年11月_输出是最好的学习

原创设计原则之依赖倒置原则

前言：最近看到一篇阮一峰老师的研究生文凭的文章。说研究生论理论比不上博士，论实践比不上工作两年的本科同学。对于这一点自己也有一点个人的观点，个人认为只要stay hungry, stay foolish读两年研究生。那研究生会是最好的学历，拥有一定的研究能力，也有不错的实践能力。废话不多说，回到正题，聊聊依赖倒置原则1、依赖倒置原则是什么依赖倒置原则告诉我们最重要的一个问题就是面向抽象编程。这里的抽

2017-11-28 00:10:16 198

原创 overflow的那些事儿

前言：关于这个，自己平时用的比较少。本来想着总结一些scroll的，但是发现把这个总结完了就已经挺多了，就单独当做一篇文章发了吧1、实现上下滚动，左右不滚动第一种方式.div1 { height: 200px; width: 100px; border: 1px solid red; overflow: auto;}第二种方式.div1 { height:

2017-11-25 01:07:25 388

原创按需加载的那些事儿

前言：最近很多地方都出现了按需加载这个东西，第一次接触是在使用element-ui的时候，后面在用easyui做管理信息系统的时候也发现了这个东西。想着还是来总结一下，因为这的确是一个非常有用的东西，极大了减少了引入文件的大小，也减轻了服务器的压力。笔者认为在未来这个一定会成为一种趋势1、动态样式在说按需加载之前，我们先来聊聊动态样式。动态样式是什么呢？其实就是根据需要进行动态加载样式。下

2017-11-24 23:51:24 1235

原创鼠标点击不选中文字

前言：经常遇见很讨厌的事情，就是在鼠标双击或者连续单击的时候会选中问题，这次在做图片滚动的时候，左边采用了<，没有采用图片，在用户连续点击的时候就会选中这个箭头，用户体验非常不好。但是又不想多添加一个照片，因此就出现了这篇博客通过onselectstart事件<span onselectstart="return false" ><</span>或者div.onselectstart = fu

2017-11-23 13:58:55 3112 1

原创 Java数据库连接池的实现（不用框架）

前言：因为需要正式做项目，了解到了连接池这个东西。在网上找了很多资料，发现都是大同小异，各种转载，看上去搜出来了几十个答案，结果很可能是同一个。并且大多都是基于框架的数据库连接池。可是我只是想采用MVC做一个不是很大的项目，不需要使用到框架啊。这可怎么办，最后没办法，弄清楚连接池的原理，配合网上的资料，自己写一个简单的吧（这里暂时不考虑多线程操作，后面会继续完善这个连接池，自己挖坑，后面慢慢补）1、

2017-11-22 22:30:38 9409 4

原创 JavaScript如何获取样式（行间）

前言：又接触了一些不知道的知识，真开心。下面的样式都只适用于行间样式！！！下面的样式都只适用于行间样式！！！下面的样式都只适用于行间样式！！！1、cssText关于这个属性，大家应该都很属性。<div class="box" style="color: red;font-size: 34px;"> welcome</div><script> window.onload = fun

2017-11-21 00:40:59 1304

原创设计原则之里式替换原则

前言：最近降温很厉害，走在路上呼呼的狂风刮在脸上，让我无比怀恋家乡的温暖。现在要求自己早点休息，所以写博客的时间也从午夜变到了上午。今天就来聊一聊里式替换原则吧1、里式替换原则是什么关于里式这次词语的由来，主要是因为这个原则是以为姓里的女士提出的，所以叫里式。关于这个原则，在实际开发的时候，就是告诉我们在进行继承的时候不要重写父类的方法，如果想要实现新的功能，可以通过在子类新增方法的形式。2、里式替

2017-11-20 09:11:03 718

原创设计原则之单一职责原则

前言：暑假匆匆过了一边Java的设计模式，现在来系统总结一下。毕竟写Java程序不懂设计模式根本就是瞎扯，并且懂了设计模式学一些框架也更加快嘛，要知道里面可是设计模式满天飞。今天就来聊聊最简单的单一职责原则吧1、单一职责原则是什么这个根据字面意思就可以知道，就是一个类尽量不要有很多方法，尽量降低类的复杂程度。2、单一职责的应用其实我们经常说的MVC就是单一职责最好的应用。如果我们不采用单一职责原则，

2017-11-17 23:10:52 205

原创图片预加载的那些事儿

前言：最近在给一个创业公司做一个官网，涉及到很多图片，加载速度不给力，用户体验很差。因此自己这次就采用了图片预处理，在网上也看了一些其他大佬的博客，收获很多，在这里总结一下，分享给大家。1、什么是图片预加载简单的来说，图片预加载就是我们在浏览到图片之前，就已经加载好了，不用再担心我们浏览图片的时候，出现卡死或者白条的情况。其中图片预加载也分为三种，第一种是无序加载，也就是加载不分顺序，你给我加载完就

2017-11-16 23:08:51 2979

原创如何将word转化为pdf（Java版）

前言：最近做一个项目，需要一个word转化为pdf的功能，于是自己通过在网上找各种资料。测试了好几个方法，最后决定使用jacob（Java COM Bridge）操作office的方式，主要的原因是这边word文件涉及到的内容和样式比较复杂，如果使用其他方法，例如docx4j不能够很好的处理（也可能是我没有深入研究的原因）。网上虽然已经有很多类似的教程了，有些说的很详细，但是有些说的确并不太清楚，自

2017-11-15 22:31:37 32605 72

原创那些不常见却适用的CSS属性（三）

前言：接着上次没有总结完的不常见却适用的CSS属性18、resize 自己之前也接触过这个属性，只是自己之前一直只是使用none，这里知道了原来还有vertical, horizontal，以及both属性。在使用这个属性的时候一定要和overflow配合使用，才可以达到效果，代码如下<!DOCTYPE html><html lang="en"><head> <meta charset

2017-11-14 23:14:11 234

原创 DOM扩展的那些事儿

前言：关于DOM的扩展，之前自己也接触了一些，但是没有系统的去看，这次有机会系统的学习JavaScript，所以就把这些知识好好的总结一下。1、选择符的扩展在没有扩展之前，我们在进行元素选择之前，使用最广泛的就是document.getElementById()但是在扩展以后，我们在进行元素选择的时候方便了很多，关于选择符一共扩展了三个方法document.querySelector()docum

2017-11-13 22:23:43 199

原创 JavaScript中的文档碎片DocumentFragment

前言：时隔两年又一次接触到文档碎片，还记得当时blue老师讲文档碎片的时候，自己仍然是记忆犹新。学习了这个知识点以后，从来没有用过，这次在看书的时候看到这个东西了，想着还是来总结一下吧，说不定后面在哪个项目都用到了（主要原因是以前写网站都没有考虑到性能优化，现在还是的考虑一下这个问题啦）文档碎片是什么东西如果我们要在一个ul中添加100个li，如果不使用文档碎片，那么我们就需要使用append经常1

2017-11-12 23:28:05 694

原创如何测试网站的性能

前言：真的是感谢广大的博友啊，让自己收获很多。所以自己也要努力多做贡献，今天在看别人博客的时候发现了一个很好的网站，那就是测试网站的性能。网站性能测试网址在这里不仅会告诉你网站的性能如何，还会告诉你如何去优化自己的网站，真的是一个良性网站顺便放两张测试自己网站的结果图在27项测试指标中，有21项接近满分，个人觉得还是挺不错了，在进行进一步优化以后，应该会取得更加好的成果。有了

2017-11-12 11:30:06 2252

原创用css和JavaScript分别实现水平垂直居中

前言：在看张鑫旭老师的博客的时候，发现了这个好东西，自己来总结一下，加深自己的印象张老师的博客原文：小tip: margin:auto实现绝对定位元素的水平垂直居中1、利用绝对定位实现水平垂直居中html lang="en">head> meta charset="UTF-8"> title>welcometitle> style>

2017-11-11 09:58:12 862

原创 DAO设计模式的介绍与实现

前言：哈哈，第一篇关于Java的博客了，暑假看了一些Java的设计模式，本来想着总结一下的，但是一耽误就到现在了，后面慢慢补上。今天我们来聊聊DAO1、DAO是个什么东西呢?看一下官方的介绍，DAO（Data Access Object，数据访问对象）的主要功能是数据操作，在程序的标准开发架构中属于数据层的操作。额，好像有点糊涂啊，用人类的语言解释一下也就是DAO是一种操作数据库的设计

2017-11-10 18:18:21 11934 3

原创用CSS3实现响应式的瀑布流

前言：虽然瀑布流在现在不是很流行了，自己之前通过JavaScript和css3都实现过。这次做项目的时候又遇到了这个问题，就重新整理了一下，并把代码放出来分享一下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .wate

2017-11-09 11:24:46 8880 2

原创音乐自动切换和轮播

前言：前两天有个同学问我音乐自动切换，并在所有歌曲都播放完成以后实现循环播放的效果。自己折腾了一下做了出来，今天整理桌面的时候突然看见，在拖到回收站的一瞬间想着还是写一篇博客分享一下。实现的方法有很多种，我这里简单的用两种方法实现，原理都差不多。1、通过修改video的src（这种应该是最好节省资源的）<!DOCTYPE html><html lang="en"><head> <meta

2017-11-05 10:32:35 736

原创 vue-router的那些事儿

前言：最近的一个项目使用了vue-router。遇到几个坑，总结一下1、二级路由页面在刷新的时候出现空白，控制台报bundle.js404错误解决方法在index.html引入bundle.js的时候使用根相对路径，也就是下面这样<script type="text/javascript" src="/dist/bundle.js"></script>2、地址栏中出现#号，让人看起来很不爽，

2017-11-04 10:42:16 257

原创翻页折叠的那些事儿

前言：前几天写了一个使用border实现翻页折叠的东西，现在碰巧需要使用了。但是有一个问题就是，希望在折叠以后，在角落出现文字，方便点击，所以自己又折腾了一番，发现之前总结的linear-gradient。折腾了一番，终于实现了自己想要的效果，分享一波因为之前自己写过一个详细的介绍，所以这里只是换一个方式实现，如果有人觉得看起来不是很明白，可以看看下面我写的两个博客 1.线性渐变linear-gr

2017-11-03 16:57:13 376

原创 DOM节点的增加，删除，修改，查找

前言：最近开始晚睡了，不知道为什么睡不太着，有时候有一些莫名的压力感，有时候又有一些莫名的兴奋感。今天看完了《下一个倒下的会不会是华为》，对于华为的整个企业的文化和发展都有一个全新的认识，但是让自己感悟更加深刻地则是华为的狼性文化，垫子文化。还是步入正题吧…1、每一个节点都有nodeType属性，表面节点的类型。我们通过nodeType的具体值来判断具体是什么节点。此外每个节点也都有nodeN

2017-11-02 01:04:26 6571

wd