落华X
落华X

前端压缩图片并转成base64上传

前端压缩图片并转成base64上传

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>图片压缩转base64</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
	<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

	<input id="file" type="file" accept="image/*"><br>
	<input type="button" id="btn" value="上传"><br />

	<script>
		var imgBase64 = ''
		$("#file").change(function () {
			var file = this.files[0];
            if(!/image\/\w+/.test(file.type)){
                alert("请确保文件为图像类型"); 
                return false; 
            }
			
			//小于2m直接转base64，大于2m的还需要压缩处理
			if(file.size < 2 * 1024 * 1024){
				var reader=new FileReader();
            	reader.readAsDataURL(file);
            	reader.onload=function(){
                	imgBase64 = this.result.replace("image/jpeg", "image/png")
            	}
			} else {
				cutImageBase64(file, 900, 1);
			}
		})


		/**
		 * 超过2M先压缩再生成base64
		 * fiel 文件
		 * wid 图片压缩后的宽度(高度根据设置的宽度等比缩放)
		 * quality 清晰度0-1
		 */
		function cutImageBase64(file, wid, quality) {
			var canvas;
			var URL = window.URL || window.webkitURL;
			var blob = URL.createObjectURL(file);
			var img = new Image();
			img.src = blob;
			img.onload = function () {
				var that = this;
				//生成比例
				var w = that.width, h = that.height, scale = w / h;
				w = wid || w;
				h = w / scale;
				//生成canvas
				canvas = document.createElement('canvas');
				var ctx = canvas.getContext('2d');
				$(canvas).attr({ width: w, height: h });
				ctx.drawImage(that, 0, 0, w, h);
				// 生成base64
				imgBase64 = canvas.toDataURL('image/png', quality || 0.9);
			};
		}

		//上传图片
		$('#btn').click(() => {
			$.ajax({
				type: "POST",
				url: "03.php", 
				data: { img: imgBase64 },
				success: function (res) {
					console.log(res);
				}
			});
		})
	</script>
