那些这个夏天-CSDN博客

原创 webpack 原理及工作流程

webpack是一个前端项目构建工具，使用webpack可以把前端当成一个工程来开发，而且能够更好的把前端的各类资源统一管理，编译，打包它是一个编辑工具，可以通过各种插件将基于node.js ,sass,less编写代码编译成能够运行在前端浏览器的javascript 和css 它是一个打包工具，可以将前端所有的资源打包到一个dundle.js中 webpack工作流程：初始化参数，从配置文件和shell语句中读取与合并参数，得出最终的参数开始编译：用上...

2021-03-19 15:13:33 335

转载 js作用域

一直对Js的作用域有点迷糊，今天偶然读到Javascript权威指南，立马被吸引住了，写的真不错。我看的是第六版本，相当的厚，大概1000多页，Js博大精深，要熟悉精通需要大毅力大功夫。一：函数作用域先看一小段代码：var scope="global";function t(){ console.log(scope); var scope="local" console.log(scope);}t();(PS: console.log()是firebu...

2021-03-18 15:11:02 232

原创 v-if 不生效----vue深入式响应原理

今天在写的一个行内编辑功能，想通过v-if 判断行内是否是编辑状态，来展示是input输入，还是普通显示文本，初始化默认的scope.row.ipshow1=true,点击编辑按钮，想通过@click='scope.row.ipshow1===false',来改变状态，重新渲染列表实现行内编辑，然后并不能达到预期效果.通过多次百度，查到了关于深入响应式原理（附上官方文档https://cn.vuejs.org/v2/guide/reactivity.html），一句话总结：由于javascr

2021-03-15 18:24:59 5910 4

转载 linux 常用命令

一、基本命令1.1 关机和重启1.2 帮助命令二、目录操作命令2.1 目录切换 cd2.2 目录查看 ls [-al]2.3 目录操作【增，删，改，查】2.3.1创建目录【增】 mkdir2.3.2删除目录或文件【删】rm2.3.3目录修改【改】mv 和 cp2.3.4搜索目录【查】find三、文件操作命令3.1 文件操作【增，删，改，查】3.1.1新建文件【增】touch3.1.2 删除文件【删】 rm3.1.3修改文件【改】 v...

2021-03-03 15:56:10 332 1

转载 js 希尔排序算法

js 实现排序算法 -- 希尔排序（Shell Sort）原文：　　十大经典排序算法（动图演示）希尔排序　　1959年Shell发明，第一个突破O(n2)的排序算法，是简单插入排序的改进版。它与插入排序的不同之处在于，它会优先比较距离较远的元素。希尔排序又叫缩小增量排序。算法描述：　　将整个待排序的记录序列分割成为若干子序列分别进行直接插入排序，具体算法描述：选择一个增量序列t1，t2，…，tk，其中t1>t2>...，tk=1；按增量序列个数k，对序..

2021-02-26 18:13:29 326

转载 JS中的算法与数据结构——排序（Sort）

JS中的算法与数据结构——排序（Sort）排序算法（Sort）引言我们平时对计算机中存储的数据执行的两种最常见的操作就是排序和查找，对于计算机的排序和查找的研究，自计算机诞生以来就没有停止过。如今又是大数据，云计算的时代，对数据的排序和查找的速度、效率要求更高，因此要对排序和查找的算法进行专门的数据结构设计，（例如我们上一篇聊到的二叉查找树就是其中一种），以便让我们对数据的操作更加简洁高效。这一篇我们将会介绍一些数据排序的基本算法和高级算法并利用JavaScript来逐一实现，让大伙对计算机

2021-02-25 17:28:43 243

转载浏览器工作原理

图解浏览器的基本工作原理前言可能每一个前端工程师都想要理解浏览器的工作原理。我们希望知道从在浏览器地址栏中输入 url 到页面展现的短短几秒内浏览器究竟做了什么；我们希望了解平时常常听说的各种代码优化方案是究竟为什么能起到优化的作用；我们希望更细化的了解浏览器的渲染流程。浏览器的多进程架构一个好的程序常常被划分为几个相互独立又彼此配合的模块，浏览器也是如此，以 Chrome 为例，它由多个进程组成，每个进程都有自己核心的职责，它们相互配合完成浏览器的整体功能，每个进程中又包含..

2021-02-22 14:23:27 163

转载整理一批正在学、正在看、正在用，前端工具

整理一批正在学、正在看、正在用，前端工具注：本文转载自掘金：https://juejin.cn/post/6911251933386768391本文章内容为平时开发自己常用常看的一些工具、库、框架、优秀的博客技术网站。都是自己使用过的，大部分都还在维护，不常维护的在这里就不搬上来的。内容多，慢慢细品。HTMLawesome-html5精选的HTML5资源精选清单CSStailwindcss与Tailwind CSS相关的很棒的事情 awesome-css-frameworks很...

2021-02-18 10:28:36 7709

转载原型链

javascript——原型与原型链一、prototype在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。例如：function Person(age) { this.age = age }Person.prototype.name = 'kavin'var person1 = new Person()var person2 = new Person()console.log(person1.name) //k

2020-12-29 18:24:16 102

转载【深入理解Java集合框架】Java ArrayList源码剖析

总体介绍ArrayList实现了List接口，是顺序容器，即元素存放的数据与放进去的顺序相同，允许放入null元素，底层通过数组实现。除该类未实现同步外，其余跟Vector大致相同。每个ArrayList都有一个容量（capacity），表示底层数组的实际大小，容器内存储元素的个数不能多于当前容量。当向容器中添加元素时，如果容量不足，容器会自动增大底层数组的大小。前面已经提过，Java泛型只是编译...

2018-06-06 11:57:18 277

转载【深入理解Java集合框架】Java LinkedList源码剖析

总体介绍LinkedList同时实现了List接口和Deque接口，也就是说它既可以看作一个顺序容器，又可以看作一个队列（Queue），同时又可以看作一个栈（Stack）。这样看来，LinkedList简直就是个全能冠军。当你需要使用栈或者队列时，可以考虑使用LinkedList，一方面是因为Java官方已经声明不建议使用Stack类，更遗憾的是，Java里根本没有一个叫做Queue的类（它是个接...

2018-06-06 11:55:50 260

转载【深入理解Java集合框架】Java ArrayDeque源码剖析

Java里有一个叫做Stack的类，却没有叫做Queue的类（它是个接口名字）。当需要使用栈时，Java已不推荐使用Stack，而是推荐使用更高效的ArrayDeque；既然Queue只是一个接口，当需要使用队列时也就首选ArrayDeque了（次选是LinkedList）。总体介绍要讲栈和队列，首先要讲Deque接口。Deque的含义是“double ended queue”，即双端队列，它既可...

2018-06-06 11:54:47 203

转载【深入理解Java集合框架】史上最清晰的红黑树讲解（上）

本文以Java TreeMap为例，从源代码层面，结合详细的图解，剥茧抽丝地讲解红黑树（Red-Black tree）的插入，删除以及由此产生的调整过程。总体介绍Java TreeMap实现了SortedMap接口，也就是说会按照key的大小顺序对Map中的元素进行排序，key大小的评判可以通过其本身的自然顺序（natural ordering），也可以通过构造时传入的比较器（Comparator...

2018-06-06 11:53:45 1083

转载【深入理解Java集合框架】Java HashSet和HashMap源码剖析

总体介绍之所以把HashSet和HashMap放在一起讲解，是因为二者在Java里有着相同的实现，前者仅仅是对后者做了一层包装，也就是说HashSet里面有一个HashMap（适配器模式）。因此本文将重点分析HashMap。HashMap实现了Map接口，允许放入null元素，除该类未实现同步外，其余跟Hashtable大致相同，跟TreeMap不同，该容器不保证元素顺序，根据需要该容器可能会对元...

2018-06-06 11:51:03 185

转载【深入理解Java集合框架】Java集合框架源码剖析：LinkedHashSet 和 LinkedHashMap

文中所有图片点击之后均可查看大图！Java LinkedHashMap和HashMap有什么区别和联系？为什么LinkedHashMap会有着更快的迭代速度？LinkedHashSet跟LinkedHashMap有着怎样的内在联系？本文从数据结构和算法层面，结合生动图解为读者一一解答。总体介绍如果你已看过前面关于HashSet和HashMap，以及TreeSet和TreeMap的讲解，一定能够想到...

2018-06-06 11:47:03 179

原创 POI导入excel

js代码 $("#Import").change(function(){ var file=$("#filename").val(); if(file.lastIndexOf('.xls')==-1){ deletWin('提示','附件格式不符,请上传excel文档!','确定',function(){}).showModal();re

2018-01-26 16:00:04 372

原创 Ztree 的用法

js代码var setting = { view: { showLine: false,//是否显示节点之间的连线 showIcon: true,//是否显示节点的图标 selectedMulti: false,//设置允许选中多个节点 dblClickExpand: false,//双击展开 addDiyDom: addDiyDom//加载addDi

2018-01-26 15:44:20 370

原创 selectpicker的用法

（点击全部，选中其他所有选项，撤销全部选中效果，其他所有选项也撤销选择效果）$("#sttpCon").change(function(){ startnum=endnum;//点击前选中的数量 var last=$("#sttpCon").find("option:selected").text();//选中的值 var va

2018-01-24 16:02:03 3622

原创 Hightchart 三个活动图

var gaugeOptions = { chart: { type: 'solidgauge' }, title: null, pane: { center: ['50%', '50%'], size: '100%', startAngle:0, endAngle: 360,

2018-01-22 17:49:41 778

原创可下钻的Highchart图，工作中用到的，总结了一个小例子，超级实用

$(function () { // Create the chart $('#container').highcharts({ chart: { type: 'pie' }, title: { text: 'Basic drilldown' },

2018-01-22 17:31:17 1264

原创 JAVA后台时间各种格式相互转换

public class DateUtil { private static final Log log = LogFactory.getLog(DateUtil.class); /** 年月日时分秒模式字符串 */ public static final String YEAR_MONTH_DAY_HOUR_MINUTE_SECOND_PATTERN = "yyyy-MM-dd HH:

2018-01-19 18:21:35 2432

原创 Jquery 时间格式转换

var TimeObjectUtil;/** * @title 时间工具类 * @note 本类一律违规验证返回false * @author {boonyachengdu@gmail.com} * @date 2013-07-01 * @formatter "2013-07-01 00:00:00" , "2013-07-01" */TimeObjectUtil = { /** *

2018-01-19 10:36:38 4940

原创前端bootstrap 序号展示

{ field : 'Number', title : '序号', align: 'center', width: 20, formatter : function(value, row, index) { //return index

2018-01-18 17:22:07 937

zhibu_8048的博客