JinYF1992
JinYF1992

PC端移动端兼容响应式布局页面的制作


之前已经制作了PC端固定布局和移动端流体布局的页面，这次的任务就是将一个页面制作成PC端移动端兼容响应式布局页面，是页面能在不同屏幕大小下呈现处不同最佳显示状态。

主要的过程就是对：

1.将width改为max-width，来适应屏幕的变动来改变自身宽度等。其他亦然。

2. 
/*媒体查询，参考部分Bootstarp框架*/
/*当页面大于1200px时，大屏幕，主要显示PC端*/
@media (min-width: 1200px){}
 
   
/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width: 992px) and (max-width: 1199px){}
 
   
 
   
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 768px) and (max-width: 991px){}
 
   
 
   
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px){}
 
   
/*在小于480px的屏幕里，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px){}
 
   
 
   
 
   
 
      
   
 
   
 
    以上标签的使用，当屏幕像素多少时，各板块样式的显示方式改变。 
   
 
   
 
      
   
 
   
 
    例如导航栏在PC屏幕和移动端屏幕之下，显示的选项卡数量可以不同。 
   
 
   
 
      
   
 
   
 
    上图： 
   
 
   
 
    PC端时显示页头： 
   
 
   
 
    PC端移动端兼容响应式布局页面的制作_第1张图片 
   
 
   
 
    页尾： 
   
 
   
 
    PC端移动端兼容响应式布局页面的制作_第2张图片 
   
 
   
 
      
   
 
   
 
    移动端时显示页头： 
   
 
   
 
    PC端移动端兼容响应式布局页面的制作_第3张图片 
   
 
   
 
      
   
 
   
 
    页尾： 
   
 
   
 
    PC端移动端兼容响应式布局页面的制作_第4张图片 
   
 
   
 
      
   
 
   
 
     
    



    
    
    个人页面导航 兼容
    








    



 
    
 
   
 
   
 
    
 
   
 
  
 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(PC端移动端兼容响应式布局页面的制作)

        

            

                
    
                    
  • 算法基础篇--模拟
                        近听水无声477
算法
                        
    模拟模拟的含义模拟，顾名思义就是题目让你干什么，你就干什么。考察的是将思路转化成代码的代码能⼒。这类题⼀般较为简单，属于竞赛⾥⾯的签到题（但是，万事⽆绝对，也有可能会出现让⼈⾮常难受的模拟题），我们在学习语法阶段接触的题，⼤多数都属于模拟题。现在我们就通过下面的几道题目来了解一下模拟的特点：1.多项式输出题目来源：洛谷题目链接：多项式输出题目就是下面的样子：模拟题没有什么可以详细讲解的思路，大家直
    
                    
    • 
                    
  • TIDB数据库的基本介绍
                        奕辰杰
tidb数据库
                        
    一、基础概念：1、TiDB是PingCAP公司自主设计、研发的国产开源分布式关系型数据库，具备水平扩容或者缩容、金融级高可用、实时HTAP、云原生的分布式数据库、兼容MySQL5.7协议和MySQL生态等重要特性。TiDB适合高可用、强一致要求较高、数据规模较大等各种应用场景。官方文档非常详细齐全。官方网站：https://cn.pingcap.com/官方文档：https://docs.ping
    
                    
    • 
                    
  • 从零开始 CMake 学习笔记 （A）hello-cmake
                        OOOrchid
混合计算c++cmake
                        
    从零开始CMake学习笔记（A）hello-cmake最近基于Caffe2C++项目开发算子时，接触到了C++，查找的资料基本又杂又多，官方文档又缺少自己动手的小实验，因此有必要跟着github上的案例学习学习，顺带记录下自己的学习笔记留待后用。定义：CMake可以编译源代码、制作程序库、产生适配器（wrapper）、还可以用任意的顺序建构执行档。CMake支持in-place建构（二进档和源代码
    
                    
    • 
                    
  • mapper配置文件中非空判断的重要性
                        fan510988896
JAVAmapper非空判断
                        
    比如下面的：ANDperson.name=#{name}场景：我一个编辑页面，它的4个框内容都是从后台获取的。用户可能只修改其中一个值，然后提交。这时候，提交的还是四个值。但是：在单元测试中，我只设置一个值，然后测试修改的映射。这时候就出问题了，它会认为你其他三个是空值(null或者'')导致数据丢失我去mapper查看后才发现，是缺少了name!=''样式的判断。也就是说，在mapper中操作数
    
                    
    • 
                    
  • CMake 与 Make
                        LearnLHC
Buildbuildc++
                        
    1.前面的话程序员已经使用CMake和Make很长时间了。当您加入一家大公司或开始从事具有大型代码库的项目时，您需要处理所有这些构建。您一定已经看到了那些“CMakeLists.txt”文件。您应该在终端上运行“cmake”和“make”命令。很多人只是盲目地遵循指示，并不真正关心我们为什么需要以某种方式做事。整个构建过程是什么？为什么要这样构建？CMake和Make有什么区别？有关系吗？它们可以
    
                    
    • 
                    
  • 《从新手到高手：SEO 优化全方位指南》-查词人蜘蛛池
                        蜘蛛池.中国
seo前端百度sequoiadb
                        
    基础入门篇了解SEO基本概念：SEO即搜索引擎优化，是通过优化网站结构、内容、链接等，提升网站在搜索引擎结果页面中排名的技术和方法。需熟悉搜索引擎的工作原理，包括网页抓取、索引建立和排序机制，同时掌握关键词、标题标签、元描述、外链、内链、锚文本等核心术语12.明确SEO的重要性：SEO能为网站带来自然搜索流量，这种流量质量高、稳定性强。通过优化网站，可在搜索引擎结果页获得更高排名，吸引更多潜在客户
    
                    
    • 
                    
  • 高版本k8s文件无法识别镜像
                        虚魍
kubernetes容器运维linux云计算
                        
    Kubernetes1.24正式移除了dockershim组件，意味着原生Docker容器运行时不再直接支持。集群管理员需要迁移至其他兼容的容器运行时，如containerd或CRI-O。高版本k8s不在支持docker运行容器运行服务，而使用ctr命令来识别pod文件的镜像。-----如有问题，请提醒，我会及时改正。解决yaml文件识别不到镜像：方法一：手动拉取，上传先拉取相应镜像：docker
    
                    
    • 
                    
  • cmake命令记录
                        辰熤✔
linux
                        
    1.project(HELLO)project命令用于设置工程的名称，括号里的参数HELLO便是我们要设置的工程名称;设置工程名称并不是强制性的，但是最好加上。2.add_executable(hello./main.c)add_executable用于生成一个可执行文件，第一个参数代表生成的可执行文件对应的文件名，第二个参数代表对应的源文件。3.使用out-of-source方式构建在上面的例子
    
                    
    • 
                    
  • 【SQL数据库】MySQL的下载和使用（windows）
                        奖励0216
数据库sqlmysql
                        
    1在网页上搜索MySQLcommunity2点击mysqlcommunitydownloads3选择MySQLinstallerforwindows4选择上面那个download5不用登录6下载完就安装7Choosingasetuptype选custom就够了8selectproductsMySQLServes-MySQLServe8.0-选最上面的最新版-点右边的箭头，加入右边Applicati
    
                    
    • 
                    
  • 人工智能在fpga的具体应用_FPGA创意人工智能研发 校企合作培养专业人才
                        墨墨猪
人工智能在fpga的具体应用
                        
    FPGA英特尔®FPGA与人工智能技术培训——成都信息工程大学站人工智能在21世纪初迎来以深度学习与大数据云计算为主导的第三次浪潮，在无人驾驶、医疗保健、工业等多个领域得到广泛应用。随着人工智能理论和技术日益成熟，FPGA在人工智能方面的应用也越来越多，特别对于需要分析大量数据的AI、大数据以及机器学习等研究领域。人工智能与FPGA的灵活应用，对人工智能专业人才培养提出了更高要求。英特尔®FPGA
    
                    
    • 
                    
  • 打卡信奥刷题（807）用Scratch图形化工具信奥P8711[普及组/提高] [蓝桥杯 2020 省 B1] 整除序列
                        Loge编程生活
Scratch图形化编程蓝桥杯学习开发语言算法青少年编程
                        
    [蓝桥杯2020省B1]整除序列题目描述有一个序列，序列的第一个数是nnn，后面的每个数是前一个数整除222，请输出这个序列中值为正数的项。输入格式输入一行包含一个整数nnn。输出格式输出一行，包含多个整数，相邻的整数之间用一个空格分隔，表示答案。样例#1样例输入#120样例输出#12010521提示对于80%80\%80%的评测用例，1≤n≤1091\len\le10^91≤n≤109。对于所有
    
                    
    • 
                    
  • VBA第十四期 一个有声音的进度条
                        jimin_callon
数据库java服务器
                        
    用窗口制作的进度条虽然直观，但有一个缺点就是窗口必须设置为非模态，这样就导致如果想让程序后台运行的同时完成其它工作时程序会报错。下面的实例是在工作之余想到的一个有趣的尝试，就是用Application.Speech.Speak这个调用嵌入到循环里面,同时通过状态栏显示完成情况，两者结合就可以达到进度条效果。PrivateSubCommandButton3_Click()Dimrw,cl,rw1,d
    
                    
    • 
                    
  • Python 开发必知的 30 款工具
                        真智AI
windowspythonAI编程
                        
    全面解析开发者在Python开发各个阶段可使用的核心工具热门开源工具Python开发涉及多个阶段，因此需要多种工具来管理：依赖管理：pip、Conda和Poetry是常见的选择。性能分析：psutil和Scalene备受欢迎，而新推出的Perforator提供了更可靠的生产级持续性能分析工具，可收集CPU配置文件而不影响性能。我们整理了一些热门工具，并制作了以下可视化概览：开源Python开发工具
    
                    
    • 
                    
  • 一文详解，外贸报价是什么？如何快速制作外贸报价单？
                        

                        
    在外贸业务中，报价是与客户达成交易的关键一步。一份准确、专业的外贸报价单不仅能体现企业的专业性，还能增加客户对企业的信任度。本文将详细介绍外贸报价的概念、重要性以及如何制作外贸报价单。一、外贸报价是什么？外贸报价是指在国际贸易中，卖方向买方提供商品或服务的价格信息。它通常包括商品的单价、总价、贸易术语（如FOB、CIF等）、付款方式、交货期等重要信息。外贸报价是买卖双方进行价格谈判和签订合同的基础
    
                    
    • 
                    
  • 用JavaScript在React中实现Word文档和Markdown互转
                        

                        
    在现代Web开发的世界里，React作为构建用户界面的领先库，经常需要处理各种类型的数据转换和展示任务。将Word文档与Markdown文件相互转换的能力不仅能够增强用户体验，还能极大地提高内容管理的效率。这种互转功能对于那些需要频繁更新内容或协作编辑的平台尤为重要，比如博客、技术文档网站或是在线教育平台。通过直接在React应用中实现这一功能，开发者可以为用户提供更加无缝的编辑体验，使得无论是习
    
                    
    • 
                    
  • 蓝桥杯备赛-基础训练（三）哈希表 day16
                        清墨璃笙
蓝桥杯散列表算法数据结构python
                        
    今天一更赎金信题意：给定一个赎金信(ransom)字符串和一个杂志(magazine)字符串，判断第一个字符串ransom能不能由第二个字符串magazines里面的字符构成。如果可以构成，返回true；否则返回false。(题目说明：为了不暴露赎金信字迹，要从杂志上搜索各个需要的字母，组成单词来表达意思。杂志字符串中的每个字符只能在赎金信字符串中使用一次。)注意：你可以假设两个字符串均只含有小写
    
                    
    • 
                    
  • 相亲交友婚恋系统开发的详细需求分析
                        
php前端数据库linux
                        
    相亲交友婚恋系统开发是一个综合性的项目，涉及多个方面的详细需求分析。以下是对该系统开发的详细需求分析：一、市场调研与用户画像市场调研：深入了解目标用户群体的喜好、习惯和需求痛点，为平台开发提供方向。分析现有相亲交友婚恋市场的竞争格局，识别市场空白和潜在机会。用户画像：明确目标用户群体的特征，包括年龄、性别、职业、地域、兴趣爱好等。细化用户群体的需求，如交友目的（寻找伴侣、建立恋爱关系、婚姻关系等）
    
                    
    • 
                    
  • 一文了解 Go time 包的时间常用操作
                        
challenge后端go
                        
    前言在日常开发中，我们避免不了时间的使用，我们可能需要获取当前时间，然后格式化保存，也可能需要在时间类型与字符串类型之间相互转换等。本文将会对Gotime包里面的常用函数和方法进行介绍。Now()：获取当前本地的时间import("fmt""time")funcmain(){now:=time.Now()fmt.Println(now)//2022-12-0321:06:16.1658077+08
    
                    
    • 
                    
  • 《哪吒之魔童闹海》迅雷BT磁力下载[HD-5.39GB/6.32GB]百度云1280P资源共享
                        
go
                        
    在2025年的春节档期，一部备受瞩目的动画电影《哪吒之魔童闹海》震撼上映，并迅速成为观众热议的焦点。作为《哪吒之魔童降世》的续作，该片不仅延续了前作的精良制作与颠覆性叙事风格，更在剧情、角色塑造、视觉特效等方面进行了全面升级。然而，需要强调的是，本文并不鼓励或提供任何形式的电影下载链接，而是旨在通过深入赏析这部电影，带领读者领略其独特的魅力与价值。《哪吒之魔童闹海》由导演饺子执导，成都可可豆动画影
    
                    
    • 
                    
  • gms认证流程_Google GMS认证要求与申请流程
                        weixin_39971435
gms认证流程
                        
    继联发科在2017年11月宣布正式进入谷歌的GMSExpress项目后，日前紫光展锐也宣布了同样的计划，成为本土第一个加入该计划的基带芯片厂商。GMSExpress用于向安卓设备制造商分发软件包，包括GMS套件、谷歌兼容性测试套件(CTS)等。联发科称，此举将帮助采用MTK芯片的厂商缩减成本，同时加快设备的研发进度。此前，基带芯片厂商都是分发BoardSupportPackage(BSP)，内含硬
    
                    
    • 
                    
  • 【深入浅出：Core-JS Legacy 的降级兼容指南】
                        Gazer_S
javascript前端
                        
    深入浅出：Core-JSLegacy的降级兼容指南️背景与核心概念为什么需要Polyfill？随着ECMAScript标准的快速迭代（ES6/ES2015+），现代浏览器对新特性的支持存在碎片化问题。旧版浏览器（如IE11、iOS9等）无法识别Promise、Array.prototype.includes等新API。Core-JS应运而生，它是一个模块化的JavaScript标准库，提供ES5+
    
                    
    • 
                    
  • linux-网络安全&防火墙
                        ...狂风...
Linuxweb安全网络安全
                        
    网络安全的特征根据角度不同，网络安全的具体含义也不同，但总体来说，网络安全主要具备以下四个方面的特征。（1）完整性：指信息在存储、传输过程中不会丢失，并且不会被修改、不会被破坏的特性，即保持信息“原貌”，这是网络安全最基本的特征。（2）机密性：指非授权对象无法获取信息而加以利用。（3）可用性：指被授权对象在需要时可以获取信息并按需求使用。（4）可控性：指对信息的具体内容及传播能够实现有效的控制。网
    
                    
    • 
                    
  • 大模型知识蒸馏：技术突破与应用范式重构——从DeepSeek创新看AI基础设施演进路径
                        大模型服务器厂商
重构人工智能
                        
    一、知识蒸馏的技术哲学演进知识蒸馏（KnowledgeDistillation）作为模型压缩领域的核心技术突破，其发展轨迹折射出人工智能从"规模崇拜"向"效率优先"的范式转变。传统知识蒸馏框架主要关注概率分布层面的知识迁移，但DeepSeek等前沿项目展示出更复杂的知识萃取机制。最新研究表明，知识传递已从单纯的输出层模仿，发展到注意力模式迁移（AttentionTransfer）、隐层特征对齐（H
    
                    
    • 
                    
  • R语言：高效数据分析和可视化的利器
                        TechPr
r语言数据分析开发语言R语言
                        
    R语言：高效数据分析和可视化的利器R语言是一种强大而灵活的数据分析和统计建模工具，广泛用于学术界和工业界。它提供了丰富的库和包，使得数据处理、统计分析和可视化变得更加容易和高效。本文将介绍R语言的一些基本概念，并提供相应的源代码示例。变量和数据结构在R语言中，可以使用赋值运算符（<-或=）来创建变量。例如，下面的代码将创建一个名为x的变量，并将其赋值为10：x<-10R语言支持多种数据结构，包括向
    
                    
    • 
                    
  • Netty之ByteBuf详解
                        非ban必选
nettynetty
                        
    ByteBuf的结构，如下图所示1.ByteBuf是一个字节容器，容器里面的数据分为三部分，第一部分是已经丢弃的字节，这部分数据是无效的；第二部分是可读字节，这部分数据是ByteBuf的主体数据，从ByteBuf里读取的数据都来自这一部分；最后一部分的数据是可写字节，所有写到ByteBuf的数据都会写到这一段。后面的虚线部分表示该ByteBuf最多还能扩容多少容量。2.以上三部分内容是被两个指针划
    
                    
    • 
                    
  • ESP32 esp-idf开发环境搭建
                        chem4111
c语言嵌入式硬件
                        
    一、准备工作安装必备工具Python3.8+：建议使用官方推荐的3.8版本，避免高版本兼容性问题（2()]）。下载地址：Python3.8.10，安装时勾选AddtoPATH。VisualStudioCode：推荐开发工具，下载地址：VSCode4。配置Python镜像源以管理员身份运行CMD，执行以下命令加速依赖下载：pipconfigsetglobal.index-urlhttps://mir
    
                    
    • 
                    
  • 股票技术面——盘口
                        disgare
非it金融
                        
    股票技术面——盘口盘口基本要素分析1分钟高低点分析5分钟高低点盘口分析三要素结构位置速度之前说到，关注资金入场意愿是否强烈，以找到合适的时机入场。那这里的入场意愿是否强烈该如何判断呢技术面分析可以作为买卖时机判定的工具，但是投资还是需要基本面的分析作为支撑。也就是基本面选股，技术面判断买点卖点盘口用于判断一天内的高点与低点盘口基本要素1，昨日收盘价2，黄白线走势：白线是加权后计算出来的走势，是我们
    
                    
    • 
                    
  • C/C++内存管理
                        bbppooi
c++c语言c++学习算法开发语言
                        
    1.C/C++内存分布我们先来看下面的一段代码和相关问题intglobalVar=1;staticintstaticGlobalVar=1;voidTest(){staticintstaticVar=1;intlocalVar=1;intnum1[10]={1,2,3,4};charchar2[]="abcd";constchar*pChar3="abcd";int*ptr1=(int*)mall
    
                    
    • 
                    
  • 【前端开发】能不能用Vue+Bootstrap进行项目开发？有什么需求场景需要用到的地方
                        爱上大树的小猪
vue.jsbootstrap前端
                        
    简介：Vue.jsVue.js（通常简称为Vue）是一个用于构建用户界面的渐进式JavaScript框架。它允许开发者创建高效的、交互式的单页面应用（SPA）。Vue的核心库专注于视图层，易于学习且集成到现有项目中，同时也能够为复杂的应用提供强大的功能支持。Vue通过组件化的方式让代码更加模块化、可重用和维护。BootstrapBootstrap是一个开源的CSS框架，旨在简化网页和Web应用的前
    
                    
    • 
                    
  • Laravel 中强大的tap你用过么
                        事业运财运爆棚
android
                        
    在本文，我们将讨论Laravel中的tap。我们将详细讨论tap帮助函数和collection中的tap方法。Tap帮助函数旧的实现方式Laravel提出了一个tap功能。这是一个非常奇怪的功能，受Ruby的启发。这是tap助手功能的基本实现。functiontap($value,$callback){$callback($value);return$value;}上面的代码将接受一个参数，它将使
    
                    
    • 
                                
  • ios内付费
                                    374016526
ios内付费
                                    
    近年来写了很多IOS的程序，内付费也用到不少，使用IOS的内付费实现起来比较麻烦，这里我写了一个简单的内付费包，希望对大家有帮助。 
  
具体使用如下: 
这里的sender其实就是调用者，这里主要是为了回调使用。 
[KuroStoreApi kuroStoreProductId:@"产品ID" storeSender:self storeFinishCallBa
    
                                
    • 
                                
  • 20 款优秀的 Linux 终端仿真器
                                    brotherlamp
linuxlinux视频linux资料linux自学linux教程
                                    
      
终端仿真器是一款用其它显示架构重现可视终端的计算机程序。换句话说就是终端仿真器能使哑终端看似像一台连接上了服务器的客户机。终端仿真器允许最终用户用文本用户界面和命令行来访问控制台和应用程序。（LCTT 译注：终端仿真器原意指对大型机-哑终端方式的模拟，不过在当今的 Linux 环境中，常指通过远程或本地方式连接的伪终端，俗称“终端”。） 
你能从开源世界中找到大量的终端仿真器，它们
    
                                
    • 
                                
  • Solr Deep Paging(solr 深分页)
                                    eksliang
solr深分页solr分页性能问题
                                    
    转载请出自出处：http://eksliang.iteye.com/blog/2148370 
作者：eksliang(ickes) blg:http://eksliang.iteye.com/ 概述 
长期以来，我们一直有一个深分页问题。如果直接跳到很靠后的页数，查询速度会比较慢。这是因为Solr的需要为查询从开始遍历所有数据。直到Solr的4.7这个问题一直没有一个很好的解决方案。直到solr
    
                                
    • 
                                
  • 数据库面试题
                                    18289753290
面试题 数据库
                                    
    1.union ,union all 
网络搜索出的最佳答案： 
union和union all的区别是,union会自动压缩多个结果集合中的重复结果，而union all则将所有的结果全部显示出来，不管是不是重复。 
Union：对两个结果集进行并集操作，不包括重复行，同时进行默认规则的排序； 
Union All：对两个结果集进行并集操作，包括重复行，不进行排序； 
2.索引有哪些分类？作用是
    
                                
    • 
                                
  • Android TV屏幕适配
                                    酷的飞上天空
android
                                    
    先说下现在市面上TV分辨率的大概情况 
两种分辨率为主 
1.720标清，分辨率为1280x720. 
屏幕尺寸以32寸为主，部分电视为42寸 
2.1080p全高清，分辨率为1920x1080 
屏幕尺寸以42寸为主，此分辨率电视屏幕从32寸到50寸都有 
  
适配遇到问题，已1080p尺寸为例： 
分辨率固定不变，屏幕尺寸变化较大。 
如：效果图尺寸为1920x1080，如果使用d
    
                                
    • 
                                
  • Timer定时器与ActionListener联合应用
                                    永夜-极光
java
                                    
    功能:在控制台每秒输出一次 
  
代码: 
package Main;
import javax.swing.Timer;
 import java.awt.event.*;

 public class T {
    private static int count = 0; 

    public static void main(String[] args){

    
                                
    • 
                                
  • Ubuntu14.04系统Tab键不能自动补全问题解决
                                    随便小屋
Ubuntu 14.04
                                    
    Unbuntu 14.4安装之后就在终端中使用Tab键不能自动补全，解决办法如下： 
  
1、利用vi编辑器打开/etc/bash.bashrc文件（需要root权限） 
sudo vi /etc/bash.bashrc 
 接下来会提示输入密码 
2、找到文件中的下列代码 
#enable bash completion in interactive shells
#if
    
                                
    • 
                                
  • 学会人际关系三招 轻松走职场
                                    aijuans
职场
                                    
    要想成功，仅有专业能力是不够的，处理好与老板、同事及下属的人际关系也是门大学问。如何才能在职场如鱼得水、游刃有余呢？在此，教您简单实用的三个窍门。 
　　第一，多汇报 
 最近，管理学又提出了一个新名词“追随力”。它告诉我们，做下属最关键的就是要多请示汇报，让上司随时了解你的工作进度，有了新想法也要及时建议。不知不觉，你就有了“追随力”，上司会越来越了解和信任你。 
　　第二，勤沟通 
 团队的力
    
                                
    • 
                                
  • 《O2O：移动互联网时代的商业革命》读书笔记
                                    aoyouzi
读书笔记
                                    
    移动互联网的未来：碎片化内容+碎片化渠道=各式精准、互动的新型社会化营销。 
  
O2O：Online to OffLine 线上线下活动 
O2O就是在移动互联网时代，生活消费领域通过线上和线下互动的一种新型商业模式。 
  
手机二维码本质：O2O商务行为从线下现实世界到线上虚拟世界的入口。 
  
线上虚拟世界创造的本意是打破信息鸿沟，让不同地域、不同需求的人
    
                                
    • 
                                
  • js实现图片随鼠标滚动的效果
                                    百合不是茶
JavaScript滚动属性的获取图片滚动属性获取页面加载
                                    
    1,获取样式属性值 
top  与顶部的距离
left  与左边的距离
right 与右边的距离
bottom 与下边的距离
zIndex 层叠层次 
  
  例子:获取左边的宽度,当css写在body标签中时 
<div id="adver" style="position:absolute;top:50px;left:1000p
    
                                
    • 
                                
  • ajax同步异步参数async
                                    bijian1013
jqueryAjaxasync
                                    
            开发项目开发过程中，需要将ajax的返回值赋到全局变量中，然后在该页面其他地方引用，因为ajax异步的原因一直无法成功，需将async:false，使其变成同步的。 
        格式： 
$.ajax({ type: 'POST', ur
    
                                
    • 
                                
  • Webx3框架（1）
                                    Bill_chen
eclipsespringmaven框架ibatis
                                    
    Webx是淘宝开发的一套Web开发框架，Webx3是其第三个升级版本；采用Eclipse的开发环境，现在支持java开发； 
采用turbine原型的MVC框架，扩展了Spring容器，利用Maven进行项目的构建管理，灵活的ibatis持久层支持，总的来说，还是一套很不错的Web框架。 
Webx3遵循turbine风格，velocity的模板被分为layout/screen/control三部
    
                                
    • 
                                
  • 【MongoDB学习笔记五】MongoDB概述
                                    bit1129
mongodb
                                    
    MongoDB是面向文档的NoSQL数据库，尽量业界还对MongoDB存在一些质疑的声音，比如性能尤其是查询性能、数据一致性的支持没有想象的那么好，但是MongoDB用户群确实已经够多。MongoDB的亮点不在于它的性能，而是它处理非结构化数据的能力以及内置对分布式的支持(复制、分片达到的高可用、高可伸缩)，同时它提供的近似于SQL的查询能力，也是在做NoSQL技术选型时，考虑的一个重要因素。Mo
    
                                
    • 
                                
  • spring/hibernate/struts2常见异常总结
                                    白糖_
Hibernate
                                    
     
 Spring 
 
①ClassNotFoundException: org.aspectj.weaver.reflect.ReflectionWorld$ReflectionWorldException 
缺少aspectjweaver.jar，该jar包常用于spring aop中 
  
②java.lang.ClassNotFoundException: org.sprin
    
                                
    • 
                                
  • jquery easyui表单重置(reset)扩展思路
                                    bozch
formjquery easyuireset
                                    
    在jquery easyui表单中 尚未提供表单重置的功能，这就需要自己对其进行扩展。 
扩展的时候要考虑的控件有： 
 combo,combobox,combogrid,combotree,datebox,datetimebox 
需要对其添加reset方法，reset方法就是把初始化的值赋值给当前的组件，这就需要在组件的初始化时将值保存下来。 
在所有的reset方法添加完毕之后，就需要对fo
    
                                
    • 
                                
  • 编程之美-烙饼排序
                                    bylijinnan
编程之美
                                    
    
package beautyOfCoding;

import java.util.Arrays;

/*
 *《编程之美》的思路是：搜索+剪枝。有点像是写下棋程序：当前情况下，把所有可能的下一步都做一遍；在这每一遍操作里面，计算出如果按这一步走的话，能不能赢（得出最优结果）。
 *《编程之美》上代码有很多错误，且每个变量的含义令人费解。因此我按我的理解写了以下代码：
 */

    
                                
    • 
                                
  • Struts1.X 源码分析之ActionForm赋值原理
                                    chenbowen00
