程序十八大-优快云博客

原创 html5的css使用display: flex进行div居中的坑！

就是div里面的内容多了，超出父div的高度时，子内容不能全部显示。最近做项目的时候，有个需求，一个高度宽度不确定的Div在另一个Div内上下左右居中。百度了一下也没有解决办法，自己也用了google浏览器 F12的开发工具调试都不行。我一用，真的超级好用啊，简简单单几句代码，内部的div就上下左右居中。然后以前上下居中用的都是很繁琐的，就打算去百度搜索一个更优秀的方法。/* 设置容器的高度 */实在没办法了只能取消用 display: flex;/* div在容器里居中显示，设置外容器 */

2024-03-15 10:01:41 585 2

原创好用的js快速排序的方法

js使用简单的冒泡排序遇到一个问题，就是就是循环内容多的时候，网页变得很卡。然后就去晚上搜索了一些快速排序方法，速度大大提高了。至于这个快速排序的原理，可以看原文。

2022-11-22 17:01:26 186

原创 WEB界面jquery1.7.2版本升级到jquery3.6版本需要注意的问题

$.size();需要更改为$.length;原因：1.8版本的时候$.size()被废弃页面加载的时候，$(function(){})与onload=""谁先执行的问题。jquery1.7.2版本：$(function(){})函数比onload=""先执行jquery3.6版本：onload=""函数比 $(function(){})先执行...

2022-05-26 18:27:54 1742 1

原创 js 触发ondrag 过程中修改鼠标的图标

问题：最近在使用ondrag拖动一个标签的时候，发现鼠标变成一个圆圈加斜杠（禁止的意思）的图片，感觉不太好，然后就试着能否把这图片改掉。解决方法，在js文件添加如下代码就搞定：document.addEventListener("dragover", function(event) { event.preventDefault();});...

2021-10-30 18:17:06 1354 1

原创 vs2017报 Macro definition of snprintf conflicts with Standard Library function declaration处理

vs2017报 Macro definition of snprintf conflicts with Standard Library function declaration处理使用vs2017开发awtk软件,发现awtk的宏定义与我使用的库参生了冲突，报以上的错误。图上为我查找到冲突的地方，只有注释冲突就可以正常运行了。...

2021-02-24 16:50:27 1384

原创自定义dtree.js加载数据的方式

1.问题：在使用dtree.js的过程中，经常遇到需要加载大数据的情况，可是一次性加载数据太多的情况下会导致网页卡死。2.处理逻辑：所有就需要分批加载或者动态加载，先加载一部分数据，通过拖动条拖动或者点击子节点按钮，继续加载下一个节点的数据。3.难处：dtree.js就算动态加载数据，也只是把新数据动态加到他的缓存数组了，如果把新数据显示到网页上的话，dtree.js会刷新所有数据，也就是...

2020-03-13 16:25:34 939

原创启动Tomcat报错——Eclipse Removing obsolete files from server

1.删除eclipse的Workspace工作目录下的.metadata.plugins\org.eclipse.wst.server.core中temp0文件夹中所有问题，然后重新运行项目就可以正常启动server，2.检查tomcat安装文件夹下的，conf/server.xml是否正常...

2019-12-25 13:32:47 330

原创 myeclipse 加载SVN报 Could not create the view: org.tigris.subversion.subclipse.ui.repository.Rep

1.只需要找到myeclipse安装路径：d:\myeclipse\configuration\org.eclipse.update2.把里面的文件全部剪切到别的地方3.重新启动myeclipse就可以了

2019-04-15 17:44:39 1256

原创 js 给console.log()打印数据上色

var message = "Hello word";var color = "red" ;console.log("%c "+message , "color: "+color);message ：打印的数据color：颜色值

2018-03-22 16:47:48 4934

转载 css设置带boarder的百分比布局

设置CSS的box-sizing属性值为“border-box”，这样就会把borders和padding全都包含在定义的宽高里面。这就意味着一个带有2px边框的200px的div仍然宽度是200px!!div{ width: 16%; margin: 2% 2%; float: left; background:#03a8d2; border: 2px s...

2018-03-09 15:42:58 356

转载 css设置div自动填充剩余高度

html,body { height: 100%; padding: 0; margin: 0; }.outer { height: 100%; padding: 100px 0 0; box-sizing: border-box ; }.A { height: 100px; margin: -100px 0 0; background: #BBE8F2; }.B { height: 10...

2018-03-02 15:29:45 21702

原创设置div背景透明两种方法

css设置div背景透明有两种方法：第一种使用opacity：0~1，这个方法有个缺点，就是内容也会跟着透明；第二种方法就是background-color:rgba(0,0,0,0~1)，使用这个方法就只会设置div背景透明，而不会影响到div里的内容。说明一下background-color:rgba(0,0,0,0~1)的使用1.获取你想要颜色值。2.把RBG值转换为数值

2018-01-26 16:30:35 122213 3

原创 js+jquery实现标签背景渐变颜色，支持大部分浏览器

说明：需要先加载jquery库$(function() { // refreshGradient("#main_operation","#3073e5","#2d9ae6",3);//div背景颜色渐变});/********************************* * 设置标签背景渐变 * @param divId 标签、 id 、className * @pa

2017-12-28 16:12:41 3215 1

原创 YUV420转YUV444,YUV444转RGB

1.先转换YUV420转换YUV444，这部分网上都有。var width = ...//图像宽度var height = ...//图像高度var bytes = ...//yuv420 byte数组var newBytes = new Uint8Array(bytes.length * 2);//新YUV444 byte数组for(var i = 0 ; i < height ; i

2017-12-26 15:41:27 2230

原创 RGB 转 bmp图片在 js 上处理基础

说明：因为BMP图片是从下往上，从左往右存储的，所以RGB数据写入BMP数据里要倒过来取。如里把RGB从左往右，从上往下存储，那么bmp头就要把高度写成负数。例： var bytes = .... ; //RGB byte 数据 var fileSize = bytes.length +14 + 40; console.log("fileSize:"+

2017-12-25 11:53:34 2500

原创 js 负数转二进制 byteArray

说明：用16进制数去减去负数，然后补1.var num = 240 ;var bNum= 0xffffffff - num + 1 ;var bytes= new Uint8Array(4);bytes[0] = bNum% 256; bytes[1] = bNum/ 256 % 256;bytes[2] = bNum/ 256 / 256 % 256;bytes[3] = bN

2017-12-22 12:00:09 2958