theLuckyLong
theLuckyLong

Vue学习--Axios异步通信

什么是Axios

  • 之前，前端与后端进行数据资源交互，用到的是jQuery下的Ajax。现在axios的出现，可以干之前ajax干的活。Axios 是一个基于 promise 的 HTTP 库，简单的讲就是可以发送get、post请求。
    值得注意的是，axios要求浏览器中的JS版本为ECMAScript6及以上。

使用方式

  • 可以去官网下载，也可以使用在线cdn，本文采取后者，方便内容讲解

<script src="https://unpkg.com/axios/dist/axios.min.js">script>

在使用之前先交代一个事情：

  • Vue在渲染数据时，存在一个生命周期，只是由于网速太快，对我们开发者以及用户而言，初始化的部分仅仅是一瞬间的事，但是它是真实存在的。在这其中，有许多的“钩子函数”，就是在Vue初始化的各个阶段，可以在各个阶段节点编写函数，使之触发。

  • Vue生命周期中有一个mounted阶段，该阶段一般用于进行ajax请求来初始化数据，所以可以在这个阶段编写axios函数来进行调用。（注：mounted阶段，在整个实例只执行一次）

接下来我们通过一个案例来进行演示：
首先创建一个student.json文件作为数据来源：

{
  "name" : "小明",
  "age" : 18,
  "hobbies" : ["唱歌","跳舞","Rap","打篮球"],
  "homie" : [
    {
      "name" : "小华",
      "age" : 13
    },
    {
      "name" : "小李",
      "age" : 15
    },
    {
      "name" : "小建",
      "age" : 20
    },
    {
      "name" : "小蛇",
      "age" : 13
    }
  ]
}

前端调用


<html lang="en" >
<head>
    <meta charset="UTF-8">
    <title>Axiostitle>
head>
<style>
    [v-clock]{
        display: none; /*解决闪烁问题*/
    }
style>
<body>
    <div id="vueApp" v-clock>
        <p>{{student.name}}p>
        <ul>
            爱好<br/>
            <li v-for="hobby in student.hobbies">{{hobby}}li>
        ul>
        <ul>
            老铁们<br/>
            <li v-for="bro in student.homie">{{bro.name}}--{{bro.age}}li>
        ul>


    div>


<script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js">script>

<script src="https://unpkg.com/axios/dist/axios.min.js">script>
<script>
    let vm = new Vue({
        el: "#vueApp",
        data(){//这是个函数对象，与data属性对象区分开
            return{
                //请求返回的参数内容要与json数据相符
                //这里只是写一个模板，用于以后接收后端传递过来的json数据
                student : {
                    name : null,
                    age : null,
                    hobbies : [],
                    homie : []
                }
            }
        },
        mounted(){//钩子函数，用于在初始化Vue对象前执行的函数
            /*
            * axios函数类似于ajax，编程方式为链式编程
            * get方法中的参数为请求资源的url
            * then()方法有点类似于成功之后的回调函数,注意JavaScript的版本要为EMS6
            * */
            axios.get('student.json').then(response=>(this.student = response.data));
        }
    });
script>
body>
html>

关于解决前端闪烁的问题（前端会先显示数据模板，闪烁一下后才显示真实数据）：

  • 在Vue作用的Dom对象上增加一个 v-clock属性
<div id="vueApp" v-clock>
	...
div>
  • 然后在样式表中如下定义：
<style>
    [v-clock]{/*属性选择器*/
        display: none; /*解决闪烁问题*/
    }
style>

