2020年12月_编程界小明哥

12月 11月

原创用js写的轮播图，八位女明星，你翻谁的牌，程序员就是可以为所欲为！

今天下午利用摸鱼的时间做了一个图片轮播，嘿嘿，先看看效果，本来想搞动态图的，整出来效果不好，图片又超过了5M不让传，还是截图吧感觉需实现的功能：1.定时向右滚动。2.点击明星切换到最中间。3.鼠标移入定时器被清除、鼠标移开定时器再次载入。要改进的地方： 1.参数img_num 即总图片的数量必须是大于等于5，小于5的话会有空隙。 2.图片目前设定的宽 262px 高389px 如果尺寸的比例不符合的话效果没那么好。实现思路：1.先初始...

2020-12-31 19:33:31 6156 11

原创原生js实现美女拼图，把美女老婆抱回家，5个美女够不够！程序员就是可以为所欲为！

前两天孩子闹着要玩拼图游戏，说叫我用手机下载一个玩，后边玩着的时候突然说了一句“他们好厉害哦，能做这么好玩的游戏！”，这给我气的，看不起你爹我是吧，怎么说俺也是IT界的精英，能给你惯着，非得争这口气。于是，我网上查了一下实现原理，就自己写了一个，目前基本功能已经完成，可以在孩子面前表现一番了，就为了那一句“爸爸好厉害！”。效果图实现过程1.切图：用 background:url('+url+') no-repeat -60px -60px 这种语法，将图片切成一张张小图，添加到...

2020-12-30 16:22:40 10366 51

原创理解JavaScript原型、原型链 6题，面试官对你惺惺相惜、情不自禁！

