醉生梦死bug中-CSDN博客

原创 layui.js和layui.all.js的区别

layui这个框架虽然还有一些不足之处但是我觉得已经非常优秀了，对于layui.js和layui.all.js的区别，网上别人各执一词，我今天遇到个非常恶心令我难受的问题发表一下我对这两个的看法。首先我引入layui.all.js，今天调试发现layui对象的内容如下大概只有这些模块，其中有很多常用的模块大家都熟悉的。然后我换成layui.js，调试layui对象的内容如下内容...

2019-03-06 15:10:10 18950 4

原创 nvm最强安装配置教程

一文教会你如何配置node版本管理工具nvm

2022-08-08 18:34:10 906

手写promise、new这些说实话已经看过很多遍了，但是每次就是隔一段时间就忘，我明白了一个道理，还是得理解核心得思路，况且网上答案各种各种的都有，只是靠记忆死记硬背是很低效了，在总结一下以我的理解对实现这些内容的思路。1，手写promise首先promise有3个状态，等待pending，执行fulfilled，拒绝rejected，只有pending状态的时候可以改变当前promise的状态。promise有一个传入的执行函数，内部变量有状态state，函数有reject和resolv...

2022-05-17 10:16:02 230

原创搞懂aixos content-type这一篇文章就够了

1，由于axios会根据你data的数据类型来设置content-type所以对于你想传递formdata，x-www-form-urlencoded或json，改变你data的数据类型即可，formdata要传递的数据类型是一个formdata对象，x-www-form-urlencoded需要的数据格式用qs转换对象，json需要的数据格式是对象字符串，用json.stringify()来转化即可。2，对于设置了content-type类型的请求携带的data要按照对应类型的数据格式发送。3，后

2022-04-08 17:18:46 226

原创 eslint配置