你可能感兴趣的:(Vue,vue)

  • vue按照官网设置自动导入后ElMessageBox不生效问题 cc.ChenLy 前端
    按照官网的方式导入之后，ElMessageBox不用再引入了，不然就会造成冲突不生效解决的方法：将组件中的引入删除，直接使用
  • vue那个生命周期函数操作dom_vue生命周期实例小结 迷失的憨批
    本文实例分析了vue生命周期。分享给大家供大家参考，具体如下：每个Vue实例都存在完整的生命周期，经历从创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程。如下图所示vue的完整生命周期可分为三个阶段：初始化阶段、运行阶段和销毁阶段。共存在很多钩子函数，他们在vue生命周期不同的阶段进行操作,列举如下：beforeCreatecreatedbeforeMountmounte
  • vue中在哪个生命周期中dom被渲染_Vue.js 组件的生命周期 丁晓斌
    本文目录结构问题Vue组件的生命周期答案总共分为8个阶段创建前/后，载⼊前/后，更新前/后，销毁前/后创建前/后：在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在created阶段，vue实例的数据对象data有了，el还没有载⼊前/后：在beforeMount阶段，vue实例的$el和data都初始化了，但还是挂载之前为虚拟的dom
  • vue中在哪个生命周期中dom被渲染_Vue生命周期说明 祁圆圆
    人是生而自由的，但却无往不在枷锁之中。自以为是其他一切人的主人，反比其他一切人更是奴隶。——卢梭复制代码生命周期图生命周期钩子说明beforeCreate(初始化界面前)在实例初始化之后，数据观测(dataobserver)和event/watcher事件配置之前被调用。data和$el都没有初始化，全部为undefinedcreated(初始化界面后)实例已经创建完成之后被调用。在这一步，实例已
  • 前后端数据传输加密：Python 与 Vue 的实践 风清扬【coder】 Web应用vue.jspython前端
    Python与Vue实现接口数据加密传输在当今互联网应用开发中，数据安全是重中之重。尤其是在前后端进行数据交互时，确保传输数据的保密性、完整性和可用性，是每一位开发者不可忽视的关键环节。本文将深入探讨如何运用Python后端和Vue前端技术，实现接口数据传输过程中的加密处理，为大家揭开数据安全保护的神秘面纱。加密基石：AES算法我们选用的加密算法是AES（AdvancedEncryptionSta
  • 从虚拟dom知识无痛深入vue与react的原理 沐萸木鱼 javascript开发语言前端vue.jsreact.js前端框架html
    我们都知道像vue、react都有用到虚拟dom,那么虚拟dom到底是什么？框架为什么不直接操作真实dom而要在中间要引入虚拟dom呢？vue和react的虚拟dom又有什么异同呢？我们就从虚拟dom开始讲起，再来逐步引入讲解vue与react的部分原理及其异同，这里会顺便讲解到数据驱动视图及视图驱动数据，顺便明白MVVM、MVC这两种模式，顺便引入相关的八股文知识点，好好阅读这篇文章你会不小心一
  • Vue实战指南 获取DOM、操作组件 DTcode7 Vue实战指南VUEHTMLwebvue框架前端
    Vue实战指南获取DOM、操作组件引言获取DOM元素示例一：使用`ref`获取DOM元素示例二：使用`$el`访问根元素操作组件实例示例三：使用`methods`和`computed`属性示例四：使用`watch`属性监控变化示例五：使用`$emit`触发自定义事件实际开发中的使用技巧引言Vue.js是一个轻量级的前端框架，它允许开发者高效地构建交互式用户界面。在Vue应用中，有时我们需要直接操作
  • 前端必知必会-Vue动画Animations-Transition ‘name‘ 属性 编程岁月 前端vue.jsjavascript
    文章目录Transition'name'属性Transition‘name’属性如果您有多个组件，但您希望至少一个组件具有不同的动画，则需要为组件指定不同的名称以区分它们。我们可以使用name属性选择组件的名称，这也会更改过渡类的名称，以便我们可以为该组件设置不同的CSS动画规则。如果过渡名称属性值设置为‘swirl’，则自动可用的类现在将以‘swirl-’而不是‘v-’开头：swirl-ente
  • Pinia第二章：Pinia 安装与基础配置 道不尽世间的沧桑 vue.js前端javascript
    2.1安装流程全解析#使用npm安装（推荐用于标准项目）npminstallpinia--save#使用yarn安装（推荐用于Monorepo项目）yarnaddpinia#针对Vite项目的优化安装（自动处理Tree-shaking）npminstallpinia@next-D安装注意事项：需要Vue3运行时环境（要求Vue>=3.2）与VueRouter无版本冲突生产环境会自动启用Tree-s
  • 人事管理系统设计与实现 AI天才研究院 DeepSeekR1&大数据AI人工智能大模型AI大模型企业级应用开发实战计算计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    人事管理系统设计与实现1.背景介绍在现代企业管理中,人力资源管理是一个非常重要的环节。传统的人事管理方式效率低下,无法满足企业快速发展的需求。因此,开发一套功能完善、高效实用的人事管理系统就显得尤为重要。本文将详细介绍一个基于Web的人事管理系统的设计与实现过程,该系统采用B/S架构,后端使用Java语言,前端采用Vue.js框架。系统主要包括员工信息管理、招聘管理、考勤管理、薪酬管理、绩效考核等
  • VUE实现日历记录事件 yu_zheng5163 vue.jsjavascriptecmascript
    el-calendarHTML代码段可以根据自己的需要显示内容，样式-1?'lar-is-selected':'lar-no-selected'"@click="holidayUpdate(data,date)">班-1&&queryDate.indexOf(data.day)!=-1"style="color:#f73131">休 -1?'color:#F73131;text-alig
  • Vue打包（webpack）缓存 歌歌的前端学习之路 vue.jswebpack前端
    解决方法：1、修改vue.config.js文件constTimestamp=newDate().getTime();module.exports=defineConfig({configureWebpack{output:{filename:`[name].${Timestamp}.js`,chunkFilename:`[name].${Timestamp}.js`},},css:{extrac
  • cordova app webpack升级为vite weixin_45410246 cordova-hcpCordovavuevitewebpack前端node.jsvite
    本文是对vue2进行兼容1.在项目根目录下运行以下命令，安装Vite和必要的插件：npminstallvite@vitejs/plugin-legacy--save-devvite：Vite核心包。@vitejs/plugin-legacy：为旧版浏览器提供支持（建议添加vite生成的script会有type=“module”）。否则在cordova中可能报错Failedtoloadmodules
  • 政务大屏项目 Vue + DataV + Echarts 使用教程 苏鹃咪Healthy
    政务大屏项目Vue+DataV+Echarts使用教程Big-Screen-Vue-Datav-Echarts政务大屏-前端(VUE+DataV+Echarts)项目地址:https://gitcode.com/gh_mirrors/bi/Big-Screen-Vue-Datav-Echarts1.项目目录结构及介绍此项目是基于Vue.js、DataV和Echarts的政务大屏可视化模板。以下是主
  • vue-cli开启gzip打包报错TypeError: Cannot read property ‘tapPromise‘ of undefined-解决 JackieDYH VueERRORtapPromisegzip打包报错vue-clivue
    给项目增加gzip打包yarnaddcompression-webpack-plugin-D（默认安装的是7以上的最新版本）修改vue.config.jsconstCompressionWebpackPlugin=require('compression-webpack-plugin');configureWebpack:{plugins:[newCompressionWebpackPlugin(
  • 手把手教你搭建vue3项目-axios封装（添加请求页面loading） 黄壮Z VUE3搭建vue.js前端javascript
    Vue为什么选择axios，主要是axios支持promise，promise解决了回调嵌套的问题所以这期为大家带来axios的封装，封装可以让我们对于一些问题可以统一处理，而且看起来也比较整洁。目录创建项目组件推荐axios封装Vuex封装Router封装axios安装npmiaxios使用前我们要先了解axios的请求配置和响应结构axios请求配置{//`url`是用于请求的服务器URLur
  • DeepSeek 助力 Vue3 开发：打造丝滑的悬浮按钮（Floating Action Button） 宝码香车 #DeepSeekvue.jsjavascriptecmascript前端DeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的悬浮按钮（FloatingActionButton）前言页面效果指令输入属性定义1.外观相关2.位置相关3.交互相关4.动画相关事件定义其他think组件代码代码测试测试代码正常跑通，附其他基本代码
  • uniapp 系统学习，从入门到实战（五）—— 组件库与常用 UI 组件 小那同学 uniappuni-app
    全篇大概7000字(含代码)，建议阅读时间30minUniApp基于Vue.js的跨平台特性，提供了丰富的内置组件和灵活的扩展能力。本文将从内置组件、扩展组件库和自定义组件开发三个维度，系统解析UniApp的组件生态，并结合实际开发场景提供实践建议。目录内置组件扩展组件库自定义组件开发总结1.内置组件UniApp内置组件经过多端适配，可自动转换为原生控件，确保一致性和性能。以下是核心分类及使用要点
  • 跨端方案选型：对比Uni-app与Taro在复杂电商项目中的技术选型依据参考 向贤 前端开发uni-apptaro
    跨端方案选型：对比Uni-app与Taro在复杂电商项目中的技术选型依据参考请赏析：Uni-app与Taro复杂电商项目选型对比指南一、核心选型维度速记技术栈匹配→跨端能力→性能优化→开发效率→生态支持→长期维护二、关键维度对比分析1.技术栈匹配性框架技术栈适用团队学习成本Uni-appVue.js语法+小程序API熟悉Vue或小程序的团队低（语法与Vue高度一致）TaroReact/Vue/类R
  • python汽车数据分析可视化系统 Django框架 爬虫+Vue框架 Echarts可视化大屏 懂车帝（源码） ✅ Q_2564007092 python汽车数据分析
    python汽车数据分析可视化系统Django框架爬虫+Vue框架Echarts可视化大屏（源码）✅1、项目介绍技术栈：Python语言Django框架vue框架mysql数据库requests爬虫Echarts可视化HTML该系统的技术栈包括：Python语言：用于数据分析与处理、爬虫、后端开发等。Django框架：一款使用Python语言开发的Web应用程序框架，用于快速搭建后端服务。Vue框
  • vue 地图使用navigator_cordova+vue+webapp使用html5获取地理位置的方法 weixin_39759155 vue地图使用navigator
    1.在HTML5中使用Geolocation.getCurrentPosition()方法来获取地理位置。语法：navigator.geolocation.getCurrentPosition(success,error,options)参数：success:成功得到位置信息时的回调函数，使用Position对象作为唯一的参数。error:获取位置信息失败时的回调函数，使用PositionErro
  • Vue低代码示例 明cy vue.js低代码前端
    以下是使用Vue、VueRouter和Pinia实现低代码开发的讲解及示例代码：低代码简介低代码开发是一种通过少量代码即可快速构建应用程序的开发模式，主要通过可视化设计器、拖拽组件、配置属性等方式实现。低代码平台通常提供丰富的组件库和模板，开发者可以通过简单的配置和组合，快速搭建出所需的页面和功能，从而大大提高开发效率。使用Vue、VueRouter和Pinia实现低代码1.Vue的作用Vue作为
  • Vue3 Composition API与十大组件开发案例详解 北辰alk vuevue.js
    文章目录一、Vue3核心API解析1.1CompositionAPI优势1.2核心API二、十大组件开发案例案例1：响应式表单组件案例2：动态模态框（Teleport应用）案例3：可复用列表组件案例4：全局状态通知组件案例5：图片懒加载组件案例6：异步数据加载组件案例7：可拖拽排序列表案例8：路由守卫高阶组件案例9：主题切换Provider案例10：可视化表单生成器三、组件开发最佳实践四、总结一、
  • vue实例 LXY20230504 vue.js前端javascript
    //vue应用通过createApp函数创建一个新的应用实例，相当于根组件import{createApp}from'vue'importAppfrom'./App.vue'//在一个vue项目当中，有且只有一个vue的实例对象constapp=createApp(App)//App:根组件//实例必须调用了.mount（）方法后才会渲染出来。该方法接受一个“容器”参数//在index.html中
  • vue3 - vite项目报错Failed to parse source for import analysis because the content contains invalid JS sy 街尾杂货店& 前端组件与功能(开箱即用)前端常见问题解决vue3.jsvitevue3报错详细解决方案typescripttsxjsx语法问题出错怎import-analysisvite无法解析导入分析的源
    问题说明在vue3+vite项目开发中，详解报错：[plugin:vite:import-analysis]FailedtoparsesourceforimportanalysisbecausethecontentcontainsinvalidJSsyntax.IfyouareusingJSX,makesuretonamethefilewiththe.jsxor.tsxextension.，很多教
  • 计算机毕业设计 ——jspssm507Springboot 的论坛管理系统 程序媛9688 课程设计
    作者：程序媛9688开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等。文末获取源码+数据库感兴趣的可以先收藏起来，还有大家在毕设选题（免费咨询指导选题），项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人计算机毕业设计——jspssm507Springboot的论坛管理系统JSPSSM507SpringBoot论坛管理系统功
  • 从Hello Vue到构建未来：探索渐进式框架的无限可能 skyksksksksks 综合个人杂记vue.js前端开发语言前端框架
    一、当代码遇见人性：Vue的诞生故事2013年某个深夜，谷歌前员工尤雨溪在键盘前陷入沉思。当时的前端框架要么像Angular般庞大复杂，要么如React般需要哲学思考。他想创造一种更"人性化"的工具——就像用铅笔素描般自然，却能画出数字油画般精致的作品。于是，Vue.js这个融合东方设计美学的框架悄然诞生。这个轻量级的框架最初只有运行时库，却像一粒精心培育的种子。尤雨溪将"渐进式"理念注入DNA：
  • 切换浅色和暗夜模式的vue组件 darkmode-switch-btn 日积一沙 前端
    简单方案第一步在head中声明，声明当前页面支持light和dark两种模式第二步设置不同模式下的全局样式变量，供全局子元素引用，实现模式修改，全局样式一起修改的效果。注：1.有些属性如background不能实现继承，所以要实现不同元素背景色的统一修改，只能是不同元素使用同一变量。模式修改，变量值会修改，从而实现样式的切换//字体$font-light-color-1:#1b1b1b;$font
  • VUE + iView table render渲染i-switch LEON劉先森 javascript前端html
    {title:"显示/隐藏",tooltip:true,align:'center',minWidth:120,render:(h,params)=>{returnh("div",{},[h("i-switch",{props:{value:params.row.show,size:"large",trueColor:"#FF5C58",},scopedSlots:{open:()=>h("spa
  • DeepSeek 助力 Vue3 开发：打造丝滑的页脚（Footer） 宝码香车 #DeepSeekjavascript前端vue.jsecmascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的页脚（Footer）前言页面效果指令输入属性定义1.基本内容相关属性2.样式相关属性3.布局相关属性4.响应式相关属性事件定义1.链接点击事件其他1.可访问性2.响应式设计3.动画效果4.组件复用性
  • windows下源码安装golang 616050468 golang安装golang环境windows
             系统： 64位win7， 开发环境：sublime text 2，  go版本： 1.4.1    1.  安装前准备(gcc, gdb, git)        golang在64位系
  • redis批量删除带空格的key bylijinnan redis
    redis批量删除的通常做法： redis-cli keys "blacklist*" | xargs redis-cli del 上面的命令在key的前后没有空格时是可以的，但有空格就不行了： $redis-cli keys "blacklist*" 1) "blacklist:12: [email protected]
  • oracle正则表达式的用法 0624chenhong oracle正则表达式
      方括号表达示 方括号表达式 描述 [[:alnum:]] 字母和数字混合的字符 [[:alpha:]] 字母字符 [[:cntrl:]] 控制字符 [[:digit:]] 数字字符 [[:graph:]] 图像字符 [[:lower:]] 小写字母字符 [[:print:]] 打印字符 [[:punct：]] 标点符号字符 [[:space:]]
  • 2048源码(核心算法有，缺少几个anctionbar，以后补上) 不懂事的小屁孩 2048
    2048游戏基本上有四部分组成， 1：主activity，包含游戏块的16个方格，上面统计分数的模块 2：底下的gridview，监听上下左右的滑动，进行事件处理， 3：每一个卡片，里面的内容很简单，只有一个text，记录显示的数字 4：Actionbar，是游戏用重新开始，设置等功能(这个在底下可以下载的代码里面还没有实现) 写代码的流程 1：设计游戏的布局，基本是两块，上面是分
  • jquery内部链式调用机理 换个号韩国红果果 JavaScriptjquery
    只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象（通过this  因为一旦一个函数称为一个对象方法的话那么在这个方法内部this（结合下面的setStyles）指向这个对象） function create(type){ var element=document.createElement(type); //this=element;
  • 你订酒店时的每一次点击 背后都是NoSQL和云计算 蓝儿唯美 NoSQL
    全球最大的在线旅游公司Expedia旗下的酒店预订公司，它运营着89个网站，跨越68个国家，三年前开始实验公有云，以求让客户在预订网站上查询假期酒店时得到更快的信息获取体验。 云端本身是用于驱动网站的部分小功能的，如搜索框的自动推荐功能，还能保证处理Hotels.com服务的季节性需求高峰整体储能。 Hotels.com的首席技术官Thierry Bedos上个月在伦敦参加“2015 Clou
  • java笔记1 a-john java
    1，面向对象程序设计（Object-oriented Propramming，OOP）：java就是一种面向对象程序设计。 2，对象：我们将问题空间中的元素及其在解空间中的表示称为“对象”。简单来说，对象是某个类型的实例。比如狗是一个类型，哈士奇可以是狗的一个实例，也就是对象。 3，面向对象程序设计方式的特性：     3.1 万物皆为对象。    
  • C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题 必备考点（一） aijuans C/C++求职面试必备考点
            找工作在即，以后决定每天至少写一个知识点，主要是记录，逼迫自己动手、总结加深印象。当然如果能有一言半语让他人收益，后学幸运之至也。如有错误，还希望大家帮忙指出来。感激不尽。        后学保证每个写出来的结果都是自己在电脑上亲自跑过的，咱人笨，以前学的也半吊子。很多时候只能靠运行出来的结果再反过来
  • 程序员写代码时就不要管需求了吗？ asia007 程序员不能一味跟需求走
          编程也有2年了，刚开始不懂的什么都跟需求走，需求是怎样就用代码实现就行，也不管这个需求是否合理，是否为较好的用户体验。当然刚开始编程都会这样，但是如果有了2年以上的工作经验的程序员只知道一味写代码，而不在写的过程中思考一下这个需求是否合理，那么，我想这个程序员就只能一辈写敲敲代码了。       我的技术不是很好，但是就不代
  • Activity的四种启动模式 百合不是茶 android栈模式启动Activity的标准模式启动栈顶模式启动单例模式启动
    android界面的操作就是很多个activity之间的切换,启动模式决定启动的activity的生命周期 ;   启动模式xml中配置     <activity android:name=".MainActivity" android:launchMode="standard&quo
  • Spring中@Autowired标签与@Resource标签的区别 bijian1013 javaspring@Resource@Autowired@Qualifier
    Spring不但支持自己定义的@Autowired注解，还支持由JSR-250规范定义的几个注解，如：@Resource、 @PostConstruct及@PreDestroy。   1. @Autowired    @Autowired是Spring 提供的，需导入    Package:org.springframewo
  • Changes Between SOAP 1.1 and SOAP 1.2 sunjing ChangesEnableSOAP 1.1SOAP 1.2
    JAX-WS SOAP Version 1.2 Part 0: Primer (Second Edition) SOAP Version 1.2 Part 1: Messaging Framework (Second Edition) SOAP Version 1.2 Part 2: Adjuncts (Second Edition)   Which style of WSDL
  • 【Hadoop二】Hadoop常用命令 bit1129 hadoop
    以Hadoop运行Hadoop自带的wordcount为例，   hadoop脚本位于/home/hadoop/hadoop-2.5.2/bin/hadoop，需要说明的是，这些命令的使用必须在Hadoop已经运行的情况下才能执行   Hadoop HDFS相关命令  hadoop fs -ls  列出HDFS文件系统的第一级文件和第一级
  • java异常处理（初级） 白糖_ javaDAOspring虚拟机Ajax
    从学习到现在从事java开发一年多了，个人觉得对java只了解皮毛，很多东西都是用到再去慢慢学习，编程真的是一项艺术，要完成一段好的代码，需要懂得很多。 最近项目经理让我负责一个组件开发，框架都由自己搭建，最让我头疼的是异常处理，我看了一些网上的源码，发现他们对异常的处理不是很重视，研究了很久都没有找到很好的解决方案。后来有幸看到一个200W美元的项目部分源码，通过他们对异常处理的解决方案，我终
  • 记录整理-工作问题 braveCS 工作
    1）那位同学还是CSV文件默认Excel打开看不到全部结果。以为是没写进去。同学甲说文件应该不分大小。后来log一下原来是有写进去。只是Excel有行数限制。那位同学进步好快啊。 2）今天同学说写文件的时候提示jvm的内存溢出。我马上反应说那就改一下jvm的内存大小。同学说改用分批处理了。果然想问题还是有局限性。改jvm内存大小只能暂时地解决问题，以后要是写更大的文件还是得改内存。想问题要长远啊
  • org.apache.tools.zip实现文件的压缩和解压，支持中文 bylijinnan apache
    刚开始用java.util.Zip，发现不支持中文（网上有修改的方法，但比较麻烦） 后改用org.apache.tools.zip org.apache.tools.zip的使用网上有更简单的例子 下面的程序根据实际需求，实现了压缩指定目录下指定文件的方法 import java.io.BufferedReader; import java.io.BufferedWrit
  • 读书笔记-4 chengxuyuancsdn 读书笔记
    1、JSTL 核心标签库标签 2、避免SQL注入 3、字符串逆转方法 4、字符串比较compareTo 5、字符串替换replace 6、分拆字符串 1、JSTL 核心标签库标签共有13个， 学习资料：http://www.cnblogs.com/lihuiyy/archive/2012/02/24/2366806.html 功能上分为4类： (1)表达式控制标签：out
  • [物理与电子]半导体教材的一个小问题 comsci 问题
          各种模拟电子和数字电子教材中都有这个词汇-空穴       书中对这个词汇的解释是; 当电子脱离共价键的束缚成为自由电子之后,共价键中就留下一个空位,这个空位叫做空穴       我现在回过头翻大学时候的教材,觉得这个
  • Flashback Database --闪回数据库 daizj oracle闪回数据库
    Flashback 技术是以Undo segment中的内容为基础的， 因此受限于UNDO_RETENTON参数。要使用flashback 的特性，必须启用自动撤销管理表空间。 在Oracle 10g中， Flash back家族分为以下成员： Flashback Database， Flashback Drop，Flashback Query(分Flashback Query,Flashbac
  • 简单排序:插入排序 dieslrae 插入排序
    public void insertSort(int[] array){ int temp; for(int i=1;i<array.length;i++){ temp = array[i]; for(int k=i-1;k>=0;k--)
  • C语言学习六指针小示例、一维数组名含义，定义一个函数输出数组的内容 dcj3sjt126com c
    # include <stdio.h> int main(void) { int * p; //等价于 int *p 也等价于 int* p; int i = 5; char ch = 'A'; //p = 5; //error //p = &ch; //error //p = ch; //error p = &i; //
  • centos下php redis扩展的安装配置3种方法 dcj3sjt126com redis
    方法一 1.下载php redis扩展包  代码如下 复制代码 #wget http://redis.googlecode.com/files/redis-2.4.4.tar.gz 2 tar -zxvf 解压压缩包，cd /扩展包 （进入扩展包然后 运行phpize 一下是我环境中phpize的目录，/usr/local/php/bin/phpize (一定要
  • 线程池(Executors) shuizhaosi888 线程池
    在java类库中，任务执行的主要抽象不是Thread，而是Executor，将任务的提交过程和执行过程解耦 public interface Executor { void execute(Runnable command); }   public class RunMain implements Executor{ @Override pub
  • openstack 快速安装笔记 haoningabc openstack
    前提是要配置好yum源 版本icehouse，操作系统redhat6.5 最简化安装，不要cinder和swift 三个节点 172 control节点keystone glance horizon 173 compute节点nova 173 network节点neutron control /etc/sysctl.conf net.ipv4.ip_forward =
  • 从c面向对象的实现理解c++的对象（二） jimmee C++面向对象虚函数
    1. 类就可以看作一个struct，类的方法，可以理解为通过函数指针的方式实现的，类对象分配内存时，只分配成员变量的，函数指针并不需要分配额外的内存保存地址。 2. c++中类的构造函数，就是进行内存分配(malloc)，调用构造函数 3. c++中类的析构函数，就时回收内存(free) 4. c++是基于栈和全局数据分配内存的，如果是一个方法内创建的对象，就直接在栈上分配内存了。 专门在
  • 如何让那个一个div可以拖动 lingfeng520240 html
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml
  • 第10章 高级事件（中） onestopweb 事件
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • 计算两个经纬度之间的距离 roadrunners 计算纬度LBS经度距离
    要解决这个问题的时候，到网上查了很多方案，最后计算出来的都与百度计算出来的有出入。下面这个公式计算出来的距离和百度计算出来的距离是一致的。 /** * * @param longitudeA * 经度A点 * @param latitudeA * 纬度A点 * @param longitudeB *
  • 最具争议的10个Java话题 tomcat_oracle java
    1、Java8已经到来。什么！？ Java8 支持lambda。哇哦，RIP Scala！ 　　随着Java8 的发布，出现很多关于新发布的Java8是否有潜力干掉Scala的争论，最终的结论是远远没有那么简单。Java8可能已经在Scala的lambda的包围中突围，但Java并非是函数式编程王位的真正觊觎者。 　 　2、Java 9 即将到来 　　 Oracle早在8月份就发布
  • zoj 3826 Hierarchical Notation(模拟) 阿尔萨斯 rar
    题目链接：zoj 3826 Hierarchical Notation 题目大意：给定一些结构体，结构体有value值和key值，Q次询问，输出每个key值对应的value值。 解题思路：思路很简单，写个类词法的递归函数，每次将key值映射成一个hash值，用map映射每个key的value起始终止位置，预处理完了查询就很简单了。 这题是最后10分钟出的，因为没有考虑value为{}的情
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他