说明：在JavaScript中，对象都有__proto__属性（隐式原型），指向构造该对象的构造函数的原型。而函数Function比较特殊，它除了和其他对象一样有__proto__属性，还有自己特有的属性----prototype称之为原型对象，原型对象有一个constructor属性，该属性指回该函数。经典图:接下来是我整理的几个题题目1：function F() { this.a = 1;}var obj = new F();console.log(o...

2020-12-29 13:45:21 6023

原创用js仿探探拖拽卡片的效果、飞卡片的效果，感觉挺酷，最后有美女看哦！程序员就是可以为所欲为！

前两天在网上看到一个用vue写飞卡片的，觉得很有意思，我就自己想写一个，就花了点时间搞了一下，做的不好望大家多多指教。两个主要的功能：1.空白的地方点击最上面开始移动卡片，然后这个卡片会回到最下面，同时其他卡片往上移动。2.拖动卡片超过多少范围会飞出去(上、下、左、右四种方向)--拖动中间的卡片也可以。先看看效果：第一次用视频做图片，做的不好，哈哈！首先要做一个盒子，然后生成几张卡片放到这个盒子里面然后用js给卡片设置样式，有几个要注意的地方1.从下往上每个卡片.

2020-12-26 11:59:43 10358 51

原创面试经常出的JavaScript变量提升题分析，一劳永逸，吊打面试官！

目录第一题：第二题：第三题：第四题：第五题：第六题：第七题：目前就收集了这些，望共勉之！！第一题：var a = 10;(function a(){ console.log(a) a = 20; console.log(window.a) var a = 30 console.log(a)})()等同于一下代码：var a = 10;(function a(){ //内部作用域 var a;//var a

2020-12-25 23:13:15 5670 17

原创理解js闭包10大使用场景，大厂面试官好自为之！

目录闭包可以说无处不在，所以闭包的几个常用场景，很值得研究一番，如果对闭包还有疑问，可以翻看我之前闭包的文章。1.返回值（最常用）2.函数赋值3.函数参数5.循环赋值6.getter和setter7.迭代器（执行一次函数往下取一个值）8.首次区分（相同的参数，函数不会重复执行）9.缓存理解了闭包的使用场景，好自为之的就是面试官了，哈哈！闭包可以说无处不在，所以闭包的几个常用场景，很值得研究一番，如果对闭包还有疑问，可以翻看我之前闭包的文章。1.返回值（..

2020-12-24 18:18:15 12478 30

原创 Vue实现省市区三级联动，下拉框，简单易懂

效果图：代码：<!DOCTYPE html><html> <head> <meta charset="GBK"> <title></title> <style> </style> </head> <body> <div id="app" > <se

2020-12-24 12:02:07 8307 10

原创 Vue实现2级3级导航（简单易懂）

<!DOCTYPE html><html> <head> <meta charset="GBK"> <title></title> <style> </style> </head> <body> <div id="app" > <ul id='one'>.

2020-12-24 11:21:44 1846 2

原创 vue实现标题导航，tab选项卡（一看就会）

效果图：代码：<!DOCTYPE html><html> <head> <meta charset="GBK"> <title></title> <style> ul li { margin: 0; padding: 0; list-style: none;

2020-12-24 10:51:10 2096

原创 JavaScript对象详解，深入理解js对象

定义：对象是JavaScript的基本数据类型。对象也是一种复合值：可以通过名字访问这些值，我们可以将对象看做是从字符串到值的映射，当然对象不仅仅是字符串到值的映射，除了自有的属性还可以从原型继承属性。创建对象:1.字面量方式 var empty={} //创建一个空对象 var obj={a:1,b:2};//两个属性的对象 var compObj={a:'1',b:'2',cc:{ d:'3', e:'4' } }; //复杂的对象.

2020-12-23 20:30:31 3003

原创 js判断两个对象是否相等的办法，包含绝对相等和形状内容相等

在js中对象是引用类型，对象要相等除非是同一个引用，不然就不会相等，如下： var obj1={0:'a',1:'b',2:'c'} var obj2={0:'a',1:'b',2:'c'} console.log(obj1==obj2) console.log(obj1===obj2)打印都为false，虽然他们模样一样，当需要判断对象的形状和内容都一样的时候，就比如上面的obj1、obj2，怎么办呢？它来了完整代码：//判断两个对象是否相同（包含绝对相等和他们是否

2020-12-23 15:51:51 9091 6

原创 js将类数组转Array数组

function toArray (list, start) { start = start || 0; var i = list.length - start; var ret = new Array(i); while (i--) { ret[i] = list[i + start]; } return ret }参数说明list：是要转换的类数组start：是从下标几开始测试一下：var list={0:'a',..

2020-12-23 14:35:44 2919 16

原创 JavaScript能力测试01（简单级别），你能得多少分？我们的宗旨是碾压面试官！

目录网上看到一个能力测试的，感觉蛮好玩，就拿题目来做了，哈哈看题（答案在后面），题目全部是函数封装哦。答案参考网上看到一个能力测试的，感觉蛮好玩，就拿题目来做了，哈哈看题（答案在后面），题目全部是函数封装哦。1.封装一个函数 indexOf(arr,item) ，找出元素 item 在给定数组 arr 中的位置，不存在返回 -1比如：arr [1,3,5,7,9] item 7 返回 32.封装一个函数 sum(arr)，计算给定数组 arr 中所有元素的总和比如...

2020-12-22 20:10:33 1157 11

原创 vue添加博客功能、展示博客详情，主要用到表单、双向绑定、v-show、v-for、过滤器filter等

做了一个表单添加的实例，非常适合入门没有花时间去做样式，所以不太好看，效果是这样的:1.用v-model来绑定表单中的各个内容，修改内容后会实时的反映到下面的博客总览中，比如：博客标题：<input type="text" v-model="blog.title" class='input'>作者： <select v-model="blog.author"> <...

2020-12-22 13:11:20 845 1

原创 vue实现登录、注册、退出、跳转等功能，简单实用

效果图1：效果图2：效果图3：效果图4：完整实例：<!DOCTYPE html><html> <head> <meta charset="GBK"> <title></title> <style> ul li { margin: 0; padding: 0;

2020-12-22 12:06:17 9740 31

原创 js封装的Toast消息提示框，可作为消息提示、警示框、报错提示、确认框等，很方便好用！

目录闲言效果图：语法参数说明：完整代码欢迎交流指导！！闲言周末花时间写了一个消息提示框，因之前项目里面用到的提示框有好几种，没有统一起来，这次就抽时间搞一个。大概试了一下感觉还不错，蛮好用的，就拿出来分享，目前还没有用到项目中，可能会有些不适合的场景到时候就再修正吧。效果图：图1图2：图3:图4：语法textToast(msg,option);参数说明：msg：需要展示的内容。 option：可选对象，包含...

2020-12-21 14:46:50 3174 1

原创深入理解js变量提升和函数提升，还怕面试吗？

目录提升的定义变量提升函数提升函数优先函数声明覆盖总结提升的定义无论作用域中的声明出现在什么地方，都将在代码被执行前先进行处理，将所有的声明移动到各自作用域的顶端，这个过程叫提升。变量提升a=2;var a;console.log(a);这段代码console会打印什么呢？也许是undefined，但其实会打印 2 。因为这段代码实际会被这样处理：var a;a=2;console.log(a);其中：var a;是编译，后面的两句才是执行。

2020-12-20 17:39:44 493 4

原创 4句话总结Javascript 的this，面试官和我惺惺相惜！

记住这4句话函数是否是用new来调用的？如果是的话this绑定新创建的对象。 var p = new Person(); 函数是否通过call、apply来硬绑定调用的？如果是则this绑定的是指定的对象。 var p = sayHi.call(obj); 函数是否是被摸个上下文对象调用？如果是则this绑定这个上下文对象。 var p = obj.sayHi(); 如果以上都不是的话，则使用默认绑定。 var p = sayHi(); 实例1（new）：...

2020-12-20 16:29:57 262 3

原创彻底理解js闭包并应用，吊打面试官！

闭包给人的感觉是很熟悉却又抓不到的感觉，都知道它很神奇，用了这么多年闭包却也没有真正意义上去分析他、总结它，今天就来总结一下！书中的定义：当函数可以记住并访问所在的作用域时，就产生了闭包（参考至“你不知道的JavaScript”）。我的理解分为3点：存在函数嵌套内部函数存在对外部函数的引用在当前作用域以外依然能够执行前两点我认为是形成闭包的条件，第3点是闭包存在的意义或者说应用；下面用例1分析一下： function fruits(){ var n = 1; .

2020-12-19 21:24:18 1356 11

原创 java c3p0连接数据库实例（mysql）完整实例

目录1.下载包c3p0的jar包，因我之前就有所以就用这个c3p0-0.9.2.1.jar，并引入到你的项目中。2.在src下放入xml配置：c3p0-config.xml3.编写工具类：4.编写测试类：5.执行结果：1.下载包c3p0的jar包，因我之前就有所以就用这个c3p0-0.9.2.1.jar，并引入到你的项目中。2.在src下放入xml配置：c3p0-config.xml<?xml version="1.0" encoding="UTF-8"?>

2020-12-18 17:51:54 906 3

原创 java fileupload上传附件到服务器，可携带参数（简单易用）可跨域，看这篇就够了

一个很简单实用的上传附件实例首先主要用到的包：先看服务端代码，我这里是用了Servlet，在web.xml配置 <servlet> <servlet-class>com.file.FileEntryServlet</servlet-class> <servlet-name>FileServlet</servlet-name> </servlet> <servlet-ma.

2020-12-18 17:14:53 2026

原创 java GUID生成器产生随机GUID的方法

package test;import java.net.*;import java.util.*;import java.security.MessageDigest;import java.security.NoSuchAlgorithmException;import java.security.SecureRandom;/** * <p>描述: GUID生成器，参考了来自www.JavaExchange.com的RandomGUID</p> */pu.

2020-12-18 14:02:12 2381 1

原创 java连接SFTP工具类

import java.io.BufferedReader;import java.io.ByteArrayInputStream;import java.io.File;import java.io.FileInputStream;import java.io.FileNotFoundException;import java.io.FileOutputStream;import java.io.IOException;import java.io.InputStream;import..

2020-12-18 12:11:46 2236

原创 JavaScript实现一个简单的进度条（有进度含百分比）

效果图：代码： <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <style> *{margin:0;padding:0;} .box{ width: 300px; height:10px; bo

2020-12-17 20:18:43 5902 1

原创 JavaScript写一个星星评分代码

<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <style> *{margin:0;padding:0;list-style-type:none;} body{font:12px/180% Arial, Helvetica, sans-se...

2020-12-17 19:19:12 1033

原创 JavaScript经典实例之分页（简单易用）原生js封装分页（一次性数据）

<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <style> *{ margin:5px; padding:0; } .table { word-break: br...

2020-12-17 10:35:27 2492 1

原创 JavaScript HTML DOM replaceChild替换子节点

目录语法：1.用已有的节点去替换2.用新创建的节点去替换replaceChild方法用新节点（新创建的节点或者已经存在的节点）替换某个子节点。语法：replaceChild(newnode,oldnode); newnode 新节点oldnode 要替换的节点1.用已有的节点去替换 <!DOCTYPE html><html> <head> <meta http-...

2020-12-16 16:34:21 2048

原创 JavaScript HTML DOM removeChild删除子元素

removeChild 方法指定元素的某个指定的子节点，并返回被删除的节点，如果节点不存在则返回 null。 <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <style> *{ margin:5px; pa

2020-12-16 15:39:38 2101

原创 JavaScript DOM appendChild添加子元素

目录1.在末尾添加元素：2.移动元素至末尾或至另一个元素的末尾：1.在末尾添加元素，实例： <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> </head> <body> <div id="box"

2020-12-16 15:28:41 8112

原创 JavaScript DOM创建元素节点（createElement）创建文本节点（createTextNode）创建注释节点createComment

<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> </head> <body> <div id="box"> </div> </bo...

2020-12-16 14:44:11 2061

原创兼容低版本IE不能用console的办法

//兼容日志打印，方便调试 window.console = window.console || (function () { var c ={}; c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile= c.clear = c.exception = c.trace = c.assert = function(){}; return c;})();...

2020-12-16 14:33:05 335

原创 JavaScript DOM事件处理addEventListener（事件添加）removeEventListener（事件移出）兼容低版本IE（attachEvent、detachEvent）

目录我们知道JavaScript添加事件的方式有三种：addEventsListener比前面两种有什么优势呢？语法：实例：欢迎交流点赞，谢谢！我们知道JavaScript添加事件的方式有三种：1.直接添加 <button onclick="do_Click()">点击事件</button>2.用document为对象赋值的方式 document.getElementById("box").onclick=function()...

2020-12-16 14:29:54 915

原创 JavaScript 取消默认事件、阻止事件冒泡的方法

首先页面上创建一个a标签：<a href="#" onclick="do_Click()">默认事件</a>然后给body加一个点击事件：document.body.onclick=function(){ alert('body'); }当我点击这个a标签的时候会有两个我们不想发生的事情：1.浏览器地址尾部出现 # 号，这是a标签的默认事件。2.alert('body'); 被执行了，这是事件冒泡。针对这两个有专门的控制方...

2020-12-16 13:36:37 1441

原创 JavaScript 事件代理实例

事件代理：利用事件冒泡的特性，将本应该注册在子元素上的处理事件注册在父元素上，这样点击子元素时本身没有相应事件就到父元素上做出响应的反应。先看一个没有做代理的例子<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <style> *{

2020-12-16 13:15:15 627 2

原创类似Vue的mvvm虚拟语法树AST解析器，html转AST，很好用！

这个也是参考别的大神的，今天翻到就拿出来了，反正用了蛮久了，现在也不知道是哪位大神的！<!DOCTYPE html><html> <head> <meta charset="GBK"> <title></title> <style>* { margin: 0px; padding: 0px;}body { margin: 20px; font-family: Arial, "宋体";

2020-12-11 15:38:04 455

原创 Vue经典实例之数据搜索、数据过滤（简单易懂）

重点：1.搜索框input用到双向绑定v-model2.列表展示用到computed计算属性<!DOCTYPE html><html> <head> <meta charset="GBK"> <title></title> <style>* { margin: 0px; padding: 0px;}body { margin: 20px; font-family: Aria.

2020-12-11 09:35:26 3796

原创 Vue经典实例之可编辑的表格table（史上最简单方便的处理方式，比用element容易理解），同时处理input获取焦点的问题！不好用你找我

目录重点：另外：（input获得焦点的处理）完整代码如下：欢迎指正！！！重点：1.给td添加双击事件 @dblclick="edit(k,sub_k,$event)" ，此函数的作用是将k，sub_k用下滑线组装起来，并赋值给 editKey。2.td的两个元素：input元素用v-show="editKey===k+'_'+sub_k" （默认是隐藏的）；p元素使用v-show="editKey!==k+'_'+sub_k" （默认是显示的）。3.当dblclick 双击.

2020-12-10 20:06:07 865 1

原创 Vue经典实例之table表格奇偶行不同颜色、鼠标移入变色、点击变色，一看就明白

最主要就是用到属性的绑定 :class<!DOCTYPE html><html> <head> <meta charset="GBK"> <title></title> <style> * { margin: 0px; padding: 0px; } body { .

2020-12-10 16:25:28 4520 2

原创 Vue经典实例之走马灯

<!DOCTYPE html><html> <head> <meta charset="GBK"> <title></title> </head> <body> <div id="app"> <button @click="attack">骑兵连进攻</button> &.

2020-12-10 15:39:59 1095 2

原创从零写一个类似Vue的Mvvm框架 01

MVVM框架网上都能找到好多说明的，比如Vue是当下最火之一，俗话说没吃过猪肉还没见过猪跑吗？我今天非但要吃还要挑好的吃、吃到爽，嘿嘿！于是乎我最近就花了不少时间来学习vue的源码，然后自己写来试试，说实话直接看源码比较难受，因为源码处理各种逻辑、涉及到各种情况，条条框框一大堆，我就抓住它的主线把代码先写出来，也算是半抄半写了，费了不少时间，但好歹是写了个雏形出来，也算安慰吧，放到网上大家一起交流！至于mvvm的原理网上有一大堆，我也就不复制了，没劲！这次主要完成了什么东西呢？向大家汇报一下（首

2020-12-09 22:04:51 712 1

Java俄罗斯方块，老程序员花了一个周末，连接中学年代！

Java写的俄罗斯方块，写的挺不错！文章中有详细解释如何实现的，并有视频演示和讲解：https://blog.csdn.net/dkm123456/article/details/117675468

2021-06-09

老Java程序员花一天时间写了个飞机大战，很舒服！

老Java程序员花一天时间写了个飞机大战，文章中有视频演示，还有详细内容说明： https://blog.csdn.net/dkm123456/article/details/117265359

2021-06-09

java扫雷游戏，触雷时学姐哭着扑向了你！

用Java写的扫雷小游戏，功能实用，代码简单易懂！文章中有详细说明： https://blog.csdn.net/dkm123456/article/details/116637184

2021-06-09

老Java程序员花2天写了个连连看，我竟连不过我女儿，我了个去！

自己写的连连看小游戏，文章中有视频，还有详细说明： https://blog.csdn.net/dkm123456/article/details/117431591

2021-06-09

library.rar

用最基础的java语法开发和的web图书管理系统（jsp+servlet），很适合Java初学者和Java小白来学习web系统的制作，代码简单清晰，功能实用。文章中有视频演示，还有详细说明：https://blog.csdn.net/dkm123456/article/details/117536930

2021-06-04