转角已陌路
转角已陌路

React + Vite 实现一个音乐网站（项目搭建篇）

最近找工作屡屡碰壁，突然不想努力了…

最初想搭建一个个人博客，技术栈确定为React + TS + Vite，一方面是为了学习新知识，一方面是实在闲着。但是由于之前做过个人博客所有觉得个人博客可能没啥意思。主要是设计也是一大麻烦，毕竟前端嘛做的东西还是得好看点的。

1.界面情况（目前）

完成了主界面
图片如下

2.功能实现之vite搭建React项目

第一种方法
1.初始化项目
npm init -y
2.引入vite
yarn add vite -D
3.加入命令脚本
“scripts”: {
“dev”: “vite”
}
(package.json文件)
4.根目录创建index.html,index.jsx文件

index.html文件内容

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            box-sizing: border-box;
        }
        body{
            background-color: #02101b;
        }
        html{
            font-size: 20px;
        }
    style>
head>
<body>
    <div id="app">div>
	//TweenMax为第三方动画库，需要去下载这个js文件
    <script src="./assest/js/TweenMax.min.js">script>
    //直接cdn引入react
    <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin>script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin>script>
    //index.jsx为初始js文件，通过ReactDom.render()挂载页面到#app内
    <script type="module" src="./index.jsx">script>
body>
html>

index.jsx文件内容

import ReactDOM from 'react-dom';
import {useCallback, useEffect, useState,useLayoutEffect} from 'react'

function App(){
	return(
		<div>
			
		</div>
	)
}

ReactDOM.render(
    <App/>
    ,
    document.getElementById('app')
)

我们的页面元素可以直接丢入app内，后续会嵌套路由

2.使用vite一步到位
yarn create vite
输入项目名称
选择react模式
回车即可

3.引入scss，react-router-dom

yarn add scss -D
yarn add react-router-dom -D

后续会引入aplayer
yarn add aplayer -D

4.运用React-router

由于我们不是单页面开发，会设计多个页面跳转
我们建立一个router文件夹（用过vue的小伙伴一定不陌生）
router文件夹呢建立index.jsx文件
React + Vite 实现一个音乐网站（项目搭建篇）_第1张图片
我们在router内配置路由并导出routerjs文件

5.修改index.jsx文件运用路由

import ReactDOM from 'react-dom';
import MyRouter from './router/index.jsx';
import {useCallback, useEffect, useState,useLayoutEffect} from 'react'

function App(){
	return(
		<div>
			<MyRouter></MyRouter>
		</div>
	)
}

ReactDOM.render(
    <Router>
      <App/>
    </Router>
    ,
    document.getElementById('app')
)

