格式化小拓
格式化小拓

day28-Github Profiles（获取Github用户概要）

50 天学习 50 个项目 - HTMLCSS and JavaScript

day28-Github Profiles（获取Github用户概要）

效果

day28-Github Profiles（获取Github用户概要）_第1张图片

index.html

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Github Profilestitle>
    <link rel="stylesheet" href="style.css" />
head>

<body>
    
    <form class="user-form" id="form">
        <input type="text" id="search" placeholder="搜索Github用户-输入用户名">
    form>
    
    <main id="main">main>

    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.0/axios.min.js"
        integrity="sha512-DZqqY3PiOvTP9HkjIWgjO6ouCbq+dxqWoJZ/Q+zPYNHmlnI2dQnbJ5bxAHpAMw+LXRm4D72EIRXzvcHQtE8/VQ=="
        crossorigin="anonymous">script>
    <script src="script.js">script>
body>

html>

style.css

/* 引入字体 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap');

* {
    box-sizing: border-box;
}

body {
    background: url('https://source.unsplash.com/random') no-repeat center/cover;
    /* color: #fff; */
    font-family: 'Poppins', sans-serif;
    /* 竖直排列 */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    overflow: hidden;
    margin: 0;
}

/* 搜索表单 */
.user-form {
    width: 100%;
    max-width: 700px;
}

/* 搜索框 */
.user-form input {
    width: 100%;
    display: block;
    background-color: #fff;
    border: none;
    border-radius: 10px;
    /* color: #fff; */
    padding: 1rem;
    margin-bottom: 2rem;
    font-family: inherit;
    font-size: 1rem;
    box-shadow: 0 5px 10px rgba(154, 160, 185, 0.05),
        0 15px 40px rgba(0, 0, 0, 0.1);
    /* 去除点击时搜索框的效果 */
    outline: none;
}

/* 搜索框内的字体 */
.user-form input::placeholder {
    color: #bbb;
}

/* 用户卡片 */
.card {
    max-width: 800px;
    background-color: #bbb;
    border-radius: 20px;
    box-shadow: 0 5px 10px rgba(154, 160, 185, 0.05),
        0 15px 40px rgba(0, 0, 0, 0.1);
    display: flex;
    padding: 3rem;
    margin: 0 1.5rem;
}

/* 用户头像 */
.avatar {
    border-radius: 50%;
    border: 10px solid #2a2a72;
    height: 150px;
    width: 150px;
}

/* 用户信息 */
.user-info {
    color: #eee;
    margin-left: 2rem;
}

.user-info h2 {
    margin-top: 0;
}

.user-info ul {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    padding: 0;
    max-width: 400px;
}

.user-info ul li {
    display: flex;
    align-items: center;
}

.user-info ul li strong {
    font-size: 0.9rem;
    margin-left: 0.5rem;
}

.repo {
    text-decoration: none;
    color: #fff;
    background-color: #729cdf;
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    display: inline-block;
}

@media (max-width: 500px) {
    .card {
        flex-direction: column;
        align-items: center;
    }

    .user-form {
        max-width: 400px;
    }
}

script.js

// 重点 flex  background  async/await
// 1.获取元素节点
const APIURL = 'https://api.github.com/users/'   //github用户信息apiurl

const main = document.getElementById('main')//放置卡片的主体
const form = document.getElementById('form')//搜索表单
const search = document.getElementById('search')//搜索框
// 异步 语法糖获取用户信息
async function getUser(username) {
    try {
        // 获取数据
        const { data } = await axios(APIURL + username)
        // 创建用户卡片
        createUserCard(data)
        // 获取用户的Repos信息
        getRepos(username)
    } catch (err) {
        if (err.response.status == 404) {
            createErrorCard('没有此用户名的信息文件')
        }
    }
}
// 异步 语法糖获取用户的Repos信息
async function getRepos(username) {
    try {
        const { data } = await axios(APIURL + username + '/repos?sort=created')
        // 创建用户卡片的Repos
        addReposToCard(data)
    } catch (err) {
        createErrorCard('获取Repos有问题')
    }
}
// 创建用户卡片
function createUserCard(user) {
    const cardHTML = `
    

    

      ${user.avatar_url}" alt="${user.name}" class="avatar">
    

    
  

    `
    main.innerHTML = cardHTML

}