struts
                                    
    struts1在处理请求参数之前，首先会根据配置文件action节点的name属性创建对应的ActionForm。如果配置了name属性，却找不到对应的ActionForm类也不会报错，只是不会处理本次请求的请求参数。 
 
如果找到了对应的ActionForm类，则先判断是否已经存在ActionForm的实例，如果不存在则创建实例，并将其存放在对应的作用域中。作用域由配置文件action节点的s
    
                                
    • 
                                
  • [空天防御与经济]在获得充足的外部资源之前,太空投资需有限度
                                    comsci
资源
                                    
     
      这里有一个常识性的问题: 
 
      地球的资源,人类的资金是有限的,而太空是无限的..... 
 
      就算全人类联合起来,要在太空中修建大型空间站,也不一定能够成功,因为资源和资金,技术有客观的限制.... 
 
&
    
                                
    • 
                                
  • ORACLE临时表—ON COMMIT PRESERVE ROWS
                                    daizj
oracle临时表
                                    
    ORACLE临时表 转 
临时表：像普通表一样，有结构，但是对数据的管理上不一样，临时表存储事务或会话的中间结果集，临时表中保存的数据只对当前 
会话可见，所有会话都看不到其他会话的数据，即使其他会话提交了，也看不到。临时表不存在并发行为，因为他们对于当前会话都是独立的。 
创建临时表时，ORACLE只创建了表的结构（在数据字典中定义），并没有初始化内存空间，当某一会话使用临时表时，ORALCE会
    
                                
    • 
                                
  • 基于Nginx XSendfile+SpringMVC进行文件下载
                                    denger
