- 博客(54)
- 收藏
- 关注
RSS订阅
原创 ant-design-vue,表格树形数据父子关联选择完善
在线效果组件使用<a-table :columns="columns" :data-source="tabData" :row-selection="{selectedRowKeys: selectedRowKeys, onSelectAll: onSelectAll, onSelect: onSelect}" />混合封装const mixinTableTreeSelec...
2020-03-03 16:06:02
6702
6
原创 centos7搭建lnmp+laravel环境
版本centos：7.6nginx：1.1mysql：5.7php：7.2laravel：5.5关闭防火墙systemctl stop firewalld.servicesystemctl disable firewalld.service配置阿里yum源参考cd /etc/yum.repos.d/wget http://mirrors.aliyun.com/re...
2019-09-05 00:20:22
320
原创 多数据提交和还原-前端解决方案
业务场景：表单页面提交数据保存再次打开此页面请求之前保存的数据，编辑保存问题：数据量太大了，有几百个输入框，还有单选，多选，文本域，下拉选项等，一值对应一字段不大可行解决方案：对于额外用途的数据(不仅仅在此页面展示)，需要和后端定义明确的字段仅在当前页面展示的数据，用 对象转字符串 保存，对象用于存储只在当页展示的数据具体实现方法(以vue为例):原数据生产方法：用于...
2019-05-21 17:42:56
240
原创 H5适配方案
一般ui设计，分为750，720，640宽，分别引入以下js750;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); var flexible...
2018-10-08 11:10:14
712
原创 多维数组的反向操作
在线效果var dlist = [ { name: 'n1', id: 'n1', child: [ { name: 'n1-1', id: 'n1-1', child: [ n...
2018-05-18 09:36:10
273
原创 用vue写一个树形菜单
先看下效果： 在线效果用到的技术： 1，vue组件，组件事件传递 2，递归代码： 组件：<script type="text/x-template" id="item-template"> <li class="item"> <div class="bold" :class="{'item-active
2018-05-17 14:26:28
20851
12
原创 快速排序
先看一张图 1，以数组的第一个位置(l)的值(v)作为参考 2，后续的数组的值分两部分，小于v和大于v的，[l+i,j]，[j+1,r) 3，最后，l的值和j的值交换具体实现代码如下：window.sortQuick = { _partition(arr, l , r) { // 在接近有序的数组中效率很低，此处进行了优化 var ra...
2018-04-27 16:55:29
155
1
原创 算法：归并排序
归并排序算法，先看以下一张图： 结合图片看过程：从上往下，把数组1/2等分，然后再1/2等分。。。从下往上，在合并的时候，会对等分的数组进行比较，用上图的Level 1说明： 左侧是[i,mid]，右侧是[j,right]，上级的是[left,right] 首先，i索引 位置的值和 j索引 位置的值比较，小的值放到 k索引 的位值，小的值的 索引 自增，k索引 自增 有一种临界...
2018-03-08 23:17:26
178
原创 算法-基础篇(选择排序，插入排序，冒泡排序)
选择排序插入排序冒泡排序具体代码，在html中分别引入以下文件： sortHelpder.jswindow.sortHelper = { // 数组值互换 exchange(arr,i,j) { let tmp = arr[i]; arr[i] = arr[j]; arr[j] = tmp; }, // 生成一个
2018-03-08 23:07:23
189
原创 js写一个定制日历
老早之前写过一个js日历的方法，但是和dom耦合太强，并且逻辑复杂化，在原来的基础上进行了优化，重写了日历方法。效果图如下，dom结构为一个div，里面包含了 7*6=42 个元素，左浮动排列在线效果(手机端)：https://nbin2008.github.io/demo/jsDate/index3.html源码如下：/** 日历控件var Dw = new DateWeek(), ...
2018-03-02 17:43:58
3145
原创 java连接数据库的一些方法记载
主要是jdbc，dbcp，c3p0，dbutils的笔记都需要导入的包：mysql-connector-java-5.1.37-bin.jar===jdbc===JdbcUtil.javapackage com.jdbcutil;import java.io.IOException;import java.io.InputStream;import java.s
2017-09-11 21:47:28
359
原创 html表格固定首行首列
html表格固定首行首列，适用于标准表格，格式如下： 写了两个方法：1，表格表头固定,这种方法是copy一个table操作，不会改变原table任何样式，但是不
2017-07-03 00:10:05
4759
原创 vue 没用vuex的情况下解决应用数据方案
vuex，为了解决应用级数据而存在。当开始没用引入vuex，随着项目越来越大，子父组件不能通过事件通讯传递数据维持了，可以通过此方法解决。比如：a组件的数据变化 =》影响b组件的数据变化，b组件的数据变化=》影响其它组件的数据变化...所用应用级数据可以存在一个对象里面，开启定时器监控，如果数据有变化，向下派事件（可以带上变化数据的名字，子组件可以过滤筛选），子组件接受事件，进
2017-03-09 23:14:57
1153
原创 vuex2.0小demo
在线效果：https://nbin2008.github.io/demo/vuex2.0/index.html项目目录：index.html Vuex2 - noteApp 只引入了一个main.js，打包后的文件app.jsimport 'babel-polyfill';import Vue from "Vue"
2016-11-22 21:25:17
9216
原创 webpack - 如何把es6编译成es5
目录：配置：需要说明的地方：如果不用es2016，es2017，是不需要babel-preset-es2016，babel-preset-es2017，babel-polyfill模块，index.js无须require("babel-polyfill")
2016-11-09 22:11:20
6157
原创 js String 原生方法
String.includes(x，index)String.startsWith(x,index)String.endsWith(x,index)返回布尔值，表示是否找到了参数字符串。返回布尔值，表示参数字符串是否在源字符串的头部。返回布尔值，表示参数字符串是否在源字符串的尾部。接受第二个参数，表示开始搜索的位置var s = 'Hello world
2016-09-21 23:19:20
487
原创 用avalon写的一个弹窗demo
之前项目中，用avalon写的一个模块，单独拿出来了，一个小弹窗的效果。demo地址： http://www.hui12.com/nbin/demo/4a/4a.htmlhtml： 自定义人群条件 x
2016-06-05 22:41:15
7474
转载 何谓domReady
原文详细介绍：http://www.cnblogs.com/rubylouvre/p/4536334.html关键代码：function IEContentLoaded (w, fn) { var d = w.document, done = false, // 只执行一次用户的回调函数init() i
2016-05-04 01:13:03
329
转载 前端图片预览，上传前预览，兼容IE7、8、9、10、11，Firefox，Chrome
原文地址跳转 $(function() { $("#file_upload").change(function() { var $file = $(this); var fileObj = $file[0];
2016-04-28 23:21:05
633
原创 文件上传，iframe跨域数据提交
1、文件上传，图片上传，第三方uploadify插件，http://www.uploadify.com/about/2、用iframe上传文件，提交表单，主要思路就是： a、js创建form表单，iframe，添加到body里，form的target要和iframe的name一致。 b、form表单里更新数据，submit提交 c、如果上传文件，图片，form里面添加
2016-04-19 23:33:53
1469
原创 jQuery，input，value
input，value平时使用jq获取input的value，一般都是用的都是用val()方法，问题来了，请看：1、初始状态：2、调用jq方法设置值页面中值已经改变，但是input元素的value还是1233、分别用jq的val和attr方法获取再看w3c的文档说明，忽忽。
2016-04-01 02:03:28
325
原创 $(document).ready(function(){})，jq第一个入口分析
（jQuery版本为2.0.3）jq加载，有3种方法：$(document).ready(function(){});$(function(){});$(document).on('ready',function(){});1、$(document).ready(function(){});$(document)为JQ对象，调用ready实例方法见243
2016-01-24 00:50:44
2615
原创 jQuery-extend分析
jQuery.extend = jQuery.fn.extend = function() { var options, name, src, copy, copyIsArray, clone, target = arguments[0] || {}, i = 1, length = arguments.length, deep = false; // Handle a de
2016-01-21 22:43:53
603
1
原创 jquery对象不用new原因
function jQuery(){ return new jQuery.prototype.init();};jQuery.prototype.init = function(){ console.log(this); console.log(this.constructor == jQuery)};jQuery.prototype.init.prototype = jQuery.
2016-01-12 22:07:14
1075
原创 图片打马赛克
http://www.hui12.com/nbin/canvas/c3.html可以给图片打马赛克，初级处理。 马赛克 *{margin: 0; padding: 0;} .box{width: 0; height: 0; overflow: hidden; position: relative;} .cur{width: 10px; height:
2015-12-24 23:46:13
1011
原创 马赛克原理
http://www.hui12.com/nbin/canvas/c2.html 马赛克原理 var mycanvas = document.getElementById('mycanvas'); var ctx = mycanvas.getContext('2d'); var imageData = ctx.cre
2015-12-22 22:55:47
5037
原创 图片色彩反转与灰度
http://www.hui12.com/nbin/canvas/c1.html 图片色彩反转-灰度 灰度 反转 var c1 = document.getElementById('c1'); var c2 = document.getElementById('c2'); var ctx1 = c1.getContext('2
2015-12-22 22:18:21
1932
原创 canvas之createRadialGradient
var mycanvas = document.getElementById("mycanvas"); var ctx = mycanvas.getContext("2d"); var gradient = ctx.createRadialGradient(300,300,10,100,100,50); gradient.addColorStop(0,"rgb(0,0,0)"); gr
2015-11-23 22:48:52
606
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人