到这一步我们的环境大体已经搭建好了，下篇文章会去实现meun菜单。
至于为什么不用TS，因为，我写的时候忘记了…
ps:TweenMax.js传送门（https://www.tweenmax.com.cn/index.html）

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

  • django中HttpResponse render redirect 使用和区别 Hou_Monkey HttpResponserenderdjango中HttpResponserender和redi面试题你对HttpResponserender的理解
    django中HttpResponserenderredirect使用和区别在django的views模块中把业务逻辑发送前端（有转发和重定向）1.要想使用他们先导入HttpResponse：它返回到前台传入一个字符串，发送给浏览器。render：可以传递三个参数1request参数，2.渲染的html页面，3.带数据的值。renderct:url参数跳转到指定页面
  • ES6随笔(重点) Y一蓑烟雨任平生 es6前端
    ES6新增块级作用域概念。let和const声明的变量和常量，只在所处的代码块内有效，外部访问打印xisnotdefined.最典型的就是for循环中的变量声明，用var声明的话，i是全局变量，每一次循环i的值都增加，所以在循环内部打印的i就是全局变量i，所以i打印出来的就是最后一次i++完的值。let的块级概念完美的解决了这个问题。ES5只有两种声明变量的方法：var命令和function命令。
  • JS中Object.prototype.toString方法解读 OEC小胖胖 JavaScriptjavascript原型模式开发语言
    Object.prototype.toString是JavaScript中一个非常重要的方法，用于获取对象的类型信息。它的主要功能是返回一个表示对象类型的字符串。1.基本用法Object.prototype.toString是Object原型链上的一个方法，所有对象都可以访问它。默认情况下，它返回一个类似[objectType]的字符串，其中Type是对象的类型。例如：console.log(Ob
  • 【VUE+SpringBoot】前端获取到的数据与后台从数据库中获取到的数据不一致 你不懂的阳
    问题后台从数据库中查询到的数据，转换成JSON字符串传到前端后，缺少部分字段。@RequestMapping("/getUpdateUser")publicStringgetUpdateUser(intid){Useruser=userDao.getUpdateUser(id);Stringstring=JSON.toJSONString(user);returnstring;}asyncshow
  • ES6的 async 函数 辽A丶孙悟空
    含义ES2017标准引入了async函数，使得异步操作变得更加方便。async函数是什么？一句话，它就是Generator函数的语法糖。一比较就会发现，async函数就是将Generator函数的星号（*）替换成async，将yield替换成await，仅此而已。async函数对Generator函数的改进，体现在以下四点。内置执行器。Generator函数的执行必须靠执行器，所以才有了co模块，
  • 上传文件太大 net::ERR_CONNECTION_ABORTED 500 (Internal Server Error) 连接失败错误 我的风格0.0 spring前端springjava前端
    前端技术:VUE,elementUI后端技术:springCloudspringBoot前台上传文件时一直报错:net::ERR_CONNECTION_ABORTED问题根因:上传文件太大,超过后台配置解决办法:后台application.yml中添加配置:spring:servlet:multipart:enabled:truemax-file-size:100MBmax-request-siz
  • vue 精选评论词云 集成echarts-wordcloud TF-IDF算法 麦麦大数据 可视化研究vue.jsecharts前端tf-idf
    这一期在我们的系统里集成词云组件，开发的功能是景区精选评论的词云展示功能。这个界面的逻辑是这样的：在数据框里输入城市，可以是模糊搜索的，选择城市；选择城市后，发往后台去查询该城市的精选评论，由于一个城市会有很多景点，所以精选评论也有很多，采用TF-IDF算法，计算关键词，返回给前端，使用echarts词云组件进行可视化；再次输入城市，可以切换城市，同时词云会重新渲染。1词云页面开发首先前端安装词云
  • scrapy学习笔记0828-下 github_czy scrapy学习笔记
    1.爬取动态页面我们遇见的大多数网站不大可能会是单纯的静态网站，实际中更常见的是JavaScript通过HTTP请求跟网站动态交互获取数据（AJAX），然后使用数据更新HTML页面。爬取此类动态网页需要先执行页面中的JavaScript代码渲染页面，再进行爬取。在这里我们采用scrapy官方推荐的Splash渲染引擎，我们需要通过docker来安装splash并使其运行起来，这里就暂时不展开，安装
  • 线上考试系统---虚拟化技术部署 琉璃一梦 云计算学习运维服务器nginx
    部署前端服务器1.将资源上传到服务器scp-rdist/[email protected]:~2.在服务器上创建基础容器[root@docker0~]#dockerrun-it--namec0centos:latest/bin/bash[root@c1092b8c9ce5/]#[root@docker0~]#[root@docker0~]#dockerattachc03.在容器中修改yum源[ro
  • 前端 css基础 湫風如兮 css
    1.什么是css是一组样式设置的规则，用于控制页面的外观样式2.为什么使用css1.实现内容与样式的分离，便于团队开发2.样式复用，便于网站的后期维护3.页面的精确控制，让页面更精美3.css作用1.页面外观美化2.布局和定位4.css应用方式也称为CSS引用方式，有三种方式：内部样式、行内样式、外部样式4.1.内部样式在title标签下面建一个style标签写css代码优点：在同一个页面内部便于
  • 基础一：箭头函数和普通函数的this区别 适应653 javascript
    一、在前端HTML中，普通函数中的this指向window对象的情况通常发生在以下几种情况下：1、全局作用域:在全局作用域中定义的普通函数中，this指向window对象：functionmyFunction(){console.log(this===window);//true}myFunction();2、事件处理函数:当事件处理函数直接作为HTML元素的属性值时，this指向触发事件的元素。
  • 【js】什么是外围作用域 罗橙7号 javascript开发语言ecmascript
    外围作用域（OuterScope）是指一个变量或函数定义时所在的上下文环境。在JavaScript中，作用域决定了如何查找变量，以及变量能被访问的范围。以下是关于外围作用域的几个关键点：概念：函数作用域：在JavaScript中，函数内部声明的变量在外部是不可见的，这形成了函数作用域。如果一个变量在当前函数作用域中没有找到，JavaScript解释器会继续在定义该函数的作用域中查找，这个作用域就是
  • 【js】charCodeAt()用法 罗橙7号 javascript前端开发语言
    在JavaScript中，charCodeAt()方法是字符串对象的一个方法，它返回在指定的位置的字符的Unicode编码。这个方法接受一个参数，即字符的位置（索引），索引从0开始。以下是如何使用charCodeAt()方法的示例：varstr="a";varcode=str.charCodeAt(0);//返回'a'的Unicode编码console.log(code);//输出97，因为'a'
  • 【js】箭头函数和普通函数在this指向的区别 罗橙7号 javascript前端开发语言
    在JavaScript中，箭头函数（ArrowFunctions）和普通函数（FunctionDeclarations/Expressions）在this的指向上有显著的不同：普通函数：函数定义时：this的值在函数被调用时才会确定，它取决于函数是如何被调用的。独立调用：如果函数是直接调用的（而不是作为对象的方法），在非严格模式下this指向全局对象（在浏览器中通常是window），在严格模式下t
  • vue3+element-plus实现table表格整列的拖拽 不恰香菜辣baga vue.jselementui
    参考文章：https://blog.csdn.net/candy0521/article/details/136470284一、为防止原文章不见了将参考文章代码拷过来了（不好意思）：这是参考文章的代码可直接复制粘贴运行import{nextTick,onMounted,reactive,ref}from"vue";importSortablefrom'sortablejs';consttableD
  • 轻松接入微信订阅消息-uniapp + uniCloud 订阅消息实战教程（四） 小小•愿望 uniapp+uniCloud订阅消息实战教程uni-appuniCloud订阅消息支付宝小程序微信小程序云函数定时任务
    经过无数次的尝试，终于还是让我做出来了，本文都将为你提供一份实用的指南，让我们一起开始这段精彩的旅程，探索uniapp与微信订阅消息结合的无限可能吧！用户授权订阅消息在前端中使用加一个按钮，让用户主动授权订阅消息，一次点击只能发送一次消息，如果需要发送多条就需要多次点击，如果勾选了「总是保持以上选择」（现在是默认勾选），勾选后下次订阅该模板时就不会有弹窗，保持上次的选择，参考uniapp订阅消息/
  • javascript之三元运算符 冰暮流星 javascript笔记javascript开发语言ecmascript
    javascript三元运算符和c语言的很相似，语法格式都是条件?代码1:代码2等同于if(条件){代码1}else{代码2}假如要制作一个输入两个数据，比较大小并输出最大数的网页代码如下letnum1=+prompt('请输入第一个数:')letnum2=+prompt('请输入第二个数:')num1>num2?alert(`最大值是:${num1}`):alert(`最大值是:${num2}`
  • APRIL 14TH–20TH 2018 -3 monkey_y
    2018年4月15日19:11:30ScienceandtechnologySpreadinglifetothegalaxy:LongshotsEvenlookingintotakingsmall,simpleanimalssuchastardigradesalongtoseehowtheyreacttothejourneyisdeemedtoocontroversialforNASA,andth
  • react面试题十 笃励 react.jsjavascript前端
    一、React中的ContextAPI有什么作用？React中的ContextAPI是React提供的一种在组件树之间共享数据的方法，而无需在每个层级手动地通过props传递。这对于那些需要在多个层级间传递的数据（如当前认证的用户、主题或首选的UI语言）来说非常有用，因为它可以避免"propdrilling"（即通过组件树逐层传递props的过程）。ContextAPI主要包含两个React组件：
  • vue3+ts+canvas项目中图片进行矩形批注 嘴巴嘟嘟 vuejavascript前端vue.js
    canvas是什么？一个html5支持的新标签，见名知意，canvas就是画板的意思，可以在canvas上画画。css画三角形很简单，但是要画五角星呢，不妨试试canvas（文档有教学）今天我们做的是在图片中画矩形，顾名思义就是模仿批注功能。看效果：废话不多说直接上代码删除import{ref,reactive,onMounted}from"vue";constflag=ref(false);co
  • 群辉docker前端部署失败处理2 脚大江山稳 docker前端容器
    失败的原因是需要提升权限chmod-R755/usr/share/nginx/htmlchown-Rroot:root/usr/share/nginx/htmlnginx-sreloaddockerrestartdfdgdemo_vue构建镜像处理方式RUNchmod-Ra+rw/usr/share/nginx/html
  • javaScript如何判断一个对象是否存在某个属性 道长道长IOT javascript开发语言
    在JavaScript中检查一个对象是否包含某个属性可以通过几种不同的方法实现。以下是几种常用的方法：1.in操作符in操作符可以用来检测一个属性是否存在于对象中，包括原型链上的属性。constobj={foo:'bar'};if('foo'inobj){console.log('fooisintheobject');}2.hasOwnProperty()方法hasOwnProperty()方法只
  • 如何使用React-Lottie将动画添加到React应用 cukw6666 javavuepythonreactjavascriptViewUI
    介绍(Introduction)AdobeAfterEffectscanbeanintuitivewaytogeneratewebanimations,buttherehashistoricallybeenproblemsconvertingtheseanimationstowebapps.Itisusuallynecessarytouseathirdpartyprogramtoimportana
  • 关于严格模式的具体分析 6230_ 前端基础javascript开发语言ecmascript前端html改行学it学习方法
    1、什么是ES5概念：ES5指的是：ECMAScript5，它是JavaScript语言的国际标准。ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化还引入了一个语法的严格变种，被称为“严格模式”。2、如何开启严格模式写法："usestrict"解释：只要将"usestrict"这个字符串放在代码的前方，后面的代码就会按照严格模式进行解释开启类型：局部开
  • HTTP的通讯流程 6230_ 前端基础http网络协议网络前端html开发语言学习方法
    1、什么是HTTPhttp：是我们前/后台交互时的传输协议（即：超文本传输协议）解释：是指：在进行传输时使用的协议协议中，规定了如何连接、如何发请求、如何携带数据、获取响应数据的格式、获取响应数据时，获取结束之后的链接/断开方式等2、HTTP的工作流程和服务器建立链接建立链接后，发送一个请求给服务器（请求）服务器接受到请求以后进行相应的处理并给出一个回应（响应）断开与服务器的链接注意：并不是前端发
  • javaweb基于ssm框架校园即时服务平台管理系统设计与实现 ancen_73bd
    1、项目介绍系统开发平台：JDK1.8+Windows7+Maven3.6.1开发语言：Java后台框架：SSM前端：layui数据库：MySql5.7Navicat开发环境：IntellijIdea浏览器：Chrome或360浏览器本系统分为两个用户：学生、管理员。学生：可以发布任务、已接受任务、已发布任务、资料修改管理员：可以对用户进行管理、任务的管理、安全设置管理2、项目技术后端框架：SSM
  • JavaScript 深度剖析 - 函数式编程范式 时光海丶 大前端javascript函数式编程
    函数式编程范式1.1函数式编程概念函数是一等公民高阶函数闭包1.2纯函数概念功能库lodash优劣纯函数的好处纯函数的副作用1.3柯里化(HaskellBrooksCurry)概念lodash中的柯里化函数总结1.4函数组合(compose)管道函数组合1.5Lodash中的fp模块1.6PointFree模式1.7函子Functor函子MayBe函子Either函子IO函子Task函子Point
  • JSON的概念及应用场景举例 可靠百灵鸟 json
    JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，它采用易于人阅读和机器解析的纯文本形式来表示结构化的数据。JSON基于ECMAScript（即JavaScript）的一个子集，但其语法和数据结构独立于任何特定的编程语言，因此被广泛应用于各种编程环境和平台之间进行数据交换。JSON概念的关键特性包括：文本格式：JSON以纯文本的形式展现，由字符组成，可轻松通过
  • npm缓存深度解析：理解、使用与清除指南 2401_85762266 npm缓存前端
    npm缓存深度解析：理解、使用与清除指南npm（NodePackageManager）是JavaScript编程语言的包管理器，广泛用于Node.js应用程序。它不仅帮助我们安装和管理项目依赖，还拥有一个强大的缓存机制来加速这一过程。本文将深入探讨npm缓存的概念、使用场景以及如何有效清除缓存，确保你的开发环境保持最佳状态。#️⃣npm缓存简介npm缓存是一个本地存储机制，用于保存已下载的包，以便
  • 前端，高度塌陷 沦陷_99999
    本来父元素是由子元素抻开的，子元素设置了浮动之后，子元素就脱离文档流了，父元素无法抻开，就会形成高度塌陷解决高度塌陷BFC父元素的垂直外边距不会和子元素重叠开启BFC的元素不会被浮动元素所覆盖开启BFC的元素可以包含浮动的子元素如何开启BFC设置元素浮动设置元素的绝对定位设置元素为inline-block将元素的overflow设置为一个非visible的值（副作用最小的）.box{border:
  • 戴尔笔记本win8系统改装win7系统 sophia天雪 win7戴尔改装系统win8
    戴尔win8 系统改装win7 系统详述 第一步：使用U盘制作虚拟光驱：         1）下载安装UltraISO：注册码可以在网上搜索。         2）启动UltraISO，点击“文件”—》“打开”按钮，打开已经准备好的ISO镜像文
  • BeanUtils.copyProperties使用笔记 bylijinnan java
    BeanUtils.copyProperties VS PropertyUtils.copyProperties 两者最大的区别是： BeanUtils.copyProperties会进行类型转换，而PropertyUtils.copyProperties不会。 既然进行了类型转换，那BeanUtils.copyProperties的速度比不上PropertyUtils.copyProp
  • MyEclipse中文乱码问题 0624chenhong MyEclipse
    一、设置新建常见文件的默认编码格式，也就是文件保存的格式。 在不对MyEclipse进行设置的时候，默认保存文件的编码，一般跟简体中文操作系统（如windows2000，windowsXP）的编码一致，即GBK。 在简体中文系统下，ANSI 编码代表 GBK编码;在日文操作系统下，ANSI 编码代表 JIS 编码。 Window-->Preferences-->General -
  • 发送邮件 不懂事的小屁孩 send email
    import org.apache.commons.mail.EmailAttachment; import org.apache.commons.mail.EmailException; import org.apache.commons.mail.HtmlEmail; import org.apache.commons.mail.MultiPartEmail;
  • 动画合集 换个号韩国红果果 htmlcss
    动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程 1 transition  制作鼠标滑过图片时的放大效果 css .wrap{ width: 340px;height: 340px; position: absolute; top: 30%; left: 20%; overflow: hidden; bor
  • 网络最常见的攻击方式竟然是SQL注入 蓝儿唯美 sql注入
    NTT研究表明，尽管SQL注入（SQLi）型攻击记录详尽且为人熟知，但目前网络应用程序仍然是SQLi攻击的重灾区。 信息安全和风险管理公司NTTCom Security发布的《2015全球智能威胁风险报告》表明，目前黑客攻击网络应用程序方式中最流行的，要数SQLi攻击。报告对去年发生的60亿攻击 行为进行分析，指出SQLi攻击是最常见的网络应用程序攻击方式。全球网络应用程序攻击中，SQLi攻击占
  • java笔记2 a-john java
    类的封装： 1，java中，对象就是一个封装体。封装是把对象的属性和服务结合成一个独立的的单位。并尽可能隐藏对象的内部细节（尤其是私有数据） 2，目的：使对象以外的部分不能随意存取对象的内部数据（如属性），从而使软件错误能够局部化，减少差错和排错的难度。 3，简单来说，“隐藏属性、方法或实现细节的过程”称为——封装。 4，封装的特性：       4.1设置
  • [Andengine]Error：can't creat bitmap form path “gfx/xxx.xxx” aijuans 学习Android遇到的错误
            最开始遇到这个错误是很早以前了，以前也没注意，只当是一个不理解的bug，因为所有的texture，textureregion都没有问题，但是就是提示错误。 昨天和美工要图片，本来是要背景透明的png格式，可是她却给了我一个jpg的。说明了之后她说没法改，因为没有png这个保存选项。 我就看了一下，和她要了psd的文件，还好我有一点
  • 自己写的一个繁体到简体的转换程序 asialee java转换繁体filter简体
              今天调研一个任务，基于java的filter实现繁体到简体的转换，于是写了一个demo，给各位博友奉上，欢迎批评指正。          实现的思路是重载request的调取参数的几个方法，然后做下转换。          
  • android意图和意图监听器技术 百合不是茶 android显示意图隐式意图意图监听器
    Intent是在activity之间传递数据;Intent的传递分为显示传递和隐式传递   显式意图：调用Intent.setComponent() 或 Intent.setClassName() 或 Intent.setClass()方法明确指定了组件名的Intent为显式意图，显式意图明确指定了Intent应该传递给哪个组件。   隐式意图;不指明调用的名称,根据设
  • spring3中新增的@value注解 bijian1013 javaspring@Value
            在spring 3.0中，可以通过使用@value，对一些如xxx.properties文件中的文件，进行键值对的注入，例子如下： 1.首先在applicationContext.xml中加入：  <beans xmlns="http://www.springframework.
  • Jboss启用CXF日志 sunjing logjbossCXF
    1. 在standalone.xml配置文件中添加system-properties：     <system-properties>        <property name="org.apache.cxf.logging.enabled" value=&
  • 【Hadoop三】Centos7_x86_64部署Hadoop集群之编译Hadoop源代码 bit1129 centos
      编译必需的软件 Firebugs3.0.0 Maven3.2.3 Ant JDK1.7.0_67 protobuf-2.5.0 Hadoop 2.5.2源码包       Firebugs3.0.0   http://sourceforge.jp/projects/sfnet_findbug
  • struts2验证框架的使用和扩展 白糖_ 框架xmlbeanstruts正则表达式
    struts2能够对前台提交的表单数据进行输入有效性校验，通常有两种方式： 1、在Action类中通过validatexx方法验证，这种方式很简单，在此不再赘述； 2、通过编写xx-validation.xml文件执行表单验证，当用户提交表单请求后，struts会优先执行xml文件，如果校验不通过是不会让请求访问指定action的。 本文介绍一下struts2通过xml文件进行校验的方法并说
  • 记录-感悟 braveCS 感悟
    再翻翻以前写的感悟，有时会发现自己很幼稚，也会让自己找回初心。   2015-1-11 1. 能在工作之余学习感兴趣的东西已经很幸福了； 2. 要改变自己，不能这样一直在原来区域，要突破安全区舒适区，才能提高自己，往好的方面发展； 3. 多反省多思考；要会用工具，而不是变成工具的奴隶； 4. 一天内集中一个定长时间段看最新资讯和偏流式博
  • 编程之美-数组中最长递增子序列 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class LongestAccendingSubSequence { /** * 编程之美 数组中最长递增子序列 * 书上的解法容易理解 * 另一方法书上没有提到的是，可以将数组排序（由小到大）得到新的数组， * 然后求排序后的数组与原数
  • 读书笔记5 chengxuyuancsdn 重复提交struts2的token验证
    1、重复提交 2、struts2的token验证 3、用response返回xml时的注意 1、重复提交 (1)应用场景 (1-1)点击提交按钮两次。 (1-2)使用浏览器后退按钮重复之前的操作，导致重复提交表单。 (1-3)刷新页面 (1-4)使用浏览器历史记录重复提交表单。 (1-5)浏览器重复的 HTTP 请求。 (2)解决方法 (2-1)禁掉提交按钮 (2-2)
  • [时空与探索]全球联合进行第二次费城实验的可能性 comsci
         二次世界大战前后,由爱因斯坦参加的一次在海军舰艇上进行的物理学实验 -费城实验   至今给我们大家留下很多迷团.....      关于费城实验的详细过程,大家可以在网络上搜索一下,我这里就不详细描述了      在这里,我的意思是,现在
  • easy connect 之 ORA-12154: TNS: 无法解析指定的连接标识符 daizj oracleORA-12154
    用easy connect连接出现“tns无法解析指定的连接标示符”的错误，如下： C:\Users\Administrator>sqlplus username/[email protected]:1521/orcl SQL*Plus: Release 10.2.0.1.0 – Production on 星期一 5月 21 18:16:20 2012 Copyright (c) 198
  • 简单排序:归并排序 dieslrae 归并排序
    public void mergeSort(int[] array){ int temp = array.length/2; if(temp == 0){ return; } int[] a = new int[temp]; int
  • C语言中字符串的\0和空格 dcj3sjt126com c
       \0 为字符串结束符，比如说：                       abcd (空格)cdefg； 存入数组时，空格作为一个字符占有一个字节的空间，我们
  • 解决Composer国内速度慢的办法 dcj3sjt126com Composer
    用法： 有两种方式启用本镜像服务： 1 将以下配置信息添加到 Composer 的配置文件 config.json 中（系统全局配置）。见“例1” 2 将以下配置信息添加到你的项目的 composer.json 文件中（针对单个项目配置）。见“例2” 为了避免安装包的时候都要执行两次查询，切记要添加禁用 packagist 的设置，如下 1 2 3 4 5
  • 高效可伸缩的结果缓存 shuizhaosi888 高效可伸缩的结果缓存
    /** * 要执行的算法，返回结果v */ public interface Computable<A, V> { public V comput(final A arg); }   /** * 用于缓存数据 */ public class Memoizer<A, V> implements Computable<A,
  • 三点定位的算法 haoningabc c算法
    三点定位， 已知a,b,c三个顶点的x,y坐标 和三个点都z坐标的距离，la，lb,lc 求z点的坐标 原理就是围绕a,b,c 三个点画圆，三个圆焦点的部分就是所求 但是，由于三个点的距离可能不准，不一定会有结果， 所以是三个圆环的焦点，环的宽度开始为0，没有取到则加1 运行 gcc -lm test.c test.c代码如下 #include "stdi
  • epoll使用详解 jimmee clinux服务端编程epoll
    epoll - I/O event notification facility在linux的网络编程中，很长的时间都在使用select来做事件触发。在linux新的内核中，有了一种替换它的机制，就是epoll。相比于select，epoll最大的好处在于它不会随着监听fd数目的增长而降低效率。因为在内核中的select实现中，它是采用轮询来处理的，轮询的fd数目越多，自然耗时越多。并且，在linu
  • Hibernate对Enum的映射的基本使用方法 linzx0212 enumHibernate
      枚举   /** * 性别枚举 */ public enum Gender { MALE(0), FEMALE(1), OTHER(2); private Gender(int i) { this.i = i; } private int i; public int getI
  • 第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 孙子兵法
    始计第一 孙子曰： 兵者，国之大事，死生之地，存亡之道，不可不察也。 故经之以五事，校之以计，而索其情：一曰道，二曰天，三曰地，四曰将，五 曰法。道者，令民于上同意，可与之死，可与之生，而不危也；天者，阴阳、寒暑 、时制也；地者，远近、险易、广狭、死生也；将者，智、信、仁、勇、严也；法 者，曲制、官道、主用也。凡此五者，将莫不闻，知之者胜，不知之者不胜。故校 之以计，而索其情，曰
  • MySQL双向复制 tomcat_oracle mysql
    本文包括: 主机配置 从机配置 建立主-从复制 建立双向复制   背景 按照以下简单的步骤: 参考一下： 在机器A配置主机(192.168.1.30) 在机器B配置从机(192.168.1.29) 我们可以使用下面的步骤来实现这一点   步骤1：机器A设置主机 在主机中打开配置文件 ,
  • zoj 3822 Domination(dp) 阿尔萨斯 Mina
    题目链接：zoj 3822 Domination 题目大意：给定一个N∗M的棋盘，每次任选一个位置放置一枚棋子，直到每行每列上都至少有一枚棋子，问放置棋子个数的期望。 解题思路：大白书上概率那一张有一道类似的题目，但是因为时间比较久了，还是稍微想了一下。dp[i][j][k]表示i行j列上均有至少一枚棋子，并且消耗k步的概率（k≤i∗j）,因为放置在i+1~n上等价与放在i+1行上，同理
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他