lyanjun
lyanjun

Ajax练习二（原生JS异步请求）

(二)JS异步请求

  这里我使用的编译器是WebStorm（不管用哪个编译器我们的最终结果都是一样的就是要请求后台的数据，随后将后台返回的结果展示在界面中），后台的配置请参考Ajax练习一（配置Java后台）。
  这里用可能会遇到跨域的问题。解决方式只需要在后台设置即可。因为我后台用的是SpringMvc，所以只需要在Controller中加上@CrossOrigin注解即可！添加方式如下图所示：
Ajax练习二（原生JS异步请求）_第1张图片

Get请求

1.设置界面的布局：

  这里先简单的设置一些界面效果（因为我不会Html - -！，写这些纯属三分钟热血）。布局如下：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style>
        /* 这里给P标签设置点样式
           为了显眼一些
        */
        #result{
            background-color: skyblue;
            font-size: 30px;
            color: white;
        }
    style>
head>
<body>

<p id="result">用于展示结果p>

<button id="request">点我请求后台的数据button>

<script>
    //点击按钮后向后台发起请求
    document.getElementById("request").onclick = function () {
        var getRequest = new XMLHttpRequest();//创建请求对象
        getRequest.open("GET", "http://192.168.1.101:8080/MineTest/first.do", true);//链接服务器
        getRequest.send();//发送请求
        getRequest.onreadystatechange = function () {
            if (getRequest.readyState === 4) {//请求已完成，且响应已就绪
                if (getRequest.status === 200) {//请求成功
                    var resultStr = getRequest.responseText//获取结果
                    var resultObj = JSON.parse(resultStr);//解析数据
                    //将返回的结果展示到P标签中
                    document.getElementById("result").innerHTML =
                        "名称 : " + resultObj.name + "
" +
                        "年龄 : " + resultObj.age + "
" +
                        "性别 : " + resultObj.sex;
                }
                else {
                    alert("错误码 : " + getRequest.status);
                }
            }
        }
    }
script>
body>
html>

2.运行界面查看结果：

  首先打开网页查看一下效果，效果如下图所示：
Ajax练习二（原生JS异步请求）_第2张图片
  点击按钮，请求后台，请求成功后的效果如下图所示：
Ajax练习二（原生JS异步请求）_第3张图片

Post请求

1.设置界面的布局：

  这里同样的简单的设置一个界面。提交两个数字，让后台把两数相加的结果返回。布局如下：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>

<label>请输入数字1 : label>
<input type="number" id="num1">
br>
<label>请输入数字2 : label>
<input type="number" id="num2">
br>

<button id="request">点我请求后台的数据button>

<script>
    //点击按钮后向后台发起请求
    document.getElementById("request").onclick = function () {
        var getRequest = new XMLHttpRequest();//创建请求对象
        getRequest.open("POST", "http://192.168.1.101:8080/MineTest/sum.do", true);//链接服务器
        var postStr = "num1=" + document.getElementById("num1").value +
            "&num2=" + document.getElementById("num2").value;
        getRequest.setRequestHeader("contentType", "text/html;charset=uft-8");//设置编码格式
        getRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");//表单类型
        getRequest.send(postStr);//发送请求
        getRequest.onreadystatechange = function () {
            if (getRequest.readyState === 4) {//请求已完成，且响应已就绪
                if (getRequest.status === 200) {//请求成功
                    var resultStr = getRequest.responseText//获取结果
                    alert("返回结果 : " + resultStr);
                }
                else {
                    alert("错误码 : " + getRequest.status);
                }
            }
        }
    }
script>
body>
html>

  在后台的TestController类中添加一个方法，用来接收参数和返回结果,代码如下：

	/**
	 * 求和并返回
	 * @param request
	 * @param response
	 * @throws IOException
	 */
	@RequestMapping(value = "/sum" , method = RequestMethod.POST)
	public void sum(HttpServletRequest request,HttpServletResponse response) throws IOException{
		response.setCharacterEncoding("UTF-8");
		int num1 = Integer.parseInt(request.getParameter("num1"));
		int num2 = Integer.parseInt(request.getParameter("num2"));
		response.getWriter().write(num1 + " + " + num2 + " = " + (num1 + num2));
	}

