2b勿扰
2b勿扰

(精华2020年5月4日更新) vue教程篇 axio的使用

地址为本地，需要请求数据科研自己搭建后端api，或者用mock

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>发送AJAX请求</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>
    <script>
        window.onload = function () {
            new Vue({
                el: '#app',
                data: {
                    user: {
                        name: 'xut',
                        age: 29
                    },
                    uid: '',
                    loginMsg: {}
                },
                methods: {
                    getUserById() {
                        axios.get(`https://api.github.com/users/${this.uid}`)
                            .then(resp => {
                                this.loginMsg = resp.data;
                            });
                    },
                    sendJSON() {
                        axios({
                            method: 'get',
                            url: 'user.json',
                            // data:{}
                        }).then((res) => {
                            console.log(res);
                        }).catch((resp) => {
                            console.log('请求失败' + resp.status, resp.statusText);
                        })
                    },
                    sendGet() {
                        axios.get('http://localhost:3000/info', {
                            params: {
                                name: 'song',
                                age: '10',
                                id: 1
                            }
                        }).then((res) => {
                            console.log(res);
                        }).catch((resp) => {
                            console.log('请求失败' + resp.status, resp.statusText);
                        })
                    },
                    sendPost() {
                        axios({
                            method: 'post',
                            url: 'http://localhost:3000/info',
                            data: {
                                name: 'song',
                                age: '10',
                                id: 1
                            }
                        }).then((res) => {
                            console.log(res);
                        }).catch((resp) => {
                            console.log('请求失败' + resp.status, resp.statusText);
                        })
                        // axios.post('http://localhost:3000/info',{
                        //     name:'song',
                        //     age:'10',
                        //     id:1
                        // }).then((res)=>{
                        //     console.log(res);
                        // }).catch((resp)=>{
                        //     console.log('请求失败'+resp.status,resp.statusText);
                        // })
                    },
                    sendPostFormData() {
                        //  axios.post('http://localhost:3000/info','name=alice&age=20') //方式一
                        axios.post('http://localhost:3000/info', this.user, { //transformRequest转化
                                transformRequest: [
                                    function (data) {
                                        // 对 data 进行任意转换处理
                                        // {
                                        //     name:'alice',
                                        //     age:19
                                        // }

                                        // 把json数据转化成formData
                                        var params = '';
                                        for (var index in data) {
                                            params += index + '=' + data[index] + '&'
                                        }
                                        console.log(params)
                                        return params;
                                    }
                                ]
                            })
                            .then((res) => {
                                console.log(res);
                            }).catch((resp) => {
                                console.log('请求失败' + resp.status, resp.statusText);
                            })
                        // 方式三：qs.stringify
                    }
                }
            });
        }
    </script>
</head>

<body>
    <div id="app">
        <button @click="sendJSON">发送AJAX请求</button>
        <button @click="sendGet">GET方式发送AJAX请求</button>
        <button @click="sendPost">POST方式发送AJAX请求</button>
        <button @click="sendPostFormData">POST方式发送AJAX请求 -- FormData</button>
        <hr>
        <br>
        GitHub ID： <input type="text" v-model="uid">
        <button @click="getUserById">获取指定GitHub账户信息并显示</button>
        <br>
        姓名：{{loginMsg.login}} <br>
        头像：<img :src="loginMsg.avatar_url" alt="" style="width:200px;">
    </div>
</body>

</html>