// 错误信息
function createErrorCard(msg) {
    const cardHTML = `
        

            
${msg}

        

    `

    main.innerHTML = cardHTML
}
// 添加Repos
function addReposToCard(repos) {
    const reposEl = document.getElementById('repos')
    // console.log(repos);// [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
    repos
        .slice(0, 5)
        .forEach(repo => {
            const repoEl = document.createElement('a')
            repoEl.classList.add('repo')
            repoEl.href = repo.html_url
            repoEl.target = '_blank'
            repoEl.innerText = repo.name

            reposEl.appendChild(repoEl)
        })
}

// 监听事件 表单提交事件
form.addEventListener('submit', (e) => {
    // 阻止表单提交的默认行为
    // 在大多数情况下，当表单提交时，浏览器会刷新页面并处理表单提交的数据。通过调用e.preventDefault()，阻止了这一默认行为，使得我们可以自行处理表单提交的逻辑，而不刷新页面。
    e.preventDefault()
    // 获取表单值
    const user = search.value
    // 存在发请求，并置空
    if (user) {
        getUser(user)

        search.value = ''
    }
})

你可能感兴趣的:(50天50个小demo前端,github,html5,css3,javascript,前端)

  • 21.合并两个有序链表 太白IT记 算法题链表数据结构
    将两个升序链表合并为一个新的升序链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。思路：这里使用的主要数据结构是单链表。该算法采用经典的双指针技术来合并列表。Adummynodeiscreated;thisnodedoesnotholdanymeaningfulvaluebutservesasthestartingpointofthemergedlinkedlist.将创建一个虚拟节点;
  • Spring Boot + 本地部署大模型实现：安全性与可靠性保障 代码老y springbootbootstrap后端
    在将大语言模型集成到SpringBoot应用中时，安全性和可靠性是两个关键因素。本地部署的大模型虽然提供了强大的功能，但也可能带来一些安全风险，如数据泄露、模型被恶意利用等。本文将介绍如何在SpringBoot应用中保障本地部署大模型的安全性和可靠性，确保应用的稳定运行。一、安全性保障（一）数据加密传输加密：确保模型生成的结果在传输过程中被加密，防止数据在传输过程中被窃取。可以使用HTTPS协议来
  • java项目报错405_405报错是什么原因_状态码405是什么错误 跳动的数字 java项目报错405
    今天网站遇到一个问题：httppost请求网页会出现405，分析了下原因：是因为Apache、IIS、Nginx等绝大多数web服务器，都不允许静态文件响应POST请求。下面是解决方案：将post请求改为get请求XF405/XF400支持拍摄4KUHD(3840x2160)50P影像。采用了一枚1.0型大尺寸影像传感器，该传感器的尺寸约为传统机型传感器的6.8倍。MP4格式的文件可设置为自动继续
  • 存储延时数据，帮你选数据库和缓存架构 呢喃coding 系统架构设计架构
    1.理解存储媒介量化延时类别描述延时缓存/内存L1cachereference1ns缓存/内存L2cachereference4ns缓存/内存Mainmemoryreference（DDR4，5-10ns为补充说明）100ns网络传输SendpacketCA->Netherlands->CA150,000,000ns（150ms）磁盘存储HDD(HardDiskDrive)读写1-10ms磁盘存储
  • 网络与磁盘：Java架构师必知的系统“血管”和“仓库”
    网络与磁盘：Java架构师必知的系统“血管”和“仓库”作为Java架构师，网络和磁盘是系统数据流动的“血管”与“仓库”。网络决定数据传输的快慢，磁盘影响数据存储的效率，直接关系系统性能和用户体验。一、网络：数据传输的“高速公路”以下是网络相关关键指标的整理表格：网络指标详细说明对Java架构的影响与实践建议万兆带宽实际速度万兆带宽（单位为bit），实际下载/上传速度为1250MB/s（因1字节=8
  • 《手把手教你》系列技巧篇（二十二）-java+ selenium自动化测试-webdriver处理浏览器多窗口切换上卷（详细教程） 北京-宏哥 javaselenium测试工具开发语言自动化
    1.简介上一篇讲解和分享了如何获取浏览器窗口的句柄，那么今天这一篇就是讲解获取后我们要做什么，就是利用获取的句柄进行浏览器窗口的切换来分别定位不同页面中的元素进行操作。2.为什么要切换窗口？Selenium在当前页面打开了新的窗口，此时就需要跳转到新的窗口去，就需要把窗口进行切换。宏哥这里简单举例一个测试场景，你在页面A点击一个连接，会在新的tab窗口打开页面B，这个时候，你在页面B点击一个连接，
  • 12.组件的实现原理 青阳流月 vue3前端javascriptvue.js
    将一个大的页面分为多个组件,每个组件都可以完成独立的功能并且可以被复用。1.渲染组件从用户角度,是一个描述对象constmyComponent1={name:'myComponent1',data(){return{name:'wjt'}}}从渲染器角度,是一个特殊的虚拟DOMconstmyComponent2={//type:Fragment,//描述片段type:Text,//描述节点prop
  • 电商架构浅析 快乐非自愿 架构大数据
    前言什么是电商，电商有哪些分类，以及一个完整的电商平台应该由哪些模块组成？本文将围绕电商平台系统的整体架构展开分析。一、简介1.什么是电商简单说就是通过网络进行的商务活动。以前的人都是通过现金进行交易，就是所谓的一手交钱、一手交货。而电商，则是通过通过网上商城、物流配送、线上资金结算等过程来完成交易。本质就是买卖双方围绕线上商品进行交易履约的过程。2.电商分类二、业务流程分析目前的电商的种类很多，
  • 豆瓣8.6分神作：这本《JavaScript DOM编程艺术》，凭什么让前端人读了12年仍奉为圭臬？ 阿蒙Armon 前端javascript开发语言
    豆瓣8.6分神作：这本《JavaScriptDOM编程艺术》，凭什么让前端人读了12年仍奉为圭臬？如果你是Web开发者，一定听过这样的困惑：“学了一堆JavaScript语法，却还是写不出流畅的动态交互？”“懂HTML和CSS，可面对DOM操作总觉得隔层纱？”别急，有一本豆瓣8.6分、5星好评占比47.4%的经典，早就为这些问题准备好了答案——它就是《JavaScriptDOM编程艺术（第2版）》
  • C#中Struct与IntPtr转换：实用扩展方法 阿蒙Armon C#工作中的应用c#
    C#中Struct与IntPtr转换：实用扩展方法在C#编程的世界里，我们常常会遇到需要与非托管代码交互，或者进行一些底层内存操作的场景。这时，IntPtr类型就显得尤为重要，它可以表示一个指针或句柄，用来指向非托管内存中的数据。而结构体作为一种常用的数据结构，在与IntPtr进行数据传递和转换时，往往需要一些繁琐的操作。为了简化这些操作，提高开发效率，我们可以通过扩展方法来封装相关的功能。接下来
  • C#指针：解锁内存操作的底层密码
    C#指针：解锁内存操作的底层密码在C#的世界里，我们习惯了托管代码带来的安全与便捷——垃圾回收器自动管理内存，类型系统严格检查数据操作，就像在精心维护的花园中漫步，无需担心杂草与荆棘。但当性能成为关键瓶颈，或是需要与非托管代码交互时，我们就需要一把能劈开藩篱的利刃——C#指针。它允许开发者直接操作内存地址，如同在荒野中开辟道路，充满挑战却也暗藏高效的可能。一、什么是C#指针？指针是一个变量，其值为
  • Web-API-day1 DOM 文档对象模型 码哥DFS 前端javascript
    获取DOM对象1.querySelector(")满足条件第一个元素2.querySelectorAll(")满足条件的元素集合返回伪数组3.了解其他方式1）getElementById2)getElementByTagname操作元素内容修改DOM文本内容1)innerText将文本内容添加/更细到任意标签位置，文本包含的标签不会被解析2)innerHTML将文本内容添加/更细到任意标签位置，文
  • curl --resolve 雨声不在 curl
    curl--resolve是一个用于在发起HTTP请求时，临时修改域名解析的选项。它允许你指定某个域名解析到某个特定的IP地址，而不使用系统默认的DNS解析结果。这个选项在测试、调试或者绕过某些DNS问题时非常有用。基本语法：curl--resolvehost:port:address：指定要修改解析的域名、端口和对应的IP地址。URL：请求的目标URL。作用：当你使用curl--resolve时
  • Spring Cloud Config（微服务配置中心详解） 白仑色 Spring系列微服务微服务架构配置中心SpringCloud
    关键词：SpringCloudConfig、配置中心、远程仓库、动态刷新、加密解密✅摘要在微服务架构中，随着服务数量的增加，统一管理各服务的配置信息变得尤为重要。传统的本地配置文件方式难以满足多环境、多实例、集中化的需求。SpringCloudConfig是SpringCloud提供的一个分布式配置中心解决方案，支持将配置信息集中存储在Git、SVN或本地文件系统中，并提供给各个微服务动态获取和更
  • 内网穿透和路由器端口映射什么区别？ 呆萌很 计算机网络原理网络
    内网穿透：俗称打洞，需要一个中间商来帮你。首先你主动去中间商那里注册（当然都是你在你的局域网内装的内网穿透软件自动完成的）你要提供的服务，比如web默认是80号端口。当你去注册时，你发送的数据会一层一层的穿透路由器（你的路由器，宽带商的路由器）,发送时必须有一个发送端口。每经过一层路由器路由器都会变换一个IP变换一个端口（就是NAt）。这个数据最后到达中间服务商。端口映射/端口转发：是指路由获得公
  • c语言的数组注意事项 小徐敲java c语言java开发语言
    在C语言中，int()[5]和int是两种完全不同的指针类型，理解它们的区别对于正确处理数组和多维数组至关重要。下面详细解释：1：int*（指向整型的指针）含义：指向单个int类型数据的指针典型用法：inta=10;int*p=&a;//p指向一个int变量与一维数组的关系：intarr[5]={1,2,3,4,5};int*p=arr;//arr自动转换为&arr[0]，类型是int*2：int
  • Charles抓包 nee~ okhttp
    charles抓包Charles是一个HTTP代理服务器,HTTP监视器,反转代理服务器，当浏览器连接Charles的代理访问互联网时，Charles可以监控浏览器发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信，这些包括request,response和HTTPheaders（包含cookies与caching信息）。Charles主要功能：支持SSL代理。可以截取分析SS
  • TCP backlog工作机制 riverz1227 tcp/ip网络服务器
    Linux中的TCPbacklog：两个队列与丢连接的真相在高并发网络服务场景中，listen()的backlog参数常常被误解，许多TCP连接被悄悄丢弃时，我们甚至毫无察觉。近期在排查一条内核日志TCP:dropopenrequestfrom...时，对此翻阅整理了一些资料,就TCPbacklog在Linux中的工作原理、背后的两个关键队列机制，以及如何高效排查相关连接丢失问题,做些记录01｜什
  • 内网穿透和端口映射的区别在哪？局域网提供互联网访问方案对比选择详解 搬码临时工 智能路由器网络
    内网穿透和端口映射是两个经常被提及的概念，它们对于实现网络中的内外网通信起着关键作用。内网穿透和端口映射都能够有效地将本地局域网地址提供给互联网上外网访问，但二者之间存在着显著的区别。内网穿透与端口映射的核心区别在于实现方式和依赖条件不同‌，下面来看看它们之间从原理到实现上的差异详解。一、技术原理与依赖性‌不同端口映射‌：基于‌网络地址转换（NAT）技术‌，通过路由器或防火墙等设备实现。它需要在公
  • 云存储的应用场景都包含哪些？
    云存储是一种网上在线存储的模式，可以将重要的数据信息存放在由第三方托管的虚拟服务器当中，云存储是在云计算概念上所延伸和衍生出的一个新的概念，保证企业中数据的安全性，同时还帮助企业节省了一定的存储空间，让用户可以更加便捷的存取所需的数据资源，实现文件共享和协作功能。本文将来具有了解一下云存储的应用场景都有哪些吧！云存储所应用的场景也较为广泛，其高度的灵活性和可扩展性成为了各个企业的首要选择，尤其是对
  • 鸿蒙分布式开发实战指南：让设备协同像操作本地一样简单 harmonyos
    摘要在如今设备高度互联的时代，一个用户往往会同时使用手机、平板、电视、手表等多个设备。鸿蒙系统基于“分布式能力”，让多个设备协同工作变得更简单，比如手机控制电视播放、手表调节空调，甚至多设备之间自动分工协作。这篇文章就带你从开发者角度出发，手把手了解鸿蒙分布式能力的实现方式。引言：为什么要用鸿蒙的分布式能力？随着物联网的发展，单设备运行逻辑已经难以满足日常复杂场景。鸿蒙系统设计了独特的分布式架构，
  • 程序与进程 EmoGP Javajavaubuntu
    1程序和进程概述程序Program：指一个程序文件，如notepad.exe进程Process：当一个程序运行起来，在操作系统内创建一条记录，用于描述和控制它的运行比如，打开多个notepad.exe，则得到多个进程2进程查看使用ps-ef可以查看进程运行状态其中，各个字段的含义如下：User：执行者PID：进程IDPPID：父进程IDSTIME：启动时间CMD：启动时调用的命令行按名称查找某个进
  • Spark运行架构 EmoGP Sparkspark架构大数据
     Spark框架的核心是一个计算引擎，整体来说，它采用了标准master-slave的结构 如下图所示，它展示了一个Spark执行时的基本结构，图形中的Driver表示master，负责管理整个集群中的作业任务调度，图形中的Executor则是slave，负责实际执行任务。由上图可以看出，对于Spark框架有两个核心组件：DriverSpark驱动器节点，用于执行Spark任务中的main方法，负
  • 想要了解大模型，看懂这一篇就够了！大模型工作流程及核心参数介绍！ Gq.xxu qwen3vllmtransforms大语言模型部署深度学习人工智能
    若想深入探究大模型核心参数的效果与作用，就务必先弄清大模型的工作流程，明确核心参数在流程各阶段的效能与功能，知晓其具体含义。一，大模型的工作流程大模型运行时的工作原理可以概括为输入处理→特征提取→模型推理→结果生成四个核心阶段，整个过程融合了深度学习架构、自然语言处理技术以及分布式计算能力。从用户输入到大模型输出，整个工作的处理流程如下：输入文本→分词→嵌入+位置编码→Transformer多层处
  • 【初阶学习Linux】初识Linux 鳄鱼皮坡 linux学习运维开发语言
    1.Linux背景介绍发展史:本门课程学习Linux系统编程，你可能要问Linux从哪里来？它是怎么发展的？在这里简要介绍Linuxs的发展史。要说Linux，还得从UNIX说起。UNIX发展的历史：1968年，一些来自通用电器公司、贝尔实验室和麻省理工学院的研究人员开发了一个名叫Multics的特殊操作系统。Multics在多任务文件管理和用户连接中综合了许多新概念。1969－1970年，AT&
  • 护照阅读器在医疗行业的应用 2401_83623586 科技
    随着医疗全球化程度加深和患者流动性增加，护照阅读器在医疗行业的应用价值将愈发凸显。这项技术不仅解决了医疗机构的效率和安全问题，也为患者提供了更加顺畅、安全的就医体验，成为现代医疗信息化基础设施中不可或缺的一环。护照阅读器在医疗旅游中的革新应用跨境医疗旅游作为全球增长最快的健康产业分支之一，正经历着前所未有的扩张。据市场研究数据显示，全球医疗旅游产业规模预计在2025年达到惊人的1,250亿美元，年
  • LSTM 论文（Hochreiter & Schmidhuber, 1997）精读（三）
    文章：SeppHochreiter,JürgenSchmidhuber;LongShort-TermMemory.NeuralComput1997;9(8):1735–1780.doi:https://doi.org/10.1162/neco.1997.9.8.1735第2节PreviousWork（已有研究），这是论文对以往方法的一个评述，总结了已有递归神经网络在面对时间序列学习、尤其是长时依赖
  • 【Docker】10 min 快速入门 Docker
    参考链接：https://www.youtube.com/watch?v=Ozb9mZg7MVMDocker是一个用于构建运行传送应用程序的平台Docker和虚拟机的区别虚拟化技术：将物理资源虚拟化为多个逻辑资源的技术虚拟机：将一台物理服务器虚拟化为多个逻辑服务器，每个逻辑服务器都有自己的操作系统缺点：每台虚拟机都需要占用巨大的资源启动速度很慢Docker使用宿主机的操作系统，启动速度非常快可以在
  • 深入理解Tomcat 基本架构 水木石画室 tomcat架构java
    Tomcat是Apache软件基金会旗下的开源Servlet容器，实现了JavaEE（现JakartaEE）的Servlet、JSP等规范，广泛用于JavaWeb应用的部署和运行。其架构设计围绕高效处理HTTP请求、灵活管理Web应用和支持扩展展开。以下从核心组件、层级结构、关键机制三个维度深入解析Tomcat的基本架构。一、Tomcat核心组件与层级结构Tomcat的架构采用分层容器模型，核心组
  • 自组装mid360便捷化bag包采集设备 hero_heart 命令模式
    一、问题一：电脑太重，换nuc采集mid360数据的过程中，发现了头疼的问题，得一手拿着电脑，一手拿着mid360来采集，实在是累胳膊。因此，网购了一个intelnuc,具体型号是12wshi5000华尔街峡谷nuc12i5厚版，买来之后，发现有点坑爹，windows系统下驱动啥都都挺全的，但是ubuntu下驱动貌似不全，1）有线网识别不了（也就是直接把mid360的网口数据线插到nuc上，识别不
  • jquery实现的jsonp掉java后台 知了ing javajsonpjquery
    什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、
  • Struts2学习笔记 caoyong struts2
    SSH : Spring + Struts2 + Hibernate 三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 分层原则:单向依赖，接口耦合 1、Struts2  =  Struts  + Webwork 2、搭建struts2开发环境    a>、到www.apac
  • SpringMVC学习之后台往前台传值方法 满城风雨近重阳 springMVC
    springMVC控制器往前台传值的方法有以下几种： 1.ModelAndView    通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：      ModelAndView mv=new ModelAndView();  mv.setViewName="success
  • WebService存在的必要性？ 一炮送你回车库 webservice
    做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 但是为什么要使用xml呢？不能使json或者其他通用数据
  • js年份下拉框 3213213333332132 java web ee
    <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> window.onload =
  • 简单链式调用的实现技术 归来朝歌 方法调用链式反应编程思想
    在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 这样的调用你可能在Ajax中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result");   也可能在HQ
  • JAVA调用.net 发布的webservice 接口 darkranger webservice
    /** * @Title: callInvoke * @Description: TODO(调用接口公共方法) * @param @param url 地址 * @param @param method 方法 * @param @param pama 参数 * @param @return * @param @throws BusinessException
  • Javascript模糊查找 | 第一章 循环不能不重视。 aijuans Way
    最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： function search(){ var arr=new Array("my
  • 狼和羊，该怎么抉择 atongyeye 工作
    狼和羊，该怎么抉择 在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
  • 读取android系统的联系人拨号 百合不是茶 androidsqlite数据库内容提供者系统服务的使用
           联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢   关键代码:     1, 使用javabean操作存储读取到的数据 package com.example.bean; /** * * @author Admini
  • ORACLE自定义异常 bijian1013 数据库自定义异常
    实例： CREATE OR REPLACE PROCEDURE test_Exception ( ParameterA IN varchar2, ParameterB IN varchar2, ErrorCode OUT varchar2 --返回值,错误编码 ) AS /*以下是一些变量的定义*/ V1 NUMBER; V2 nvarc
  • 查看端号使用情况 征客丶 windows
    一、查看端口 在windows命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP     127.0.0.1:80         0.0.0.0:0    &
  • 【Spark二十】运行Spark Streaming的NetworkWordCount实例 bit1129 wordcount
    Spark Streaming简介   NetworkWordCount代码   /* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with
  • Struts2 与 SpringMVC的比较 BlueSkator struts2spring mvc
    1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
  • Hibernate在更新时，是可以不用session的update方法的(转帖） BreakingBad Hibernateupdate
    地址：http://blog.csdn.net/plpblue/article/details/9304459 public void synDevNameWithItil() {Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
  • 读《研磨设计模式》-代码笔记-观察者模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; import java.util.Observable; import java.util.Observer; /** * “观
  • 重置MySQL密码 chenhbc mysql重置密码忘记密码
    如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 1、关闭MySQL服务 2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL mysqld --skip-grant-tables  3、新开一个CMD窗口，进入MySQL mysql -uroot  
  • 再谈系统论，控制论和信息论 comsci 设计模式生物能源企业应用领域模型
                               再谈系统论，控制论和信息论     偶然看
  • oracle moving window size与 AWR retention period关系 daizj oracle
    转自： http://tomszrp.itpub.net/post/11835/494147 晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. SQL> select * from v$version; BANNER -------------------
  • Python版B树 dieslrae python
    话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 首先是数据实体对象,很简单,只存放key,value class Entity(object): '''数据实体''' def __init__(self,key,value)
  • C语言冒泡排序 dcj3sjt126com 算法
    代码示例： # include <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序
  • 自定义导航栏样式 dcj3sjt126com 自定义
    -(void)setupAppAppearance { [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
  • 11.性能优化-优化-JVM参数总结 frank1234 jvm参数性能优化
    1.堆 -Xms --初始堆大小 -Xmx --最大堆大小 -Xmn --新生代大小 -Xss --线程栈大小 -XX:PermSize  --永久代初始大小 -XX:MaxPermSize  --永久代最大值 -XX:SurvivorRatio --新生代和suvivor比例,默认为8 -XX:TargetSurvivorRatio --survivor可使用
  • nginx日志分割 for linux HarborChung nginxlinux脚本
    nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限   复制代码代码如下: chmo
  • Spring4新特性——泛型限定式依赖注入 jinnianshilongnian springspring4泛型式依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • centOS安装GCC和G++ liuxihope centosgcc
    Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 按照这个思路，我想安装过程如下： 安装gcc：yum install gcc 安装g++： yum install g++ 实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
  • 第13章 Ajax进阶（上） onestopweb Ajax
    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/
  • How to determine BusinessObjects service pack and fix pack blueoxygen BO
    http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/   The table below is helpful. Reference   BOE XI 3.x 12.0.0. y BOE XI 3.0 12.0. x. y BO
  • Oracle里的自增字段设置 tomcat_oracle oracle
    　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列 create table t ( id 　　 　　 number generated by default as identity (start with 1 increment b
  • Spring Security（01）——初体验 yang_winnie springSecurity
    Spring Security（01）——初体验     博客分类： spring Security Spring Security入门安全认证        首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他