步子哥
步子哥

Tailwind CSS 入门

什么是 Tailwind CSS？

Tailwind CSS 是一个 CSS 框架，它提供了大量的预定义实用类，可以用来快速构建 HTML 页面。Tailwind CSS 的优势包括：

  • 可扩展性：Tailwind CSS 的类库是可扩展的，可以根据自己的需要进行定制。
  • 性能：Tailwind CSS 的类库是经过精心设计的，可以提高页面的性能。
  • 可维护性：Tailwind CSS 的类库是模块化的，可以提高页面的可维护性。

Tailwind CSS 的安装

要安装 Tailwind CSS，可以使用以下命令：

npm install tailwindcss

安装完成后，可以使用以下命令来生成 Tailwind CSS 的配置文件：

npx tailwind init

Tailwind CSS 的基本概念

实用类

Tailwind CSS 的核心是实用类。实用类是用于描述 HTML 元素的样式的类。例如，要将一个元素设置为红色，可以使用以下实用类：

.red {
  color: red;
}

Tailwind CSS 提供了大量的预定义实用类，可以用来设置元素的颜色、大小、位置、边框、动画等样式。

布局类

Tailwind CSS 还提供了一些用于布局的类。例如，要将一个元素居中，可以使用以下布局类：

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

媒体查询

Tailwind CSS 还支持媒体查询。媒体查询可以根据设备的屏幕尺寸或其他条件来应用不同的样式。例如，要根据屏幕尺寸来调整元素的大小，可以使用以下媒体查询：

@media (max-width: 768px) {
  .my-element {
    width: 50%;
  }
}

Tailwind CSS 的使用方法

实例演示

下面是一个使用 Tailwind CSS 构建简单 HTML 页面的例子：

DOCTYPE html>
<html lang="en">
<head>
  <title>My Tailwind CSS Pagetitle>
  <link href