你可能感兴趣的:((持续更新)vue基础篇)

  • 2025届毕业设计选题参考，包含网站管理系统开发，微信小程序开发，APP开发，大数据分析，人工智能 平姐设计 计算机毕业设计选题清单微信小程序开发语言人工智能数据分析
    网站开发选题：1、基于Java的企业食堂管理系统的设计与实现2、基于web的办公平台3、综合学工服务系统4、超市管理系统5、基于springboot的云笔记共享系统6、毕业生实习管理系统7、驾校预约管理系统8、基于Java的航空订票系统9、企业资源规划系统10、洗衣房预约管理系统的设计与实现11、桌面端有声小说12、基于Python的毕业生就业率分析管理系统的设计与实现13、基于VUE的富平县农产
  • 深入解析 Vue 3 编译宏：揭开 `＜script setup＞` 的魔法面纱 斯~内克 vue知识点前端vue.js前端javascript
    一、编译宏的本质与设计哲学1.1什么是编译宏在Vue3的CompositionAPI生态中，编译宏（CompilerMacros）是一组特殊的语法结构，它们在代码编译阶段被Vue编译器处理，最终转换为标准的JavaScript代码。这些宏函数是Vue3语法糖的核心组成部分，主要包含：defineProps：声明组件propsdefineEmits：定义自定义事件defineExpose：暴露组件公
  • 深入探讨 Vue 3 响应式 API：为什么 ref/reactive 需要类型匹配？ 斯~内克 vue知识点前端学习vue.js前端javascript
    一、Vue3响应式系统基础在Vue3的CompositionAPI中，ref和reactive是构建响应式数据的核心工具。它们的定位差异源于JavaScript语言特性：ref设计初衷：处理基础类型（primitivetypes）的响应式包装reactive设计初衷：处理引用类型（referencetypes）的深度响应代理技术实现差异：ref通过对象包装（{value:...}）+reactiv
  • 基于微信小程序的毕业设计——花店管理系统（附源码+论文） picking_bananas 微信小程序课程设计小程序毕业设计
    关键词：微信小程序；花店管理；花室管理；毕业；我们专注于软件开发工程领域，熟练掌握多种开发技术，包括基于SpringBoot、Vue.js、SSM框架的应用开发，以及针对AndroidAPP和微信小程序的开发。（具体流程参见文章最后段落）一、引言随着移动互联网的普及和微信小程序的崛起，越来越多的传统行业开始利用小程序进行数字化转型。花店作为一个具有浪漫和文化意义的行业，通过微信小程序可以更好地满足
  • 基于微信小程序的设计—挂号管理系统设计（附论文+源码） picking_bananas 微信小程序小程序毕业设计课程设计
    关键词：微信小程序；挂号管理；名医推荐；毕业；论文；我们专注于软件开发工程领域，熟练掌握多种开发技术，包括基于SpringBoot、Vue.js、SSM框架的应用开发，以及针对AndroidAPP和微信小程序的开发。（具体流程参见文章最后段落）一、引言随着移动设备的普及和微信小程序技术的发展，医疗服务的移动化已成为趋势。挂号是医疗服务中一个关键环节，对于患者来说，方便、快捷的挂号方式是他们所期待的
  • 基于微信小程序的毕业设计——社区宠物管理系统（附源码+论文） picking_bananas 微信小程序课程设计宠物小程序
    关键词：SpringBoot；宠物管理；宠物医院；宠物店管理；毕业；我们专注于软件开发工程领域，熟练掌握多种开发技术，包括基于SpringBoot、Vue.js、SSM框架的应用开发，以及针对AndroidAPP和微信小程序的开发。（具体流程参见文章最后段落）摘要随着移动互联网的普及，微信小程序因其便捷性受到了广大用户的青睐。本文旨在探讨如何利用微信小程序设计一个社区宠物管理系统，以提升社区居民对
  • 【FL0091】基于SSM和微信小程序的社区二手物品交易小程序 猿毕设 小程序微信小程序springbootpython后端java
    ‍博主介绍‍全网粉丝10W+,CSDN全栈领域优质创作者，博客之星、掘金/知乎/b站/华为云/阿里云等平台优质作者、专注于Java、小程序/APP、python、大数据等技术领域和毕业项目实战，以及程序定制化开发、文档编写、答疑辅导等。精彩专栏推荐订阅计算机毕业设计精品项目案例（持续更新）文末获取源码+数据库+文档感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以和学长沟
  • 基于Vue的水果购物车系统 啊sen丶 vue.js前端javascript
    下面是一个基于Vue.js的购物车系统，功能较为完整，包括商品的增删改查、全选/反选、总价计算等功能。购物车/购物车选中图片单价个数小计操作{{item.price}}-{{item.num}}+{{item.num*item.price}}删除全选总价  :  ¥ {{totalPrice}}结算({{fruitList.length}})空空如
  • 解读 Uniapp： 从入门到精通的底层原理 xcLeigh UniApp技术点解析uni-app
    解读Uniapp：从入门到精通的底层原理一、前言二、Uniapp与Vue.js的关系2.1Vue.js基础回顾2.2Uniapp对Vue.js的继承与扩展三、Uniapp的组件系统3.1组件的基本概念与创建3.2组件的生命周期四、数据绑定与响应式原理4.1数据绑定的实现方式4.2响应式原理剖析五、Uniapp的跨平台实现原理5.1多端编译机制5.2条件编译六、总结结束语优质源码分享解读Uniapp
  • 前端工程化Vue使用Node.js永久设置国内高速npm镜像源 会撸代码的懒羊羊 Nginx前端node.jsvue.js数据库npm
    前端工程化Vue使用Node.js永久设置国内高速npm镜像源接续上篇错误收录，此篇通过简单配置永久设置国内高速npm镜像源方法1.更换新版镜像清空npm缓存npmcacheclean--force修改回原版镜像源或直接删除配置过的镜像源npmconfigsetregistryhttps://registry.npmjs.org/--删除镜像源npmconfigdeleteregistry更改新版
  • 指定元素全屏与退出全屏，Vue中处理监听esc并修改data数据（监听与作用域问题） Program W Vuejs大前端vue.jsjavascript前端
    文章目录一、效果二、解决思路三、全屏与退出全屏（工具）四、实例一、效果解决的问题：vue本身监听不到全屏状态中的esc事件，导致无法修改这个按钮的样式icon和tooltip未全屏时：全屏时：二、解决思路一个重要方法：判断当前是否全屏问题：如果vue本身的话，在esc事件时是不会调用这个方法的/**浏览器当前是否全屏@return{*|boolean}*/exportfunctionisFullS
  • Vite 与 Webpack：性能差异解析 阿珊和她的猫 webpack前端node.js
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录Vite与Webpack：性能差异解析开发模式下的性能ViteWebpack生产模式下的性能V
  • 知识篇：（二十三）深入理解 Vue 的异步更新机制：为何数据更新延迟 全栈探索者chen vuevue.js前端javascript开发语言ecmascript性能优化学习
    知识篇：（二十三）深入理解Vue的异步更新机制：为何数据更新延迟目录前言异步更新机制简介Vue异步更新的工作原理3.1nextTick与事件循环的关系3.2微任务与宏任务为什么Vue使用异步更新？4.1性能优化和批量更新4.2实例化组件的优化实际应用：数据更新延迟的常见问题和应对策略5.1数据更新延迟带来的问题5.2正确使用nextTick的策略实战案例：计数器组件的延迟更新问题深入分析：优化异步
  • Vue 3 生命周期函数详解 licy__ vue.js前端javascript
    Vue3生命周期函数详解引言Vue.js是一个渐进式的JavaScript框架，用于构建用户界面。Vue3在性能、API设计和开发者体验方面进行了重大改进。理解Vue3的生命周期函数（LifecycleHooks）对于开发高效的Vue应用至关重要。本文将详细介绍Vue3的生命周期钩子、每个阶段的作用及其代码示例，帮助读者更好地掌握这一重要概念。1.Vue3生命周期概述Vue实例从创建到销毁经历了一
  • element-ui中树状图el-tree的使用（vue2） 前端小雪的博客. javascript前端vue.js
    热乎的，话不多说上代码html部分：//data:展示的数据//accordion:是否每次只打开一个同级树节点展开//props:配置选项默认值//expand-on-click-node:默认为true，值为false时点击小箭头才会展开收缩节点//filter-node-method:返回true节点可以显示,false节点会被隐藏//node-key:每个树节点的唯一标识//default
  • 关于uniapp和H5的通信交互传参问题 水水水水水水水水水水水 uni-app交互
    在h5index.html中引入1.在uniapp中创建webview通信的vue页面2.h5通信webview中绑定@messageuvue中绑定@onmessage3.h5组件中获取从uniapp传过来的参数（生命周期中获取）constqueryString=window.location.search;//使用URLSearchParams对象解析查询字符串consturlParams=ne
  • jenkins自动打包vuejs部署到docker 戚辰先生丶
    流程1、配置jenkins-git项目克隆2、配置运行jenkins的shell脚本3、编写Dockerfile自动制作镜像并复制jenkins打包好的文件到容器里4、jenkins负责运行docker命令进行停止、删除原有镜像，并重新运行镜像docker部署jenkinsdockerrun-d-p8086:8080-p50000:50000-v/var/run/docker.sock:/var/
  • vue组件间通信的八大方法 @LitterFisher vuejavascript前端es6
    再读vue官方文档系列文章目录vue组件间通信的八大方法文章目录再读vue官方文档系列文章目录前言一、通信种类？二、八大通信方式1.props和$emit2.$parent和$children3.provide和reject4.ref/refs5.Vuex6.slot7.$attrs和$listeners8.localStorage和sessionStorage总结前言刚开始学vue的时候只是读了
  • 恢复更新--vue源码系列1之如何看源码 @LitterFisher vuevue.jsjavascript前端
    年过完了，是时候学习了（狗头）。文章目录前言一、前提二、如何看1.学会断点debuger2.整体看代码3.结合别人的vue源码解释总结前言本系列为vue2.6版本的源码分析系列一、前提你总不能一个vue的项目也没写过吧二、如何看1.学会断点debuger巧妙运用这个你会发现看源码会轻松很多。（相信我如果不是很快你就从入门到放弃）为什么？vue里面做了很多性能优化，参数初始化的工作，如果你全部看完，
  • 当Vue组件的复用性不是很高的时候，组件化还有必要用vue吗？ 百锦再@新空间代码工作室 包罗万象vue.js前端javascript前端框架组件复用
    图片:Vue作为一个轻量级的前端框架，在个性化开发中的使用非常广泛，尤其是其组件化开发的思想可以有效提升开发效率、可维护性和代码复用性。不过，正如你提到的，当Vue组件的复用性不高时，组件化是否还必要、是否还有使用Vue的必要性就变得有些模糊了。一、Vue组件化开发的优势组件化思想Vue的组件化开发思想，使得开发者可以将UI和业务逻辑划分为不同的模块。每个模块（组件）都可以独立开发、调试、测试和维
  • 与Vue共舞：从初识到构建数字世界的艺术之旅 skyksksksksks 综合个人杂记vue.js前端开发语言前端框架
    第一章诞生记：一个框架的浪漫起源2013年的某个凌晨，上海某公寓的灯光依然明亮。前谷歌工程师尤雨溪在键盘前敲下第一行Vue代码时，或许并未想到这个框架将改变全球开发者的工作方式。当时的JavaScript世界正经历框架混战：Angular的复杂配置令人却步，React的函数式思维需要哲学顿悟。尤雨溪像一位精通东西方料理的主厨，将Angular的指令系统、React的组件化理念、Knockout的响
  • redis基础篇——Lua脚本 石灰聪 redisredis
    Lua脚本Lua是一种轻量级脚本语言，它是用C语言编写的，跟数据的存储过程有点类似。使用Lua脚本来执行Redis命令的好处：1、一次发送多个命令，减少网络开销。2，Redis会将整个脚本作为一个整体执行，不会被其他请求打断，保持原子性。3、对于复杂的组合命令，我们可以放在文件中，可以实现命令复用。语法格式redis>evallua-scriptkey-num[key1key2key3...][v
  • vue3的实用工具库@vueuse/core 罗会 javascript前端vue.jsvueuni-app
    1.什么是@vueuse/core是一个基于‌VueCompositionAPI‌开发的实用工具库，旨在通过封装高频功能为可复用的组合式函数（Composables），简化Vue应用的开发流程。提供‌200+开箱即用的函数‌，覆盖状态管理、浏览器交互、传感器、网络请求等场景，例如useStorage（状态持久化）‌1、useMouse（鼠标追踪）‌1；支持‌Vue2和Vue3‌，并通过@vueus
  • Vue.js 编写组件单元测试 轻口味 VUE.JS入门与实践vue.js
    Vue.js编写组件单元测试今天我们来聊聊如何编写Vue组件的单元测试。单元测试是确保我们组件逻辑正确、功能稳定的重要手段，通过自动化测试，我们可以及时发现问题，避免后期调试困难。下面我会详细介绍如何使用VueTestUtils和Jest来编写组件的单元测试，并提供一些实际的代码示例，帮助你快速上手。为什么需要编写组件单元测试在项目开发过程中，组件通常包含了各种业务逻辑和交互功能。编写单元测试能帮
  • Vue函数式编程终极指南：像写诗一样写代码 lifire_H vue.js前端javascript
    引言：当Vue遇上函数式，优雅永不过时你是否见过这样的代码？组件间状态乱飞、副作用神出鬼没、单元测试如走钢丝……函数式编程就像代码界的“断舍离大师”，教你用纯函数、不可变数据和高阶魔法，让Vue代码变得干净、稳定且充满艺术感！本文不仅会揭秘函数式编程的核心心法，还会手把手教你：✅如何用CompositionAPI实现函数式优雅✅高阶函数与柯里化的实战妙用✅Vue3函数式组件性能优化秘籍✅配套工具链
  • uniapp开发小程序手写板、签名、签字 故里2130 包教会专栏uni-app小程序
    可以使用这个插件进行操作手写板-签名签字-lime-signature-DCloud插件市场但是目前这个插件没有vue3setupCompositionAPI的写法。所以对于此文档提供的可以直接使用，需要使用CompositionAPI方式实现的，可以继续看。因为CompositionAPI方式，更加的简单、灵活，在今后的编程之中要多用、多学，这样才能写出更加健壮的代码。1.首先建立一个可以运行的
  • 蓝易云 - vue修改docker nginx版本 蓝易云 vue.jsdockernginx数据库正则表达式运维
    要在Vue项目中修改Docker中的Nginx版本，可以按照以下步骤进行：打开项目目录，找到与Docker相关的配置文件，通常是Dockerfile。在Dockerfile中，找到关于Nginx的配置行，通常是类似于以下的命令：FROMnginx:version​将version替换为你想要的Nginx版本，例如nginx:1.19.10。保存并关闭Dockerfile。执行Docker构建命令来
  • uniapp+vue微信小程序项目中实现手机号授权登录 郭宝 Web前端微信java开发语言
    效果图：实现方式：手机号授权登录open-type有效值值说明平台差异说明getPhoneNumber获取用户手机号，可以从@getphonenumber回调中获取到用户信息微信小程序、百度小程序、抖音小程序、支付宝小程序、快手小程序、京东小程序。App平台另见一键登陆getPhoneNumber(e){
  • 【uni-app】微信小程序使用lime-painter生成海报 cjsnyxz 前端
    lime-painter是一个专为UniApp设计的插件，用于优雅地生成海报，并支持下载海报图片。它支持在多个平台中使用，并且提供了盒子、文字、图片、二维码等配置选项，允许开发者根据项目需求按照UI设计稿对海报进行高度还原。本文将介绍如何使用lime-painter插件在UniApp中实现海报的生成及下载。技术栈：uni-app、Vue3（3.4.21）、TypeScript（4.9.5）、wot
  • 踩坑-vue3.0-uniapp-全局变量prototype失效 cometxd 原型模式javascript前端
    项目场景：踩坑-vue3.0-uniapp-全局变量prototype失效问题描述踩坑-vue3.0-uniapp-全局变量prototype失效main.js中全局变量失效Vue.prototype.$testname="testNAME";解决方案：使用exportfunctioncreateApp(){constapp=createSSRApp(App)app
  • 插入表主键冲突做更新 a-john
    有以下场景： 用户下了一个订单，订单内的内容较多，且来自多表，首次下单的时候，内容可能会不全（部分内容不是必须，出现有些表根本就没有没有该订单的值）。在以后更改订单时，有些内容会更改，有些内容会新增。 问题： 如果在sql语句中执行update操作，在没有数据的表中会出错。如果在逻辑代码中先做查询，查询结果有做更新，没有做插入，这样会将代码复杂化。 解决： mysql中提供了一个sql语
  • Android xml资源文件中@、@android:type、@*、？、@+含义和区别 Cb123456 @+@?@*
    一.@代表引用资源 1.引用自定义资源。格式：@[package:]type/name android：text="@string/hello"   2.引用系统资源。格式：@android:type/name     android:textColor="@android:color/opaque_red"
  • 数据结构的基本介绍 天子之骄 数据结构散列表树、图线性结构价格标签
    数据结构的基本介绍 数据结构就是数据的组织形式，用一种提前设计好的框架去存取数据，以便更方便，高效的对数据进行增删查改。正确选择合适的数据结构，对软件程序的高效执行的影响作用不亚于算法的设计。此外，在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈，堆等，就是经典的数据结构。   经典的数据结构大致如下：   一：线性数据结构 (1)：列表 a
  • 通过二维码开放平台的API快速生成二维码 一炮送你回车库 api
     现在很多网站都有通过扫二维码用手机连接的功能，联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊，写了个前台快速生成二维码的方法。        html代码如下:(二维码将生成在这div下) ? 1  &nbs
  • ImageIO读取一张图片改变大小 3213213333332132 javaIOimageBufferedImage
    package com.demo; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; /** * @Description 读取一张图片改变大小 * @author FuJianyon
  • myeclipse集成svn（一针见血） 7454103 eclipseSVNMyEclipse
                                     &n
  • 装箱与拆箱----autoboxing和unboxing darkranger J2SE
    4.2　自动装箱和拆箱 基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便，但提供方便的同时表示隐藏了细节，建议在能够区分基本数据类型与对象的差别时再使用。 4.2.1　autoboxing和unboxing 在Java中，所有要处理的东西几乎都是对象(Object)
  • ajax传统的方式制作ajax aijuans Ajax
    //这是前台的代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+
  • 只用jre的eclipse是怎么编译java源文件的？ avords javaeclipsejdktomcat
    eclipse只需要jre就可以运行开发java程序了，也能自动 编译java源代码，但是jre不是java的运行环境么，难道jre中也带有编译工具？ 还是eclipse自己实现的？谁能给解释一下呢问题补充：假设系统中没有安装jdk or jre，只在eclipse的目录中有一个jre，那么eclipse会采用该jre，问题是eclipse照样可以编译java源文件，为什么呢？ &nb
  • 前端模块化 bee1314 模块化
    背景： 前端JavaScript模块化，其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来，还处于刀耕火种的野蛮生长阶段。   JavaScript一直缺乏有效的包管理机制，造成了大量的全局变量，大量的方法冲突。我们多么渴望有天能像Java（import），Python (import)，Ruby(require)那样写代码。在没有包管理机制的年代，我们是怎么避免所
  • 处理百万级以上的数据处理 bijian1013 oraclesql数据库大数据查询
    一.处理百万级以上的数据提高查询速度的方法：        1.应尽量避免在 where 子句中使用!=或<>操作符，否则将引擎放弃使用索引而进行全表扫描。         2.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 o
  • mac 卸载 java 1.7 或更高版本 征客丶 javaOS
    卸载 java 1.7 或更高 sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin 成功执行此命令后，还可以执行 java 与 javac 命令 sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane 成功执行此命令后，还可以执行 java
  • 【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析 bit1129 Stream
    第一步，Flume和Kakfa对接，Flume抓取日志，写到Kafka中 第二部，Spark Streaming读取Kafka中的数据，进行实时分析   本文首先使用Kakfa自带的消息处理（脚本）来获取消息，走通Flume和Kafka的对接 1. Flume配置 1. 下载Flume和Kafka集成的插件，下载地址：https://github.com/beyondj2ee/f
  • Erlang vs TNSDL bookjovi erlang
          TNSDL是Nokia内部用于开发电信交换软件的私有语言，是在SDL语言的基础上加以修改而成，TNSDL需翻译成C语言得以编译执行，TNSDL语言中实现了异步并行的特点，当然要完整实现异步并行还需要运行时动态库的支持，异步并行类似于Erlang的process（轻量级进程），TNSDL中则称之为hand，Erlang是基于vm(beam)开发，
  • 非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个 ljy325 企业应用
    　非常希望有一个预防疲劳的java软件，我看新闻和网站，国防科技大学的科学家累死了，太疲劳，老是加班，不休息，经常吃药，吃药根本就没用，根本原因是疲劳过度。我以前做java,那会公司垃圾，老想赶快学习到东西跳槽离开，搞得超负荷，不明理。深圳做软件开发经常累死人，总有不明理的人，有个软件提醒限制很好，可以挽救很多人的生命。 相关新闻： （1）IT行业成五大疾病重灾区：过劳死平均37.9岁
  • 读《研磨设计模式》-代码笔记-原型模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * Effective Java 建议使用copy constructor or copy factory来代替clone()方法： * 1.public Product copy(Product p){} * 2.publi
  • 配置管理---svn工具之权限配置 chenyu19891124 SVN
    今天花了大半天的功夫，终于弄懂svn权限配置。下面是今天收获的战绩。 安装完svn后就是在svn中建立版本库，比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构 pepos    component    webapps 在conf里面的auth里赋予的权限配置为 [groups]
  • 浅谈程序员的数学修养 comsci 设计模式编程算法面试招聘
                                     浅谈程序员的数学修养
  • 批量执行 bulk collect与forall用法 daizj oraclesqlbulk collectforall
    BULK COLLECT 子句会批量检索结果，即一次性将结果集绑定到一个集合变量中，并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、 FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。     有关FORALL语句的用法请参考：批量SQL之 F
  • Linux下使用rsync最快速删除海量文件的方法 dongwei_6688 OS
    1、先安装rsync：yum install rsync 2、建立一个空的文件夹：mkdir /tmp/test 3、用rsync删除目标目录：rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了，删除的速度会非常快。rsync实际上用的是替换原理，处理数十万个文件也是秒删。
  • Yii CModel中rules验证规格 dcj3sjt126com rulesyiivalidate
    Yii cValidator主要用法分析：  yii验证rulesit 分类： Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError  
  • 基于vagrant的redis主从实验 dcj3sjt126com vagrant
    平台: Mac 工具: Vagrant 系统: Centos6.5 实验目的: Redis主从   实现思路 制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box   制作sentos6.5+redis的box   mkdir vagrant_redis cd vagrant_
  • Memcached(二)、Centos安装Memcached服务器 frank1234 centosmemcached
    一、安装gcc rpm和yum安装memcached服务器连接没有找到，所以我使用的是make的方式安装，由于make依赖于gcc，所以要先安装gcc 开始安装，命令如下，[color=red][b]顺序一定不能出错[/b][/color]： 建议可以先切换到root用户，不然可能会遇到权限问题：su root 输入密码...... rpm -ivh kernel-head
  • Remove Duplicates from Sorted List hcx2013 remove
    Given a sorted linked list, delete all duplicates such that each element appear only once. For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&
  • Spring4新特性——JSR310日期时间API的支持 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • 浅谈enum与单例设计模式 247687009 java单例
    在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种)，两者同是私有构 造器，导出静态成员变量，以便调用者访问。 第一种 package singleton; public class Singleton { //导出全局成员 public final static Singleton INSTANCE = new S
  • 使用switch条件语句需要注意的几点 openwrt cbreakswitch
    1. 当满足条件的case中没有break，程序将依次执行其后的每种条件（包括default）直到遇到break跳出 int main() { int n = 1; switch(n) { case 1: printf("--1--\n"); default: printf("defa
  • 配置Spring Mybatis JUnit测试环境的应用上下文 schnell18 springmybatisJUnit
    Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有： 单元测试的app context不支持从外部properties文件注入属性 @Value注解不能解析带通配符的路径字符串 解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。 第二个问题的具体实例是：    
  • Java 定时任务总结一 tuoni javaspringtimerquartztimertask
     Java定时任务总结  一.从技术上分类大概分为以下三种方式：  1.Java自带的java.util.Timer类，这个类允许你调度一个java.util.TimerTask任务;   说明：    java.util.Timer定时器，实际上是个线程，定时执行TimerTask类 &
  • 一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法 yangshangchuan rank相似度计算文本相似度词袋模型余弦相似度
    本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法，对于其他的用户生成内容站点类型也具有同样的适用性。   最近在ITEYE博客频道上面出现了一种新型的商业广告形式，方法如下：     1、注册多个账号（一般10个以上）。     2、从多个账号中选择一个账号，发表1-2篇博文
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他