自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

nbin2008的博客

爱拼才会赢

原创 js Array 原生方法

比较有用的原生js数组方法

2016-09-18 22:14:00

阅读数 7826

评论数 0

原创 centos7搭建lnmp+laravel环境

版本 centos:7.6 nginx:1.1 mysql:5.7 php:7.2 laravel:5.5 关闭防火墙 systemctl stop firewalld.service systemctl disable firewalld.service 配置阿里yum源 参考 cd ...

2019-09-05 00:20:22

阅读数 11

评论数 0

原创 多数据提交和还原-前端解决方案

业务场景: 表单页面提交数据保存 再次打开此页面请求之前保存的数据,编辑保存 问题: 数据量太大了,有几百个输入框,还有单选,多选,文本域,下拉选项等,一值对应一字段不大可行 解决方案: 对于额外用途的数据(不仅仅在此页面展示),需要和后端定义明确的字段 仅在当前页面展示的数据,用 对象...

2019-05-21 17:42:56

阅读数 24

评论数 0

原创 H5适配方案

一般ui设计,分为750,720,640宽,分别引入以下js 750 ;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.query...

2018-10-08 11:10:14

阅读数 213

评论数 0

原创 多维数组的反向操作

在线效果 var dlist = [ { name: 'n1', id: 'n1', child: [ { name: 'n1-1&...

2018-05-18 09:36:10

阅读数 92

评论数 0

原创 用vue写一个树形菜单

先看下效果: 在线效果 用到的技术: 1,vue组件,组件事件传递 2,递归 代码: 组件: <script type="text/x-template" id="item-template"> &...

2018-05-17 14:26:28

阅读数 10481

评论数 12

原创 快速排序

先看一张图 1,以数组的第一个位置(l)的值(v)作为参考 2,后续的数组的值分两部分,小于v和大于v的,[l+i,j],[j+1,r) 3,最后,l的值和j的值交换 具体实现代码如下: window.sortQuick = { _partition(arr, l , r...

2018-04-27 16:55:29

阅读数 54

评论数 1

原创 算法:归并排序

归并排序算法,先看以下一张图: 结合图片看过程: 从上往下,把数组1/2等分,然后再1/2等分。。。 从下往上,在合并的时候,会对等分的数组进行比较,用上图的Level 1说明: 左侧是[i,mid],右侧是[j,right],上级的是[left,right] 首先,i索引 位置的值...

2018-03-08 23:17:26

阅读数 61

评论数 0

原创 算法-基础篇(选择排序,插入排序,冒泡排序)

选择排序 插入排序 冒泡排序 具体代码,在html中分别引入以下文件: sortHelpder.jswindow.sortHelper = { // 数组值互换 exchange(arr,i,j) { let tmp = arr[i]; arr[i...

2018-03-08 23:07:23

阅读数 54

评论数 0

原创 js写一个定制日历

老早之前写过一个js日历的方法,但是和dom耦合太强,并且逻辑复杂化,在原来的基础上进行了优化,重写了日历方法。效果图如下,dom结构为一个div,里面包含了 7*6=42 个元素,左浮动排列在线效果(手机端):https://nbin2008.github.io/demo/jsDate/inde...

2018-03-02 17:43:58

阅读数 2354

评论数 0

原创 java连接数据库的一些方法记载

主要是jdbc,dbcp,c3p0,dbutils的笔记 都需要导入的包:mysql-connector-java-5.1.37-bin.jar ===jdbc=== JdbcUtil.java package com.jdbcutil; import java.io.IOE...

2017-09-11 21:47:28

阅读数 133

评论数 0

原创 html表格固定首行首列

html表格固定首行首列,适用于标准表格,格式如下: 写了两个...

2017-07-03 00:10:05

阅读数 1216

评论数 0

原创 vue 没用vuex的情况下解决应用数据方案

vuex,为了解决应用级数据而存在。 当开始没用引入vuex,随着项目越来越大,子父组件不能通过事件通讯传递数据维持了,可以通过此方法解决。 比如:a组件的数据变化 =》影响b组件的数据变化,b组件的数据变化=》影响其它组件的数据变化... 所用应用级数据可以存在一个对象里面,开启定时器监控,...

2017-03-09 23:14:57

阅读数 832

评论数 0

原创 vuex2.0小demo

在线效果:https://nbin2008.github.io/demo/vuex2.0/index.html 项目目录: index.html Vuex2 - noteApp 只引入了一个main.js,打包后的文件 app...

2016-11-22 21:25:17

阅读数 8881

评论数 0

原创 webpack - 如何把es6编译成es5

目录: 配置: 需要说明的地方: 如果不用es2016,es2017,是不需要babel-preset-es2016,babel-preset-es2017,babel-polyfill模块,index.js无须require("babel...

2016-11-09 22:11:20

阅读数 4820

评论数 0

原创 js String 原生方法

String.includes(x,index) String.startsWith(x,index) String.endsWith(x,index) 返回布尔值,表示是否找到了参数字符串。 返回布尔值,表示参数字符串是否在源字符串的头部。 返回布尔值,表示参数字符串是否在源字符串的尾...

2016-09-21 23:19:20

阅读数 279

评论数 0

原创 数组的扩展与修复

JS数组的扩展与修复

2016-06-19 19:12:25

阅读数 319

评论数 0

原创 字符串的扩展与修复

字符串的扩展与修复

2016-06-12 21:14:54

阅读数 504

评论数 0

原创 用avalon写的一个弹窗demo

之前项目中,用avalon写的一个模块,单独拿出来了,一个小弹窗的效果。 demo地址: http://www.hui12.com/nbin/demo/4a/4a.html html: 自定义人群条件 ...

2016-06-05 22:41:15

阅读数 7141

评论数 0

转载 何谓domReady

原文详细介绍:http://www.cnblogs.com/rubylouvre/p/4536334.html 关键代码: function IEContentLoaded (w, fn) { var d = w.document, done = false, ...

2016-05-04 01:13:03

阅读数 216

评论数 0

转载 前端图片预览,上传前预览,兼容IE7、8、9、10、11,Firefox,Chrome

原文地址跳转 $(function() { $("#file_upload").change(function() { var $f...

2016-04-28 23:21:05

阅读数 517

评论数 0

原创 文件上传,iframe跨域数据提交

1、文件上传,图片上传,第三方uploadify插件,http://www.uploadify.com/about/ 2、用iframe上传文件,提交表单,主要思路就是:  a、js创建form表单,iframe,添加到body里,form的target要和iframe的name一致。  b...

2016-04-19 23:33:53

阅读数 1195

评论数 0

原创 jQuery,input,value

input,value 平时使用jq获取input的value,一般都是用的都是用val()方法,问题来了,请看: 1、初始状态: 2、调用jq方法设置值 页面中值已经改变,但是input元素的value还是123 3、分别用jq的val和attr方法获取 再看w3c的文...

2016-04-01 02:03:28

阅读数 243

评论数 0

原创 js之this

javascript的this

2016-03-26 23:21:05

阅读数 168

评论数 0

原创 js函数节流-性能-resize

js性能优化

2016-03-16 23:51:53

阅读数 1475

评论数 0

原创 js惰性载入-性能-滚轮事件

js性能优化,滚轮事件

2016-03-15 23:37:41

阅读数 535

评论数 0

原创 jQuery.data方法

jQuery缓存方法

2016-03-07 23:25:56

阅读数 433

评论数 0

原创 jQuery.Callbacks

$.Callbacks()分析

2016-02-29 23:51:17

阅读数 277

评论数 0

原创 $.type(),js数据类型判断

js数据类型判断

2016-01-25 23:11:11

阅读数 287

评论数 0

原创 $(document).ready(function(){}),jq第一个入口分析

(jQuery版本为2.0.3) jq加载,有3种方法: $(document).ready(function(){}); $(function(){}); $(document).on('ready',function(){}); 1、$(documen...

2016-01-24 00:50:44

阅读数 2377

评论数 0

原创 jQuery-extend分析

jQuery.extend = jQuery.fn.extend = function() { var options, name, src, copy, copyIsArray, clone, target = arguments[0] || {}, i = 1, length =...

2016-01-21 22:43:53

阅读数 491

评论数 1

原创 jquery对象不用new原因

function jQuery(){ return new jQuery.prototype.init(); }; jQuery.prototype.init = function(){ console.log(this); console.log(this.constructor == j...

2016-01-12 22:07:14

阅读数 827

评论数 0

原创 仿百度图片浏览效果

图片浏览

2016-01-06 21:22:17

阅读数 1708

评论数 1

原创 图片打马赛克

http://www.hui12.com/nbin/canvas/c3.html 可以给图片打马赛克,初级处理。 马赛克 *{margin: 0; padding: 0;} .box{width: 0; height: 0; overflow: hidden; ...

2015-12-24 23:46:13

阅读数 748

评论数 0

原创 马赛克原理

http://www.hui12.com/nbin/canvas/c2.html 马赛克原理 var mycanvas = document.getElementById('mycanvas'); var ctx ...

2015-12-22 22:55:47

阅读数 3320

评论数 0

原创 图片色彩反转与灰度

http://www.hui12.com/nbin/canvas/c1.html 图片色彩反转-灰度 灰度 反转 var c1 = document.getElementById('c1'); var c2 = d...

2015-12-22 22:18:21

阅读数 1315

评论数 0

原创 flipOver翻页效果

翻页效果

2015-12-04 16:30:51

阅读数 340

评论数 0

原创 H5页面audio多声音解决方法

H5页面,多声音解决方法

2015-12-04 15:51:09

阅读数 7326

评论数 0

原创 canvas之createRadialGradient

var mycanvas = document.getElementById("mycanvas"); var ctx = mycanvas.getContext("2d"); var gradient = ctx.createRadialGradi...

2015-11-23 22:48:52

阅读数 369

评论数 0

原创 飞机大战

飞机大战,lufy大神的书,学习下如何刷游戏。

2015-11-16 22:45:18

阅读数 465

评论数 0

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