落魄实习生
落魄实习生

css响应式布局

这里写自定义目录标题

  • 1.效果展示
  • 2.使用grid布局
  • 3.使用flex布局

1.效果展示

2.使用grid布局

DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>文档标题title>
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .container {
            width: 100%;
            max-width: 1200px;
            display: grid;
            grid-template-columns:repeat(4, 1fr);
            gap: 10px 10px;
        }

        .item {
            padding: 10px;
            overflow: auto;
            border-width: 1px;
            border-color: black;
        }

        .cover {
            position: relative;
            width: 100%;
            padding-bottom: 66%;
        }

        .cover img {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .info {
            padding-top: 10px;
        }
        @media screen and (max-width: 960px) {}

        @media screen and (max-width: 1024px) {
            .container {}
        }

        @media screen and (max-width: 768px) {
            .container {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media screen and (max-width: 400px) {
            .container {
                grid-template-columns: repeat(1, 1fr);
            }
        }

        .color-1 {
            background-color: aqua;
        }

        .color-2 {
            background-color: blue;
        }

        .color-3 {
            background-color: blueviolet;
        }

        .color-4 {
            background-color: brown;
        }

        .color-5 {
            background-color:greenyellow;
        }
    style>
head>

<body>
    <div class="container">
        <div class="item color-1">
            <a href="javascript:void(0)">
                <div class="cover">
                    <img src="" alt="">
                div>
            a>
            <div class="info">
                <div class="title">这是一节英语课2div>
                <div class="subtitle">1 chaper | 2 videosdiv>
                <div class="price">i100AUDdiv>
            div>
        div>
        <div class="item color-2">
            <a href="javascript:void(0)">
                <div class="cover">
                    <img src="https://dingdian.koalaclass.com.au/files/system/2021/01-28/18403532c38b020510.png" alt="">
                div>
            a>
            <div class="info">
                <div class="title">这是一节英语课2div>
                <div class="subtitle">1 chaper | 2 videosdiv>
                <div class="price">i100AUDdiv>
            div>
        div>
        <div class="item color-3">
            <a href="javascript:void(0)">
                <div class="cover">
                    <img src="https://dingdian.koalaclass.com.au/files/system/2021/01-28/18403532c38b020510.png" alt="">
                div>
            a>
            <div class="info">
                <div class="title">这是一节英语课2div>
                <div class="subtitle">1 chaper | 2 videosdiv>
                <div class="price">i100AUDdiv>
            div>
        div>
        <div class="item color-4">
            <a href="javascript:void(0)">
                <div class="cover">
                    <img src="https://dingdian.koalaclass.com.au/files/system/2021/01-28/18403532c38b020510.png" alt="">
                div>
            a>
            <div class="info">
                <div class="title">这是一节英语课2div>
                <div class="subtitle">1 chaper | 2 videosdiv>
                <div class="price">i100AUDdiv>
            div>
        div>
        <div class="item color-5">
            <a href="javascript:void(0)">
                <div class="cover">
                    <img src="https://dingdian.koalaclass.com.au/files/system/2021/01-28/18403532c38b020510.png" alt="">
                div>
            a>
            <div class="info">
                <div class="title">这是一节英语课2div>
                <div class="subtitle">1 chaper | 2 videosdiv>
                <div class="price">i100AUDdiv>
            div>
        div>
        <div class="item color-1">
            <a href="javascript:void(0)">
                <div class="cover">
                    <img src="https://dingdian.koalaclass.com.au/files/system/2021/01-28/18403532c38b020510.png" alt="">
                div>
            a>
            <div class="info">
                <div class="title">这是一节英语课2div>
                <div class="subtitle">1 chaper | 2 videosdiv>
                <div class="price">i100AUDdiv>
            div>
        div>
    div>
    
body>

html>

3.使用flex布局

DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>文档标题title>
    <style>
        * {
            box-sizing: border-box;
        }

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

        .container {
            width: 100%;
            max-width: 1200px;
            display: flex;
            flex-wrap: wrap;
        }

        .item {
            display: block;
            flex: 0 0 auto;
            width: 25%;
        }

        .cover {
            position: relative;
            width: 100%;
            padding-bottom: 100%;
        }

        .cover img {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .info {
            padding-top: 10px;
        }

        @media screen and (max-width: 960px) {}

        @media screen and (max-width: 1024px) {
            .item {
                width: 50%;
            }
        }

        @media screen and (max-width: 768px) {}

        @media screen and (max-width: 400px) {
            .item {
                width: 100%;
            }
        }

        .color-1 {
            background-color: aqua;
        }

        .color-2 {
            background-color: blue;
        }

        .color-3 {
            background-color: blueviolet;
        }

        .color-4 {
            background-color: brown;
        }

        .color-5 {
            background-color: greenyellow;
        }
    style>
head>

<body>
    <div class="container">
        <div class="item color-1">
            <a href="javascript:void(0)">
                <div class="cover">
                    <img src="" alt="">
                div>
            a>
            <div class="info">
                <div class="title">这是一节英语课2div>
                <div class="subtitle">1 chaper | 2 videosdiv>
                <div class="price">i100AUDdiv>
            div>
        div>
        <div class="item color-2">
            <a href="javascript:void(0)">
                <div class="cover">
                    <img src="" alt="">
                div>
            a>
            <div class="info">
                <div class="title">这是一节英语课2div>
                <div class="subtitle">1 chaper | 2 videosdiv>
                <div class="price">i100AUDdiv>
            div>
        div>
        <div class="item color-3">
            <a href="javascript:void(0)">
                <div class="cover">
                    <img src="" alt="">
                div>
            a>
            <div class="info">
                <div class="title">这是一节英语课2div>
                <div class="subtitle">1 chaper | 2 videosdiv>
                <div class="price">i100AUDdiv>
            div>
        div>
        <div class="item color-4">
            <a href="javascript:void(0)">
                <div class="cover">
                    <img src="" alt="">
                div>
            a>
            <div class="info">
                <div class="title">这是一节英语课2div>
                <div class="subtitle">1 chaper | 2 videosdiv>
                <div class="price">i100AUDdiv>
            div>
        div>
        <div class="item color-5">
            <a href="javascript:void(0)">
                <div class="cover">
                    <img src="" alt="">
                div>
            a>
            <div class="info">
                <div class="title">这是一节英语课2div>
                <div class="subtitle">1 chaper | 2 videosdiv>
                <div class="price">i100AUDdiv>
            div>
        div>
        <div class="item color-1">
            <a href="javascript:void(0)">
                <div class="cover">
                    <img src="" alt="">
                div>
            a>
            <div class="info">
                <div class="title">这是一节英语课2div>
                <div class="subtitle">1 chaper | 2 videosdiv>
                <div class="price">i100AUDdiv>
            div>
        div>
    div>

body>

html>

你可能感兴趣的:(前端,html,css,css,前端,vue.js)

  • vba对应CAD版本下载网址 山水CAD筑梦人 CADVBA开发语言
    下载对应vba版本网址如下：DownloadtheMicrosoftVBAModuleforAutoCADhttps://www.autodesk.com/support/technical/article/caas/tsarticles/ts/3kxk0RyvfWTfSfAIrcmsLQ.html以下是DwgVersion枚举值与AutoCAD版本的对应关系：枚举值数值对应的AutoCAD版本A
  • 【最新】沃德协会管理系统源码+uniapp前端+环境教程 kaui52066 kaui52066精品源码uni-app小程序前端开源php生活
    一.系统介绍一款基于FastAdmin+ThinkPHP+Uniapp开发的商协会系统，新一代数字化商协会运营管理系统，以“智慧化会员体系、智敏化内容运营、智能化活动构建”三大板块为基点，实施功能全场景覆盖，一站式解决商协会需求壁垒，有效快速建立自有数字化管理体系、提升组织管理效能、增强会员粘性、沟通连接市场，真正做到为构建有影响力的现代化智慧型组织赋能。二.测试环境系统环境：CentOS、运行环
  • 【html】简单网页模板源码 天若有情673 html【html5+css】前端知识htmltensorflow前端
    大家每一次在写网页的时候会不会因为布局而困扰今天就给大家带来一个我自己亲自编写的网页的基本的模板大家可以直接去利用，大家也可以利用自己的想法去做空间的美化和完善。源码：html:DocumentXXX官网导航项导航项
  • html 输入框标签讲解,input标签详解 金鉴LED实验室 html输入框标签讲解
    一，标签定义及使用说明1.标签规定了用户可以在其中输入数据的输入字段。2.元素在元素中使用，用来声明允许用户输入数据的input控件。输入字段可通过多种方式改变，取决于type属性。二，HTML与XHTML的区别1.在HTML中，标签没有结束标签。2.在XHTML中，标签必须被正确地关闭。三，注示1.注意:元素是空的,它只包含标签属性。2.提示:你可以使用元素来定义元素的标注。四，属性1.type
  • h5 uniapp html2canvas生成海报,保存到本地功能实现； js小白羊 uni-appjavascript前端
    html2canvas生成海报,保存到本地功能实现1.在开发过程中我们将HTML2canvas封装成一个组件，通过prop传递ID参数2.组件的使用，伪代码不要直接复制uniapp语法3.h5保存生成后的图片到本地方法;1.在开发过程中我们将HTML2canvas封装成一个组件，通过prop传递ID参数在组件中，通过prop接收ID的，ID的变化来触发render.js里面的函数。html2can
  • html+css网页设计，我的网站 软件技术NINI html/css笔记javascripthtmlcss
    一、技术简介HTML：超文本标记语言（HyperTextMarkupLanguage），用于创建网页的基本结构和内容。CSS：层叠样式表（CascadingStyleSheets），用于设置网页的样式和布局，包括字体、颜色、边距、对齐方式等。JavaScript：一种用于创建动态和交互式网页的脚本语言。通过JavaScript，可以实现网页的动画效果、表单验证、数据交互等功能。二、创建多页网站的基
  • 用AI提升电商平台的客户体验：从个性化推荐到智能客服 Echo_Wish 人工智能前沿技术人工智能
    用AI提升电商平台的客户体验：从个性化推荐到智能客服随着电商行业的竞争日益激烈，如何在海量商品中脱颖而出，吸引和保持客户的关注，成为平台生存和发展的关键。而在这场竞争中，人工智能（AI）正在发挥着越来越重要的作用。AI不仅可以优化电商平台的后台操作，还能在前端提供更为个性化、智能化的客户体验，让消费者感受到前所未有的便捷与高效。本文将从个性化推荐、智能客服、智能搜索等方面，详细探讨如何通过AI技术
  • html 字体图标不显示不出来了,h5页面字体图标显示不正常 微基因WeGene html字体图标不显示不出来了
    问题描述开发的是微信公众号的纯静态H5页面，测试发现在iOS上面首次打开会出现字体图标无法显示的问题，并且切换到其它页面，字体图标也是一样无法显示：只能使用微信的右上角内的刷新选项，所有页面的图标就可正常显示，浏览其它页也正常：P.S.所有页面在iOS自带的safari或者chrome浏览器均可正常显示，在android也是正常显示。相关代码HTML:CSS:@charset"UTF-8";@fo
  • html页面跳转先显示底部,H5页面在IOS微信中跳转时，会出现底部工具栏，遮挡页面底部内容... 一一MIO一一 html页面跳转先显示底部
    问题描述：在IOS微信中打开H5页面，当浏览器内出现跳转产生url历史记录时，页面底部会出现一个带有前进和后退按钮的工具栏，会遮挡页面底部的内容。css分析缘由：页面跳转时，微信浏览器经过window.history读取到浏览的历史记录，此时便会在页面底部显示出前进后退按钮的工具栏，形成页面底部内容遮挡。但刷新一下该页面，就不会遮挡了。底部的工具栏是在页面完成渲染以后才渲染的。html解决方案：i
  • PHP语法入门完全指南（2024新版） 生信天地 php开发语言
    一、开发环境搭建1.1快速启动方案本地环境：安装XAMPP（含Apache+PHP+MySQL）在线沙盒：使用PHPSandboxDocker方案（推荐）：dockerrun-it-p80:80-v$(pwd):/var/www/htmlphp:8.2-apache1.2第一个PHP程序▶️运行方式：浏览器访问http://localhost/01_hello.php二、基础语法核心2.1变量与常
  • HTML、Vue和PHP文件的区别与联系 生信天地 htmlvue.jsphp
    一、核心区别类型性质执行环境功能特点.html静态标记语言浏览器直接解析定义页面结构和内容，无逻辑处理能力.vue前端框架组件文件浏览器/构建工具整合HTML模板+JS逻辑+CSS样式，支持动态数据绑定和组件化开发.php服务器端脚本语言文件Web服务器执行动态生成HTML内容，支持数据库操作和业务逻辑处理二、联系与协作PHP与HTMLPHP文件通过标签嵌入HTML，服务器执行PHP代码后输出纯H
  • 怎么把pyqt界面做的像web一样漂亮 mosquito_lover1 pythonpyqt前端
    要将PyQt界面做得像网页一样漂亮，可以从以下几个方面入手：1.使用样式表（QSS）PyQt支持类似CSS的样式表（QSS），通过QSS可以自定义控件的外观。fromPyQt5.QtWidgetsimportQApplication,QPushButton,QWidget,QVBoxLayoutapp=QApplication([])window=QWidget()layout=QVBoxLayo
  • Ajax基础学习 喜欢代码的新之助 ajax学习okhttp
    AJAX浏览器本身就具备网络通信的能力，但在早期浏览器并没有把这个能力开放给JS最早是微软在IE浏览器中把这一能力向JS开放，让JS可以在代码中实现发送请求，这项技术在2005年被正式命名为AJAX（AsynchronousJavascriptAndXML）这套API主要依靠一个构造函数完成；该构造函数的名称为XMLHttpRequest，简称为XHR由于XHRAPI有着诸多缺陷，在HTML5和E
  • 阿里云视频点播，基于thinkphp8上传视频 quweiie php阿里云音视频云计算
    前端参考官方示例(jQuery版)阿里云JavaScript上传SDKDemo(使用jquery).container{width:1200px;margin:0auto;}.input-control{margin:5px0;}.input-controllabel{font-size:14px;color:#333;width:30%;text-align:right;display:inli
  • PyTorch中文/英文官方文档&教程资源 三千の世界 PythonDataAnalysisComputerSciencepytorch
    PyTorch中文文档https://pytorch-cn.readthedocs.io/zh/latest/PyTorch英文文档https://pytorch.org/docs/stable/index.htmlPyTorch官方教程-PyTorch教程1.1.0文档https://pytorch.org/tutorials/
  • CSS 调试工具详解 人才程序员 杂谈css前端jsonhtml5javascriptfirefoxjquery
    文章目录CSS调试工具详解️1.浏览器开发者工具(DevTools)定义主要功能：示例：使用DevTools调试CSS亮点：2.使用CSSLint工具定义主要功能：使用方法：优点：3.PostCSS和CSS预处理器️定义主要功能：使用方法：优点：4.CSS预处理器调试工具定义4.1使用SASS的调试功能示例：4.2使用LESS的调试功能优点：5.使用CSSGrid和Flexbox的调试工具定义功能
  • 从零开始：Django + MySQL + Vue 打造在线Demo下载平台 阮懿同
    从零开始：Django+MySQL+Vue打造在线Demo下载平台【下载地址】DjangoMySQLVue从零开始打造在线Demo下载平台Django+MySQL+Vue从零开始打造在线Demo下载平台本仓库提供了一套完整的前后端实战项目源码，带你全面学习和掌握在Django后端框架和Vue前端框架下，如何协作开发并部署一个功能完备的在线Demo下载网站项目地址:https://gitcode.c
  • Qt QGroupBox 组件总结 enyp80 qt开发语言
    QtQGroupBox组件总结1.概述作用：QGroupBox是一个容器部件，用于将界面中相关的控件分组，提供逻辑上的视觉分离，通常带有标题（title）和边框。继承关系：继承自QWidget，具备所有QWidget的功能，同时支持分组布局和可选的复选框功能。2.核心特性标题（Title）：通过setTitle()设置分组框的标题，支持富文本（如HTML格式）。复选框（Checkable）：可设置
  • 【PYTORCH】官方的turoria实现中英文翻译 liwulin0506 pytorchpythonpytorch人工智能python
    参考https://pytorch.org/tutorials/intermediate/seq2seq_translation_tutorial.html背景pytorch官方的是seq2seq是法语到英文，做了一个中文到英文的。数据集下载后解压，使用的data\testsets\devset\UNv1.0.devset.zh和UNv1.0.devset.en，因为电脑配置不行，所以只选取了10
  • 什么是重绘？什么是回流？如何减少回流？ Ashy- 前端面试题前端笔记css3
    重绘是指当元素样式发生改变，但不影响其布局的情况下，浏览器重新绘制元素的过程。例如修改元素的背景色、字体颜色等回流是指元素布局属性发生改变，需要重新计算元素在页面中的布局位置时，浏览器重新进行布局的过程例如元素的宽度高度位置改变如何减少回流？适用css动画代替JavaScript动画css动画利用GPU加速，在性能方面通常比JavaScript动画更高效。使用css的transform和opaci
  • 干货：DeepSeek+SpringAI实现流式对话！ 液态不合群 deepseek
    前面一篇文章我们实现了《炸裂：SpringAI内置DeepSeek啦！》，但是大模型的响应速度通常是很慢的，为了避免用户用户能够耐心等待输出的结果，我们通常会使用流式输出一点点将结果输出给用户。那么问题来了，想要实现流式结果输出，后端和前端要如何配合？后端要使用什么技术实现流式输出呢？接下来本文给出具体的实现代码，先看最终实现效果：解决方案在SpringBoot中实现流式输出可以使用Sse（Ser
  • 图片绘制到Canvas上并能缩放和平移 canvashtml
    有时候我们需要预览图片，对图片进行缩放平移等操作，这时候发现用img标签就不好用了。这时候就可以用我这个帖子的代码实现你要的效果。格式支持：只要能在canvas上渲染的图片都能做缩放平移。如果想缩放后还能把图片下载到本地，请自己调用canvas的api即可。特性：小于canvas大小，则默认不缩放。大于canvas则以最长边为单位来缩放。效果如下：将下方代码新建一个html，在浏览器打开就能看到效
  • 七个合法学习黑客技术的平台，让你从萌新成为大佬 黑客白帽子黑爷 学习php开发语言web安全网络
    href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"rel="stylesheet"/>href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_v
  • JavaScript 简介 强强学习 javascript开发语言ecmascript
    JavaScript是互联网上最流行的脚本语言，这门语言可用于HTML和web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript是脚本语言JavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后，可由所有的现代浏览器执行。JavaScript很容易学习。
  • HTML5 起步 强强学习 html5前端html
    HTML5是W3C与WHATWG合作的结果,WHATWG指WebHypertextApplicationTechnologyWorkingGroup。WHATWG致力于web表单和应用程序，而W3C专注于XHTML2.0。在2006年，双方决定进行合作，来创建一个新版本的HTML。HTML5中的一些有趣的新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好
  • html元素后追加内容,jquery 元素控制(追加元素/追加内容)介绍及应用 王大明白 html元素后追加内容
    一、在元素内部/外部追加元素append,prepend:添加到子元素before，after：作为兄弟元素添加html：在我的后面追加一条新闻Javascript:jQuery(function(){//在元素内部追加内容$("#content").append("姚明退役了...");})在#content里面添加元素，这是把姚明退役了...作为子元素添加到#content，如果想在元素外部追
  • html如何使多张图片滑动不卡顿,Web端大量图片同时加载卡顿问题的优化方案 kisserkook
    案例由于业务的需要，需求方需要实现一个大量图片同时加载的需求。在实现这个需求的过程中，可能会遇到很多的坑，这里小编也总结了一些优化方案，我们可以一起来看看。具体场景在描述如何解决问题，我们现在先来申明，问题是什么？需求的主要内容是在某个页面显示1~1000张，200~500k大小的图。好消息是这些图片来源于本地硬盘而非网络。(否则这个问题就要变成优化网络....)踩坑历程由于不是纯前端的项目，笔者
  • canvas 添加html元素,给canvas添加内容 云舞空城 canvas添加html元素
    画布是一个矩形区域，您可以控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建Canvas元素向HTML5页面添加canvas元素。规定元素的id、宽度和高度：通过JavaScript来绘制canvas元素本身是没有canvas画布与画布内容都缩小如何实现?如何将canvas复制给另外一个canvascanvas怎么根据坐标获取上面的内容html5canvas清除
  • IDA pro 的Python环境变量设置 weixin_30291791 python
    推荐使用IDAPRO6.1+Python2.6安装完毕Python2.6后，添加如下的环境变量：PYTHONHOME=C:\Python26PATH=%PATH%;C:\Python26LIB=%LIB%;C:\Python26\Lib转载于:https://www.cnblogs.com/micro-chen/p/4770303.html
  • HTML元素居中的三种方法 新手小白web html前端居中显示前端html
    网页页面设计中，让文本等元素居中显示会很重要，这里是元素居中的三种方法的详解：line-height=height文本垂直居中text-align:center写在父级，子级中的行元素，行块元素，文本内容水平居中margin:0auto写在块元素，相对于父级水平居中
  • eclipse maven IXHONG eclipse
    eclipse中使用maven插件的时候，运行run as maven build的时候报错 -Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable and mvn script match.   可以设一个环境变量M2_HOME指
  • timer cancel方法的一个小实例 alleni123 多线程timer
    package com.lj.timer; import java.util.Date; import java.util.Timer; import java.util.TimerTask; public class MyTimer extends TimerTask { private int a; private Timer timer; pub
  • MySQL数据库在Linux下的安装 ducklsl mysql
    1.建好一个专门放置MySQL的目录 /mysql/db数据库目录 /mysql/data数据库数据文件目录 2.配置用户，添加专门的MySQL管理用户 >groupadd mysql ----添加用户组 >useradd -g mysql mysql ----在mysql用户组中添加一个mysql用户 3.配置，生成并安装MySQL >cmake -D
  • spring------>>cvc-elt.1: Cannot find the declaration of element Array_06 springbean
    将-------- <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"     xmlns:xsi="http://www.w3
  • maven发布第三方jar的一些问题 cugfy maven
    maven中发布 第三方jar到nexus仓库使用的是 deploy:deploy-file命令 有许多参数，具体可查看 http://maven.apache.org/plugins/maven-deploy-plugin/deploy-file-mojo.html 以下是一个例子： mvn  deploy:deploy-file -DgroupId=xpp3
  • MYSQL下载及安装 357029540 mysql
        好久没有去安装过MYSQL，今天自己在安装完MYSQL过后用navicat for mysql去厕测试链接的时候出现了10061的问题，因为的的MYSQL是最新版本为5.6.24，所以下载的文件夹里没有my.ini文件，所以在网上找了很多方法还是没有找到怎么解决问题，最后看到了一篇百度经验里有这个的介绍，按照其步骤也完成了安装，在这里给大家分享下这个链接的地址
  • ios TableView cell的布局 张亚雄 tableview
      cell.imageView.image = [UIImage imageNamed:[imageArray objectAtIndex:[indexPath row]]];           CGSize itemSize = CGSizeMake(60, 50);   &nbs
  • Java编码转义 adminjun java编码转义
    import java.io.UnsupportedEncodingException; /** * 转换字符串的编码 */ public class ChangeCharset { /** 7位ASCII字符，也叫作ISO646-US、Unicode字符集的基本拉丁块 */ public static final Strin
  • Tomcat 配置和spring aijuans spring
    简介 Tomcat启动时，先找系统变量CATALINA_BASE，如果没有，则找CATALINA_HOME。然后找这个变量所指的目录下的conf文件夹，从中读取配置文件。最重要的配置文件：server.xml 。要配置tomcat，基本上了解server.xml，context.xml和web.xml。 Server.xml --  tomcat主
  • Java打印当前目录下的所有子目录和文件 ayaoxinchao 递归File
    其实这个没啥技术含量，大湿们不要操笑哦，只是做一个简单的记录，简单用了一下递归算法。   import java.io.File; /** * @author Perlin * @date 2014-6-30 */ public class PrintDirectory { public static void printDirectory(File f
  • linux安装mysql出现libs报冲突解决 BigBird2012 linux
    linux安装mysql出现libs报冲突解决 安装mysql出现 file /usr/share/mysql/ukrainian/errmsg.sys from install of MySQL-server-5.5.33-1.linux2.6.i386 conflicts with file from package mysql-libs-5.1.61-4.el6.i686  
  • jedis连接池使用实例 bijian1013 redisjedis连接池jedis
    实例代码： package com.bijian.study; import java.util.ArrayList; import java.util.List; import redis.clients.jedis.Jedis; import redis.clients.jedis.JedisPool; import redis.clients.jedis.JedisPoo
  • 关于朋友 bingyingao 朋友兴趣爱好维持
      成为朋友的必要条件：    志相同，道不合，可以成为朋友。譬如马云、周星驰一个是商人，一个是影星，可谓道不同，但都很有梦想，都要在各自领域里做到最好，当他们遇到一起，互相欣赏，可以畅谈两个小时。     志不同，道相合，也可以成为朋友。譬如有时候看到两个一个成绩很好每次考试争做第一，一个成绩很差的同学是好朋友。他们志向不相同，但他
  • 【Spark七十九】Spark RDD API一 bit1129 spark
    aggregate package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} //测试RDD的aggregate方法 object AggregateTest { def main(args: Array[String]) { val conf = new Spar
  • ktap 0.1 released bookjovi kerneltracing
    Dear, I'm pleased to announce that ktap release v0.1, this is the first official release of ktap project, it is expected that this release is not fully functional or very stable and we welcome bu
  • 能保存Properties文件注释的Properties工具类 BrokenDreams properties
            今天遇到一个小需求：由于java.util.Properties读取属性文件时会忽略注释，当写回去的时候，注释都没了。恰好一个项目中的配置文件会在部署后被某个Java程序修改一下，但修改了之后注释全没了，可能会给以后的参数调整带来困难。所以要解决这个问题。     &nb
  • 读《研磨设计模式》-代码笔记-外观模式-Facade bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 百度百科的定义： * Facade（外观）模式为子系统中的各类（或结构与方法）提供一个简明一致的界面， * 隐藏子系统的复杂性，使子系统更加容易使用。他是为子系统中的一组接口所提供的一个一致的界面 * * 可简单地
  • After Effects教程收集 cherishLC After Effects
    1、中文入门 http://study.163.com/course/courseMain.htm?courseId=730009 2、videocopilot英文入门教程（中文字幕） http://www.youku.com/playlist_show/id_17893193.html 英文原址： http://www.videocopilot.net/basic/ 素
  • Linux Apache 安装过程 crabdave apache
    Linux Apache 安装过程   下载新版本： apr-1.4.2.tar.gz（下载网站：http://apr.apache.org/download.cgi） apr-util-1.3.9.tar.gz（下载网站：http://apr.apache.org/download.cgi） httpd-2.2.15.tar.gz（下载网站：http://httpd.apac
  • Shell学习 之 变量赋值和引用 daizj shell变量引用赋值
    本文转自：http://www.cnblogs.com/papam/articles/1548679.html Shell编程中，使用变量无需事先声明，同时变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z） 中间不能有空格，可以使用下划线（_） 不能使用标点符号 不能使用bash里的关键字（可用help命令查看保留关键字） 需要给变量赋值时，可以这么写：
  • Java SE 第一讲（Java SE入门、JDK的下载与安装、第一个Java程序、Java程序的编译与执行） dcj3sjt126com javajdk
    Java SE 第一讲： Java SE：Java Standard Edition Java ME: Java Mobile Edition Java EE：Java Enterprise Edition Java是由Sun公司推出的（今年初被Oracle公司收购）。 收购价格：74亿美金 J2SE、J2ME、J2EE JDK：Java Development
  • YII给用户登录加上验证码 dcj3sjt126com yii
    1、在SiteController中添加如下代码： /** * Declares class-based actions. */ public function actions() { return array( // captcha action renders the CAPTCHA image displ
  • Lucene使用说明 dyy_gusi Lucenesearch分词器
    Lucene使用说明 1、lucene简介 1.1、什么是lucene     Lucene是一个全文搜索框架，而不是应用产品。因此它并不像baidu或者googleDesktop那种拿来就能用，它只是提供了一种工具让你能实现这些产品和功能。 1.2、lucene能做什么     要回答这个问题，先要了解lucene的本质。实际
  • 学习编程并不难,做到以下几点即可! gcq511120594 数据结构编程算法
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • Java面试十问之三：Java与C++内存回收机制的差别 HNUlanwei javaC++finalize()堆栈内存回收
    大家知道， Java 除了那 8 种基本类型以外，其他都是对象类型（又称为引用类型）的数据。 JVM 会把程序创建的对象存放在堆空间中，那什么又是堆空间呢？其实，堆（ Heap）是一个运行时的数据存储区，从它可以分配大小各异的空间。一般，运行时的数据存储区有堆（ Heap）和堆栈（ Stack），所以要先看它们里面可以分配哪些类型的对象实体，然后才知道如何均衡使用这两种存储区。一般来说，栈中存放的
  • 第二章 Nginx+Lua开发入门 jinnianshilongnian nginxlua
    Nginx入门 本文目的是学习Nginx+Lua开发，对于Nginx基本知识可以参考如下文章： nginx启动、关闭、重启 http://www.cnblogs.com/derekchen/archive/2011/02/17/1957209.html agentzh 的 Nginx 教程 http://openresty.org/download/agentzh-nginx-tutor
  • MongoDB windows安装 基本命令 liyonghui160com
      windows安装    安装目录：   D:\MongoDB\   新建目录   D:\MongoDB\data\db   4.启动进城：   cd D:\MongoDB\bin   mongod -dbpath D:\MongoDB\data\db   &n
  • Linux下通过源码编译安装程序 pda158 linux
    一、程序的组成部分 　　Linux下程序大都是由以下几部分组成： 　　二进制文件：也就是可以运行的程序文件 　　库文件：就是通常我们见到的lib目录下的文件 　　配置文件：这个不必多说，都知道 　　帮助文档：通常是我们在linux下用man命令查看的命令的文档 　　 二、linux下程序的存放目录 　　linux程序的存放目录大致有三个地方： 　　/etc, /b
  • WEB开发编程的职业生涯４个阶段 shw3588 编程Web工作生活
    觉得自己什么都会 2007年从学校毕业，凭借自己原创的ASP毕业设计，以为自己很厉害似的，信心满满去东莞找工作，找面试成功率确实很高，只是工资不高，但依旧无法磨灭那过分的自信，那时候什么考勤系统、什么OA系统、什么ERP，什么都觉得有信心，这样的生涯大概持续了约一年。 根本不是自己想的那样 2008年开始接触很多工作相关的东西，发现太多东西自己根本不会，都需要去学，不管是asp还是js，
  • 遭遇jsonp同域下变作post请求的坑 vb2005xu jsonp同域post
    今天迁移一个站点时遇到一个坑爹问题,同一个jsonp接口在跨域时都能调用成功,但是在同域下调用虽然成功,但是数据却有问题. 此处贴出我的后端代码片段 $mi_id = htmlspecialchars(trim($_GET['mi_id '])); $mi_cv = htmlspecialchars(trim($_GET['mi_cv ']));  贴出我前端代码片段: $.aj
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他