杨筱斌
杨筱斌

移动Web之响应式布局

布局特点：

  • 响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局
  • 需要一个布局容器，结合css的多媒体查询
  • 在不同的设备宽度下，一定会产生不同的显示样式。某些元素会隐藏或显示，某些元素会从行内元素变成块状元素
  • 传统的开发方式是PC端开发一套，手机端再开发一套，响应式布局相较于传统开发方式优点是只要开发一套就够，缺点就是CSS文件代码量大
     

<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>响应式布局思想及实例title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        body {
            padding: 0 10px;
        }
        .container {
            margin: 20px auto;
        }
        nav li {
            float: left;
            list-style: none;
        }
        nav li a {
            display: block;
            width: 100%;
            height: 100%;
            border: 1px solid #fff;
            background-color: green;
            color: #fff;
            text-align: center;
            text-decoration: none;
            transition: all .5s ease;
        }
        
        /* 超小屏幕下 小于768px 布局容器的宽度为100% */
        @media screen and (max-width: 768px) {
            .container {
                width: 100%;
            }
            .container li {
                width: 33.333333%;
                height: 30px;
            }
            .container li a {
                font-size: 16px;
                line-height: 30px;
            }
        }
        /* 小屏幕下 大于等于768px 布局容器改为750px */
        @media screen and (min-width: 768px) {
            .container {
                width: 750px;
            }
            .container li {
                width: 25%;
                height: 40px;
            }
            .container li a {
                font-size: 20px;
                line-height: 40px;
            }
        }
        /* 中等屏幕下 大于等于992px 布局容器修改为970px */
        @media screen and (min-width: 992px) {
            .container {
                width: 970px;
            }
            .container li {
                width: 16.666666%;
                height: 70px;
            }
            .container li a {
                font-size: 24px;
                line-height: 70px;
            }
        }
        /* 大屏幕下 大于等于1200px 布局容器修改为1170px */
        @media screen and (min-width: 1200px) {
            .container {
                width: 1170px;
            }
            .container li {
                width: 8.333333%;
                height: 100px;
            }
            .container li a {
                font-size: 26px;
                line-height: 100px;
            }
        }
    style>
head>
<body>
    
    <div class="container">
        <nav>
            <ul>
                <li>
                    <a href="#">导航1a>
                li>
                <li>
                    <a href="#">导航2a>
                li>
                <li>
                    <a href="#">导航3a>
                li>
                <li>
                    <a href="#">导航4a>
                li>
                <li>
                    <a href="#">导航5a>
                li>
                <li>
                    <a href="#">导航6a>
                li>
                <li>
                    <a href="#">导航7a>
                li>
                <li>
                    <a href="#">导航8a>
                li>
                <li>
                    <a href="#">导航9a>
                li>
                <li>
                    <a href="#">导航10a>
                li>
                <li>
                    <a href="#">导航11a>
                li>
                <li>
                    <a href="#">导航12a>
                li>
            ul>
        nav>
    div>
body>
html>

