真是6的不行
真是6的不行

Base64图片压缩

Base64图片压缩，及将Base64转换成文件

doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
	head>
	<body>
		
		<img id="bbb" src="img/river.jpg"/>
		
	body>
	<script>
		// 图片文件上传获取url
		document.getElementById("aaa").addEventListener('change',function(){
		   pressImg({
		     file:this.files[0],
		     targetSize:2 * 1024 * 1024,
		     quality:0.5,
		     width:600,
		     succ:function(resultFile){
			console.log(resultFile)
			document.getElementById("bbb").setAttribute("src",resultFile)
		         //如果不是null就是压缩成功
		         if(resultFile){
		           //TODO
		        }
		     }
		  })
		});
		
		
		
		/**
		* @param {二进制文件流} file 
		* @param {回调函数，返回base64} fn 
		*/
		function changeFileToBaseURL(file,fn){
		  // 创建读取文件对象
		      var fileReader = new FileReader();
		      //如果file没定义返回null
		      if(file == undefined) return fn(null);
		      // 读取file文件,得到的结果为base64位
		      fileReader.readAsDataURL(file);
		      fileReader.onload = function(){
		        // 把读取到的base64
		        var imgBase64Data = this.result;
		        fn(imgBase64Data);
		      }
		    }
		/**
		 * 将base64转换为文件
		 * @param {baseURL} dataurl 
		 * @param {文件名称} filename 
		 * @return {文件二进制流}
		*/
		function dataURLtoFile(dataurl, filename) {
		    var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
		        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
		    while(n--){
		        u8arr[n] = bstr.charCodeAt(n);
		    }
		    return new File([u8arr], filename, {type:mime});
		 }
		/**
		* canvas压缩图片
		* @param {参数obj} param 
		* @param {文件二进制流} param.file 必传
		* @param {目标压缩大小} param.targetSize 不传初始赋值-1
		* @param {输出图片宽度} param.width 不传初始赋值-1，等比缩放不用传高度
		* @param {输出图片名称} param.fileName 不传初始赋值image
		* @param {压缩图片程度} param.quality 不传初始赋值0.92。值范围0~1
		* @param {回调函数} param.succ 必传
		*/
		function pressImg(param){
		  //如果没有回调函数就不执行
		  if(param && param.succ){
		     //如果file没定义返回null
		     if(param.file == undefined) return param.succ(null);
		     //给参数附初始值
		     param.targetSize = param.hasOwnProperty("targetSize") ? param.targetSize : -1;
		     param.width = param.hasOwnProperty("width") ? param.width : -1;
		     param.fileName = param.hasOwnProperty("fileName") ? param.fileName: "image";
		     param.quality = param.hasOwnProperty("quality") ? param.quality : 0.92;
		     var _this = this;
		     // 得到文件类型
		     var fileType = param.file.type;
		     // console.log(fileType) //image/jpeg
		     if(fileType.indexOf("image") == -1){
		       console.log('请选择图片文件^_^');
		       return param.succ(null);
		     }
		     //如果当前size比目标size小，直接输出
		     var size = param.file.size;
		     if(param.targetSize > size){
		       return param.succ(param.file);
		     }
		     // 读取file文件,得到的结果为base64位
		     changeFileToBaseURL(param.file,function(base64){
		       if(base64){
		         var image = new Image();
		         image.src = base64;
		         image.onload = function(){
		           // 获得长宽比例
		           var scale = this.width / this.height;
		           // console.log(scale);
		           //创建一个canvas
		           var canvas = document.createElement('canvas');
		           //获取上下文
		           var context = canvas.getContext('2d');
		           //获取压缩后的图片宽度,如果width为-1，默认原图宽度
		           canvas.width = param.width == -1 ? this.width : param.width;
		           //获取压缩后的图片高度,如果width为-1，默认原图高度
		           canvas.height = param.width == -1 ? this.height : parseInt(param.width / scale);
		           //把图片绘制到canvas上面
		           context.drawImage(image, 0, 0, canvas.width, canvas.height);
		           //压缩图片，获取到新的base64Url
		           var newImageData = canvas.toDataURL(fileType,param.quality);
		           //将base64转化成文件流
		           var resultFile = dataURLtoFile(newImageData,param.fileName);
		           //判断如果targetSize有限制且压缩后的图片大小比目标大小大，就弹出错误
		           if(param.targetSize != -1 && param.targetSize < resultFile.size){
		             console.log("图片上传尺寸太大，请重新上传^_^");
		             return param.succ(null);
		           }else{
		             //返回文件流
		             return param.succ(newImageData);
		           }
		         }
		       }
		     });
		   }
		 }
	script>