你可能感兴趣的:(css,前端)

  • 前端React篇之哪些方法会触发 React 重新渲染？重新渲染 render 会做些什么？ m0_74823705 前端react.jsjavascript
    目录哪些方法会触发React重新渲染？重新渲染render会做些什么？setState()案例需求总结forceUpdate()案例需求总结props改变案例需求总结context改变案例需求总结哪些方法会触发React重新渲染？重新渲染render会做些什么？在React中，以下方法会触发重新渲染：setState()：当调用组件的setState方法并传入新的状态值时，React会触发重新渲染
  • 归纳webpack 捻tua馔... webpack前端
    常用配置项constHtmlWebpackPlugin=require('html-webpack-plugin');//通常用于生成HTMLconstMiniCssExtractPlugin=require('mini-css-extract-plugin');//用于分离CSSconstcssMinimizerWebpackPlugin=require("css-minimizer-webpa
  • React基础教程（06）：条件渲染 叁拾舞 React教程react.js前端前端框架
    1条件渲染使用条件渲染，结合TodoList案例，进行完善，实现以下功能：当列表中的数据为空的时候，现实提示信息暂无待办事项当列表中存在数据的时候，提示信息消失这里介绍三种实现方式。注意这里的Empty是前端框架Antd的组件，如果安装了antd直接使用即可，如果没有安装可以用div代替也是可以的。这里为了更直观，所以使用了前端框架antd的Empty组件。1、三元操作符{/*方式一*/}{thi
  • HTML+CSS+javascript 轮播图 Paula-柒月拾 javascripthtmlcss前端html5
    HTML，CSS和JavaScript可以用来创建轮播图。HTML用于构建网页的结构，所以您可以使用HTML来定义轮播图的各个部分，如图像和文本。CSS用于设计网页的外观，所以您可以使用CSS来设置轮播图的布局和样式。JavaScript用于控制网页的行为，所以您可以使用JavaScript来控制轮播图的功能，如自动播放和用户交互。下面是一个简单的HTMLCSSJavaScript轮播图的例子：H
  • css心跳动画 —Qeyser HtmlCSScss前端java
    图标引入CSS代码.icon{animation:bpm1slinear,pulse0.75s1slinearinfinite;}@keyframespulse{from,75%,to{transform:scale(1);}25%{transform:scale(0.9);}50%{transform:scale(1.2);}}@keyframesbpm{from{transform:scale
  • 电商智能客服实战（三）-需求感知模块具体实现 power-辰南 企业级AI项目实战人工智能NERNLU自然语言AIAGENT
    电商智能客服实战（一）—概要设计电商智能客服实战（二）需求感知模块模型微调实现一、整体架构设计1.1模块定位需求感知模块作为智能客服系统的前端处理单元，负责对用户输入进行多维度解析，输出结构化语义理解结果，为下游决策引擎提供数据支撑。1.2核心流程图用户输入需求感知模块情感分析NLU意图识别NER实体识别参数提取规划模块AutoGPT生成步骤规则引擎匹配反馈集成工具模块订单查询API工单API知识
  • 前端本地储存的方式汇总 懒羊羊我小弟 前端框架javascriptjs浏览器webapp小程序
    JavaScript本地存储是Web开发中用于在客户端存储数据的重要技术，以下是常见方式及其区别和应用场景：一、WEB浏览器本地存储方式及特点1.1储存方式1.Cookie存储容量：约4KB（每个域名）。生命周期：可设置过期时间；默认随会话结束失效。作用域：同源页面共享。访问方式：通过document.cookie读写，每次HTTP请求自动携带。特点：支持服务器端操作（通过HTTP头），但存储效率
  • 前端基础之全局事件总线 青红光硫化黑 前端vue.jsjavascript
    用于实现任意组件中的通信，我们可以将数据放入到Vue原型中，这样就能实现vc与vm都能访问该数据我们需要一个能使用去使用$on或是$emit这里方法的东西，vc与vm都能调用这个方法，但是vm与vm最终在创建时都需要去寻找Vue的原型对象，所以说我们可以直接把Vue的原型对象当作是这个中间人bus在beforeCreate中我们就能去申明这个中间人将Student.vue中的信息发送给School
  • 自己的网页加一个搜索框，调用deepseek的API Lkkkkkkkcy javavue
    一切源于一个学习黑马程序员视频的突发奇想在网页悬浮一个搜索按钮，点击可以实现调用deepseek文本模型回答你的问题前端实现前端使用vue实现的首先是整体页面：AIWidget.vue搜索{{item}}暂无搜索结果import{ref,watch}from"vue";import{Search}from"@element-plus/icons-vue";import{ElMessage}from
  • 利用golang embed特性嵌入前端资源问题解决 Iam0x17 golang前端
    embed嵌入前端资源，配置前端路由的代码如下funcStartHttpService(portstring,assetsFsembed.FS)error{//r:=gin.Default()gin.SetMode(gin.ReleaseMode)r:=gin.New()r.Use(CORSMiddleware())//静态文件服务dist,err:=fs.Sub(assetsFs,"assets
  • pythonvue自动化_Vue项目的自动化测试 weixin_39617669 pythonvue自动化
    Vue项目的自动化测试说到自动化测试，许多开发团队都是听说过、尝试过，但最后都止步于尝试，不能将TDD(测试驱动开发)、BDD(行为驱动开发)的完整流程贯彻到项目中。思考其中的原因：终究还是成本抵不上收益。很多后端开发人员可能写过很多自动化的单元测试代码，但是对前端测试一头雾水。这是因为相对于后端开发人员的自动化单元测试，前端的自动化测试成本更高。自动化测试就是通过自动化脚本将一个又一个测试用例串
  • Springboot应用json数据传给前端首字母大写变小写的问题 珠峰日记 css3cssspringjqueryhtml
    对接.net数据，属性首字母大写传给前端后自动转成了小写。解决思路网上有三种：1)如果没有使用fastjson(阿里巴巴出品),使用@JsonProperty("XXXX")的注解方式可以解决问题，XXXX就是转换成Json的属性名，但注意，只有放在getter上才是有效的，直接在属性上加没效果.(这说明spring默认的jackson类库处理是基于访问器。2)如果使用了fastjson,就用@J
  • React生态、Vue生态与跨框架前端解决方案 Coder LM Wang JavaScript前端react.jsvue.js
    React生态系统1基础框架React.js是一个用于构建UI的JavaScript库。2应用框架Next.js是基于React.js的完整应用框架。主要负责应用如何工作：应用架构：路由系统、页面结构渲染策略：服务端渲染(SSR)、静态生成(SSG)、客户端渲染性能优化：代码分割、图片优化、字体优化开发体验：热模块替换、TypeScript支持部署：Vercel平台集成、自托管选项3UI组件库MU
  • css实现梯形tab切换 一只快乐的小青蛙 cssjavascript前端
    {{item.name}}consttabList=ref([{id:1,name:'认证车辆',},{id:2,name:'临时加车',},])constcheckNum=ref(1).tabs{display:flex;width:100%;gap:20px;height:40px;background-color:#f0f4f8;.tabs_item{display:flex;width:5
  • css实现：不固定宽高，随内容宽度自动增长的圆形 月伤59 css前端javascript
    1.circle{display:inline-block;border-radius:50%;min-width:20px;min-height:20px;padding:5px;background:red;color:white;text-align:center;line-height:1;box-sizing:content-box;white-space:nowrap;}.circle
  • css 梯形tab标签页 有脾气的程序媛 css
    现在越来越时尚化，tab标签页已经不像原来的那么传统格式化了，现在给大家实现一个简约美观的tab标签页比较简约的梯形tabDocument.nav{display:flex;width:300px;align-items:flex-end;}.nav.item{flex:1;height:40px;background:#eee;border-radius
  • vue3导入excel并解析excel数据渲染到表格中，纯前端实现。 m0_74825526 excel前端
    需求用户将已有的excel上传到系统，并将excel数据同步到页面的表格中进行二次编辑，由于excel数据不是最终数据，只是批量的一个初始模板，后端不需要存储，所以该功能由前端独立完成。吐槽系统中文件上传下载预览三部曲走了一遍，万万没想到还要自己实现同步数据。实际反手各种资料开始查阅，终于找到了可以完美实现该需求的方法，来记录下我的实现方案。希望对有需要的小伙伴有帮助。注意以下为正文（重要内容），
  • vue3+vite项目打包后css样式丢失 Angus-zoe javascript开发语言ecmascript
    问题：原因：默认情况下启用了CSS代码分割，CSS样式会被提取到单独的CSS文件中，会导致一些样式丢失的情况。通过将cssCodeSplit设置为false，可以禁用CSS代码分割，这样CSS样式将会内联到JavaScript中，而不是被提取到单独的CSS文件中。这种方式可以解决一些样式丢失的问题，因为样式将直接包含在构建后的JavaScript文件中，而不会受到代码分割的影响。解决方法：在vit
  • Three.js 入门(补间动画Tween.js) 庸俗今天不摸鱼 three.Js学习javascript开发语言ecmascript
    本篇主要学习内容:Tween.Js补间动画点赞+关注+收藏=学会了1.什么是Tween.Js?TweenJS是一个由JavaScript语言编写的补间动画库，如果需要tweenjs辅助你生成动画，对于任何前端web项目，你都可以选择tweenjs库。如果你使用three.js开发web3d项目，使用tween.js辅助three.js生成动画效果也是比较好的选择。1.1)引入tween.Jsimp
  • 大白话Webpack 配置与使用的详细步骤和插件应用 IT木昜 大白话前端高频面试题webpack前端node.js
    大白话Webpack配置与使用的详细步骤和插件应用啥是WebpackWebpack就像是一个超级管家，在我们开发网页的时候，会有各种各样的文件，像JavaScript文件、CSS文件、图片等等。这些文件就像是家里的各种物品，分散在不同的地方，而且有的物品还得按照特定顺序摆放、处理之后才能正常使用。Webpack这个管家就负责把这些分散的文件收集起来，按照我们的要求进行打包、处理，最后变成一个或几个
  • CSS 设置宽高的单位概览 夫琅禾费米线 css前端javascript
    CSS设置宽高的单位概览在CSS中，设置宽度和高度的单位有多种，每种单位都有特定的用途和适用场景。下面是常见的单位整理及使用示例。单位类型代表性单位使用场景视口单位vw,vh响应式布局，全屏背景百分比单位%相对父元素的宽高调整绝对单位px,cm固定宽高（如图标、按钮）相对单位em,rem字体相关布局或响应式设计内容适配单位auto,fit-content内容自适应的场景（如动态长度文本框）CSS函
  • ThreeJS入门（140）：THREE.Mouse 知识详解，示例代码 还是大剑师兰特 #ThreeJS中文API全解大剑师threejs教程threejs示例threejs入门1024程序员节
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第140篇入门文章文章目录常量使用场景示例常量的使用总结THREE.MOUSE
  • 浏览器发请求不携 cookie （加了跨域失败） Wdc_12 状态模式javaspringboot
    1.发送请求后端产生的唯一的sessionid，服务器会通过HTTP响应头中的Set-Cookie字段将SessionID发送到客户端。客户端（浏览器）收到响应后，会将SessionID存储为cookie。但由于跨域了不自动携带cookie2.加withCredentials所以在前端加上了：myAxios.defaults.withCredentials=true3.出现了跨域的错误，CORS请
  • 网络空间安全（13）上传验证绕过 IT 青年 网安知识库网络空间安全
    前言上传验证绕过是一种网络安全攻击手段，攻击者利用目标系统或应用程序在文件上传过程中存在的漏洞，绕过文件上传的验证机制，上传恶意文件，从而实现对目标系统的攻击。一、常见类型客户端验证绕过定义：客户端验证通常通过JavaScript在浏览器中执行，用于检查文件类型、大小等。客户端验证绕过是指攻击者通过禁用JavaScript或修改前端代码，绕过这些验证。绕过方法：禁用JavaScript：直接在浏览
  • 0基础学前端---品优购项目Day14 学代码的小前端 0基础学前端javascript前端htmlcss
    0基础学前端—品优购项目Day14视频参考：B站Pink老师本节重点：all项目链接：完整的项目已放到品优购完整项目大家可以自行下载强调内容这里主要强调两个知识点：(1)网站TDK三个标签SEO优化(2)logoSEO优化网站TDK三个标签SEO优化T:title网站名（产品名）网站的介绍D:网站是做什么的K:关键字6~8个最好logoSEO优化（1）logo里面首先放一个h1标签，目的是为了提权
  • vxe-table 实现复选框多选通过鼠标拖动选择功能 vue.js
    启用表格多选的范围选择功能很简单，启用后就像excel一样，可以通过鼠标滑动选择行，也可以按住ctrl键部分选择，功能非常强大，支持快捷键;npminstallvxe-pc-ui@4.3.2vxe-table@4.9.4//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui/lib/style.css'importVxeUITablefrom'vxe-tab
  • vxe-table v4.8+ 实现行拖动排序，列拖动排序 vue.js
    VxeUIvuevxe-tablev4.8+实现行拖动排序，列拖动排序安装npminstallvxe-pc-ui@4.2.42vxe-table@4.8.1main.js//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui/lib/style.css'importVxeUITablefrom'vxe-table'import'vxe-table/lib/s
  • VUE + Jquery 集成的一个简易数学公式编辑器 今天也想MK代码 努力把想法实现vuejqueryjswebhtml
    前端数学公式自定义编辑界面可自定义未知数、运算符号、函数自己写的一个数学公式简单编辑器，本想找开源，无奈找不到。如果有开源，请发我一份，参考参考。在此感谢。静态1、简单公式：例如x+y将公式中的变量（x,y）以及运算符(+,-)放在一个数组中，遍历这个这个数组组成一个html字符串，然后显示在页面。数组定义为：type定义是值还是运算符valueDatas:[{type:'value',domTy
  • 微信小程序封装request请求 易烊子豪 微信小程序小程序
    目录1、封装的必要性1.1封装的原则1.2微信小程序封装遇到的问题1.3改进封装，使得能对拿到的结果进行不同的处理1.4最终调用结束语1、封装的必要性在编写前端代码时，最离不开的就是发送网络请求了，但在发送网络请求时，许多内容都是重复使用的。会造成代码的冗余，例如，我们在网络请求失败的时候，可能都是只需要提示一下请求失败就好了。1.1封装的原则我们在封装时，把各个请求相同的部分进行封装就好了，不同
  • VSCode 配置优化指南：打造极致高效的前端开发环境 超级小狗 vscodeide编辑器
    VSCode配置优化指南：打造极致高效的前端开发环境一、基础环境配置：让开发更流畅1.性能优化设置//settings.json{"files.autoSave":"afterDelay",//自动保存（延迟1秒）"files.exclude":{//隐藏非必要文件"**/.git":true,"**/.DS_Store":true,"**/node_modules":true//大型项目建议保留
  • 深入浅出Java Annotation(元注解和自定义注解） Josh_Persistence Java Annotation元注解自定义注解
    一、基本概述     　　 Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制，用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联。   　　更通俗的意思是为程序的元素（类、方法、成员变量）加上更直观更明了的说明，这些说明信息是与程序的业务逻辑无关，并且是供指定的工具或
  • mysql优化特定类型的查询 annan211 java工作mysql
    本节所介绍的查询优化的技巧都是和特定版本相关的，所以对于未来mysql的版本未必适用。 1 优化count查询 对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看 真正的count()函数的作用到底是什么。 count()是一个特殊的函数，有两种非常不同的作用，他可以统计某个列值的数量，也可以统计行数。 在统
  • MAC下安装多版本JDK和切换几种方式 棋子chessman jdk
    环境： MAC AIR,OS X 10.10,64位   历史： 过去 Mac 上的 Java 都是由 Apple 自己提供，只支持到 Java 6，并且OS X 10.7 开始系统并不自带（而是可选安装）（原自带的是1.6）。 后来 Apple 加入 OpenJDK 继续支持 Java 6，而 Java 7 将由 Oracle 负责提供。   在终端中输入jav
  • javaScript （1） Array_06 JavaScriptjava浏览器
    JavaScript 1、运算符 　　运算符就是完成操作的一系列符号，它有七类： 　　赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
  • 国内顶级代码分享网站 袁潇含 javajdkoracle.netPHP
           现在国内很多开源网站感觉都是为了利益而做的                  当然利益是肯定的,否则谁也不会免费的去做网站      &
  • Elasticsearch、MongoDB和Hadoop比较 随意而生 mongodbhadoop搜索引擎
      IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性，避免落大部队太远，我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎，它们存储着JSON文档，MongoDB存着JSON文档，或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
  • mac os 系统科研软件总结 张亚雄 mac os
    1.1 Microsoft Office for Mac 2011      大客户版，自行搜索。      1.2 Latex （MacTex）:      系统环境：https://tug.org/mactex/     &nb
  • Maven实战（四）生命周期 AdyZhang maven
    1. 三套生命周期     Maven拥有三套相互独立的生命周期，它们分别为clean，default和site。 每个生命周期包含一些阶段，这些阶段是有顺序的，并且后面的阶段依赖于前面的阶段，用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例，它包含的阶段有pre-clean, clean 和 post
  • Linux下Jenkins迁移 aijuans Jenkins
    1. 将Jenkins程序目录copy过去      源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面            tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
  • request.getInputStream()只能获取一次的问题 ayaoxinchao requestInputstream
    问题：在使用HTTP协议实现应用间接口通信时，服务端读取客户端请求过来的数据，会用到request.getInputStream()，第一次读取的时候可以读取到数据，但是接下来的读取操作都读取不到数据   原因： 1. 一个InputStream对象在被读取完成后，将无法被再次读取，始终返回-1； 2. InputStream并没有实现reset方法（可以重
  • 数据库SQL优化大总结之 百万级数据库优化方案 BigBird2012 SQL优化
    网上关于SQL优化的教程很多，但是比较杂乱。近日有空整理了一下，写出来跟大家分享一下，其中有错误和不足的地方，还请大家纠正补充。 这篇文章我花费了大量的时间查找资料、修改、排版，希望大家阅读之后，感觉好的话推荐给更多的人，让更多的人看到、纠正以及补充。 1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 where
  • jsonObject的使用 bijian1013 javajson
            在项目中难免会用java处理json格式的数据，因此封装了一个JSONUtil工具类。 JSONUtil.java package com.bijian.json.study; import java.util.ArrayList; import java.util.Date; import java.util.HashMap;
  • [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration bit1129 zookeeper
    Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API，它包含了如下几个内部类     首先分析它的内部类，从WatchRegistration开始，为指定的znode path注册一个Watcher，   /** * Register a watcher for a particular p
  • 【Scala十三】Scala核心七：部分应用函数 bit1129 scala
    何为部分应用函数？ Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
  • Tomcat Error listenerStart 终极大法 ronin47 tomcat
    Tomcat报的错太含糊了，什么错都没报出来，只提示了Error listenerStart。为了调试，我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties，内容如下 Java代码  handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
  • 不用加减符号实现加减法 BrokenDreams 实现
            今天有群友发了一个问题，要求不用加减符号(包括负号)来实现加减法。         分析一下，先看最简单的情况，假设1+1，按二进制算的话结果是10，可以看到从右往左的第一位变为0，第二位由于进位变为1。    
  • 读《研磨设计模式》-代码笔记-状态模式-State bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* 当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类 状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况 把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化 如果在
  • CUDA程序block和thread超出硬件允许值时的异常 cherishLC CUDA
    调用CUDA的核函数时指定block 和 thread大小，该大小可以是dim3类型的（三维数组），只用一维时可以是usigned int型的。 以下程序验证了当block或thread大小超出硬件允许值时会产生异常！！！GPU根本不会执行运算！！！ 所以验证结果的正确性很重要！！！ 在VS中创建CUDA项目会有一个模板，里面有更详细的状态验证。 以下程序在K5000GPU上跑的。
  • 诡异的超长时间GC问题定位 chenchao051 jvmcmsGChbaseswap
    HBase的GC策略采用PawNew+CMS, 这是大众化的配置，ParNew经常会出现停顿时间特别长的情况，有时候甚至长到令人发指的地步，例如请看如下日志： 2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
  • maven环境快速搭建 daizj 安装mavne环境配置
    一 下载maven 安装maven之前，要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。 maven下载地址：http://maven.apache.org/download.html，目前最新的是这个apache-maven-3.2.5-bin.zip，然后解压在任意位置，最好地址中不要带中文字符，这个做java 的都知道，地址中出现中文会出现很多
  • PHP网站安全，避免PHP网站受到攻击的方法 dcj3sjt126com PHP
    对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
  • yii中给CGridView设置默认的排序根据时间倒序的方法 dcj3sjt126com GridView
    public function searchWithRelated() {         $criteria = new CDbCriteria;         $criteria->together = true; //without th
  • Java集合对象和数组对象的转换 dyy_gusi java集合
        在开发中，我们经常需要将集合对象（List，Set）转换为数组对象，或者将数组对象转换为集合对象。Java提供了相互转换的工具，但是我们使用的时候需要注意，不能乱用滥用。 1、数组对象转换为集合对象     最暴力的方式是new一个集合对象，然后遍历数组，依次将数组中的元素放入到新的集合中，但是这样做显然过
  • nginx同一主机部署多个应用 geeksun nginx
    近日有一需求，需要在一台主机上用nginx部署2个php应用，分别是wordpress和wiki，探索了半天，终于部署好了，下面把过程记录下来。 1.   在nginx下创建vhosts目录，用以放置vhost文件。 mkdir vhosts   2.   修改nginx.conf的配置， 在http节点增加下面内容设置，用来包含vhosts里的配置文件 #
  • ubuntu添加admin权限的用户账号 hongtoushizi ubuntuuseradd
    ubuntu创建账号的方式通常用到两种：useradd 和adduser . 本人尝试了useradd方法，步骤如下： 1:useradd    使用useradd时，如果后面不加任何参数的话，如：sudo useradd sysadm 创建出来的用户将是默认的三无用户：无home directory ,无密码,无系统shell。 顾应该如下操作：  
  • 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理 jinnianshilongnian nginxlua
      JSON库   在进行数据传输时JSON格式目前应用广泛，因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能；目前Lua也有几个JSON库，本人用过cjson、dkjson。其中cjson的语法严格（比如unicode \u0020\u7eaf），要求符合规范否则会解析失败（如\u002），而dkjson相对宽松，当然也可以通过修改cjson的源码来完成
  • Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 yaerfeng1989 timerquartz定时器
    原创整理不易，转载请注明出处：Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 代码下载地址：http://www.zuidaima.com/share/1772648445103104.htm 有两种流行Spring定时器配置：Java的Timer类和OpenSymphony的Quartz。 1.Java Timer定时 首先继承jav
  • Linux下df与du两个命令的差别？ pda158 linux
    　一、df显示文件系统的使用情况，与du比較，就是更全盘化。 　　最经常使用的就是 df -T，显示文件系统的使用情况并显示文件系统的类型。 　　举比例如以下： 　　[root@localhost ~]# df -T 　　Filesystem                   Type &n
  • [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象 ctfzh VOandroidsqlite反射Cursor
    在写DAO层时，觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了，就写了一个工具类，用到了反射，可以把查询记录的值装到对应的VO里，也可以生成该VO的List。   使用时需要注意： 考虑到Android的性能问题，VO没有使用Setter和Getter，而是直接用public的属性。 表中的字段名需要和VO的属性名一样，要是不一样就得在查询的SQL中
  • 该学习笔记用到的Employee表 vipbooks oraclesql工作
        这是我在学习Oracle是用到的Employee表，在该笔记中用到的就是这张表，大家可以用它来学习和练习。 drop table Employee; -- 员工信息表 create table Employee( -- 员工编号 EmpNo number(3) primary key, -- 姓
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他