你可能感兴趣的:(前端技术-CSS)

  • 前端开发中的最佳实践与技巧 lina_mua javascriptvue.jshtml前端es6node.js
    1.引言1.1前端开发的重要性在当今的互联网时代，前端开发已经成为构建用户友好、高效、安全的Web应用程序的关键。前端不仅仅是用户与应用程序交互的界面，它还直接影响用户体验、性能和安全性。1.2本文的目标本文旨在分享前端开发中的最佳实践与技巧，帮助开发者提高代码质量、优化性能、增强安全性，并掌握最新的前端技术趋势。2.HTML最佳实践2.1语义化标签的使用语义化HTML不仅有助于SEO，还能提高代
  • 2024年前端框架选择指南：React、Vue、Angular与新兴框架对比 海豹工匠 前端框架
    在当今快速发展的前端技术领域，选择合适的框架对于项目成功至关重要。本文将深入探讨主流前端框架的特点、优缺点及适用场景，为开发者提供全面的选择指南。主流框架概览React特点：基于组件的开发方式，虚拟DOM差分算法优点：灵活性强，生态系统丰富缺点：需要学习JSX和状态管理库适用场景：中大型项目，需要高度灵活性和复杂状态管理的应用Vue特点：简单易学，模板直观，内置状态管理优点：学习曲线平缓，适合快速
  • JavaScript 番茄工作法倒计时器：轻松实现时间管理，新手友好教程前端倒计时设计案例：用 JavaScript 实现番茄工作法，代码全解析从零开始构建番茄工作法倒计时器：JavaScript 南北极之间 前端进阶练手实战javascript前端开发语言1024程序员节番茄工作法倒计时
    效果图：博客教程：用JavaScript构建番茄工作法倒计时器目录项目介绍工具与环境准备项目结构HTML构建页面结构CSS美化倒计时页面JavaScript实现倒计时与番茄工作法功能总结1.项目介绍在本教程中，我们将使用HTML、CSS和JavaScript创建一个带有番茄工作法的倒计时器。番茄工作法是一种有效的时间管理方法，将工作时间分为25分钟的工作时间和5分钟的休息时间循环。你将学习如何：使
  • INX246 HTML CSS PHP 后端
    GroupProject2/2024INX246ADVANCEDCOMPUTERPROGRAMMINGFORMODERNMANAGEMENTProjectOverviewGroupproject:3-4memberspergroupDevelopawebsitewithdatabaseandagroupreportProjectsubmissionandpresentation(on-sit
  • CSS 真的会阻塞文档解析吗？从浏览器渲染原理深入探究一下 银之夏雪 css前端浏览器浏览器渲染
    在网页开发领域，一个常见的疑问是CSS是否会阻塞文档解析。理解这一问题对于优化网页性能、提升用户体验至关重要。要深入解答这个问题，需要从浏览器渲染网页的原理说起。浏览器渲染网页的基本流程浏览器在接收到HTML文档后，会依次进行以下几个主要步骤：解析HTML：浏览器从网络或本地获取HTML文件，然后开始解析，将HTML代码转换为DOM（DocumentObjectModel，文档对象模型）树。DOM
  • CSS对DOM解析的阻塞作用 MggnHaskell css前端DOM
    CSS（层叠样式表）是用于定义网页元素外观和样式的语言。它与HTML（超文本标记语言）一起构成了Web页面的核心构建块。在浏览器渲染页面时，DOM（文档对象模型）树的构建和渲染是一个重要的过程。在这个过程中，CSS可能会对DOM解析产生一定的阻塞作用。当浏览器解析HTML文档时，它会构建DOM树，这是一个表示文档结构的树形结构。这个过程是逐步进行的，浏览器从上到下逐行读取HTML文档，并将每个元素
  • 射频学习之HFSS入门（一） OKay_J 学习经验分享笔记
    HFSS下载与介绍下载介绍基本概念特点工作流程优势下载我下载的版本是ANSYSElectromagneticsSuite2023R1通过这篇文章下载，教程非常详细介绍基本概念HFSS(High-FrequencyStructureSimulator)是由ANSYS开发的一个专业的电磁场仿真软件，广泛用于高频电子工程中的电磁场分析。它主要用于设计和优化电磁设备，如天线、微波元件、射频(RF)设备等，
  • CSS实现一张简易的贺卡 StarPlatinum2 简单的CSS程序css前端
    效果当你把鼠标移至贺卡上时，贺卡会缓慢打开。代码如下Document*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:#2e3c50;}.card{width:300px
  • 小程序高度问题&背景scss 澄江静如练_ 小程序java前端
    不同的机型，他的比例啥的都会不一样，同样的rpx也会有不同的效果。所以这里选择了取消高度。还有提供一种背景显示区域的css.background_img{/*background-image:url("https://test-1309061343.cos.ap-nanjing.myqcloud.com/temp/2025/01/06/ed2d3320c3e14f8abb061faaec5081c
  • CSE 6242 / CX 4242: Data and Visual Analytics 后端
    CSE6242/CX4242:DataandVisualAnalyticsSpring2025HW2:Tableau,D3Graphs,andVisualization"Visualizationgivesyouanswerstoquestionsyoudidn'tknowyouhave"-BenSchneidermanDownloadtheHW2SkeletonbeforeyoubeginHom
  • 项目实战--网页五子棋（游戏大厅）(3) Ting-yu javamavenjava-eeintellij-idea
    我们的游戏大厅界面主要需要包含两个功能，一是显示用户信息，二是匹配游戏按钮1.页面实现hall.html游戏大厅五子棋开始匹配hall.css.container{height:calc(100%-50px);display:flex;justify-content:center;align-items:center;}.container.dialog{height:350px;width:29
  • tailwindcss 官网（一）安装、使用预处理器 ChrisP3616 前端工程师1——汇总前端工程师6——CSS预处理CSS框架react.jsnode.jscsstailwindcss
    tailwindcss官网（一）安装、使用预处理器文章目录tailwindcss官网（一）安装、使用预处理器1.安装集成指南以PostCSS插件的形式安装TailwindCSS通过npm安装Tailwind作为PostCSS插件来添加Tailwind创建您的配置文件包含Tailwind到您的CSS中生成您的CSS不依赖PostCSS使用Tailwind使用自定义CSS文件自定义您的配置为生产而构建
  • HTML+JS+CSS 鼠标上下移动页面（非滚动条） 一念工作室 htmljavascriptcss
    HTML+JS+CSS鼠标上下移动页面（非滚动条）MouseDragScroll-IE11Compatiblebody{height:2000px;/*为了方便测试滚动效果，设置一个较长的页面*//*使用自定义的鼠标指针图片，这里假设图片名为grab.cur*/cursor:url('file:///C:/grab.cur'),default;}/*定义按下鼠标左键时的鼠标指针样式*/body.d
  • 第五章：工程化实践 - 第一节 - Tailwind CSS 与前端框架的集成 qianmoQ TailwindCSS：现代化开发实战指南css前端框架前端
    TailwindCSS可以与各种现代前端框架完美配合。本节将详细介绍如何将TailwindCSS集成到React、Vue和Angular等主流框架中，并介绍相关的最佳实践。React集成基础配置#创建React项目npxcreate-react-appmy-app--templatetypescript#安装TailwindCSSnpminstall-Dtailwindcsspostcssauto
  • 第三章：css知识点总结 java_大队长 css前端
    样式选择器执行级别选择器名称执行级别效果示列使用示列行内样式第一级别我是行内样式我是行内样式ID选择器小于行内样式ID选择器样式ID选择器样式#pid{color:red;}class类名选择器小于ID选择器样式class类名选择器class类名选择器.pid{color:red;}注意：style在在富文本里不生效，需要在html页面测试效果外部样式和内部样式的执行级别在同一个html里面有一个
  • 网络安全入门教程（非常详细）从零基础入门到精通，看完这一篇就够了 白帽黑客坤哥 web安全安全网络安全转行python白帽黑客linux
    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
  • Css3重点知识讲解 Warren98 css3前端css笔记学习开发语言html5
    选择器优先级：id选择器>类选择器>标签选择器类选择器：.myClass{color:blue;}id选择器（全局唯一）：#myId{color:green;}标签选择器：p{color:red;}层次选择器：/*后代选择器AB*/.nava{color:blue;}/*子选择器A>B*/.card>h2{color:red;}/*相邻兄弟选择器A+B（相邻向下）*/h1+p{font-size:
  • vue3 图片预览 v-viewer 情话丫 vue
    vue3图片预览v-viewer百度没找到方法，自己看了源码发现的//添加依赖npminstallv-viewer//在main.js中注册import'viewerjs/dist/viewer.css';//引入样式importViewerfrom'v-viewer';//引入v-viewer组件constapp=createApp(App);Viewer.install(app)//在页面中使
  • Flask应用开发综合示例——博客系统 Botiway FlaskWebpythonflask
    下面是一个与前面不同的综合示例，展示如何使用Python+Flask+HTML+CSS+JavaScript+jQuery+Bootstrap+SQLAlchemy开发一个简单的博客系统。用户可以注册、登录、发布博客、查看博客列表以及删除自己的博客。1.项目结构blog_system/│├──app.py#Flask应用主文件├──models.py#SQLAlchemy模型定义├──requir
  • 一分钟搭建 Vite + Cesium 开发环境
    ⚠2021年4月1日更新：10秒钟搭建Vite+Cesium开发环境创建目录mkdircesium-vite-testcdcesium-vite-test/创建package.jsonyarninit-y安装依赖yarnadd-Dcesiumvitevite-plugin-cesium由于Cesium不是一个普通的npm包，需要依赖一些css，图片，json啥的。我们要参考Cesium官方的web
  • 2025：前端开发真的结束了吗，还是刚刚起步？ @大迁世界
    想象一下：你花了几年时间精通JavaScript、CSS，并与后端API亲密互动。然后有一天，你在LinkedIn上看到一条帖子写道：“前端开发死了！AI和无代码工具已经接管！”你的心跳一瞬间加速。是不是该换个职业了？或许去做个咖啡师？（至少咖啡的需求永远不会消失。）别急着慌张，我们先冷静分析一下。前端开发真的结束了吗，还是它仅仅在发生变化？接下来，我们来探讨一下这个话题。AI正在取代我们的工作随
  • 钉钉小程序-三级联动选择地区组件 似月是你 前端小程序
    钉钉小程序三级联动上次发布的钉钉小程序三级联动，在真机上测试不管用，自己写了个组件1.select.axml=index}}"data-type="{{index}}"onTap="nav_typ">{{item.text}}{{item.name}}2.select.acss.scroll-item{
  • 掌握这个API，让你的网页展示效果提升10倍
    Hey,我是沉浸式趣谈本文首发于【沉浸式趣谈】，我的个人博客https://yaolifeng.com也同步更新。转载请在文章开头注明出处和版权信息。如果本文对您有所帮助，请点赞、评论、转发，支持一下，谢谢！如何原生实现让任意div全屏展示最近在做一个项目，需要实现点击按钮让某个div全屏展示的功能。第一反应是用CSS设置position:fixed加上宽高100%，但这样并不是真正的全屏，因为浏
  • DOCTYPE的作用 捂風鋔笶_小欣同學 前端vue.jsjavascripthtml
    在HTML中，声明（也称为文档类型声明）是一个必要的元素，它位于HTML文档的第一行，用来告知浏览器当前文档使用的HTML版本或规范。下面详细介绍它的作用：1.触发标准模式渲染现代浏览器有两种渲染模式：标准模式（也称为严格模式）和怪异模式（也称为混杂模式）。标准模式：浏览器按照HTML和CSS规范来解析和渲染页面，保证页面在不同浏览器中的显示效果尽可能一致。当文档中包含正确的声明时，浏览器会以标准
  • CSS 真的会阻塞文档解析吗？从浏览器渲染原理深入探究一下
    在网页开发领域，一个常见的疑问是CSS是否会阻塞文档解析。理解这一问题对于优化网页性能、提升用户体验至关重要。要深入解答这个问题，需要从浏览器渲染网页的原理说起。浏览器渲染网页的基本流程浏览器在接收到HTML文档后，会依次进行以下几个主要步骤：解析HTML：浏览器从网络或本地获取HTML文件，然后开始解析，将HTML代码转换为DOM（DocumentObjectModel，文档对象模型）树。DOM
  • 《VUE+Django：电商独立站打造详解》1.1 为什么需要前后端分离的架构 尘烟生活家 电商独立站打造教程架构前端uidjangovue.js
    《VUE+Django：电商独立站打造详解》引子《VUE+Django：电商独立站打造详解》专栏大纲前后端分离的开发模式是伴随着互联网软件开发的发展而形成的。早期的互联网应用页面简单、处理逻辑简单、数据处理流程简单，整体侧重于服务端（后端）功能的实现，而前端主要是按照UI设计完成HTML静态页面模板，辅助少量的CSS和JS脚本。以当时后端流行的开发语言PHP为例，通过模板引擎直接把代码嵌入到HTM
  • public or static包下的 html 丢了（404）？ 你快回来！ 我一人承受不来 barcke html前端java学习spring
    没想到吧，我把html还是放到了jar包中～环境：SpringBoot版本2.XJava版本1.8.0及以上问题：publicorstatic包下的html丢了（404）？话不多说先上图我的目录结构是这样的src└──main└──java└──com└──example└──demo└──DemoApplication.java└──resources└──public├──css│└──mai
  • Nginx：功能和工作原理详解 AnHaskell nginx运维后端开发
    Nginx是一款常用的高性能、可靠性强的开源Web服务器软件。它的名字是“EngineX”的缩写，旨在提供快速、高效的HTTP服务和反向代理功能。本文将详细介绍Nginx的功能和工作原理，并提供相应的源代码示例。一、Nginx的功能Nginx具有以下几个主要功能：静态文件服务：Nginx可以直接处理静态文件的请求，如HTML、CSS、JavaScript和图像文件等。它通过高效的文件传输机制，能够
  • 【2025年】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 网安詹姆斯 web安全CTF网络安全大赛pythonlinux
    【2025年】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、S
  • 第一章：认识Tailwind CSS - 第四节 - Tailwind CSS 与其他 CSS 方案的对比
    主流CSS方案概览1.传统CSS/*传统CSS*/.button{background-color:#3490dc;padding:0.5rem1rem;border-radius:0.25rem;color:white;}2.CSSModules/*Button.module.css*/.button{background-color:#3490dc;padding:0.5rem1rem;bor
  • Java序列化进阶篇 g21121 java序列化
            1.transient         类一旦实现了Serializable 接口即被声明为可序列化，然而某些情况下并不是所有的属性都需要序列化，想要人为的去阻止这些属性被序列化，就需要用到transient 关键字。
  • escape()、encodeURI()、encodeURIComponent()区别详解 aigo JavaScriptWeb
    原文：http://blog.sina.com.cn/s/blog_4586764e0101khi0.html   JavaScript中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应3个解码函数：,decodeURI,decodeURIComponent 。 下面简单介绍一下它们的区别 1 escape()函
  • ArcgisEngine实现对地图的放大、缩小和平移 Cb123456 添加矢量数据对地图的放大、缩小和平移Engine
    ArcgisEngine实现对地图的放大、缩小和平移:  个人觉得是平移，不过网上的都是漫游，通俗的说就是把一个地图对象从一边拉到另一边而已。就看人说话吧.  具体实现: 一、引入命名空间    using ESRI.ArcGIS.Geometry;    using ESRI.ArcGIS.Controls; 二、代码实现.
  • Java集合框架概述 天子之骄 Java集合框架概述
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • 旗正4.0页面跳转传值问题 何必如此 javajsp
    跳转和成功提示 a)        成功字段非空forward 成功字段非空forward，不会弹出成功字段，为jsp转发，页面能超链接传值,传输变量时需要拼接。接拼接方式list.jsp?test="+strweightUnit+"或list.jsp?test="+weightUnit+&qu
  • 全网唯一:移动互联网服务器端开发课程 cocos2d-x小菜 web开发移动开发移动端开发移动互联程序员
        移动互联网时代来了！     App市场爆发式增长为Web开发程序员带来新一轮机遇，近两年新增创业者，几乎全部选择了移动互联网项目！传统互联网企业中超过98%的门户网站已经或者正在从单一的网站入口转向PC、手机、Pad、智能电视等多端全平台兼容体系。据统计，AppStore中超过85%的App项目都选择了PHP作为后端程
  • Log4J通用配置|注意问题 笔记 7454103 DAOapachetomcatlog4jWeb
    关于日志的等级 那些去 百度就知道了！ 这几天 要搭个新框架  配置了 日志 记下来 ！做个备忘！ #这里定义能显示到的最低级别,若定义到INFO级别,则看不到DEBUG级别的信息了~! log4j.rootLogger=INFO,allLog # DAO层 log记录到dao.log 控制台 和 总日志文件 log4j.logger.DAO=INFO,dao,C
  • SQLServer TCP/IP 连接失败问题 ---SQL Server Configuration Manager darkranger sqlcwindowsSQL ServerXP
    当你安装完之后,连接数据库的时候可能会发现你的TCP/IP 没有启动.. 发现需要启动客户端协议 : TCP/IP  需要打开 SQL Server Configuration Manager... 却发现无法打开 SQL Server Configuration Manager..?? 解决方法:  C:\WINDOWS\system32目录搜索framedyn.
  • [置顶] 做有中国特色的程序员 aijuans 程序员
    从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有些技术书读得可
  • document.domain 跨域问题 avords document
    document.domain用来得到当前网页的域名。比如在地址栏里输入：javascript:alert(document.domain); //www.315ta.com我们也可以给document.domain属性赋值，不过是有限制的，你只能赋成当前的域名或者基础域名。比如：javascript:alert(document.domain = "315ta.com");
  • 关于管理软件的一些思考 houxinyou 管理
    工作好多看年了,一直在做管理软件,不知道是我最开始做的时候产生了一些惯性的思维,还是现在接触的管理软件水平有所下降.换过好多年公司,越来越感觉现在的管理软件做的越来越乱. 在我看来,管理软件不论是以前的结构化编程,还是现在的面向对象编程,不管是CS模式,还是BS模式.模块的划分是很重要的.当然,模块的划分有很多种方式.我只是以我自己的划分方式来说一下. 做为管理软件,就像现在讲究MVC这
  • NoSQL数据库之Redis数据库管理(String类型和hash类型) bijian1013 redis数据库NoSQL
    一.Redis的数据类型 1.String类型及操作         String是最简单的类型，一个key对应一个value，string类型是二进制安全的。Redis的string可以包含任何数据，比如jpg图片或者序列化的对象。         Set方法：设置key对应的值为string类型的value
  • Tomcat 一些技巧 征客丶 javatomcatdos
    以下操作都是在windows 环境下 一、Tomcat 启动时配置 JAVA_HOME 在 tomcat 安装目录，bin 文件夹下的 catalina.bat 或 setclasspath.bat 中添加 set JAVA_HOME=JAVA 安装目录 set JRE_HOME=JAVA 安装目录/jre 即可； 二、查看Tomcat 版本 在 tomcat 安装目
  • 【Spark七十二】Spark的日志配置 bit1129 spark
    在测试Spark Streaming时，大量的日志显示到控制台，影响了Spark Streaming程序代码的输出结果的查看(代码中通过println将输出打印到控制台上)，可以通过修改Spark的日志配置的方式，不让Spark Streaming把它的日志显示在console   在Spark的conf目录下，把log4j.properties.template修改为log4j.p
  • Haskell版冒泡排序 bookjovi 冒泡排序haskell
    面试的时候问的比较多的算法题要么是binary search，要么是冒泡排序，真的不想用写C写冒泡排序了，贴上个Haskell版的，思维简单，代码简单，下次谁要是再要我用C写冒泡排序，直接上个haskell版的，让他自己去理解吧。     sort [] = [] sort [x] = [x] sort (x:x1:xs) | x>x1 = x1:so
  • java 路径 配置文件读取 bro_feng java
    这几天做一个项目，关于路径做如下笔记，有需要供参考。 取工程内的文件，一般都要用相对路径，这个自然不用多说。 在src统计目录建配置文件目录res,在res中放入配置文件。 读取文件使用方式： 1. MyTest.class.getResourceAsStream("/res/xx.properties") 2. properties.load(MyTest.
  • 读《研磨设计模式》-代码笔记-简单工厂模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 个人理解：简单工厂模式就是IOC; * 客户端要用到某一对象，本来是由客户创建的，现在改成由工厂创建，客户直接取就好了 */ interface IProduct {
  • SVN与JIRA的关联 chenyu19891124 SVN
    SVN与JIRA的关联一直都没能装成功，今天凝聚心思花了一天时间整合好了。下面是自己整理的步骤： 一、搭建好SVN环境，尤其是要把SVN的服务注册成系统服务 二、装好JIRA，自己用是jira-4.3.4破解版 三、下载SVN与JIRA的插件并解压，然后拷贝插件包下lib包里的三个jar，放到Atlassian\JIRA 4.3.4\atlassian-jira\WEB-INF\lib下，再
  • JWFDv0.96 最新设计思路 comsci 数据结构算法工作企业应用公告
                       随着工作流技术的发展，工作流产品的应用范围也不断的在扩展，开始进入了像金融行业(我已经看到国有四大商业银行的工作流产品招标公告了)，实时生产控制和其它比较重要的工程领域，而
  • vi 保存复制内容格式粘贴 daizj vi粘贴复制保存原格式不变形
        vi是linux中非常好用的文本编辑工具，功能强大无比，但对于复制带有缩进格式的内容时，粘贴的时候内容错位很严重，不会按照复制时的格式排版，vi能不能在粘贴时，按复制进的格式进行粘贴呢？ 答案是肯定的，vi有一个很强大的命令可以实现此功能 。     在命令模式输入:set paste，则进入paste模式，这样再进行粘贴时
  • shell脚本运行时报错误：/bin/bash^M: bad interpreter 的解决办法 dongwei_6688 shell脚本
    出现原因：windows上写的脚本，直接拷贝到linux系统上运行由于格式不兼容导致 解决办法： 1. 比如文件名为myshell.sh，vim myshell.sh 2. 执行vim中的命令 : set ff?查看文件格式，如果显示fileformat=dos，证明文件格式有问题 3. 执行vim中的命令 :set fileformat=unix 将文件格式改过来就可以了，然后:w
  • 高一上学期难记忆单词 dcj3sjt126com wordenglish
    honest 诚实的；正直的 argue 争论 classical 古典的 hammer 锤子 share  分享；共有 sorrow 悲哀；悲痛 adventure 冒险 error 错误；差错 closet 壁橱；储藏室 pronounce 发音；宣告 repeat 重做；重复 majority 大多数；大半   native 本国的，本地的，本国
  • hibernate查询返回DTO对象，DTO封装了多个pojo对象的属性 frankco POJOhibernate查询DTO
          DTO-数据传输对象；pojo-最纯粹的java对象与数据库中的表一一对应。       简单讲：DTO起到业务数据的传递作用，pojo则与持久层数据库打交道。         有时候我们需要查询返回DTO对象，因为DTO
  • Partition List hcx2013 partition
    Given a linked list and a value x, partition it such that all nodes less than x come before nodes greater than or equal to x. You should preserve the original relative order of th
  • Spring MVC测试框架详解——客户端测试 jinnianshilongnian
    上一篇《Spring MVC测试框架详解——服务端测试》已经介绍了服务端测试，接下来再看看如果测试Rest客户端，对于客户端测试以前经常使用的方法是启动一个内嵌的jetty/tomcat容器，然后发送真实的请求到相应的控制器；这种方式的缺点就是速度慢；自Spring 3.2开始提供了对RestTemplate的模拟服务器测试方式，也就是说使用RestTemplate测试时无须启动服务器，而是模拟一
  • 关于推荐个人观点 liyonghui160com 推荐系统关于推荐个人观点
        回想起来，我也做推荐了3年多了，最近公司做了调整招聘了很多算法工程师，以为需要多么高大上的算法才能搭建起来的，从实践中走过来，我只想说【不是这样的】     第一次接触推荐系统是在四年前入职的时候，那时候，机器学习和大数据都是没有的概念，什么大数据处理开源软件根本不存在，我们用多台计算机web程序记录用户行为，用.net的w
  • 不间断旋转的动画 pangyulei 动画
    CABasicAnimation* rotationAnimation; rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; rotationAnimation.toValue = [NSNumber numberWithFloat: M
  • 自定义annotation sha1064616837 javaenumannotationreflect
    对象有的属性在页面上可编辑，有的属性在页面只可读，以前都是我们在页面上写死的，时间一久有时候会混乱，此处通过自定义annotation在类属性中定义。越来越发现Java的Annotation真心很强大，可以帮我们省去很多代码，让代码看上去简洁。 下面这个例子 主要用到了 1.自定义annotation：@interface，以及几个配合着自定义注解使用的几个注解 2.简单的反射 3.枚举
  • Spring 源码 up2pu spring
    1.Spring源代码 https://github.com/SpringSource/spring-framework/branches/3.2.x 注：兼容svn检出 2.运行脚本 import-into-eclipse.bat 注：需要设置JAVA_HOME为jdk 1.7 build.gradle compileJava { sourceCompatibilit
  • 利用word分词来计算文本相似度 yangshangchuan wordword分词文本相似度余弦相似度简单共有词
    word分词提供了多种文本相似度计算方式： 方式一：余弦相似度，通过计算两个向量的夹角余弦值来评估他们的相似度 实现类：org.apdplat.word.analysis.CosineTextSimilarity 用法如下： String text1 = "我爱购物"; String text2 = "我爱读书"; String text3 =
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他