2.运行界面查看结果：

  打开网页查看一下效果，效果如下图所示：
Ajax练习二（原生JS异步请求）_第4张图片
  输入数字后点击按钮，请求后台，请求成功后的效果如下图所示：
Ajax练习二（原生JS异步请求）_第5张图片

  这样一个使用Ajax实现前后台交互小例子就完成了！接下来将使用JQuery来实现简单的get、post请求。

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

  • 前端练习小项目——视觉冲击卡片 秋刀鱼不做梦 CSS前端学习htmlcsscss3vscode
    前言：前言：在学习完HTML和CSS之后，我们就可以开始做一些小项目了，本篇文章所讲的小项目为——视觉冲击卡片✨✨✨这里是秋刀鱼不做梦的BLOG✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN博客先让我们看一下效果：那么我们如何去实现这样的小案例呢？在下文中我们对每一段重要的代码都进行了解释，读者可以根据注释对代码进行理解。1.HTML代码zjy这段HTML代码是一个基本的网页模板，展
  • web前端练习一 ANCHG_ 前端
    1.电子汇款单电子汇款单工商银行电子汇款单回单类型-->网上转账汇款指令序号-->HQH000000000000013878172       收 款 人 户名老牟付 款 人 户名老刘-->卡号0000000001-->卡号0000000002-->地区南京-->地区杭
  • Vue实现版本号输入、删除时光标自动移动到上、下一个输入框前端demo 齐天qaq 前端分享前端vue.jsjavascript
    前言首先声明，我平时的工作主要是后端JAVA开发，该demo为前端练习，记录一下劳动成果，希望对大家有所帮助，如果有写的不妥的地方，欢迎大家指正，一起学习、共同进步。背景手机验证码、银行卡输入密码等很多场景，在我们输入或者删除的时候，光标都会自动的定位到我们当前输入的输入框，模拟这一场景，我决定简单实现一下输入、删除版本号时，光标自动移动、定位。假设：系统版本号分为主版本号、次版本号、修订号、构建
  • 如何开发前端组件库 天道酬心 笔记javascript前端框架组件库UI框架ui
    在讲如何做之前先说两个不大、却有点重要的问题～。ps（文章最后有项目案例）1.为什么要自己开发一个前端组件库？或者说，自己开发一个前端组件库有什么好处？我认为前端组件库是我们前端练习写一个library的最简单最有效的方式（当然在面试中也算一个不错的亮点）。因为开发组件库的过程不仅练习了框架（vue/react）的使用，还集合了包括单元测试、UI输出、类型检查、打包构建等从头到尾一整套的知识。其中
  • 我的前端学习之路-----HTML+css（一） 一七得七得八得九 前端
    （本条为个人学习随手笔记，以基础知识为主）我的推荐练习网站：https://www.freecodecamp.org/learn（免费的前端练习网站，像是闯关，推荐指数★★★★★）推荐学习网站：菜鸟教程-学的不仅是技术，更是梦想！(runoob.com)中国大学MOOC(慕课)_国家精品课程在线学习平台(icourse163.org)————客户端与服务器————通常情况下，现在的软件由客户端与服
  • 前端学习Day5 骑猪的baba
    1.练习1.1代码这是我第一个前端练习网页这是我的个人博客东风破周杰伦一盏离愁孤灯伫立在窗口我在门后假装你人还没走旧地如重游月圆更寂寞夜半清醒的烛火不忍苛责我一壶漂泊浪迹天涯难入喉你走之后酒暖回忆思念瘦水向东流时间怎么偷花开就一次成熟我却错过谁在用琵琶弹奏一曲东风破岁月在墙上剥落看见小时候犹记得那年我们都还很年幼而如今琴声幽幽我的等候你没听过谁在用琵琶弹奏一曲东风破枫叶将故事染色结局我看透篱笆外的
  • 前端练习的网站 小白学过的代码 cesium编程语言javascript
    1.freecode2.力扣3.MDN4.codewas5.JavaScriptKatas6.牛客网7.NODESCHOOL8.HackerRank这是几个我平常练习的前段网站
  • 第五届字节跳动前端青训营入营笔试 Karl ^_^ 字节跳动青训营css前端html
    第五届字节跳动青训营文章目录第五届字节跳动青训营青训营-前端练习题每日一练编程题前端编程题[342.4的幂](https://leetcode.cn/problems/power-of-four/)[125.验证回文串](https://leetcode.cn/problems/valid-palindrome/)[5.最长回文子串](https://leetcode.cn/problems/lo
  • 浅谈一下 webpack 以及 loader 和 plugin yingjieweb webpack前端javascript
    话说，前端练习时长也快两年了，但是关于webpack的东西好像也没怎么研究过一是没有这方面的需求：回想一下，关于webpack的配置相关工作，也就只有自己配置过一次loader「使用svg-sprite-loader、svgo-loader优化svgsymbols」，还是摸着石头过河；二是大部分的配置工作脚手架都已经做好了，这很可能导致一个问题，就是别人问你webpack相关的知识的时候，阿巴阿巴
  • 前端练习--钟表运动效果 comegoing-归去兮来 前端基础练习html5css3前端css动画
    目录一、效果展示二、原理1、背景2、指针旋转三、代码（背景图来自本地，请自行下载）一、效果展示二、原理1、背景（1）实际上，钟表一个div，时针分针秒针都有一个div背景，只是没有显示（2）用一个div作为钟表的盒子，加入背景图片，并用border-radius设置为圆形（3）每个指针需要一个div作为背景（4）将时针分针秒针作为div的子元素，让他们在盒子中居中，并且长度只占50%2、指针旋转（
  • 前端练习--3D盒子背景图运动效果 comegoing-归去兮来 前端基础练习html前端css动画
    目录一、效果展示二、原理三、代码（图片来自本地，请自行解决背景图片）一、效果展示二、原理--打开transform-style的preserve-3d模式--将6张图片进行绝对定位，使之重合--通过rotate旋转，成为盒子的六个面--添加keyframes动画效果三、代码（图片来自本地，请自行解决背景图片）3D旋转盒子@keyframesbox{from{transform:rotateX(0)
  • html训练项目,前端新手项目练习之钟表 白马唐僧 html训练项目
    前端新手项目练习值钟表前端新手记录自己在网络上找到的前端练习项目。项目简介一个简单的钟表，有刻度和数字，利用了一些CSS3特效来实现。钟表.gifhtml部分在html中写好钟表、圆心和时分秒针,其它标签较为复杂，需通过javascript添加。钟表CSS部分CSS部分使用了很多的CSS3特效，用来实现钟表并且更好看一些。*{margin:0;padding:0;}.clock{width:400
  • 蓝桥杯Web前端练习-----渐变色背景生成器 懒羊羊h csshtml前端javascriptcss
    介绍相信做过前端开发的小伙伴们对渐变色在UI设计中的流行度一定不陌生，网页上也时常可以看到各类复杂的渐变色生成工具。使用原生的CSS变量加一些JS函数就能做出一个简单的渐变色背景生成器。现在渐变色生成器只完成了颜色选取的功能，需要大家帮忙把取色器中的两个色值通过JS函数更新给CSS变量，从而实现渐变色预览功能。准备本题已经内置了初始代码，打开实验环境，目录结构如下：├──index.html├──
  • 蓝桥杯Web前端练习题-----水果拼盘 懒羊羊h htmlcss前端csscss3
    一、水果拼盘介绍目前CSS3中新增的Flex弹性布局已经成为前端页面布局的首选方案，本题可以使用Flex属性快速完成布局。准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下：├──css│└──style.css├──images│├──apple.svg│├──banana.svg│├──blueplate.svg│├──redplate.svg│├──yellowplate.svg│
  • 2022-2023寒假字节青训营前端练习题（选择题） Kw_Chng 前端
    DAY1选择题1：下列哪些是HTML5的新特性？A.语义标签B.Canvas绘图C.元素D.增强型表单【ans：ABCD】选择题2：下面可以继承的属性有哪些？A.font-sizeB.backgroundC.colorD.cursor【ans：ACD】DAY2选择题1：对于一条100M的宽带，理论下载速度上限是多少？A.12.5MB/sB.100MB/sC.10MB/sD.10Mb/s【ans：A
  • 第五届字节跳动青训营(寒假) - 前端练习题&官方答案 我发在否 前端cssjavascripthtml
    【青训营-前端练习题】想知道青训营笔试题怎么考？快来这里看看练习题吧！收集自字节青训营官方账号Day1选择题1：下列哪些是HTML5的新特性？A.语义标签B.Canvas绘图C.元素D.增强型表单选择题2：下面可以继承的属性有哪些？A.font-sizeB.backgroundC.colorD.cursor1、ABCD；2、ACDDay2选择题1：对于一条100M的宽带，理论下载速度上限是多少？A
  • 时长一年半的前端练习生2022年终总结 码云笔记 其他分类前端
    2022感觉过得真快，还有一周就结束了，趁着周末有时间来总结一下2022做了什么。最近小人很多，各位老哥保重身体。工作咱也不是刚毕业的小鲜肉了，不过也算不上什么工作经验丰富的老司机。大概分享一下今年工作以来的一些感想与心得吧。去年刚入职的时候基本上都是在扮演一个页面仔的角色，切切图CURD，没有什么特别值得说的事情。从今年开始，自己会从团队、工程化、性能优化的角度去考量自己做的事情。比如开发一些效
  • 前端练习--奇奇动漫导航条（通过背景图设置） comegoing-归去兮来 前端基础练习前端csshtmlcss3
    目录一、效果展示二、注意三、代码一、效果展示二、注意（1）这个蓝色背景并不是设置了背景颜色，这是背景贴图，并且是高度100px，宽度1px的图片横向重复粘贴（2）这里面三个文字的祖先元素是li，为了能够横向排版，进行了浮动，为防止高度塌陷，外联了css文件，这里需要注意，不然代码会出问题-至于高度塌陷，请参考这篇文章：https://blog.csdn.net/comegoing_xin_lv/a
  • 前端练习题目--不定时分享 马德里甜欣 前端linqjavascript
    vartest=newBoolean();document.write(test);document.write("");vartest=newBoolean(0);document.write(test);document.write("");vartest=newBoolean(null);document.write(test);document.write("");vartest=newB
  • 前端新手项目练习之钟表 简单一点点
    前端新手项目练习值钟表前端新手记录自己在网络上找到的前端练习项目。项目简介一个简单的钟表，有刻度和数字，利用了一些CSS3特效来实现。钟表.gifhtml部分在html中写好钟表、圆心和时分秒针,其它标签较为复杂，需通过javascript添加。钟表CSS部分CSS部分使用了很多的CSS3特效，用来实现钟表并且更好看一些。*{margin:0;padding:0;}.clock{width:400
  • 前端新手项目练习之拼图游戏 一点点努力
    前端新手记录自己在网络上找到的前端练习项目。趁热打铁，再练习一下鼠标拖动相关的事件，这个小游戏是一个不错的选择，玩着有趣，看着也养眼。项目简介三个选项代表三幅图片，可以选择任意一个开始游戏，拼图游戏跟我们平时玩的差不多，全部拼正确后会提示完成游戏并显示花费的时间。拼图游戏.gifHtml部分分成3个部分，上面是3个图片作为选项，中间是开始游戏的按钮，下面是游戏正文部分，因为较为复杂需要通过Java
  • 专科生一年如何从0基础到月薪10K 啊天嗷 大前端专科生javascripthtmlcss
    大家好！我是前端练习时长一年半的菜徐昆从毕业实习开始：寻找新的学习方式：开始就业:再启程：共勉：（开个玩笑，坤哥还是帅的）从毕业实习开始：我是一个专科生，我觉得代码无关学历，可是我还是想点明我现在的学历，因为呢有很多计算机系专科毕业生毕业后根本找不着方向，这也是我写下这篇文章的最大原因，希望给专科生有一点点的引导作用。首先从在大学里学的东西开始说吧，毕竟是专科生，所以学的知识有关于代码的东西都十分
  • 设计模式总结分享-一个引子 ZYJCMD 设计模式javascripttypescript
    写在最前面前端作为最初的切图仔（手动狗头），到现在面对越来越复杂的业务项目，处理越来越复杂的工程项目，对前端程序员的要求也越来越高。特别是，当有幸参加完阿里前端练习生计划后，才知道，前端的东西真的太多了，从工程基建代码监控到webGL，再到人工智能，真是哪里都有前端的大展拳脚的舞台。当然，在这个趋势下，对前端的要求也是水涨船高，看到很多大厂的JD都有提及到设计模式这一点。那设计模式又是啥，为什么要
  • Vue axios增删改查纯前端练习二 普通查询 商朝 前端vue.js前端js
    Vueaxios_crud纯前端练习二普通查询部署mockqueryResp.jsmock制造假数据dao层书写dao层query()函数jshtml页面运行总结部署mock上一篇我们已经把依赖和相关的文件建立完毕了那么我们从登录的基础上继续没有部署的小伙伴请移步上一篇Vueaxios_crud纯前端练习一登录queryResp.js在mock文件下建立queryResp.js文件目前的结构大概是
  • Vue axios增删改查纯前端练习一 登录 商朝 前端vue前端
    Vueaxios_crud纯前端练习一登录项目建立导入依赖新建目录静态html书写布局布局mock布局request.jsdao层请求发送html和vue运行总结项目建立导入依赖这里笔者用的时Vscode开发工具所以我们按照vscode来讲解在本地选择新建一个文件夹命名axios_crud并用vscode打开,如图在该目录下初始化对象:点击左侧空白区域,右键在集成终端打开右侧输入框初始化:npmi
  • 数据分析疫情图——day1 RodmaChen 数据分析疫情java大数据
    数据分析疫情一.创建javaweb项目二.前端练习1.导入视频2.获取二维码3.实现跳转连接4.简单界面构建前言：本来还得在学校见习的，因为疫情改成了上网课，虽然没有了在学校和同学们讨论的欢乐，但也很有趣。今天是第一天，我们的老师要带我们做的项目是分析全国疫情的图（老师也很辛苦啊），打算每天记一下笔记，让自己知道没白学本文已收录进我的小破站chenyunzhi.top在这里插入代码片软件：ecli
  • CSS现状和如何学习 阿里巴巴淘系技术团队官网博客 定位crmrelativelayoutpowerdesignerredirect
    导读：在2020年岁末有幸和一群优秀大学生在一起聊CSS相关的话题，感到非常的荣幸！在此非常感谢平台（阿里巴巴集团.前端练习生计划）给我这样的机会，同时也要非常感谢好友裕波，墨苒对我的鼓励和支持。在结束直播的时候，说过后面要整理一篇文字版本，由于个人新转团队（互动团队转到F(x)Team团队），加上自己太懒，所以今天才开始整理文字版本。所幸能在岁末完成，还算是一种补救。希望接下来的内容，对于新接触
  • 前端练习：ToDoList weixin_30817749 前端javascriptjson
    模仿ToDoListToDoList.htmlToDoList—最简单的待办事项列表ToDoList正在进行0已经完成0Copyright©2018todolist.cnclearindex.cssbody{margin:0;padding:0;font-size:16px;background:#CDCDCD;}.hander{width:100%;background-color:r
  • 「前端练习场」原生 JavaScript 手写各种 数组 API weixin_33721344
    前言JavaScript中的数组类型提供了很多原生方法供我们使用，本文会模拟实现一些常用的数组API。「前端练习场」将会持续更新，不同于之前的【前端进阶之路】和【从头到脚】这两个系列，练习场主要侧重于基础知识的练习巩固，大家对这个系列有好的建议也可以在评论区和我交流?。另外我自己也是在不断的学习中，如果有不对的地方麻烦大家斧正，我会及时更新，感谢。博客地址??fe-codeAPI数组的API有很多
  • 前端练习05 判断两个矩形是否重叠 多拉斯基 前端练习
    题目（2018-11-20）用一个对象的数据来表示一个矩形的位置和大小：{x:100,y:100,width:150,height:250}它表示一个宽为150高为250的矩形在页面上的(100,100)的位置。请你完成一个函数isOverlap可以接受两个矩形作为参数，判断这两个矩形在页面上是否重叠。例如：constrect1={x:100,y:100,width:100,height:100}
  • jsonp 常用util方法 hw1287789687 jsonpjsonp常用方法jsonp callback
    jsonp 常用java方法 (1)以jsonp的形式返回:函数名(json字符串) /*** * 用于jsonp调用 * @param map : 用于构造json数据 * @param callback : 回调的javascript方法名 * @param filters : <code>SimpleBeanPropertyFilter theFilt
  • 多线程场景 alafqq 多线程
    0 能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ Java多线程 2012年11月23日 15:41 Young9007 Young9007 4 0 0 4 Comment添加评论关注(2) 3个答案 按时间排序 按投票排序 0 0 最典型的如： 1、
  • Maven学习——修改Maven的本地仓库路径 Kai_Ge maven
          安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。    
  • placeholder的浏览器兼容 120153216 placeholder
    【前言】 自从html5引入placeholder后，问题就来了， 不支持html5的浏览器也先有这样的效果， 各种兼容，之前考虑，今天测试人员逮住不放， 想了个解决办法，看样子还行，记录一下。   【原理】 不使用placeholder，而是模拟placeholder的效果， 大概就是用focus和focusout效果。   【代码】 <scrip
  • debian_用iso文件创建本地apt源 2002wmj Debian
    1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下 2.创建N个挂载点目录 如下： debian:~#mkdir –r /media/dvd1 debian:~#mkdir –r /media/dvd2 debian:~#mkdir –r /media/dvd3 …. debian:~#mkdir –r /media
  • SQLSERVER耗时最长的SQL 357029540 SQL Server
    对于DBA来说，经常要知道存储过程的某些信息： 1.   执行了多少次 2.   执行的执行计划如何 3.   执行的平均读写如何 4.   执行平均需要多少时间 列名          &
  • com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 7454103 eclipse
    今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 错误提示信息： An error has occurred.See error log for more details. Reason: com/genuitec/
  • 用正则删除文本中的html标签 adminjun javahtml正则表达式去掉html标签
    使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 如下： public static String Html2Text(String inputString) { String htmlStr = inputString; // 含html标签的字符串 String textSt
  • 嵌入式系统设计中常用总线和接口 aijuans linux 基础
                   嵌入式系统设计中常用总线和接口         任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线
  • Java函数调用方式——按值传递 ayaoxinchao java按值传递对象基础数据类型
    Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。   首先，让我们看一看基础数据类型是如何按值传递的。   public static void main(String[] args) { int a = 2;
  • ios音量线性下降 bewithme ios音量
    直接上代码吧   //second 几秒内下降为0 - (void)reduceVolume:(int)second { KGVoicePlayer *player = [KGVoicePlayer defaultPlayer]; if (!_flag) { _tempVolume = player.volume;
  • 与其怨它不如爱它 bijian1013 选择理想职业规划
            抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。         一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。  
  • 一边时间不够用一边浪费时间 bingyingao 工作时间浪费
    一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 精神还是很差，下午像一直野鬼在城市里晃荡。 为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 控制让自己周末早睡早起，你就成功了一半。 有多少个工作
  • 【Scala八】Scala核心二：隐式转换 bit1129 scala
    Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con
  • sudoku slover in Haskell (2) bookjovi haskellsudoku
    继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。   board = [0,3,4,1,7,0,5,0,0, 0,6,0,0,0,8,3,0,1, 7,0,0,3,0,0,0,0,6, 5,0,0,6,4,0,8,0,7,
  • Java-Collections Framework学习与总结-HashSet和LinkedHashSet BrokenDreams linkedhashset
            本篇总结一下两个常用的集合类HashSet和LinkedHashSet。         它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序
  • 读《研磨设计模式》-代码笔记-备忘录模式-Memento bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; /* * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
  • 《RAW格式照片处理专业技法》笔记 cherishLC PS
    注意，这不是教程！仅记录楼主之前不太了解的 一、色彩（空间）管理 作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv
  • 使用 Git 下载 Spring 源码 编译 for Eclipse crabdave eclipse
    使用 Git 下载 Spring 源码 编译 for Eclipse   1、安装gradle，下载 http://www.gradle.org/downloads 配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v   2、spring4 用jdk8 下载 https://jdk8.java.
  • mysql连接拒绝问题 daizj mysql登录权限
    mysql中在其它机器连接mysql服务器时报错问题汇总 一、[running][email protected]:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 Enter password:    //无字符串输入 ERROR 1045 (28000): Access
  • Google Chrome 为何打压 H.264 dsjt applehtml5chromeGoogle
    Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome
  • yii 获取控制器名 和方法名 dcj3sjt126com yiiframework
    1. 获取控制器名 在控制器中获取控制器名:  $name = $this->getId(); 在视图中获取控制器名:    $name = Yii::app()->controller->id;    2. 获取动作名  在控制器beforeAction()回调函数中获取动作名:  $name =
  • Android知识总结（二） come_for_dream android
    明天要考试了，速速总结如下   1、Activity的启动模式        standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。）        singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac
  • 高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元 gcq511120594 工作项目管理
    高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕
  • linux expect heipark expect
    1. 创建、编辑文件go.sh   #!/usr/bin/expect spawn sudo su admin expect "*password*" { send "13456\r\n" } interact    2. 设置权限   chmod u+x go.sh  3.
  • Spring4.1新特性——静态资源处理增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • idea ubuntuxia 乱码 liyonghui160com
      1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 2.在ubuntu 下可以执行下面操作安装该字体： sudo mkdir /usr/share/fonts/truetype/simsun sudo cp simsun.ttf /usr/share/fonts/truetype/simsun fc-cache -f -v
  • 改良程序的11技巧 pda158 技巧
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。   让我们看一些基本的编程技巧：   尽量保持方法简短 永远永远不要把同一个变量用于多个不同的
  • 300个涵盖IT各方面的免费资源（下）——工作与学习篇 shoothao 创业免费资源学习课程远程工作
    工作与生产效率:   A. 背景声音 Noisli:背景噪音与颜色生成器。 Noizio:环境声均衡器。 Defonic:世界上任何的声响都可混合成美丽的旋律。 Designers.mx:设计者为设计者所准备的播放列表。 Coffitivity:这里的声音就像咖啡馆里放的一样。 B. 避免注意力分散 Self Co
  • 深入浅出RPC uule rpc
    深入浅出RPC-浅出篇 深入浅出RPC-深入篇   RPC Remote Procedure Call Protocol 远程过程调用协议   它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他