应用服务器Webnginx网络应用lighttpd
                                    
        在平常我们实现文件下载通常是通过普通 read-write方式，如下代码所示。 
 
   @RequestMapping("/courseware/{id}") 
   public void download(@PathVariable("id") String courseID, HttpServletResp
    
                                
    • 
                                
  • scanf接受char类型的字符
                                    dcj3sjt126com
c
                                    
    /*
	2013年3月11日22:35:54
	目的：学习char只接受一个字符
*/
# include <stdio.h>

int main(void)
{
	int i;
	char ch;

	scanf("%d", &i);
	printf("i = %d\n", i);
	scanf("%
    
                                
    • 
                                
  • 学编程的价值
                                    dcj3sjt126com
编程
                                    
    发一个人会编程, 想想以后可以教儿女, 是多么美好的事啊, 不管儿女将来从事什么样的职业, 教一教, 对他思维的开拓大有帮助 
  
像这位朋友学习:   
http://blog.sina.com.cn/s/articlelist_2584320772_0_1.html 
  
 
  VirtualGS教程 (By @林泰前): 几十年的老程序员，资深的
    
                                
    • 
                                
  • 二维数组（矩阵）对角线输出
                                    飞天奔月
二维数组
                                    
    今天在BBS里面看到这样的面试题目, 
  
1，二维数组（N*N），沿对角线方向，从右上角打印到左下角如N=4： 4*4二维数组  
{ 1 2 3 4 }
{ 5 6 7 8 }
{ 9 10 11 12 }
{13 14 15 16 } 
打印顺序  
4
3 8
2 7 12
1 6 11 16
5 10 15
9 14
13 
要
    
                                
    • 
                                
  • Ehcache（08）——可阻塞的Cache——BlockingCache
                                    234390216
并发ehcacheBlockingCache阻塞
                                    
    可阻塞的Cache—BlockingCache 
  
       在上一节我们提到了显示使用Ehcache锁的问题，其实我们还可以隐式的来使用Ehcache的锁，那就是通过BlockingCache。BlockingCache是Ehcache的一个封装类，可以让我们对Ehcache进行并发操作。其内部的锁机制是使用的net.
    
                                
    • 
                                
  • mysqldiff对数据库间进行差异比较
                                    jackyrong
mysqld
                                    
      mysqldiff该工具是官方mysql-utilities工具集的一个脚本，可以用来对比不同数据库之间的表结构，或者同个数据库间的表结构 
   如果在windows下，直接下载mysql-utilities安装就可以了，然后运行后，会跑到命令行下： 
 
1） 基本用法 
   mysqldiff --server1=admin:12345
    
                                
    • 
                                
  • spring data jpa 方法中可用的关键字
                                    lawrence.li
javaspring
                                    
    spring data jpa 支持以方法名进行查询/删除/统计。 
查询的关键字为find 
删除的关键字为delete/remove (>=1.7.x) 
统计的关键字为count (>=1.7.x) 
  
修改需要使用@Modifying注解 
@Modifying
@Query("update User u set u.firstna
    
                                
    • 
                                
  • Spring的ModelAndView类
                                    nicegege
spring
                                    
    项目中controller的方法跳转的到ModelAndView类，一直很好奇spring怎么实现的？ 
/*
 * Copyright 2002-2010 the original author or authors.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * yo
    
                                
    • 
                                
  • 搭建 CentOS 6 服务器(13) - rsync、Amanda
                                    rensanning
centos
                                    
    （一）rsync 
 
Server端 
 
# yum install rsync
# vi /etc/xinetd.d/rsync
    service rsync
    {
        disable = no
        flags           = IPv6
        socket_type     = stream
        wait    
    
                                
    • 
                                
  • Learn Nodejs 02
                                    toknowme
nodejs
                                    
    （1）npm是什么   
npm is the package manager for node 
官方网站：https://www.npmjs.com/ 
npm上有很多优秀的nodejs包，来解决常见的一些问题，比如用node-mysql，就可以方便通过nodejs链接到mysql，进行数据库的操作 
在开发过程往往会需要用到其他的包，使用npm就可以下载这些包来供程序调用 
&nb
    
                                
    • 
                                
  • Spring MVC 拦截器
                                    xp9802
spring mvc
                                    
    Controller层的拦截器继承于HandlerInterceptorAdapter 
 
 HandlerInterceptorAdapter.java   1  public   abstract   class  HandlerInterceptorAdapter  implements  HandlerIntercep
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他