</body>

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

  • $.post 上传文件_基于 Laravel + Vue 组件实现文件异步上传 Clever Liu $.post上传文件
    我们在上一篇教程中已经演示了如何通过Request请求实例获取各种文本输入数据，但是还有一种输入数据我们没有涉及到，那就是文件上传。我们可以通过Request请求实例提供的file方法获取用户上传文件，并将其保存到指定目录从而完成文件上传，接下来，我们将从前端到后端实现一个完整的用户上传文件功能，包括视图、路由、控制器部分代码。定义文件上传路由首先我们在routes/web.php中定义上传文件涉
  • js实现的前端水印 k0933 记录javascript前端开发语言
    效果vardefaultConfig={content:[],//水印内容数组fontSize:14,//字体大小(px)fontFamily:'sans-serif',//字体color:'rgba(255,255,255,.3)',//字体颜色rotate:-20,//旋转角度(度数)zIndex:2147483647,//层级globalAlpha:0.5,//透明度canvasWidth:
  • UI前端与大数据的深度融合：打造智慧应用的新生态 前端开发与ui设计的老司机 ui前端大数据
    hello宝子们...我们是艾斯视觉擅长ui设计、前端开发、数字孪生、大数据、三维建模、三维动画10年+经验!希望我的分享能帮助到您!如需帮助可以评论关注私信我们一起探讨!致敬感谢感恩!在数字化转型的浪潮中，UI前端与大数据正逐渐成为推动智慧应用发展的核心力量。UI前端作为用户与应用程序交互的直接界面，负责提供直观、便捷且吸引人的用户体验；而大数据则凭借其强大的数据收集、分析和预测能力，为应用程序
  • BpmnJs源码篇2：diagram.js 简介与EventBus全局事件总线 MiyueFE javascript前端vue
    ✨✨✨目前成都的"小学生"大佬和作者一起开发了Flowable流程引擎组件（包含前端设计器与后端流程引擎）详情请访问：https://www.bpmport.com/products。预览：Flowable编辑器：flowable-designer，Activiti编辑器：activiti-designer，预览与模拟：viewer，DMN决策设计器：dmndiagram.js简介作为bpmn.j
  • 深入浅出Babel插件开发：从AST到代码转换的完整指南 MiyueFE javascript前端
    嘿，各位前端小伙伴们！今天咱们来聊聊一个既神秘又强大的东西——Babel插件开发。别被"AST"、“代码转换"这些高大上的词汇吓到，其实Babel插件开发就像是给代码做"整容手术”，让老旧的代码变得年轻时尚，让复杂的语法变得简单易懂。什么是Babel插件？简单来说，Babel插件就是一个代码转换器。它能够：语法转换：把ES6+语法转换成ES5API填充：为新API添加polyfill代码优化：移除
  • Vue3 工程化实战 jay丿 vue.jsjavascripttypescript前端
    Vue3工程化实战引言：构建工具的演进与选择在前端工程化领域，构建工具的选择直接影响开发效率与项目性能。随着Vue3的普及，构建工具生态也发生了显著变化：传统vue-cli逐渐进入维护模式，而新一代构建工具Vite凭借其卓越性能成为官方推荐方案。本文将系统对比两种创建方式，并深入解析基于Vite的Vue3工程化实践。一、传统方案：基于vue-cli创建Vue3工程1.1创建流程#检查版本（需≥4.
  • Webpack 中的 Loader 和 Plugin 全面详解 JaysonJin webpackrust前端
    Webpack中的Loader和Plugin全面详解整理不易，记得收藏、点赞再加关注，后续还会更新更多实战文档！Webpack是现代前端构建体系的核心工具，其中Loader和Plugin是其功能扩展的两大支柱。它们虽然常一起出现，但本质和作用完全不同。本文将全面对比二者的定义、作用、使用场景、生命周期与示例，帮你彻底搞清Loader和Plugin的区别与使用方法。一、Loader是什么？定义：Lo
  • WHAT - TanStack 前端工具库合集 @PHARAOH 前端
    文章目录常见的TanStack库特点官方网站与资源TanStackQuery（ReactQuery）TanStackTableTanStackVirtualTanStackRouterTanStackForm（目前还在开发预览阶段）在WHAT-react-query(TanStackQuery)vsswr请求中我们介绍过TanStackQuery.其实TanStack是一个由TannerLinsl
  • 提升首屏加载的秘密武器：一文讲透 CDN 加速核心逻辑 网罗开发 实战源码前端jsonjavascript
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • 小程序学习笔记：优化商铺列表页面的下拉刷新功能 you4580 学习笔记小程序
    在前端开发中，下拉刷新功能能显著提升用户体验，让用户方便地获取最新数据。今天就来和大家分享在开发商铺列表页面时，如何实现并优化下拉刷新功能，同时美化相关窗口样式。本文以微信小程序开发为例进行讲解。开启下拉刷新功能在微信小程序里，开启下拉刷新很简单。找到商铺列表页面的.json配置文件，添加enablePullDownRefresh配置节点，把它的值从默认的false改成true，就能开启下拉刷新效
  • 推客小程序系统开发全攻略：从设计到落地的完整实践 wx_ywyy6798 推客系统短剧短剧系统推客推客系统开发推客小程序推客小程序开发
    移动互联网时代，社交电商已成为不可忽视的商业形态，其中推客（分销）系统凭借其裂变式传播特性，成为众多企业流量变现的核心工具。本文将全面剖析推客小程序系统的开发全流程，从产品设计到技术实现，再到运营优化，为开发者提供一站式解决方案。一、系统架构设计：构建稳固基石一个完整的推客小程序系统需要前后端协同工作，采用分层架构设计是保证系统可扩展性的关键。前端展示层主要负责用户界面交互，采用组件化开发模式提升
  • react-别名路径配置 前端小趴菜05 react.js前端前端框架
    在前端开发中，别名路径配置（AliasPathConfiguration）是一种通过配置工具或框架，将特定的路径别名映射到实际文件路径的方法。这样可以简化文件引用路径，提高代码的可读性和维护性。为什么要进行别名路径配置？在我们做项目的时候一定会引入文件，如果要引入的文件层级太深的话肯定会出现很多'../../../../../'，会增加一些不必要的麻烦。所以我们通过@替代src路径，方便开发过程中
  • 前端如何动态执行JavaScript代码？ 程序员小寒 前端javascript开发语言
    今天来聊一聊javascript如何动态执行js代码，我总结了以下四种方法。第一种方式：evaleval函数会将传入的字符串作为js代码执行，并且返回最后一个表达式的值。eval('console.log(1)')//1eval的特点：同步执行；执行环境为当前作用域。leta=1;functiontest(){leta=2;eval('console.log(a)');//2}test();使用e
  • 前端使用Axios时的跨域问题 itanly 前端
    跨域问题的本质跨域问题源于浏览器的同源策略（Same-OriginPolicy），该策略限制了不同源（协议、域名、端口任一不同）之间的资源交互。Axios作为HTTP客户端，在浏览器环境中受此策略约束。后端配置CORS最标准的解决方案是后端配置CORS（跨域资源共享）。以下是Node.jsExpress框架的示例配置：constexpress=require('express');constcor
  • 从零构建现代JavaScript技术栈：Node.js与Yarn基础配置指南 施想钧
    从零构建现代JavaScript技术栈：Node.js与Yarn基础配置指南js-stack-from-scratchverekia/js-stack-from-scratch:是一个从零开始构建现代JavaScript开发栈的教程，包括工具、技术和实践。适合JavaScript开发人员、前端开发人员和初学者，以及对构建现代Web应用程序感兴趣的人员。项目地址:https://gitcode.co
  • 视频断点续播全栈实现：基于HTML5前端与Spring Boot后端 独立开发者阿乐 原创前端音视频RESTAPIAPISpringBootJavaScriptvideo元素
    文章目录视频断点续播功能实现方案核心思路前端实现HTML结构JavaScript实现SpringBoot后端实现1.依赖配置(pom.xml)2.实体类3.存储库接口4.服务层5.控制器实现要点视频断点续播功能构思图流程说明用户交互：前端核心功能：后端处理：数据存储：我的个人网站：乐乐主题创作室视频断点续播功能实现方案核心思路实现视频断点续播需要前后端配合，主要包括：前端记录播放进度后端存储进度信
  • 【代码审计】安全审核常见漏洞修复策略 秋说 Java代码审计网络安全代码审计
    文章目录1.异常信息泄露修复建议不推荐用法推荐用法2.文件上传漏洞错误示例（缺乏校验）安全示例（含格式/扩展名校验）3.SQL注入漏洞（MyBatis${}）示例修复建议4.生成组件间接依赖生成依赖树建议5.间接依赖组件的漏洞什么是间接依赖后端修复1后端修复2前端修复1前端修复26.XSS（跨站脚本攻击）错误示例（存在风险）安全示例（自动转义）修复建议7.接口未鉴权修复建议8.路径遍历漏洞错误示例
  • Flask + GPT 实践 红鼻子时代 flask项目flaskgptpython
    一、前言本篇文章会介绍从零开始构建一个基于Flask+GPT的小项目的过程。总共有四个版本的迭代，包括：1、调用GPT接口并渲染到前端页面；2、使用Flask提供的session来实现登录和登出功能；3、用SQLAlchemy管理数据库，实现用户注册和登录；4、记录和分页查看用户与GPT的对话历史。二、项目环境与依赖Python版本：建议3.7+Flask：最常用的PythonWeb框架之一ope
  • uni-app subPackages 分包加载：优化应用性能的利器 阿珊和她的猫 uni-app状态模式
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录subPackages配置注意事项优点使用场景在uni-app中，sub
  • 【C#】两个list根据某个元素比较差集 weixin_30594001 c#
    1.今天突然跟前端有一点小小的分歧，传输数据和数据库里的数据做比对，该前端做处理还是后端，(并不是都不愿意做，相反，都愿意在自己那端处理==)2.最后终于归结我这了，好久之前做过list比对，记得刚写代码的时候，两个list比对？那就无限foreach呗，当然实现是能实现，这就很影响比对效果和代码的整洁度了。3.接下来，我回忆起来了我之前写过的一个比较方法，拿出来记录一下//重写比较方法publi
  • java+vue+SpringBoo智慧旅游系统（程序+数据库+报告+部署教程+答辩指导）
    源代码+数据库+LW文档（1万字以上）+开题报告+答辩稿ppt+部署教程+代码讲解+代码时间修改工具技术实现开发语言：后端：Java前端：vue框架：springboot数据库：mysql开发工具JDK版本：JDK1.8数据库：mysql数据库工具：Navicat开发软件：idea主要角色及功能介绍本次系统的用例图做出了十分明确的功能划分，在设计时可以有很好的设计思路进行设计和延展。（1）管理员用
  • 前端base64遇到的坑：window.btoa中文报错的修复方案 前端
    问题是这样的：同事在使用的过程中发现一个问题：点击确定按钮后，有个报错提示。如下截图所示：报错文本是：invalidcharactererrorfailedtoexecutebtoaonwindowthestringtobeencodedcontainscharactersoutsideofthelatin1range详情：前端base64遇到的坑：window.btoa中文报错的修复方案
  • Spring Security 鉴权与授权详解（前后端分离项目）
    前言在现代Web开发中，前后端分离架构已经成为主流。后端专注于提供RESTfulAPI，而前端通过AJAX请求与后端交互。在这种架构下，如何对用户进行认证（Authentication）和授权（Authorization）成为了系统设计中的核心问题。SpringSecurity是Spring框架中用于构建安全系统的模块，它不仅提供了强大的安全机制，还支持灵活的自定义配置。本文将围绕鉴权失败和成功时
  • 前端Vue面试八股常考题（二） LuxTorch 前端面试题vue.js前端面试
    文章目录1、VueRouter如何配置404页面？1.基础配置步骤2.高级用法2、Vue中的过滤器有哪些应用场景？Vue3如何替代？1.过滤器的核心功能2.典型应用场景3.Vue3中的替代方案3、Vue中computed和methods的区别是什么？示例对比4、什么是Vue的前端路由？如何实现？1.核心实现方式：VueRouter2.VueRouter配置步骤3.VueRouter核心功能特性5、
  • 手把手教你入门vue+springboot开发（十三）--无感token前端实现 段鸿潭 java前端vue.jsspringboot
    文章目录前言一、前端代码实现1.登录处理2.刷新token请求增加3.请求拦截器修改4.响应拦截器修改5.测试结果二、代码逻辑优化前言上一篇我们研究了无感token刷新的实现方案以及后端代码实现，本篇我们将详细研究一下前端代码实现，前端代码实现过程中也有很多细节的地方需要注意，重点要关注前端代码编码过程中的业务逻辑处理。一、前端代码实现1.登录处理Login.vue文件中：//调用接口,完成登录l
  • 为什么要学习 next.js 框架 + Vercel 部署平台，因为我想把自己的 app 分享给别人。 waterHBO 学习javascript开发语言
    前端开发太卷？不如给你的React换个“豪华座驾”和“F1赛道”**如果你像我一样，从create-react-app的时代一路走来，你一定经历过那种“甜蜜的烦恼”：React给了你一个超强的V8引擎，但造车剩下的所有事——从方向盘(路由)、底盘(项目结构)到导航系统(数据管理)——都得你自己撸。结果就是，每个项目开始前，你都在重复发明轮子，在Webpack的配置地狱里苦苦挣扎。好消息是，时代变了
  • jQuery-Json-AJAX-跨域 了解化 jqueryjsonajax
    一、jQuery1.简介用于简化JavaScript代码开发主要作用：对于前端来说，写更少代码、做更多事情2、JQuery入门2.1操作选择器$("p")选取元素。$("p.intro")选取所有class="intro"的元素。$("p#demo")选取所有id="demo"的元素。事件及其事件绑定JavaScript的事件与jQuery事件区别:jQuery事件就是将JavaScript事件名
  • ECharts后台读取数据动态生成折线图：实时数据可视化解决方案 窦菲芊Harriet
    ECharts后台读取数据动态生成折线图：实时数据可视化解决方案【下载地址】ECharts后台读取数据动态生成折线图该项目提供了一种高效的方法，利用PHP从数据库中读取数据，并通过JSON格式传输到前端，结合ECharts库动态生成折线图。通过AJAX技术，数据能够实时刷新，确保折线图始终反映最新数据变化。项目集成了ECharts和jQuery，简化了开发流程，适合需要实时数据可视化的场景。只需将
  • 二次开发源码 借贷系统uniapp/借贷认证系统/小额信贷系统/工薪贷APP/资金贷系统h5 csdndddsd uniapp借贷系统开发小额贷系统app工薪贷系统安装搭建信用贷认证系统h5资金贷系统安装搭建教程借贷系统安装搭建借贷系统二次开发
    前端：UNIAPP后端：ThinkPHP数据库：Mysql前端使用的uniapp可以打包APPH5小程序系统提供了完善的网络借贷体系，为金融中介平台提供从获客到贷后管理全流程服务，解决了借贷手续繁琐、流程缓慢等问题此源码为运营中版本，具有极高稳定性，防注入，防攻击，修复全部已知后门漏洞仅供学习演示、二次开发专用，禁止一切违法行为的利用！可提现金额(元)￥{{qbMoney}}充值提现余额明细余额变
  • 一种文档与代码双轨处理的RAG架构方案 木鱼时刻 大模型人工智能深度学习
    1.目标如何构建一个能同时高效处理文档和代码的RAG系统？本文提出的融合架构，旨在解决这一核心挑战。2.整体架构概览该系统的顶层设计思想是专业分工，统一调度。它将复杂的知识处理流程拆解为清晰的模块，各模块各司其职，最终由一个核心服务进行统一编排。+-------------------+|前端||(DifyWeb界面)|+-------------------+|+----------------
  • iOS http封装 374016526 ios服务器交互http网络请求
    程序开发避免不了与服务器的交互，这里打包了一个自己写的http交互库。希望可以帮到大家。   内置一个basehttp，当我们创建自己的service可以继承实现。   KuroAppBaseHttp *baseHttp = [[KuroAppBaseHttp alloc] init]; [baseHttp setDelegate:self]; [baseHttp
  • lolcat ：一个在 Linux 终端中输出彩虹特效的命令行工具 brotherlamp linuxlinux教程linux视频linux自学linux资料
      那些相信 Linux 命令行是单调无聊且没有任何乐趣的人们，你们错了，这里有一些有关 Linux 的文章，它们展示着 Linux 是如何的有趣和“淘气” 。 在本文中，我将讨论一个名为“lolcat”的小工具 – 它可以在终端中生成彩虹般的颜色。 何为 lolcat ? Lolcat 是一个针对 Linux，BSD 和 OSX 平台的工具，它类似于 cat 命令，并为 cat
  • MongoDB索引管理（1）——[九] eksliang mongodbMongoDB管理索引
    转载请出自出处：http://eksliang.iteye.com/blog/2178427 一、概述       数据库的索引与书籍的索引类似，有了索引就不需要翻转整本书。数据库的索引跟这个原理一样，首先在索引中找，在索引中找到条目以后，就可以直接跳转到目标文档的位置，从而使查询速度提高几个数据量级。       不使用索引的查询称
  • Informatica参数及变量 18289753290 Informatica参数变量
    下面是本人通俗的理解，如有不对之处，希望指正 info参数的设置：在info中用到的参数都在server的专门的配置文件中（最好以parma）结尾 下面的GLOBAl就是全局的，$开头的是系统级变量，$$开头的变量是自定义变量。如果是在session中或者mapping中用到的变量就是局部变量，那就把global换成对应的session或者mapping名字。 [GLOBAL] $Par
  • python 解析unicode字符串为utf8编码字符串 酷的飞上天空 unicode
    php返回的json字符串如果包含中文，则会被转换成\uxx格式的unicode编码字符串返回。 在浏览器中能正常识别这种编码，但是后台程序却不能识别，直接输出显示的是\uxx的字符，并未进行转码。   转换方式如下   >>> import json >>> q = '{"text":"\u4
  • Hibernate的总结 永夜-极光 Hibernate
    1.hibernate的作用,简化对数据库的编码,使开发人员不必再与复杂的sql语句打交道   做项目大部分都需要用JAVA来链接数据库，比如你要做一个会员注册的 页面，那么 获取到用户填写的 基本信后，你要把这些基本信息存入数据库对应的表中，不用hibernate还有mybatis之类的框架，都不用的话就得用JDBC，也就是JAVA自己的，用这个东西你要写很多的代码，比如保存注册信
  • SyntaxError: Non-UTF-8 code starting with '\xc4' 随便小屋 python
    刚开始看一下Python语言，传说听强大的，但我感觉还是没Java强吧！ 写Hello World的时候就遇到一个问题，在Eclipse中写的，代码如下 ''' Created on 2014年10月27日 @author: Logic ''' print("Hello World!");  运行结果 SyntaxError: Non-UTF-8
  • 学会敬酒礼仪 不做酒席菜鸟 aijuans 菜鸟
    俗话说，酒是越喝越厚，但在酒桌上也有很多学问讲究，以下总结了一些酒桌上的你不得不注意的小细节。 细节一：领导相互喝完才轮到自己敬酒。敬酒一定要站起来，双手举杯。 细节二：可以多人敬一人，决不可一人敬多人，除非你是领导。 细节三：自己敬别人，如果不碰杯，自己喝多少可视乎情况而定，比如对方酒量，对方喝酒态度，切不可比对方喝得少，要知道是自己敬人。 细节四：自己敬别人，如果碰杯，一
  • 《创新者的基因》读书笔记 aoyouzi 读书笔记《创新者的基因》
    创新者的基因   创新者的“基因”，即最具创意的企业家具备的五种“发现技能”：联想，观察，实验，发问，建立人脉。   第一部分破坏性创新，从你开始 第一章破坏性创新者的基因 如何获得启示： 发现以下的因素起到了催化剂的作用：(1) -个挑战现状的问题；(2)对某项技术、某个公司或顾客的观察；(3) -次尝试新鲜事物的经验或实验；(4)与某人进行了一次交谈，为他点醒
  • 表单验证技术 百合不是茶 JavaScriptDOM对象String对象事件
    js最主要的功能就是验证表单,下面是我对表单验证的一些理解,贴出来与大家交流交流  ,数显我们要知道表单验证需要的技术点, String对象,事件,函数   一:String对象;通常是对字符串的操作;   1,String的属性;   字符串.length;表示该字符串的长度; var str= "java"
  • web.xml配置详解之context-param bijian1013 javaservletweb.xmlcontext-param
    一.格式定义： <context-param> <param-name>contextConfigLocation</param-name> <param-value>contextConfigLocationValue></param-value> </context-param> 作用：该元
  • Web系统常见编码漏洞（开发工程师知晓） Bill_chen sqlPHPWebfckeditor脚本
    1.头号大敌：SQL Injection 原因：程序中对用户输入检查不严格，用户可以提交一段数据库查询代码，根据程序返回的结果， 获得某些他想得知的数据，这就是所谓的SQL Injection，即SQL注入。 本质: 对于输入检查不充分，导致SQL语句将用户提交的非法数据当作语句的一部分来执行。 示例： String query = "SELECT id FROM users
  • 【MongoDB学习笔记六】MongoDB修改器 bit1129 mongodb
    本文首先介绍下MongoDB的基本的增删改查操作，然后，详细介绍MongoDB提供的修改器，以完成各种各样的文档更新操作  MongoDB的主要操作 show dbs 显示当前用户能看到哪些数据库 use foobar 将数据库切换到foobar show collections 显示当前数据库有哪些集合 db.people.update，update不带参数，可
  • 提高职业素养，做好人生规划 白糖_ 人生
      培训讲师是成都著名的企业培训讲师，他在讲课中提出的一些观点很新颖，在此我收录了一些分享一下。注：讲师的观点不代表本人的观点，这些东西大家自己揣摩。   1、什么是职业规划：职业规划并不完全代表你到什么阶段要当什么官要拿多少钱，这些都只是梦想。职业规划是清楚的认识自己现在缺什么，这个阶段该学习什么，下个阶段缺什么，又应该怎么去规划学习，这样才算是规划。  
  • 国外的网站你都到哪边看？ bozch 技术网站国外
    学习软件开发技术，如果没有什么英文基础，最好还是看国内的一些技术网站，例如：开源OSchina，csdn，iteye,51cto等等。 个人感觉如果英语基础能力不错的话，可以浏览国外的网站来进行软件技术基础的学习，例如java开发中常用的到的网站有apache.org 里面有apache的很多Projects,springframework.org是spring相关的项目网站,还有几个感觉不错的
  • 编程之美-光影切割问题 bylijinnan 编程之美
    package a; public class DisorderCount { /**《编程之美》“光影切割问题” * 主要是两个问题： * 1.数学公式（设定没有三条以上的直线交于同一点）： * 两条直线最多一个交点，将平面分成了4个区域； * 三条直线最多三个交点，将平面分成了7个区域； * 可以推出：N条直线 M个交点，区域数为N+M+1。
  • 关于Web跨站执行脚本概念 chenbowen00 Web安全跨站执行脚本
    跨站脚本攻击(XSS)是web应用程序中最危险和最常见的安全漏洞之一。安全研究人员发现这个漏洞在最受欢迎的网站,包括谷歌、Facebook、亚马逊、PayPal,和许多其他网站。如果你看看bug赏金计划,大多数报告的问题属于 XSS。为了防止跨站脚本攻击,浏览器也有自己的过滤器,但安全研究人员总是想方设法绕过这些过滤器。这个漏洞是通常用于执行cookie窃取、恶意软件传播,会话劫持,恶意重定向。在
  • [开源项目与投资]投资开源项目之前需要统计该项目已有的用户数 comsci 开源项目
            现在国内和国外,特别是美国那边,突然出现很多开源项目,但是这些项目的用户有多少,有多少忠诚的粉丝,对于投资者来讲,完全是一个未知数,那么要投资开源项目,我们投资者必须准确无误的知道该项目的全部情况,包括项目发起人的情况,项目的维持时间..项目的技术水平,项目的参与者的势力,项目投入产出的效益.....
  • oracle alert log file（告警日志文件） daizj oracle告警日志文件alert log file
    The alert log is a chronological log of messages and errors, and includes the following items: All internal errors (ORA-00600), block corruption errors (ORA-01578), and deadlock errors (ORA-00060)
  • 关于 CAS SSO 文章声明 denger SSO
    由于几年前写了几篇 CAS 系列的文章，之后陆续有人参照文章去实现，可都遇到了各种问题，同时经常或多或少的收到不少人的求助。现在这时特此说明几点： 1.  那些文章发表于好几年前了，CAS 已经更新几个很多版本了，由于近年已经没有做该领域方面的事情，所有文章也没有持续更新。 2. 文章只是提供思路，尽管 CAS 版本已经发生变化，但原理和流程仍然一致。最重要的是明白原理，然后
  • 初二上学期难记单词 dcj3sjt126com englishword
    lesson 课 traffic 交通 matter 要紧；事物 happy 快乐的，幸福的 second 第二的 idea 主意；想法；意见 mean 意味着 important 重要的，重大的 never 从来，决不 afraid 害怕 的 fifth 第五的 hometown 故乡，家乡 discuss 讨论；议论 east 东方的 agree 同意；赞成 bo
  • uicollectionview 纯代码布局, 添加头部视图 dcj3sjt126com Collection
    #import <UIKit/UIKit.h> @interface myHeadView : UICollectionReusableView { UILabel *TitleLable; } -(void)setTextTitle; @end #import "myHeadView.h" @implementation m
  • N 位随机数字串的 JAVA 生成实现 FX夜归人 javaMath随机数Random
    /** * 功能描述 随机数工具类<br /> * @author FengXueYeGuiRen * 创建时间 2014-7-25<br /> */ public class RandomUtil { // 随机数生成器 private static java.util.Random random = new java.util.R
  • Ehcache（09）——缓存Web页面 234390216 ehcache页面缓存
    页面缓存 目录 1       SimplePageCachingFilter 1.1      calculateKey 1.2      可配置的初始化参数 1.2.1     cach
  • spring中少用的注解@primary解析 jackyrong primary
    这次看下spring中少见的注解@primary注解，例子 @Component public class MetalSinger implements Singer{ @Override public String sing(String lyrics) { return "I am singing with DIO voice
  • Java几款性能分析工具的对比 lbwahoo java
    Java几款性能分析工具的对比 摘自：http://my.oschina.net/liux/blog/51800   在给客户的应用程序维护的过程中，我注意到在高负载下的一些性能问题。理论上，增加对应用程序的负载会使性能等比率的下降。然而，我认为性能下降的比率远远高于负载的增加。我也发现，性能可以通过改变应用程序的逻辑来提升，甚至达到极限。为了更详细的了解这一点，我们需要做一些性能
  • JVM参数配置大全 nickys jvm应用服务器
    JVM参数配置大全 /usr/local/jdk/bin/java -Dresin.home=/usr/local/resin -server -Xms1800M -Xmx1800M -Xmn300M -Xss512K -XX:PermSize=300M -XX:MaxPermSize=300M -XX:SurvivorRatio=8 -XX:MaxTenuringThreshold=5 -
  • 搭建 CentOS 6 服务器(14) - squid、Varnish rensanning varnish
    （一）squid 安装 # yum install httpd-tools -y # htpasswd -c -b /etc/squid/passwords squiduser 123456 # yum install squid -y 设置 # cp /etc/squid/squid.conf /etc/squid/squid.conf.bak # vi /etc/
  • Spring缓存注解@Cache使用 tom_seed spring
    参考资料 http://www.ibm.com/developerworks/cn/opensource/os-cn-spring-cache/ http://swiftlet.net/archives/774   缓存注解有以下三个： @Cacheable      @CacheEvict     @CachePut
  • dom4j解析XML时出现"java.lang.noclassdeffounderror: org/jaxen/jaxenexception"错误 xp9802
    java.lang.NoClassDefFoundError: org/jaxen/JaxenExc 关键字: java.lang.noclassdeffounderror: org/jaxen/jaxenexception 使用dom4j解析XML时，要快速获取某个节点的数据，使用XPath是个不错的方法，dom4j的快速手册里也建议使用这种方式 执行时却抛出以下异常： Exceptio
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他