html>

你可能感兴趣的:(js,前端,javascript)

  • vue入门学习时，按照官方的教程生成的vue3项目后，命令行运行npm install出现一堆warn，然后运行npm run dev报错，项目启动失败 67号人生 vue小白学习vue.js学习npmcrypto.hashvue官方示例项目失败
    日期：2025年6月27日星期五农历六月初三VUE版本：vue3IDE：vscodevue入门学习时，按照官方的教程生成的vue3项目后，命令行运行npminstall出现一堆warn，然后运行npmrundev报错，项目启动失败运行npminstall出现一堆warn运行npmrundev报错解决办法通过nvm安装较高版本的nodejs，或者手动冲nodejs官网下载。虽然vue官方推荐node
  • TypeScript基本类型
    一、前言TypeScript是JavaScript的一个超集，它通过添加静态类型系统帮助开发者写出更健壮、可维护性更强的代码。而理解TypeScript的基本类型是学习TypeScript的第一步。本文将带你全面了解TypeScript中的常用基本类型，包括：✅数值类型✅字符串类型✅布尔类型✅null与undefined✅any与unknown✅never与void✅数组类型✅元组类型并通过大量代
  • TypeScript编译选项
    一、前言在开发TypeScript项目时，一个非常关键的文件就是tsconfig.json。它不仅定义了项目的根目录、模块解析方式，还控制着TypeScript编译器的行为。本文将带你全面了解：✅tsconfig.json的作用✅常用编译选项（compilerOptions）详解✅不同环境下的配置建议（开发/生产）✅配置继承与共享设置✅实际开发中的常见问题与解决方法并通过完整的代码示例帮助你掌握如
  • 深入理解观察者模式及其JavaScript实现 布兰妮甜 javascript观察者模式网络
    Hi，我是布兰妮甜！观察者模式（ObserverPattern）是一种行为设计模式，它定义了对象之间的一对多依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都会得到通知并自动更新。这种模式在事件处理系统、数据绑定和发布-订阅系统中广泛应用。文章目录一、观察者模式的核心概念二、观察者模式的优点三、JavaScript实现观察者模式1.基本实现2.更实用的例子-天气预报系统3.使用函数作为观察
  • MVC与MVVM架构模式详解：原理、区别与JavaScript实现 布兰妮甜 javascriptmvcmvvm架构
    Hi，我是布兰妮甜！在当今复杂的前端开发领域，如何组织代码结构一直是开发者面临的核心挑战。MVC和MVVM作为两种经典的架构模式，为前端应用提供了清晰的责任划分和可维护的代码组织方案。本文将深入探讨这两种模式的原理、实现差异以及在实际项目中的应用场景，通过JavaScript代码示例展示它们的核心思想，帮助开发者理解如何根据项目需求选择合适的架构模式。文章目录一、架构模式概述二、MVC架构模式2.
  • 音视频会议服务搭建(设计方案)-01 卜锦元 音视频webrtcgolang流媒体websocket音视频
    前言最近在做音视频会议系统服务搭建的工作任务，因为内容过多，我会逐篇分享相关的设计方案、开发思路、编程语言、使用的组件集合等等。如果你也有大型音视频会议系统搭建架构的需求，希望这些可以对你有所帮助。EchoMeet音视频会议系统架构设计项目概述EchoMeet是基于WebRTC技术的企业级音视频会议解决方案，采用三层音视频架构和Go+Node.js双后端微服务设计，实现了高并发、低延迟、可扩展的视
  • 音视频会议服务搭建(设计方案-两种集成方案对比)-03 卜锦元 流媒体websocket音视频webrtcgolang音视频gonode.jswebrtcc++redismysql
    前言在开始计划之前，查阅了不少资料。一种方案是Go层做信令业务，nodejs层来管理和mediasoup的底层交互，通过客户端去调用Go层；第二种方案是客户端直接调用nodejs层来跟mediasoup去交互；最终，当然不出意料的选择了项目复杂的构建方案，为性能去考虑。EchoMeet架构方案对比分析1.两种架构方案概览方案A：Go+Node.js双系统架构（当前方案）前端Vue3+mediaso
  • Github 2025-07-03Go开源项目日报Top10 老孙正经胡说 github开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，今日(2025-07-03统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Go项目10JavaScript项目2Go编程语言：构建简单、可靠和高效的软件创建周期：3474天开发语言：Go协议类型：BSD3-Clause“New”or“Revised”LicenseStar数量：117964个Fork数量：16989次关注人
  • Github 2025-07-01 开源项目月报 Top16
    根据GithubTrendings的统计，本月(2025-07-01统计)共有16个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量TypeScript项目5JupyterNotebook项目4Python项目4Rust项目2JavaScript项目1非开发语言项目1Shell项目1Dockerfile项目1Java项目1C++项目1Vue项目1各种有趣主题的精彩清单创建周期：3
  • 打造一个可维护、可复用的前端权限控制方案（含完整Demo） web
    摘要在现代Web应用中，权限控制已经不再是“后端的事”。随着前后端分离、单页应用（SPA）流行，前端权限控制逐渐成为用户体验和系统安全的双重关键。如果只靠后端控制，前端体验太差；如果只靠前端控制，那就等于裸奔。怎么权衡？怎么落地？这就是本文要探讨的重点。引言你是否遇到过：不同用户登录后看到的菜单不同、某些按钮灰了点不了、访问一些页面会自动跳转403页面？这都来自于“前端权限控制”的精细化设计。现在
  • 基于SpringBoot和Leaflet的区域冲突可视化系统（2025企业级实战方案） 知识产权13937636601 计算机springboot后端java
    摘要在全球地缘冲突与应急事件频发的2025年，区域态势可视化系统成为政府及企业的决策刚需。本文提出基于SpringBoot3.2后端与Leaflet1.9.5前端的冲突可视化解决方案，融合多源异构数据（卫星影像、舆情热力、设施状态）构建动态冲突图谱。关键技术突破包括：矢量切片实时聚合（支持100万+目标呈现）、多维度冲突因子权重模型、态势推演沙盘，并在某跨国能源集团实测中实现风险识别效率提升8倍，
  • G DOM 操作.js
    前言：DOM（文档对象模型）操作是实现动态交互的关键技术。通过DOM操作，我们可以获取、修改网页元素，为用户提供了一个丰富多彩的交互体验。目录一、DOM操作的初体验认识元素获取二、DOM操作的进阶元素内容的修改三、DOM操作的高阶元素样式的动态变化四、DOM操作的巅峰元素的添加、删除与事件处理五、DOM操作的奥秘元素遍历与家族关系六、DOM操作的终极挑战性能优化与复杂交互总结一、DOM操作的初体验
  • 基于Vue.js的图书管理系统前端界面设计的javascript逻辑部分
    前文，我们实现了一个使用Vue3构建的图书管理系统的html部分，接下来我们看一下JavaScript逻辑部分。html部分以及整个系统的完整代码可以查看我的文章：基于Vue.js的图书管理系统前端界面设计-CSDN博客一、Vue3简介Vue3是渐进式JavaScript框架Vue.js的第三个主要版本，它延续了Vue易于上手、灵活性高和高效的特点，并在性能、可维护性和开发体验上进行了显著提升。（
  • 主流视频流格式及 Vue3 实现方案 玛卡巴卡半夜不睡觉 html5前端vue.js
    1.HLS(HTTPLiveStreaming)技术原理：基于HTTP的流媒体协议，使用.m3u8索引文件+.ts分片文件。特点：高兼容性（尤其iOS）、10+秒延迟、支持自适应码率。Vue3实现（video.js）：npminstallvideo.jsvideojs-contrib-hlsimport{ref,onMounted,onUnmounted}from'vue';importvideo
  • 前端领域的前端可视化设计案例解析 前端视界 前端艺匠馆前端ai
    前端可视化设计案例解析：从技术实现到用户体验的全链路剖析关键词：前端可视化、数据可视化、设计案例、D3.js、ECharts、可视化框架、用户体验摘要：本文通过深度解析多个典型前端可视化案例，系统阐述数据可视化的核心技术原理、设计方法论及工程实践经验。从基础概念到复杂场景应用，结合D3.js、ECharts、AntV等主流框架的实战案例，详细讲解数据映射、视觉编码、交互设计的实现细节，分析不同业务
  • LeetCode 热题 100 - 贪心算法 - 买卖股票的最佳时机 - javascript Jxxli LeetCodehot100leetcode算法贪心算法javascript
    题目给定一个数组prices，它的第i个元素prices[i]表示一支给定股票第i天的价格。你只能选择某一天买入这只股票，并选择在未来的某一个不同的日子卖出该股票。设计一个算法来计算你所能获取的最大利润。返回你可以从这笔交易中获取的最大利润。如果你不能获取任何利润，返回0。示例1：输入：[7,1,5,3,6,4]输出：5解释：在第2天（股票价格=1）的时候买入，在第5天（股票价格=6）的时候卖出，
  • 阿里云一句话语音识别
    前端：阿里云语音识别应用（一句话语音识别）{{isRecording?'停止录音':'开始录音'}}识别结果:{{recognitionResult}}WebSocket状态:{{websocketStatus}}使用的音频格式:{{usedMimeType}}import{ref,onMounted,onUnmounted}from'vue'//状态管理constisRecording=ref(
  • vue3 组件函数式调用 xx小怪兽 vue.js前端javascript
    做一个消息提示框组件，封装成vue实例，然后函数式调用1、先准备一个想要做的提示组件文件Message.vue2、新建Message.js文件，内容是提供一个能够显示Message组件的函数3、挂载到全局指令上准备一个DOM容器，里面装消息提示组件；然后将组件编译为虚拟DOM，利用render函数渲染到DOM容器里。//导入消息提示组件import{createVNode,render}from'
  • 基于Rust编写数独、deepseek调用、Mis系统 KENYCHEN奉孝 Rustrust开发语言后端
    Rust是开发人员最流行的语言之一，因为它具有开源、快速、可靠和高性能的特点。在Rust中构建新的API时，重要的是要考虑Web框架对前端和后端开发的优缺点。在本文中，我们将讨论什么是Web框架，并探索Rust生态系统中用于前端和后端开发的各种Web框架，排名不分先后。让我们开始吧。Rust编写Web版本得数独游戏开发环境配置确保安装Rust工具链和Cargo包管理器，推荐使用rustup安装最新
  • 【算法系列】买卖股票的最佳时机【JS代码】 DTcode7 算法系列#前端基础入门三大核心之JS算法javascript最佳时机
    【算法系列】买卖股票的最佳时机【JS代码】问题描述基本概念和作用说明解决方案暴力解法一次遍历法代码示例总结与讨论在前端开发中，虽然我们主要关注的是构建用户界面和交互逻辑，但掌握一些基本的算法和数据结构知识也是非常有用的。今天，我们就来探讨一个经典的问题：“买卖股票的最佳时机”。这个问题看似与前端开发无关，但实际上，它背后的算法思想对于优化我们的程序和解决问题有着极大的帮助。问题描述假设你有一个数组
  • vue文本插值 翻滚吧键盘 vuevue.jsjavascriptecmascript
    好的，我们来详细讲解Vue中最基础的数据展示方式：文本插值和在其内部使用的JavaScript表达式。1.文本插值(TextInterpolation)知识点:文本插值是Vue中最基本的数据绑定形式。它使用“Mustache”语法（双大括号{{}}）将数据直接渲染到HTML的文本内容中。核心作用:将Vue实例中setup函数返回的数据，动态地显示在页面的指定位置。响应式:当大括号内所依赖的数据发生
  • 如何用postman进行自动化测试？ AIZHINAN postman测试工具自动化测试
    使用Postman进行自动化测试的完整指南Postman不仅可以用于手动API测试，还提供了强大的自动化测试功能。以下是详细的使用方法：B站讲的最好的Postman接口自动化测试教程，只需一小时自学入门，学会直接上手项目实战！一、基础自动化测试设置1.编写测试脚本在Postman请求的"Tests"标签页中，你可以用JavaScript编写测试脚本：javascript//检查状态码是否为200p
  • Springboot实现后台图片上传
    文章目录整体流程概览后端实现细节1.文件上传控制器(`UploadController.java`)2.静态资源服务控制器(`StaticResourceController.java`)演示总结本文将深入探讨一个标准的Web应用后台管理系统中，图片上传功能的完整实现流程。我们将从前端用户交互开始，一直到后端的文件处理、存储和最终的URL返回。整体流程概览图片上传功能的核心流程可以分为以下几个步骤
  • 买卖股票的最佳时机--js 算法 stoneSkySpace 算法javascript数据结构
    一、买卖股票的最佳时机给定一个数组prices，它的第i个元素prices[i]表示一支给定股票第i天的价格。你只能选择某一天买入这只股票，并选择在未来的某一个不同的日子卖出该股票。设计一个算法来计算你所能获取的最大利润。返回你可以从这笔交易中获取的最大利润。如果你不能获取任何利润，返回0；贪心算法：每次发现更低价格立即更新买入点（minPrice）每次发现更高利润立即更新卖出收益（maxProf
  • Redis 地理空间索引实践 Hello.Reader 人工智能缓存技术数据库redis数据库缓存
    一、地理空间索引概览Redis支持两种地理空间索引类型：GEO：对单个地理坐标点（经度、纬度）建立索引，适合“查找半径内的点”场景。GEOSHAPE：通过WKT（Well-KnownText）格式定义点、线、面等几何体，支持更丰富的空间关系查询（如包含、相交、相离等）。二、GEO索引2.1创建GEO索引假设你的JSON文档中有一字段location，存放"lon,lat"格式的字符串，使用以下命令
  • vue中cdn方式引入和构建工具创建代码的不同 翻滚吧键盘 vuevue.jsjavascript前端
    你观察得非常准确，而且这个问题直击了现代JavaScript开发中两种不同模块化思想的核心。是的，你总结的完全正确。为什么会有const{createApp,ref}=Vue;和import{createApp,ref}from'vue';这两种不同的方式呢？答案在于代码的来源和作用域完全不同。我们用一个比喻来解释。方式一：CDN-公共广播系统你可以把使用CDN的方式，想象成在你的办公室里安装了一
  • 精准定义 RediSearch 索引 Schema Hello.Reader 数据库缓存技术人工智能djangopython后端
    一、Schema基础概念索引（Index）：对Redis中的Hash或JSON文档进行反向索引，以支持全文、标签、数值、地理、向量等多种查询模式。Schema：定义索引结构，包括哪些字段（fields/attributes）、字段类型、是否可排序、权重（relevanceweight）、过滤条件等。在执行FT.CREATE时，必须指定：数据类型：ONHASH或ONJSONKey前缀（可选）：PRE
  • Vue3 首款 3D 数字孪生编辑器 ❀͜͡傀儡师 3d编辑器
    对于多数前端开发者而言，用ThreeJS打造炫酷的数字孪生场景并不容易，需掌握大量专业知识。现在这个基于Vue3、ThreeJS和NaiveUI的数字孪生开发框架——Astral3DEditor正式开源，为Web3D开发带来新转机。Astral3DEditor的在这里插入图片描述1.优势功能丰富：支持多种3D模型格式，可导入导出多类型模型，方便资源整合。它还提供插件系统，可扩展更多功能。同时，支持
  • Augment code + axure 一键生成前端代码 人工智能前端
    上一篇文章我们讲了怎么通过Augmentcode+FigmaMCP生成前端代码，同时我也用了cursor，做了简单对比，结果如下：cursor+FigmaMCP速度快。可以导出Figma文件中的图标到项目中。整体还原度不咋地。对话式，会不断询问。Augmentcode+FigmaMCP速度慢。还原度高。基本不需要手动干预。访问项目整体性好，能检测到项目是否已经配置依赖等等。今天我们同样使用Augm
  • JavaScript性能优化实战：表格控件高效开发指南 javascript
    引言在现代Web应用开发中，电子表格功能已成为数据分析、报表展示等场景的核心需求。SpreadJS作为一款高性能的纯前端电子表格控件，能够完美兼容Excel文件格式，支持百万级数据量和复杂公式计算。然而随着数据规模的增长和业务逻辑的复杂化，性能优化成为开发者必须面对的挑战。本文将深入剖析几种SpreadJS性能优化技巧，通过实际案例和代码演示，帮助开发者构建响应迅速、用户体验优异的电子表格应用。正
  • 辗转相处求最大公约数 沐刃青蛟 C++漏洞
    无言面对”江东父老“了，接触编程一年了，今天发现还不会辗转相除法求最大公约数。惭愧惭愧！   为此，总结一下以方便日后忘了好查找。   1.输入要比较的两个数a,b   忽略：2.比较大小（因为后面要的是大的数对小的数做%操作）   3.辗转相除（用循环不停的取余，如a%b,直至b=0）   4.最后的a为两数的最大公约数 &
  • F5负载均衡会话保持技术及原理技术白皮书 bijian1013 F5负载均衡
    一.什么是会话保持？        在大多数电子商务的应用系统或者需要进行用户身份认证的在线系统中，一个客户与服务器经常经过好几次的交互过程才能完成一笔交易或者是一个请求的完成。由于这几次交互过程是密切相关的，服务器在进行这些交互过程的某一个交互步骤时，往往需要了解上一次交互过程的处理结果，或者上几步的交互过程结果，服务器进行下
  • Object.equals方法：重载还是覆盖 Cwind javagenericsoverrideoverload
    本文译自StackOverflow上对此问题的讨论。 原问题链接   在阅读Joshua Bloch的《Effective Java（第二版）》第8条“覆盖equals时请遵守通用约定”时对如下论述有疑问： “不要将equals声明中的Object对象替换为其他的类型。程序员编写出下面这样的equals方法并不鲜见，这会使程序员花上数个小时都搞不清它为什么不能正常工作：” pu
  • 初始线程 15700786134
          暑假学习的第一课是讲线程，任务是是界面上的一条线运动起来。            既然是在界面上，那必定得先有一个界面，所以第一步就是，自己的类继承JAVA中的JFrame，在新建的类中写一个界面，代码如下： public class ShapeFr
  • Linux的tcpdump 被触发 tcpdump
    用简单的话来定义tcpdump，就是：dump the traffic on a network，根据使用者的定义对网络上的数据包进行截获的包分析工具。 tcpdump可以将网络中传送的数据包的“头”完全截获下来提供分析。它支 持针对网络层、协议、主机、网络或端口的过滤，并提供and、or、not等逻辑语句来帮助你去掉无用的信息。 实用命令实例 默认启动 tcpdump 普通情况下，直
  • 安卓程序listview优化后还是卡顿 肆无忌惮_ ListView
    最近用eclipse开发一个安卓app，listview使用baseadapter，里面有一个ImageView和两个TextView。使用了Holder内部类进行优化了还是很卡顿。后来发现是图片资源的问题。把一张分辨率高的图片放在了drawable-mdpi文件夹下，当我在每个item中显示，他都要进行缩放，导致很卡顿。解决办法是把这个高分辨率图片放到drawable-xxhdpi下。 &nb
  • 扩展easyUI tab控件，添加加载遮罩效果 知了ing jquery
    (function () { $.extend($.fn.tabs.methods, { //显示遮罩 loading: function (jq, msg) { return jq.each(function () { var panel = $(this).tabs(&
  • gradle上传jar到nexus 矮蛋蛋 gradle
    原文地址： https://docs.gradle.org/current/userguide/maven_plugin.html configurations {     deployerJars } dependencies {     deployerJars "org.apache.maven.wagon
  • 千万条数据外网导入数据库的解决方案。 alleni123 sqlmysql
    从某网上爬了数千万的数据，存在文本中。 然后要导入mysql数据库。 悲剧的是数据库和我存数据的服务器不在一个内网里面。。 ping了一下， 19ms的延迟。 于是下面的代码是没用的。 ps = con.prepareStatement(sql); ps.setString(1, info.getYear())............; ps.exec
  • JAVA IO InputStreamReader和OutputStreamReader 百合不是茶 JAVA.io操作 字符流
    这是第三篇关于java.io的文章了，从开始对io的不了解-->熟悉--->模糊，是这几天来对文件操作中最大的感受，本来自己认为的熟悉了的，刚刚在回想起前面学的好像又不是很清晰了，模糊对我现在或许是最好的鼓励 我会更加的去学 加油！： JAVA的API提供了另外一种数据保存途径，使用字符流来保存的，字符流只能保存字符形式的流   字节流和字符的难点：a,怎么将读到的数据
  • MO、MT解读 bijian1013 GSM
    MO= Mobile originate，上行，即用户上发给SP的信息。MT= Mobile Terminate，下行，即SP端下发给用户的信息； 上行:mo提交短信到短信中心下行:mt短信中心向特定的用户转发短信，你的短信是这样的，你所提交的短信，投递的地址是短信中心。短信中心收到你的短信后，存储转发，转发的时候就会根据你填写的接收方号码寻找路由，下发。在彩信领域是一样的道理。下行业务：由SP
  • 五个JavaScript基础问题 bijian1013 JavaScriptcallapplythisHoisting
    下面是五个关于前端相关的基础问题，但却很能体现JavaScript的基本功底。 问题1：Scope作用范围 考虑下面的代码：  (function() { var a = b = 5; })(); console.log(b); 什么会被打印在控制台上？  回答：         上面的代码会打印 5。 &nbs
  • 【Thrift二】Thrift Hello World bit1129 Hello world
    本篇，不考虑细节问题和为什么，先照葫芦画瓢写一个Thrift版本的Hello World，了解Thrift RPC服务开发的基本流程   1. 在Intellij中创建一个Maven模块，加入对Thrift的依赖，同时还要加上slf4j依赖，如果不加slf4j依赖，在后面启动Thrift Server时会报错 <dependency>
  • 【Avro一】Avro入门 bit1129 入门
    本文的目的主要是总结下基于Avro Schema代码生成，然后进行序列化和反序列化开发的基本流程。需要指出的是，Avro并不要求一定得根据Schema文件生成代码，这对于动态类型语言很有用。   1. 添加Maven依赖   <?xml version="1.0" encoding="UTF-8"?> <proj
  • 安装nginx+ngx_lua支持WAF防护功能 ronin47
    需要的软件:LuaJIT-2.0.0.tar.gz                   nginx-1.4.4.tar.gz          &nb
  • java-5.查找最小的K个元素-使用最大堆 bylijinnan java
    import java.util.Arrays; import java.util.Random; public class MinKElement { /** * 5.最小的K个元素 * I would like to use MaxHeap. * using QuickSort is also OK */ public static void
  • TCP的TIME-WAIT bylijinnan socket
    原文连接： http://vincent.bernat.im/en/blog/2014-tcp-time-wait-state-linux.html 以下为对原文的阅读笔记 说明： 主动关闭的一方称为local end，被动关闭的一方称为remote end 本地IP、本地端口、远端IP、远端端口这一“四元组”称为quadruplet，也称为socket 1、TIME_WA
  • jquery ajax 序列化表单 coder_xpf Jquery ajax 序列化
       checkbox 如果不设定值，默认选中值为on；设定值之后，选中则为设定的值   <input type="checkbox" name="favor" id="favor" checked="checked"/> $("#favor&quo
  • Apache集群乱码和最高并发控制 cuisuqiang apachetomcat并发集群乱码
    都知道如果使用Http访问，那么在Connector中增加URIEncoding即可，其实使用AJP时也一样，增加useBodyEncodingForURI和URIEncoding即可。 最大连接数也是一样的，增加maxThreads属性即可，如下，配置如下： <Connector maxThreads="300" port="8019" prot
  • websocket dalan_123 websocket
    一、低延迟的客户端-服务器 和 服务器-客户端的连接 很多时候所谓的http的请求、响应的模式，都是客户端加载一个网页，直到用户在进行下一次点击的时候，什么都不会发生。并且所有的http的通信都是客户端控制的，这时候就需要用户的互动或定期轮训的，以便从服务器端加载新的数据。   通常采用的技术比如推送和comet（使用http长连接、无需安装浏览器安装插件的两种方式：基于ajax的长
  • 菜鸟分析网络执法官 dcj3sjt126com 网络
      最近在论坛上看到很多贴子在讨论网络执法官的问题。菜鸟我正好知道这回事情.人道"人之患好为人师" 手里忍不住,就写点东西吧. 我也很忙.又没有MM,又没有MONEY....晕倒有点跑题. OK,闲话少说,切如正题. 要了解网络执法官的原理. 就要先了解局域网的通信的原理. 前面我们看到了.在以太网上传输的都是具有以太网头的数据包. 
  • Android相对布局属性全集 dcj3sjt126com android
    RelativeLayout布局android:layout_marginTop="25dip" //顶部距离android:gravity="left" //空间布局位置android:layout_marginLeft="15dip //距离左边距 // 相对于给定ID控件android:layout_above 将该控件的底部置于给定ID的
  • Tomcat内存设置详解 eksliang jvmtomcattomcat内存设置
    Java内存溢出详解   一、常见的Java内存溢出有以下三种：   1. java.lang.OutOfMemoryError: Java heap space ----JVM Heap（堆）溢出JVM在启动的时候会自动设置JVM Heap的值，其初始空间(即-Xms)是物理内存的1/64，最大空间(-Xmx)不可超过物理内存。 可以利用JVM提
  • Java6 JVM参数选项 greatwqs javaHotSpotjvmjvm参数JVM Options
    Java 6 JVM参数选项大全（中文版）   作者：Ken Wu Email: [email protected] 转载本文档请注明原文链接 http://kenwublog.com/docs/java6-jvm-options-chinese-edition.htm！   本文是基于最新的SUN官方文档Java SE 6 Hotspot VM Opt
  • weblogic创建JMC i5land weblogicjms
    进入 weblogic控制太 1.创建持久化存储 --Services--Persistant Stores--new--Create FileStores--name随便起--target默认--Directory写入在本机建立的文件夹的路径--ok 2.创建JMS服务器 --Services--Messaging--JMS Servers--new--name随便起--Pers
  • 基于 DHT 网络的磁力链接和BT种子的搜索引擎架构 justjavac DHT
    上周开发了一个磁力链接和 BT 种子的搜索引擎 {Magnet & Torrent}，本文简单介绍一下主要的系统功能和用到的技术。 系统包括几个独立的部分： 使用 Python 的 Scrapy 框架开发的网络爬虫，用来爬取磁力链接和种子； 使用 PHP CI 框架开发的简易网站； 搜索引擎目前直接使用的 MySQL，将来可以考虑使
  • sql添加、删除表中的列 macroli sql
    添加没有默认值：alter table Test add BazaarType char(1) 有默认值的添加列：alter table Test add BazaarType char(1) default(0) 删除没有默认值的列：alter table Test drop COLUMN BazaarType 删除有默认值的列：先删除约束（默认值）alter table Test DRO
  • PHP中二维数组的排序方法 abc123456789cba 排序二维数组PHP
    <?php/*** @package     BugFree* @version     $Id: FunctionsMain.inc.php,v 1.32 2005/09/24 11:38:37 wwccss Exp $*** Sort an two-dimension array by some level
  • hive优化之------控制hive任务中的map数和reduce数 superlxw1234 hivehive优化
    一、    控制hive任务中的map数: 1.    通常情况下，作业会通过input的目录产生一个或者多个map任务。 主要的决定因素有： input的文件总个数，input的文件大小，集群设置的文件块大小(目前为128M, 可在hive中通过set dfs.block.size;命令查看到，该参数不能自定义修改)；2. 
  • Spring Boot 1.2.4 发布 wiselyman spring boot
    Spring Boot 1.2.4已于6.4日发布，repo.spring.io and Maven Central可以下载(推荐使用maven或者gradle构建下载)。   这是一个维护版本，包含了一些修复small number of fixes,建议所有的用户升级。   Spring Boot 1.3的第一个里程碑版本将在几天后发布，包含许多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他