module.exports = {root: true,env: { node: true },extends: ["plugin:vue/essential", "eslint:recommended"],rules: {"no-console": "off", //禁止使用console"no-const-assign": 2//禁止修改const声明的变量"no-multi-spaces": 1//不能用多余的空格"no-dupe-keys": 2//在创建对象字..

2022-03-09 16:56:29 312

原创 promise和async/await

两者都是用来处理js异步的一种方式，都是非阻塞的，async/await是基于promise实现的，async/wait写法要比promise写法简洁易懂许多。promise：是一个构造函数，其中的参数有两个resolve和reject，代表成功和失败的两种状态。then用于执行异步函数。可以叠加多重异步执行函数。catch函数用于捕捉异常。async/await：是一种语法糖，大致的语法就是在外层的函数定义async，在里面具体的异步执行任务前面加await让异步的函数看起来更像是同步的。...

2021-07-05 11:55:17 133

原创关于浏览器缓存

我觉得需要一片文章来写一写浏览器缓存这个东西，长期更新。。。浏览器的缓存是三级缓存，首先从内存加载，内存没有就从硬盘获取，硬盘没有再进行网络请求。200 from memory cache：从内存中读取缓存，浏览器关闭之后，数据将不存在。200 from memory cache：从硬盘中读取缓存，浏览器关闭之后，数据依然存在。304 Not Modified：访问服务器，资源没有更新返回此状态码，从缓存中读取资源。浏览器的资源分为主资源和派生资源（以上两种缓存只缓存派生资源），主资源指

2021-06-23 17:25:53 386

原创 js事件定义和执行特性的区别

定义事件的写法有很多种，简单的事件定义或许还无需分清楚其中的差别，但是在你定义元素和事件错综复杂的页面逻辑时，你就会开始晕，这篇文章让你搞懂不同事件定义方式的差别和具体场景的运用。事件定义的方式有很多种，以点击事件为例，其中定义的方式分为主要分为两种，0级和2级，0级事件分为两种，一种是HTML标签内定义，一种是js中obj.事件=function这种定义。2级事件定义也叫事件流写法是：对象.addEventListener，事件流事件有冒泡型和捕捉型，默认为false冒泡，true为捕捉。0级

2021-06-07 16:34:52 145

原创阻止浏览器默认行为和阻止事件的冒泡

js事件中有时候需要阻止浏览器的默认行为以及阻止事件冒泡来避免对定义事件产生影响，阻止默认行为写法为functionstopDefault(e){if(e&&e.preventDefault){e.preventDefault();//防止浏览器默认行为(W3C)}else{window.event.returnValue=false;//IE中阻止浏览器行为...

2021-06-07 14:52:13 210

原创 ifame父子页面调用方法属性以及获取元素

子页面调用父页面：调用方法属性：window.parent.fn() window.parent.aaa获取dom元素：$("#id,window.parent").html()，这是jquery写法，如果要用原生的dom写法可以举一反三父页面调用子页面调用方法属性：document.getElementById("contIframe").contentWindow.fn() document.getElementById("contIframe").contentWindo...

2021-06-04 11:57:31 140

原创左右滚动菜单的实现

左右箭头按钮设置为绝对定位放在两边，中间菜单栏的宽度定义为100%减去左右按钮的长度，菜单栏设置为inline-block，里面的菜单都设置为inline-block，菜单栏设置overflow为hidden，设置不换行white-space:nowrap。这是dom的设置。js的实现就是获取滚动距离，点击按钮重新设置滚动距离document.getElementById(`tab`).scrollLeft，滚动距离只有上下两方向的，如果是竖直滚动就用scrollTop。移动策略自己定。...

2021-05-13 17:32:31 298

原创兄弟节点互换位置动画

实现原理，通过position+jquery克隆dom+jquery anamite实现位置互换效果。代码如下moveupAnimate:(dom,prevItem,speed)=>{vardomTop=dom.position().top;varprevTop=prevItem.position().top;dom.css('visibility','hidden');prevItem.css...

2021-05-08 14:51:57 286

原创 three.js核心要素讲解

1，创建场景对象：var scene = new THREE.Scene();2，创建几何体：var geometry = new THREE.BoxGeometry(100, 100, 100);注：有多种几何体的创建函数，也可以通过自定义的几何体加入到场景中，通过BufferGeometry和BufferAttribute实现，具体的实现参考官方文档。3，创建材质：var material = new THREE.MeshLambertMaterial({ color: 0x0000ff });

2021-03-24 16:17:14 236

原创 echarts绘制3d图形

3d图形实现用echarts gl工具已经是比较简单的构建方式了，把我遇到的两个坑说一下，首先是立体图形data数据项的配置规则，你配置的数据数目是根据顶点和面来算的，比如说你要配置一个四个点形成一个面的图形，图形你要绘制四个面，那数据项应该配置4x4也就是16条数据，如果是三个点形成一个面的图形，那数据项就应该配置3x4。另外就是官方对版本更新比较频繁的情况下建议使用最新版本的包，不然会出现配置正确图形出不来的情况...

2021-03-20 11:34:38 1604

原创 echarts最新版无法使用问题

点击下载下面弹出三个方法，第一个方法有点晕不用理会，如果你是vue使用依赖管理的使用者，推荐npm安装，然后import就可以了，假如是标签引入的使用者，可以使用方法2先npm全局下载依赖，然后去npm的目录下面复制出来你要的min.js包，也可以选择第三种在线定制，选上你要的包最后会生成一个echarts.min.js文件。如果你按照第一种方式瞎搞大概率会出现echarts报错。另外说一句，echarts更新太频繁了，对于新写的图标代码最好使用最新的依赖包，免得像我一样配置项明明是对的放到代码里却没反应

2021-03-20 11:26:01 1330

原创 org.apache.catalina.LifecycleException错误

或许你也经常遇到tomcat启动发现控制台报错org.apache.catalina.LifecycleException错误，然后你百度一下看到别人让你去改jvm配置，今天我来探讨一下tomcat启动报错的问题。首先现在项目一般是maven管理的，maven install的时候注意观察控制台信息和编译文件夹信息，假如项目编译是没有出现严重错误，那说明那些Java或者说静态资源是没错的，install报错一般都是由于Java语法或者pom的错误。tomcat启动报错，如果是一个包含了web.xml文件的项

2021-03-16 14:13:17 744

原创 layui分页失效问题

今天layui表格遇到了分页失效问题，就是数据有24条，分页设置10，他直接就显示24条，全部显示出来了，然后百度了一下结果是点了好多条都不知道说的什么，后面还是我自己总结出了解决的办法。table的渲染提供了一个后端接口的参数然而这个接口要求后端的数据进行格式化的处理，然而这个会和分页功能产生冲突导致分页失效。layui还提供了data参数去渲染数据，建议使用layui的表格组件时不...

2020-04-13 14:17:21 11274 12

原创 SQL统计每一天某个数的总和

情景：一张表某一项数据每天存在多条记录，现在要统计这项数据每天的总和。SQL语句： select a.id,a.tm,sum(a.drp) as value from (SELECT id,CONVERT(VARCHAR(100),tm,23) as tm ,drp FROM tablename where tm>'2019-01-01') a group by ...

2020-03-24 10:52:48 3236

原创 String常量的累加操作

Java最常见的场景之一就是动态拼接字符串，在需要拼接字符串的时候是否一定要用stringbuffer的append操作来代替string的加号拼接呢？答案是否，因为Java编译的时候对字符串常量的操作的代码进行了充分的优化，例如String a="hello"+" world"+" csh"。这段代码编译之后再反编译回来他的代码是String a="hello world csh"。但是在对一个...

2020-03-17 15:56:27 289

原创关于ajax请求带cookie的问题

不知道这个东西引发的痛苦：两个跨域接口，A和B，A获取数据存储在session中，B从session中获取数据进行验证。结果第一个接口没问题，第二个接口获取到的session为null。一上午摸索之后的原因分析：跨域请求导致session不是同一个了。如果不是跨域请求不会出现这个问题。解决办法：ajax在进行跨域请求的时候发送cookie，这样服务器能确定你这些请求来自于同一客户端。aja...

2019-11-14 14:13:08 418

原创 Oracle安装配置

前段时间学习了一下oracle，在这之前mysql和sql server我都会用，而且对于安装配置还懂的挺多的，但是用这个oracle的时候还是遇到一些令人难受的问题，在这篇文章想说一下我的经验和心得。 oracle的安装根据W3Cschool给的链接下载，然后按着它给出的教程安装即可。安装好后点开主菜单会有一个oracle的文件夹，里面有一些应用程序是配合oracle...

2019-11-04 17:02:06 120

原创关于git分支的操作以及必要性

用了快一年的git但是一直都是简单的commit，pull，push，后面发现很多严重的问题才发现很多严重的问题，让我感受到分支的重要性。今天记录下我对git分支的心得和使用经验。项目如果都在主分支上进行会有很多不好的地方，其中最明显的缺点就是如果小改动过多导致主分支的时间线很长不利于你的选择切换版本，以及主分支如果出现问题将无法继续开发。一般对于项目管理的策咯都会用一个开发的分支，然后主...

2019-09-02 14:15:22 489

原创查询某一天最新数据的SQL问题

假如一张表有三个字段，id，tm，value三个字段。你要筛选某一天最新的值，这时候如果用group by根本无法解决问题。这时有一个非常有用的解决方案是ROW_NUMBER() OVER ( PARTITION BY id ORDER BY tm DESC ) AS rank ，给查询的结果加上这么一列，他大致的原理就是将查询结果按照时间排序给数据打上标识，一组不同的id为一组，以时间降序排列，...

2019-08-30 16:16:46 909

原创 jdk环境变量配置

虽然这个网上教程一堆，但是我觉得还是有必要自己写一个教程方便自己或者别人复制粘贴来正确的配置环境变量。第一个jdk目录，也就是JAVA_HOME，填你jdk的根目录，示例E:\jdk1.8.0_45。第二个jdk的bin目录，在path里面配置%JAVA_HOME%\bin。第三个classpath里面配置%JAVA_HOME%\lib\dt.jar和%JAVA_HOME%\lib\t...

2019-08-15 10:50:51 105

原创关于多表关联更新其中一张表的sql问题

这个问题相信是一个非常常见的问题，情景大致描述：A表有，a b c d四个字段，B表有 a e f g四个字段，a分别是两个表关联的外键，现在要更新A表的b字段，b的更新内容为B表的f字段，sql的写法如下。update A set b=(select f from B where a=A.a)，执行这个SQL语句之后，它会把你A表b字段变成B表f字段的内容。...

2019-06-20 14:41:59 1366 1

原创 node.js项目的部署运行

虽然网上某些教程已经讲的比较详细了，可是还是有一点坑在里面的，所以我写一个更通俗易懂的教程给新手解惑。环境准备：下载一个最新版本的node.js，版本过低你在部署运行你的项目的时候可能会报错。node下载地址：https://nodejs.org/en/download/node自带了npm，你安装了node也就安装了npm，npm下载依赖速度比较慢，所以推荐再安装一个cnpm，安装方...

2019-04-29 11:29:54 1351

原创 ajax跨域调用问题

只要你访问和被访问的不是同一协议，服务器，端口的服务那就将产生跨域问题，这是浏览器安全策略导致的，如果要允许跨域，向跨域服务发送请求并返回数据需要对方后台设置开放跨域调用（好像是后台过滤器设置允许跨域调用吧，这个我也没有细节的了解过）。不过这里说一下另一点，如果对方过滤器没有设置过滤跨域调用的请求，那它是可以接收到你的请求，只不过跨域问题它并不返回数据给你。我们...

2019-03-08 16:19:25 202

原创 mysql的zip安装配置教程

本来想用msi程序自动安装配置，但是官网没看到msi的，只看到zip的，好吧那就zip的解压安装吧，百度一下网上教程一堆乱七八糟的教程真的是令人难受，所以我特意总结了一个我自己的安装配置步骤提供给后人参考。不同版本可能会有略微的不同，我仅用我官网下载的5.7为例说明。下载安装包，方便别人找我就提供个链接吧https://dev.mysql.com/downloads/mysql/5.7.htm...

2019-02-26 15:22:27 2680

原创 git GUI乱码解决方案

使用git gui的时候把修改内容stages发现右边的缓存区文件中文乱码，那么提交上去的文件也可能会乱码，所以得把编码调整过来，百度了一下看了很多乱码问题解决方案都没有我想要的那个，后面我找到了，在gui的edit的option里面有一个编码设置。修改为utf-8就好了...

2019-02-26 09:28:46 360

原创关于tomcat报错server不能正常启动需要增加什么time的报错

昨天还跑的好好的项目今天启动tomcat启动失败，说tomcat需要更多的时间去启动它，这个错误显然我已经遇到很多次了，百度的话网上肯定又叫我修改server文件去增加它的启动时间，我不想去改，因为昨天还跑的好好的今天怎么突然这样了，我觉得在Windows上的程序都是需要占用空间和内存的，当过多的已存在的程序占用了空间和内存，你即将运行的程序就会出现问题，所以我果断清理了很多后台不需要运行的应用进...

2019-02-22 09:59:40 153

原创关于打开SQL Server报错未找到什么Microsoft什么程序包的信息

一直用的好好的sql server 2008突然打开报错什么程序包找不到，百度了一下很多人说什么在哪修改添加什么程序，还有更扯的说安装出问题了，我觉得用着用着不能用了应该不存在缺失文件这种情况，我觉得重启电脑就好了，当我正要重启时候看到后台运行了一个QQ游戏，我当时就觉得或许是这个程序的问题，因为那个什么包好像是c语言的一个程序包，有些windows程序会占用这个包，或者做一些修改，所以我关掉QQ...

2019-02-18 10:17:18 866

原创 maven

关于，maven的基本使用前阵子在java贴吧有小白求助期末项目作业，我发了一个maven项目给他他竟然不会使用。今天这个文章就教小白如何去使用maven。maven作为一个项目构建的工具，你要使用它自然要在电脑上配置它。配置步骤，第一步，打开浏览器，第二步，打开maven官网，第三步，找到下载，下载下面红线中的内容。第四步，解压。第五步，配置你的环境变量。path变量新增你的maven目录下...

2019-01-28 11:33:43 134