清风徐来辽
清风徐来辽

TypeScript + React 环境搭建

React

  • 安装 vscode 或者 webstrom 代码编辑器
  • TypeScript 开发环境搭建
    • 1.1、下载 node.js
    • 1.2、安装 node.js
    • 1.3、npm 安装 typeScript
    • 1.4、创建和编写 ts 文件
    • 1.5、编译
    • 1.6、运行 js文件
  • React 环境搭建
    • 2.1、homebrow
    • 2.2、安装 cnpm：
    • 2.3、安装yarn：
    • 2.4、安装创建React App脚手架
    • 2.5、搭建环境
      • 2.5.1、测试环境，非正式场合使用
      • 2.5.2、正式版本使用

安装 vscode 或者 webstrom 代码编辑器

https://code.visualstudio.com/

https://www.jetbrains.com/webstorm/

TypeScript 开发环境搭建

1.1、下载 node.js

https://nodejs.org/en

1.2、安装 node.js

一顿下一步，npm 也会直接安装上，现在的版本环境变量也无需自己配置

node -v
npm -v

检测是否安装成功。

1.3、npm 安装 typeScript

sudo npm install -g typescript

然后再检测是否安装成功

tsc -v

1.4、创建和编写 ts 文件

1.5、编译

当前目录编译，编译成JS代码

tsc ts文件.ts

1.6、运行 js文件

node 02_basis.js

React 环境搭建

2.1、homebrow

https://zhuanlan.zhihu.com/p/607620531

2.2、安装 cnpm：

npm install -g cnpm -registry=https://registry.npm.taobao.org

2.3、安装yarn：

cnpm install -g yarn

2.4、安装创建React App脚手架

为2.5.2准备

cnpm install -g create-react-app

实在不行使用：

npx create-react-app create-react-app

https://blog.csdn.net/qq_28838891/article/details/124574626

2.5、搭建环境

2.5.1、测试环境，非正式场合使用

TypeScript + React 环境搭建_第1张图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
    <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
    <script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>

</body>
</html>

2.5.2、正式版本使用

执行以下命令创建项目：
create-react-app my-app
cd my-app/
npm start

