自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 资源 (2)
  • 收藏
  • 关注

原创 用js实现一个控制异步最大并发数的函数

看到一个大佬写的控制异步并发数的函数,核心思想就是在并发数大于限制的时候,暂时先把操作放入通过promise组装一下,然后放入数组,每次执行完异步回调后就将操作按先入先出的顺序取出,然后执行,保证最大并发数在限制范围内。代码如下:class LimitPromise { constructor (limit) { this._limit = limit // 最大限制数 this._count = 0 // 目前并发的数量 this._taskQueue = [] //

2022-03-23 11:14:07 1313

原创 设计一个LazyMan类

今天看到一个面试题,设计LazyMan类实现以下功能LazyMan('Tony');// Hi I am TonyLazyMan('Tony').sleep(10).eat('lunch');// Hi I am Tony// 等待了10秒...// I am eating lunchLazyMan('Tony').eat('lunch').sleep(10).eat('dinner');// Hi I am Tony// I am eating lunch// 等待了10秒..

2022-03-22 09:59:33 573

原创 js的6种继承方式

今天复习了js的6种继承方式,想以写博客的方式加深一遍印象,也谈谈自己对js这6种继承方式的认识和理解先简单定义一下需要继承的函数function Parent (name) { this.name = name this.getName = function () { return this.name }}1. 原型链继承function Child () {}Child.prototype = new Parent()Child.prototype.name

2022-03-20 15:46:08 200

原创 用 js 实现 FIFO, LRU, LFU 缓存淘汰算法

看了网上一些人写的缓存淘汰算法,大概明白了这三种淘汰算法的实现思路,然后自己在对这些算法的理解基础上用js语言实现如下1. FIFO 先入先出这个相对比较简单,使用一个数组存储,在没到达最大存储空间时,只要set就一直往数组里面push,如果满了,就先把数组最前面的使用shift给删除了后再pushclass FIFOCache { constructor (limit) { this.limit = limit || 10 this.map = {} this.k

2022-03-17 12:09:28 1311

原创 防抖节流函数

今天代码里用到了节流函数,稀释事件触发频率,看了网上的一些写法有的是n秒内触发的话,给return掉。有的是n秒内触发的话,设置一个 setTimeout ,又等n秒再执行。都不太适合我的业务场景自己总结了一个适合自己业务场景的节流函数。如果n秒内执行的话,就设置 setTimeout 等到了n秒的间隔后默认执行一次function throttle(func, wait) { let startTime, timeout return function() { let now

2022-03-16 15:33:33 131

原创 开发微信小程序踩坑之路--前端获取带参数的微信二维码并绘制在canvas上

1.通过微信官方提供的api,请求二维码之前要先获取access_tokenGET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRETgrant_type参数是固定的,拼上自己的APPID和APPSECRET,通过wx.re...

2019-03-05 13:01:08 2523 2

原创 java实现二叉树的遍历

今天参加XX公司笔试,考了一道很基础的二叉树遍历的程序题,只可惜是很久以前做的,现在忘得差不多了,笔试完后回来打算重新写一遍二叉树的遍历,于是翻阅了数据结构的书籍,花了二十分钟重新写了二叉树遍历的demo,然后写篇博客加深印象下面是具体代码import java.util.ArrayList;//二叉树的遍历public class test { private stati

2016-09-28 20:58:22 342

原创 HTTP Method 小结

GET:获取数据POST:向指定的资源提交数据PUT:向指定的资源上传数据然后更新DELETE:删除指定的某个资源HEAD:与get一样,不过只传回来头数据,正文部分不会传TRACE:允许程序员查看客户端的消息是如何修改的,因为它通过一系列的代理服务器。一个跟踪方法相呼应的HTTP请求头返回到客户端的收件人OPTIONS:

2016-09-27 13:27:56 903

原创 讲讲JavaScript中异步调用的发展

JS 中最基础的异步调用方式是 callback,它将回调函数 callback 传给异步 API,由浏览器或 Node 在异步完成后,通知 JS 引擎调用 callback。对于简单的异步操作,用 callback 实现,是够用的。但随着负责交互页面和 Node 出现,callback 方案的弊端开始浮现出来。 Promise 规范孕育而生,并被纳入 ES6 的规范中。后来 ES7 又在 Pro

2016-09-22 19:43:13 1196

转载 详细解读Jquery中Ajax的各个函数

一,$.get(url,[data],[callback])说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数。而其中,服务器返回数据的格式其实是字符串形势,并不是我们想要的json数据格式,在此引用只是为了对比说明。 $.

2016-09-22 11:51:33 501

原创 web搜索框的制作(必应)

前两天没事突然对搜索来了兴趣,我一直在想搜索框中我们输入一些字或者字母,为何下面就会有一些自动补齐的相关搜索,比如我在搜索输入框中输入一个字母e,下面就会出现饿了么,e租宝,ems等相关的搜索链接。然后经过百度,发现原来很多厂商的服务器早已经为我们弄好了。        我们只需要写个输入框,然后获取输入框里的信息,将信息打包,请求服务器,然后获取数据再显示在界面上就OK了。想想是不是很简单呢

2016-08-29 10:32:49 16030

原创 使用canvas画出满天繁星

今天学习了h5中的canvas标签,结合之前学习的画星星的算法,画出了满天繁星的效果图下面是展示:做这个比较难的是画星星的算法,下面是帮助大家理解一个图:只需要找到上面的十个点(5个小圆的点和5个大圆的点)之间的规律,使用ctx.lineTo依次连接就OK了。大圆和小圆的5个点之间的度数都相差72度。cos和sin的值可以用Math.cos()和Ma

2016-08-26 15:39:25 2670

原创 jquery实现瀑布流布局

瀑布流式布局:是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,图片为等宽不等高,感觉很杂乱无章,但又有一定的规律感,不失优雅,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站基本为这类风格,像花瓣网、蘑菇街、美丽说等。一.接下来看看效果图:由于图片选择不

2016-08-24 12:18:03 409

原创 jquery实现网页定位导航

不知道大家有没有注意到有的网页由于页面信息量太大所以使用了页面定位导航来实现跳转,点击旁边的菜单的某一项页面就跳到那一项对应的内容,而且我们滚动滚动条,当滚动到某一项内容,旁边菜单对应的那一项也会高亮显示。今天我就来讲讲这样的效果是如何实现的。先贴上显示效果:实现:这个的页面布局很简单,大家下去多试试就OK了,值得注意的是需要在菜单布局里的每一个li里面添加a标

2016-08-23 13:13:29 1393

原创 jquery的animate动画效果函数用JS代码是如何实现的

众所周知,jquery是一个封装了很多函数的JS代码库,页面上要做的很多的东西如果用JS代码实现是很费时费力的,所以才有了jquery这种封装好的代码库,帮助程序员快速开发web实现交互,其中有一个很常见的函数animate,只需要传入一些属性和属性需要改变的值以及回调函数等就可以实现很难的动画效果。调用起来很容易,但JS代码是如何实现的呢,下面我就贴上我封装好的一个JS代码的函数,可以实现同an

2016-08-19 13:55:41 1174

原创 模仿腾讯QQ的web登陆面板

用了腾讯QQ也有将近十年了,今天心血来潮想模仿腾讯QQ的登陆面板做一个web版的登陆面板,然后参考了一些代码,自己模仿,学写了一个效果如下:其中还实现了拖动面板,选择状态的效果下面是具体代码:1.index.html 拖动

2016-08-18 13:09:32 2278

原创 说说今天学习的用JS绘制绚丽的时钟效果

今天又是一天的html5的Canvas属性的学习,然后自己做了一个小demo,绘制了一个绚丽的带有动画效果的时钟。废话不多说,先贴图,大家感受下:上面分别是时分秒,时间走动,只有某个数字改变了,组成数字的小圆球们就会变成随机的彩色小球以自由落体运动下落,然后随机朝两边滚动,然后滚到画面外。效果很简单,但实现起来还要结合已学的物理和数学知识。下面贴上代码。大家可以自己试试

2016-08-12 21:44:18 1383 1

原创 用JS实现图片剪裁效果并预览

今天又疯狂学习了web前端的图片剪裁效果,可以有个区域来框住图片的某一部分,并可以预览框住的部分效果图如下:看着是不是很炫呢简单介绍下实现方法吧1.布局就是左右两块div,右边的好说,主要是左边的,左边的用绝对布局的方式分了3层,最下面一层是一个半透明的图片,中间一层是原图,但被剪切成只有一块,也只显示这一块,可以用clip:rect方法实现,然后最上面一层就是自己写的一个

2016-08-11 16:43:36 1417

原创 使用canvas做出红包照片的效果

今天跟着学习了一个制作红包照片类似功能的demo,很有意思,所以在这里分享代码给大家,可以直接使用。先贴出效果图大家看一下:点击重置后会以随机一个点为圆心生成半径为50px的圆,然后显示清晰的图像;点击显示后会全部显示清晰的图像;功能虽然很少,但是很有意思不是吗,而且做好了适配可以在不同分辨率大小的设备上都可以玩。只需要js+css+html就可以实现,不过需要引入

2016-08-10 16:20:47 1529

原创 配置Mybatis的动态sql语句

今天项目经理让我们做一个Mybatis的动态sql语句配置文件要求如下:(1).提交个多个(3个以上)条件的查询的mapper配置文件。当参数不传则不作为查询的条件(2).insert ,update的配置:没有传的字段不操作该字段要完成以上两个条件就不能只写简单的语句进行查询了,需要根据前端传来的数据的变化而变化。有时前端不会传来一整条完整的数据让你去实现增删

2016-08-03 13:32:31 2842

原创 用bootstrap 制作一个简洁美观的页面

今天学习了bootstrap的一些基础组件,然后用了其中的一些组件制作了一个页面,在这里分享一下,希望大家不要嫌弃某管理系统 body{ margin-top: 65px; } .col-md-2{ background-color: #ccc; /*?*/ height: 600px; } #left-content{ margin-top:

2016-08-02 21:38:44 16289

原创 谈谈今天第一次使用Mybatis访问MySql数据库的过程

因为工作所需,今天中午和下午自学了mybatis,刚刚完成一个使用mybatis插入数据到mysql的过程就迫不及待得想把经验分享给大家,下面就把过程给大家展示一下:1. 首先我在eclipse上新建了一个java工程,取名为FirstMyBatis2. 然后在工程下新建了一个lib文件夹,把mybatis的jar包和连接mysql的jar包放进去,我这里的mybatis的

2016-07-29 16:04:24 1727

原创 说说我自己在window10上配置React Native 的过程和所遇到的坑

1. 首先得先安装JDK,然后配置JDK的环境,将JDK的bin目录加入系统PATH环境变量推荐1.8以上的版本2. 然后安装一些必须的软件 详情请看http://reactnative.cn/docs/0.28/getting-started.html#content1)首先是Chocolatey,以管理员的身份打开命令提示符窗口,就是cmd

2016-07-29 13:11:30 1762

原创 简单的计算器

要想做一个简单的计算器得先明白计算器是如何计算的:答案很简单,就是通过后缀表达式计算结果。下面就是本人自己看了资料后写的封装类,可以把计算式转成后缀表达式,然后再计算结果并返回package com.xhy.calculator;/** * Created by change100 on 2016/5/18. */import android.util.Log;impo

2016-06-21 10:58:52 355

原创 使用Socket做一个简单的下载器

1.首先要建立一个服务器用来处理信息并给客户端传输文件(电脑)我是用电脑开了一个WIFI,手机连上后使用scoket传输的SERVERIP要根据自己实际情况更改。端口也可以随便更改0~65535,尽量选大一点import java.io.BufferedInputStream;import java.io.BufferedOutputStream;import java.io.

2015-12-21 15:54:21 555

L2Dwidget.0.min.js

看板娘js,自定义动画模板,看板娘跟随鼠标移动 setTimeout(() => { window.L2Dwidget.init({ pluginRootPath: 'static/live2dw/', pluginJsPath: 'lib/', pluginModelPath: `live2d-widget-model-z16/assets/`, tagMode: false, debug: false, model: { jsonPath: `../static/live2dw/live2d-widget-model-z16/assets/z16.model.json` }, display: { position: 'right', width: 300, height: 650 }, mobile: { show: true }, log: false }) }, 1000)

2020-06-10

L2Dwidget.min.js

看板娘js,自定义动画模板,看板娘跟随鼠标移动 setTimeout(() => { window.L2Dwidget.init({ pluginRootPath: 'static/live2dw/', pluginJsPath: 'lib/', pluginModelPath: `live2d-widget-model-z16/assets/`, tagMode: false, debug: false, model: { jsonPath: `../static/live2dw/live2d-widget-model-z16/assets/z16.model.json` }, display: { position: 'right', width: 300, height: 650 }, mobile: { show: true }, log: false }) }, 1000)

2020-06-10

空空如也

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

TA关注的人

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