你可能感兴趣的:(React,typescript)

  • 19.0-《超越感觉》-说服他人 SAM52
    Becausethoughtfuljudgmentsdeservetobeshared,andthewaytheyarepresentedcanstronglyinfluencethewayothersreacttothem.因为经过深思熟虑的判断值得分享，而这些判断的呈现方式会强烈影响其他人对它们的反应。Bylearningtheprinciplesofpersuasionandapplying
  • 全面解析：Spring Gateway如何优雅处理微服务的路由转发？ 万猫学社 gatewayjavaspring
    SpringGateway简介SpringGateway，这是一个基于Spring5、SpringBoot2和ProjectReactor的API网关。它旨在为微服务架构提供一个简单、有效的统一的API路由、限流、熔断等功能。在微服务的世界里，SpringGateway就像一个交通警察，负责指挥和引导各个微服务之间的交通。相较于其他的网关技术，比如Nginx、Zuul等，SpringGateway
  • 从零到一：打造基于GigaChat AI的艺术创作平台 | 笙囧同学的全栈开发实战
    作者简介：笙囧同学，中科院计算机大模型方向硕士，全栈开发爱好者联系方式：[email protected]各大平台账号：笙囧同学座右铭：偷懒是人生进步的阶梯前言在AI技术飞速发展的今天，如何将前沿的大模型技术与实际应用相结合，一直是我们开发者关注的焦点。今天，笙囧同学将带大家从零开始，构建一个基于GigaChatAI的艺术创作平台，实现React前端+Django后端的完整全栈解决方案。这不仅仅是
  • Vue3组合API初体验 DTcode7 Vue实战指南VUEHTMLwebvue框架前端
    Vue3组合API初体验基本概念与作用说明示例一：使用ref创建响应式数据示例二：使用reactive创建响应式对象示例三：使用computed计算属性示例四：使用watch监听数据变化示例五：使用provide/inject进行父子组件间通信功能使用思路与实际开发技巧1.何时使用ref与reactive？2.如何在组合式API中保持逻辑的清晰？3.如何处理异步操作？随着Vue3的发布，组合式AP
  • 前端基础知识Vue3系列 - 04（Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同）
    开始之前CompositionAPI可以说是Vue3的最大特点，那么为什么要推出CompositionApi，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScript支持有限以上通过使用CompositionApi都能迎刃而解正文一、OptionsApiOptionsAPI，即大家常说的选项API，即以vue
  • 第七篇 快速开始-序 深圳都这么冷
    快速开始欢迎使用React文档！本页将向您介绍您每天会用到的80%的React概念。本章内容预告如何创建和嵌套组件如何添加标记和样式如何显示数据如何渲染条件表达式和列表表达式如何响应事件和更新屏幕如何在组件之间共享数据创建和嵌套组件React应用程序由组件组成。组件是UI（用户界面）的一部分，具有自己的逻辑和外观。组件可以小到一个按钮，也可以大到整个页面。React组件是返回标记的JavaScri
  • 常用的Typescript特性 北海几经夏 前端前端
    参考文档：TypeScript特性TS的类型系统是提升代码质量的核心工具，以下是比较常用的特性：1.基础类型约束与函数类型定义场景：为变量、函数参数和返回值指定明确类型，避免隐式类型转换错误。示例：//变量类型注解constproductId:number=1001;constproductName:string="无线耳机";constisInStock:boolean=true;//函数类型定
  • maven指定子项目打包
    Maven多个mudule只编译、打包指定module在多module的maven项目中，如果每次打包整个工程显得有些冗余和笨重。例如A,B,P的继承关系为P|—–A|—–B即P包含A,B的module，每次打包P都会将A,B都打包。假如我只修改了A模块，那么每次都要将B都一块打包吗？当然不是，maven提供了自定义参数：-pl,--projectsBuildspecifiedreactorpro
  • React组件中的this指向问题
    在React组件中，函数定义方式影响this指向的核心原因是箭头函数与普通函数的作用域绑定规则不同，具体差异如下：1.普通函数（function定义）需要手动bind(this)的原因当用function在组件内定义方法时：classMyComponentextendsReact.Component{handleClick(){console.log(this);//若未绑定，此处this为und
  • Rust 全栈应用框架 Dioxus：从前端到桌面再到 WASM 的统一开发体验 掘金安东尼 字节阿里rust前端wasm
    如果你正在寻找一个能用Rust写前端、桌面应用、移动应用甚至WebAssembly的统一框架，Dioxus是目前生态中最具潜力的选择之一。为什么需要Dioxus？随着WebAssembly（WASM）与Rust的发展，越来越多开发者开始思考：Rust是否能做“全栈”？是否能有像React一样的组件模型？是否可以用Rust写桌面GUI，甚至Web前端？Dioxus正是这个愿景下的产物。它是一个受Re
  • IntelliJ IDEA 高效开发指南：从基础操作到高级技巧 zqmgx13291 intellij-ideajavaide
    一、IDEA概述与环境配置1.1IDEA的核心优势智能代码辅助：基于上下文的代码补全（Ctrl+Space）、方法参数提示、错误实时检测全栈开发支持：内置Java/Python/JavaScript等20+语言支持，框架集成（SpringBoot/Vue/React）工具链集成：版本控制（Git/SVN）、数据库（MySQL/PostgreSQL）、容器（Docker/K8s）一站式开发性能优化：
  • dart和python哪个好学_最近学习 Dart 语言，分享一下心得 (入门级)
    每隔一段时间，总有一种新(或较新)的语言进入大家的视线，比如Kotlin,Rust,Go等，我查了一下它们的“出生日期”：Rust(2011自举,2015v1.0)Go(2012,v1.0)Kotlin(2012开源,2016v1.0)TypeScript(2014,v1.0)Swift(2014,v1.0)Dart/Flutter(2018,Dartv2.0)由于Dart1实质上已经被放弃，Da
  • TypeScript AOT 编译器调研报告 步子哥 typescriptjavascript前端
    1.TypeScriptAOT编译概述1.1AOT编译的定义与优势AOT（Ahead-of-Time）编译，即提前编译，是一种在程序执行之前将源代码或中间代码完全编译成目标机器码的技术。与JIT（Just-in-Time）编译在运行时动态编译不同，AOT编译在应用程序运行前就已经完成了编译工作，生成可直接执行的机器码或优化过的字节码。这种预先编译的方式带来了多方面的优势。首先，AOT编译能够显著提
  • 出现delete CR eslint错误 Zww0891 vscode
    1但是治标不治本，只有当前文件修复了或者方法1：修改ESLint配置（推荐）在.eslintrc.js中禁用或调整linebreak-style规则：2npxprettier--write"src/**/*.ts"--end-of-linelf这个命令是使用Prettier（一个流行的代码格式化工具）对项目中的TypeScript文件进行统一格式化，并指定行尾符为LF（Linux/macOS风格）
  • Swift 5, TypeScript, and Python Async/Await 机制对比分析 步子哥 swifttypescriptpython
    Swift5、TypeScript和Python的async/await机制都旨在简化异步编程，但它们在实现细节、并发模型和性能特征上有所不同。Swift5的async/await构建于结构化并发之上，强调通过Task进行非阻塞的任务挂起和高效的线程利用。TypeScript(JavaScript)的async/await是基于Promise和事件循环的语法糖，适用于单线程非阻塞I/O环境。Pyt
  • 二、typescript变量声明
    var声明let声明const声明declare声明文件declarevar声明全局变量declarefunction声明全局函数declareclass声明全局类declareenum声明全局枚举类型declarenamespace声明（含有子属性的）全局对象interface和type声明全局类型export导出变量exportnamespace导出（含有子属性的）对象exportdefaul
  • typescript import、export相关 神奇大叔 typescripttypescript
    支持js的所有导出方式export:导出声明或表达式(export{a,b,c}会被认为是声明列表而非对象),不能导出单独变量(如:exporta)exportdefault:能导出单独变量import为动态导入,即导入的内容在原模块变化,导入的内容也会更新,导入的内容只能修改其属性import为静态编译import多次导入相同模块路径,会被合并在一起export和import都不能放在if分支里
  • Typescript export 导出分析-是引用还是值的形式?
    Typescriptexport导出分析-是引用还是值的形式?在TypeScript里，export导出的内容是否为引用，要依据具体导出的内容类型来判断。1.导出原始类型（如数字、字符串、布尔值）原始类型以值的形式导出，并非引用。在导出原始类型时，导出的是值的副本，而非引用。//导出原始类型exportconstnum=10;//导入原始类型import{num}from'./module';//
  • TypeScript 中export与import的用法,和Java的区别 全面解读 typeScriptjavatypescript
    目录export出现位置：TS在任意位置,Java在第一行import路径：TS使用from修饰路径；java无修饰符，固定格式元素重命名：TS支持,Java不支持TSexport、import可以有多个，Javaexport只能有1个TS存在exportdefault命令而Java中不存在TSimporttype与import的区别关于letexport出现位置：TS在任意位置,Java在第一行
  • TypeScript的export用法 无风听海 HarmonyOStypescriptimport
    在TypeScript中，export用于将模块中的变量、函数、类、类型等暴露给外部使用。export语法允许将模块化的代码分割并在其他文件中导入。1.命名导出（NamedExport）命名导出是TypeScript中最常见的一种导出方式，它允许你导出多个实体，导入时需要使用相同的名字。语法export{,,...};或者直接在声明时进行导出：export;示例//math.tsexportcon
  • vue3项目初始化完整流程，vue3+TypeScript+vue-router+pinia+element-plus+axios+unocss+mock
    2.1项目初始化今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范，需要使用preinstall来统一包管理工具。下面我们就用这一套规范来初始化我们的项目，集成一个规范的模版。2.1.1环境准备no
  • react class和function 如何模拟vue中的 双向绑定 监听 computed的方式
    在React中，类组件和函数组件的写法有所不同。你提到的「双向绑定」、「监听」和「computed（计算属性）」这几个概念，原本来源于Vue，但在React中我们也可以通过特定方式实现类似功能。下面我将分别介绍：1.类组件中的双向绑定在类组件中，要实现双向绑定（如表单输入），我们通常使用state和onChange：importReactfrom'react';classMyFormextends
  • PostGIS面试题及详细答案120道之 （021-030 ） 还是大剑师兰特 大剑师postgis面试题
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录21.为什么要在PostGIS中使用空间索引？22.PostGIS支持哪些类型的
  • Java面试题及详细答案120道之（081-100） 还是大剑师兰特 前后端面试题大剑师java面试题
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录81.Java中的`ConcurrentHashMap`与`HashMap`在并
  • Openlayers 面试题及答案180道（41-60） 还是大剑师兰特 #前后端面试题大剑师Openlayers面试题Openlayers示例Openlayers教程
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录41.如何在OpenLayers中加载WFS数据？42.在OpenLayers中
  • CSS面试题及详细答案140道之（41-60） 还是大剑师兰特 前后端面试题css前端大剑师CSS面试CSS示例
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录41.如何在不使用额外标记的情况下隐藏文本但保留其可访问性？42.解释`text
  • 2025年02月13日 · Go生态洞察：可扩展的 WebAssembly 应用 猫头虎 #Go生态洞察golangwasm开发语言后端go1.19gobeego
    2025年02月13日·Go生态洞察：可扩展的WebAssembly应用摘要大家好，我是猫头虎。本篇文章将带领大家深入剖析Go1.24在WebAssembly（Wasm）领域的最新特性：go:wasmexport指令、WASIReactor构建模式、丰富类型支持及其限制，并通过示例代码演示如何在实际项目中灵活运用。关键词：WebAssembly、WASI、Go1.24、go:wasmexport、
  • 每天一个前端小知识 Day 17 - 微前端架构实战与 Module Federation
    微前端架构实战与ModuleFederation为什么要微前端？✅传统SPA的问题：问题描述构建时间越来越长单体应用构建缓慢，难以增量部署多团队协作困难不同业务线互相依赖紧耦合技术栈难以迁移老项目技术债，无法局部替换✅微前端目标：像微服务一样拆前端系统各子应用独立开发、独立部署、独立运行支持多技术栈共存（React+Vue+原生）核心架构方案一览架构方式技术实现适用场景iframe方式每个子应用独
  • 你的一个箭头函数让我找了几天 JsLin_
    同事的h5的相关内容给我接手了，上线后发现好多手机浏览器不显示内容，就是这个问题断断续续找了有两个星期的时间，迫使我把他的h5相关的内容用react重构了一遍，重构完又发现一大堆事情。先抱怨下吧首先，一个网站的域名竟然不指定首页？大图片资源不压缩？找了一段时间，没找到原因，迫使我把它的代码用react重构了，也正好练练手。重构完了之后，发现运维那里的以前的工程nginx部署没有指定主页，才发现官网
  • 面试复盘：为什么Vue2的data数据量大时内存开销大？ neon1204 前端面试面试前端javascriptvue.js
    背景描述今天前端技术面试中，面试官针对Vue2的源码和性能方面提问：“当data中存储大量数据时，为什么内存开销显著增加？”。本文复盘梳理我的回答思路：一、核心机制：Object.defineProperty的递归与闭包Vue2的响应式系统通过递归遍历data中的每个属性，将其转换为getter/setter。这一过程在源码中由defineReactive函数实现，其内存开销主要来自以下三点：1.
  • html 周华华 html
    js 1，数组的排列 var arr=[1,4,234,43,52,]; for(var x=0;x<arr.length;x++){    for(var y=x-1;y<arr.length;y++){      if(arr[x]<arr[y]){     &
  • 【Struts2 四】Struts2拦截器 bit1129 struts2拦截器
    Struts2框架是基于拦截器实现的，可以对某个Action进行拦截，然后某些逻辑处理，拦截器相当于AOP里面的环绕通知，即在Action方法的执行之前和之后根据需要添加相应的逻辑。事实上，即使struts.xml没有任何关于拦截器的配置，Struts2也会为我们添加一组默认的拦截器，最常见的是，请求参数自动绑定到Action对应的字段上。   Struts2中自定义拦截器的步骤是：
  • make:cc 命令未找到解决方法 daizj linux命令未知make cc
    安装rz sz程序时，报下面错误：   [root@slave2 src]# make posix cc   -O -DPOSIX -DMD=2 rz.c -o rz make: cc：命令未找到 make: *** [posix] 错误 127   系统：centos 6.6 环境：虚拟机   错误原因：系统未安装gcc，这个是由于在安
  • Oracle之Job应用 周凡杨 oracle job
    最近写服务，服务上线后，需要写一个定时执行的SQL脚本，清理并更新数据库表里的数据，应用到了Oracle 的 Job的相关知识。在此总结一下。   一：查看相关job信息    1、相关视图  dba_jobs  all_jobs  user_jobs  dba_jobs_running 包含正在运行
  • 多线程机制 朱辉辉33 多线程
    转至http://blog.csdn.net/lj70024/archive/2010/04/06/5455790.aspx 程序、进程和线程： 程序是一段静态的代码，它是应用程序执行的蓝本。进程是程序的一次动态执行过程，它对应了从代码加载、执行至执行完毕的一个完整过程，这个过程也是进程本身从产生、发展至消亡的过程。线程是比进程更小的单位，一个进程执行过程中可以产生多个线程，每个线程有自身的
  • web报表工具FineReport使用中遇到的常见报错及解决办法（一） 老A不折腾 web报表finereportjava报表报表工具
    FineReport使用中遇到的常见报错及解决办法（一） 这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、address pool is full： 含义：地址池满，连接数超过并发数上
  • mysql rpm安装后没有my.cnf 林鹤霄 没有my.cnf
    Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的， 至于为什么没有这个文件而MySQL却也能正常启动和作用，在这儿有两个说法， 第一种说法，my.cnf只是MySQL启动时的一个参数文件，可以没有它，这时MySQL会用内置的默认参数启动， 第二种说法，MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件，这种说法仅限于r
  • Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题 aigo root
    原文：http://kindlefireforkid.com/how-to-setup-a-google-account-on-amazon-fire-tablet/   Step 4: Run ADB command from your PC   On the PC, you need install Amazon Fire ADB driver and instal
  • javascript 中var提升的典型实例 alxw4616 JavaScript
    // 刚刚在书上看到的一个小问题,很有意思.大家一起思考下吧 myname = 'global'; var fn = function () { console.log(myname); // undefined var myname = 'local'; console.log(myname); // local }; fn() // 上述代码实际上等同于以下代码 m
  • 定时器和获取时间的使用 百合不是茶 时间的转换定时器
    定时器:定时创建任务在游戏设计的时候用的比较多   Timer();定时器 TImerTask();Timer的子类  由 Timer 安排为一次执行或重复执行的任务。       定时器类Timer在java.util包中。使用时，先实例化，然后使用实例的schedule(TimerTask task, long delay)方法，设定
  • JDK1.5 Queue bijian1013 javathreadjava多线程Queue
    JDK1.5 Queue LinkedList： LinkedList不是同步的。如果多个线程同时访问列表，而其中至少一个线程从结构上修改了该列表，则它必须 保持外部同步。（结构修改指添加或删除一个或多个元素的任何操作；仅设置元素的值不是结构修改。）这一般通过对自然封装该列表的对象进行同步操作来完成。如果不存在这样的对象，则应该使用 Collections.synchronizedList 方
  • http认证原理和https bijian1013 httphttps
    一.基础介绍         在URL前加https://前缀表明是用SSL加密的。 你的电脑与服务器之间收发的信息传输将更加安全。         Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式，用的端口也不一样,前者是80，后
  • 【Java范型五】范型继承 bit1129 java
    定义如下一个抽象的范型类，其中定义了两个范型参数，T1，T2   package com.tom.lang.generics; public abstract class SuperGenerics<T1, T2> { private T1 t1; private T2 t2; public abstract void doIt(T
  • 【Nginx六】nginx.conf常用指令(Directive) bit1129 Directive
    1. worker_processes    8; 表示Nginx将启动8个工作者进程，通过ps -ef|grep nginx,会发现有8个Nginx Worker Process在运行   nobody 53879 118449 0 Apr22 ? 00:26:15 nginx: worker process
  • lua 遍历Header头部 ronin47 lua header 遍历　
    local headers = ngx.req.get_headers()   ngx.say("headers begin", "<br/>")   ngx.say("Host : ", he
  • java-32.通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。 bylijinnan java
    import java.util.Arrays; public class MinSumASumB { /** * Q32.有两个序列a,b，大小都为n,序列元素的值任意整数，无序. * * 要求：通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小。 * 例如: * int[] a = {100,99,98,1,2,3
  • redis 开窍的石头 redis
    在redis的redis.conf配置文件中找到# requirepass foobared 把它替换成requirepass 12356789 后边的12356789就是你的密码 打开redis客户端输入config get requirepass 返回 redis 127.0.0.1:6379> config get requirepass 1) "require
  • [JAVA图像与图形]现有的GPU架构支持JAVA语言吗？ comsci java语言
          无论是opengl还是cuda，都是建立在C语言体系架构基础上的，在未来，图像图形处理业务快速发展，相关领域市场不断扩大的情况下，我们JAVA语言系统怎么从这么庞大，且还在不断扩大的市场上分到一块蛋糕，是值得每个JAVAER认真思考和行动的事情       
  • 安装ubuntu14.04登录后花屏了怎么办 cuiyadll ubuntu
    这个情况，一般属于显卡驱动问题。 可以先尝试安装显卡的官方闭源驱动。 按键盘三个键：CTRL + ALT  +  F1 进入终端，输入用户名和密码登录终端： 安装amd的显卡驱动 sudo  apt-get  install  fglrx 安装nvidia显卡驱动 sudo  ap
  • SSL 与 数字证书 的基本概念和工作原理 darrenzhu 加密ssl证书密钥签名
    SSL 与 数字证书 的基本概念和工作原理 http://www.linuxde.net/2012/03/8301.html SSL握手协议的目的是或最终结果是让客户端和服务器拥有一个共同的密钥，握手协议本身是基于非对称加密机制的，之后就使用共同的密钥基于对称加密机制进行信息交换。 http://www.ibm.com/developerworks/cn/webspher
  • Ubuntu设置ip的步骤 dcj3sjt126com ubuntu
    在单位的一台机器完全装了Ubuntu Server，但回家只能在XP上VM一个，装的时候网卡是DHCP的，用ifconfig查了一下ip是192.168.92.128,可以ping通。 转载不是错： Ubuntu命令行修改网络配置方法 /etc/network/interfaces打开后里面可设置DHCP或手动设置静态ip。前面auto eth0，让网卡开机自动挂载. 1. 以D
  • php包管理工具推荐 dcj3sjt126com PHPComposer
    http://www.phpcomposer.com/   Composer是 PHP 用来管理依赖（dependency）关系的工具。你可以在自己的项目中声明所依赖的外部工具库（libraries），Composer 会帮你安装这些依赖的库文件。 中文文档  入门指南  下载  安装包列表 Composer 中国镜像
  • Gson使用四（TypeAdapter） eksliang jsongsonGson自定义转换器gsonTypeAdapter
    转载请出自出处：http://eksliang.iteye.com/blog/2175595 一.概述        Gson的TypeAapter可以理解成自定义序列化和返序列化 二、应用场景举例        例如我们通常去注册时（那些外国网站），会让我们输入firstName，lastName,但是转到我们都
  • JQM控件之Navbar和Tabs gundumw100 htmlxmlcss
    在JQM中使用导航栏Navbar是简单的。 只需要将data-role="navbar"赋给div即可： <div data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active&qu
  • 利用归并排序算法对大文件进行排序 iwindyforest java归并排序大文件分治法Merge sort
      归并排序算法介绍，请参照Wikipeida zh.wikipedia.org/wiki/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F 基本思想： 大文件分割成行数相等的两个子文件，递归（归并排序）两个子文件，直到递归到分割成的子文件低于限制行数 低于限制行数的子文件直接排序 两个排序好的子文件归并到父文件 直到最后所有排序好的父文件归并到输入
  • iOS UIWebView URL拦截 啸笑天 UIWebView
    本文译者：candeladiao，原文：URL filtering for UIWebView on the iPhone说明：译者在做app开发时，因为页面的javascript文件比较大导致加载速度很慢，所以想把javascript文件打包在app里，当UIWebView需要加载该脚本时就从app本地读取，但UIWebView并不支持加载本地资源。最后从下文中找到了解决方法，第一次翻译，难免有
  • 索引的碎片整理SQL语句 macroli sql
    SET NOCOUNT ON DECLARE @tablename VARCHAR (128) DECLARE @execstr VARCHAR (255) DECLARE @objectid INT DECLARE @indexid INT DECLARE @frag DECIMAL DECLARE @maxfrag DECIMAL --设置最大允许的碎片数量,超过则对索引进行碎片
  • Angularjs同步操作http请求with $promise qiaolevip 每天进步一点点学习永无止境AngularJS纵观千象
    // Define a factory app.factory('profilePromise', ['$q', 'AccountService', function($q, AccountService) { var deferred = $q.defer(); AccountService.getProfile().then(function(res) {
  • hibernate联合查询问题 sxj19881213 sqlHibernateHQL联合查询
    最近在用hibernate做项目，遇到了联合查询的问题，以及联合查询中的N+1问题。 针对无外键关联的联合查询，我做了HQL和SQL的实验，希望能帮助到大家。（我使用的版本是hibernate3.3.2）   1 几个常识：  （1）hql中的几种join查询，只有在外键关联、并且作了相应配置时才能使用。  （2）hql的默认查询策略，在进行联合查询时，会产
  • struts2.xml wuai struts
    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他