执笔绘江山
执笔绘江山

7.25 web前端-淘宝首页设计

hello everybody，许久不见，甚是想念，关于我为什么四天没更新博客的原因就是本次文章的标题，没错，我们老师布置了项目设计，而我这个大怨种选择了淘宝首页这个页面内容多的，以至于我这个小白敲了四天才完成，那么，今天就来给大家分享一下我完成这个项目的过程吧（事先声明我的作品还原度并没有百分之百达到，做的不好请大家勿喷（QAQ）），下面先给大家做一个最终结果展示：

最终成果展示效果图：

7.25 web前端-淘宝首页设计_第1张图片

 下面我会从头来说一下我的全局布局思路以及如何用代码实现这个界面。

1.结构布局：

结构布局是做一个项目开始非常重要的一点，我们要具有整体思想，由整划分小部分，这样才方便我们后期的制作和修改。

以上为淘宝官网截图，观察整体结构后我把它分为三块，分别是顶部的导航栏，导航栏下方的搜索框栏和下面商品的详情栏三个大部分，在代码中这三个部分就是三个大盒子，里面都是被包裹的内容。然后我们从这三个大盒子入手，一个一个去解决.

1.1 导航栏布局：

7.25 web前端-淘宝首页设计_第2张图片

为什么把导航栏单独作为一个大盒子编写的原因，是因为导航栏其中的内容也是有下拉菜单的，所以这个下拉菜单又要包裹在导航栏的文字里面，于是为了方便我将整个导航栏当做一个大盒子，在内部进行操作，然后把左右两边得文字再分成两个中盒子，最后将下拉菜单作为小盒子包裹在中盒子里面。

1.2 搜索栏布局：

7.25 web前端-淘宝首页设计_第3张图片

 导航栏部分我当做一个大盒子，里面包含了三个中盒子包裹中间三部分内容，然后中间一个中盒子的内部再用两个小盒子包裹，之后进行内容填入以及布局。

1.3 内容栏布局：

7.25 web前端-淘宝首页设计_第4张图片

内容栏里面的内容丰富且繁杂，所以布局在这里就尤为重要，布局不好会导致后期内容编写的时候麻烦不断，首先我将内容区部分作为一个大盒子，内部包裹的内容分为上下两个中盒子，下面中盒子就用来包含详细商品，上面这个中盒子内部包含两个小盒子，然后右边这个小盒子里面包含三个更小的盒子用来存放内容以及一个轮播图。

2.代码实现：

tg布局完成以后，我们就需要用代码来实现每个部分的详细内容以及内容的表达样式，这是一个繁琐的过程，要耐心且细心，专心且专注。

2.1 导航栏代码

导航栏部分我用header命名，然后用的是两个ul列表标签包裹，li里面包裹文字，然后下拉菜单用div盒子包裹并分别命名，代码如下所示：

2.2 搜索栏代码：

搜索栏代码中用一个大盒子包裹三个中盒子，然后中间的中盒子再次包裹两个小盒子，小盒子内部使用到了选择框select和输入框input以及按钮button的知识点，这一部分的代码如下所示：


      

        

          #
        

        

          

            
             | 
            
            
          

          

            新款连衣裙
            四件套
            潮流T恤
            时尚女鞋
            短裤
            半身裙
            男士外套

            墙纸
            行车记录仪
            新款男鞋
          

        

        

          #

2.3 内容栏代码：

内容栏我把它分为了两个部分，上部分一些复杂繁琐的内容和下部分的纯商品内容，下半部分的内容比较方便编写，直接做一个长宽固定的大盒子，然后每个商品做一个长宽固定小盒子，小盒子内部包含商品的图片，文字描述和价格等消息；

上部分的内容也做一个大盒子，然后把内容分为左右两个中盒子，右边这个中盒子里面分别又包含着三个小盒子，其中一个用来设置轮播图，另外两个正常设置为内容填充的盒子，实现代码如下：

上部分内容栏：


        

          

            分类
          

          
        

        

          

            
          

          

            

              

                

                

                

                

                

                

                

                
                
                
              

            

            

              

                
                
Hi! 你好

              

              

                
                
                
              

              
              

                热点 淘宝平台妲己流量造假、黑公关、网络

下部分内容栏：

 

        

          猜 你 喜 欢
          #

2.4  侧边栏：

侧边栏我在盒子外部写的，因为要用到固定定位，代码很简单，如下所示：

顺带说一句，我代码中的图片都是从阿里矢量库中获取的，有朋友想获得网页设计图片的时候不防到那里找一下，特别方便容易的寻找到自己想要的图片，网址是：iconfont-阿里巴巴矢量图标库

那么今天就先说到这里，今天把淘宝网页这个项目的框架和主体部分的代码说完了，明天我会把层叠样式表和轮播图部分的内容说一下，最后我会放出整个项目完整的源码，谢谢大家的观看！

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

  • 深入解析`node-html-to-image`的`main.ts`源码：实现HTML到图片的转换 软考鸭 nodeHtmlToImagehtml前端nodeHtmlToImage
    引言node-html-to-image是一个强大的Node.js库，它允许开发者将HTML内容转换为图片。本文将深入解析该库的main.ts文件，揭示其内部工作原理，并帮助开发者更好地理解和使用该库。项目背景与功能概述node-html-to-image的主要功能是将HTML字符串或文件渲染为图片。它支持多种输出格式（如PNG、JPEG等），并提供了一系列配置选项，如图片质量、透明度等。该库利用
  • Vercel的Hyper网站构建教程 郦祺嫒Amiable
    Vercel的Hyper网站构建教程hyper-siteTheofficialwebsitefortheHyperterminal项目地址:https://gitcode.com/gh_mirrors/hy/hyper-site1.项目介绍Vercel的Hyper-site是Hyper终端的官方网站源码，Hyper是一个高度可定制化的现代终端模拟器，它利用了Electron平台来提供丰富的用户体验
  • 推荐使用：Models——简化WordPress自定义类型的高效工具 郦祺嫒Amiable
    推荐使用：Models——简化WordPress自定义类型的高效工具modelsWordPressplugintocreatecustomposttypesandtaxonomiesusingJSON,YAMLorPHPfiles项目地址:https://gitcode.com/gh_mirrors/models7/models在追求灵活和定制化的Web开发道路上，WordPress凭借其强大的社
  • ubuntu 16(7) 2401_84715880 单元测试功能测试学习
    网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！conf：存放配置文件html：静态网页logs：存
  • 使用transform对html的video播放器窗口放大 宣晨光 前端整理htmlvideo缩放transform
    核心是使用播放容器$('video').css({'transform':'scale(2)','transform-origin':'centertop'});其中scale表示放大倍数，可以是小数transform-origin表示位置，1）可以使用坐标点如'120px200px'2）或者使用方位坐标，leftrighttopbottom总共九个，如左上方'lefttop'上方‘topcent
  • WebKit架构深度探索：架构、原理与实践 猫头虎 前端技术专区webkit架构前端visualstudiovscodepycharmintellij-idea
    博主猫头虎的技术世界欢迎来到猫头虎的博客—探索技术的无限可能！专栏链接：精选专栏：《面试题大全》—面试准备的宝典！《IDEA开发秘籍》—提升你的IDEA技能！《100天精通鸿蒙》—从Web/安卓到鸿蒙大师！《100天精通Golang（基础入门篇）》—踏入Go语言世界的第一步！《100天精通Go语言（精品VIP版）》—踏入Go语言世界的第二步！领域矩阵：猫头虎技术领域矩阵：深入探索各技术领域，发现知
  • RapidJson递归去除空值元素Value Cloudox_
    RapidJson是一款高效的C++处理JSON字符串的库。教程：http://rapidjson.org/zh-cn/md_doc_tutorial_8zh-cn.html#QueryObject源码：https://github.com/Tencent/rapidjson但不得不说教程写的不太全，网上资料也很少，大都重复教程的范畴。项目中有个蛋疼的需求要把JSON字符串中值为空的键值对去掉，C
  • Node.js Express 框架 wjs2024 开发语言
    Node.jsExpress框架介绍Express是一个快速、开放、极简的Node.jsWeb框架。它为构建Web应用程序和服务提供了一个强大的工具集，使得开发过程更加高效和便捷。Express的设计哲学是提供一个最小的API，让开发者可以轻松地构建自定义的Web应用程序。它被广泛用于构建API和Web服务，并且是许多流行的Node.jsWeb框架的基础。特点1.易于上手Express框架的设计非
  • element-ui layout布局 铺满整个空间方法 遇事不决AI解决 uicss3cssvue.jsjavascript
    h5布局文件上传css样式有些朋友用height:100%并不能铺满，这个时候可以使用height:100vh即可铺满html,body,.el-container{/*设置内部填充为0，几个布局元素之间没有间距*/padding:0px!important;/*外部间距也是如此设置*/margin:0px!important;/*统一设置高度为100%*/height:100vh;}有任何问题都
  • vue 搜索关键字，关键字标红 Feng、锋 vuejsjavascriptvue.jshtml
    vue使用v-htmlthis.voice_result.map(e=>{if(this.red_text){//匹配关键字正则letreplaceReg=newRegExp(this.red_text,'g');//高亮替换v-html值letreplaceString=''+this.red_text+'';//开始替换e.info=e.info.replace(replaceReg,repl
  • springboot整合springmvc 小僵123456 SpringBootspringboot后端java
    1、创建springboot项目，勾选Springweb当前springboot选择的是2.6.13版本，jdk1.8尽量选2.几的springboot2、在pom.xml中导入相应的坐标org.springframework.bootspring-boot-starter-web3、配置application.yml，按需配置，可选server:port:8080spring:datasourc
  • django 刷新缓存,Django缓存不会刷新 河马和荷花 django刷新缓存
    I'veaddedasimplecachingtomywebapplicationandwhenIdeleteoraddnewobjectthecachedoesnotgetrefreshedaftertheperoidoftime(2minutes)thatI'veset.Itlookslikeitfroze.WhenIrestartmyapplicationthenitgetsrefreshe
  • 用python的NiceGUI库 实现webApp___官网文档熟悉 错误重复学习记录 webapp
    官网文档文本元素ui.label、、ui.markdown和ui.restructured_text等元素ui.html可用于显示文本和其他内容。TextElementsLabel、Link、ChatMessage、GenericElement、MarkdownElement、ReStructuredText、MermaidDiagrams、HTMLElement控制NiceGUI提供了多种用于用
  • HTML、CSS实现树状图 凉风听雪 CSS炫酷使用htmlcss前端
    效果图：源码：（未做移动端自适应）Document海关数据海关数据类型海关申报数据贸易提单数据进口数据出口数据过境数据海运数据空运数据搜索方式产品hs编码小语种查询进口商出口商提单号口岸时间国别数据查询提关单记录买家实时监控同行实时监控出口全球分析进口商分析出口商分析产品分析供应国分析进口国分析开发工具公司概况联系邮箱领英联系WhatsApp进出口详情分析展会记录LBS地理信息B2B店铺社媒动态社
  • 前端Axios搭配Vue（认清Axios，Axios结合Vue发出Ajax请求，返回JSON数据案例！简洁易懂。） 酸奶代码 前端vue.jsjavascriptjsonajax
    一.什么是Axios1.axios是独立于vue的一个项目，不是Vue的一部分2.axios通常和Vue一起使用，实现Ajax操作3.Axios是一个基于promise的HTTP库axios官方文档二.引入Axios库文件1.可以直接引用2.可以下载Axios的js文件导入下载此js文件三.使用Axios配合Vue发出Ajax请求案例在Vue中使用Axios，向服务器发送Ajax请求，将获取的js
  • JavaScript之OOP基础概念学习总结一：scopes gaoshu883
    这个系列的文章是去年在搭架完静态博客后撰写的（博客已经不再维护啦，哦还能访问）↓最近在探究JavaScript中的scopes概念。经过一番研究，我觉得要从Interpreter的角度，才能更好地理解这个概念。毕竟程序员主要是编写指令，而Interpreter则是把程序员编写的代码一行一行读下去并翻译出来（执行出来），最终结果就会直接反映在Web浏览器的页面上。不过还要注意的是，并不是所有的sco
  • HTML常用特殊字符列表 前端无冕之王 前端cssjava
    以下是更详细的HTML常用特殊字符列表，分为常见符号、货币符号、数学符号和其他符号，涵盖了它们的字符实体名称及对应的编号：常见符号符号描述实体名称实体编号&和号&&大于号>>"双引号""'单引号''©版权符号©©®注册商标符号®®™商标符号™™§段落符号§
  • Springboot 项目中引入WebSocket后，单元测试出现错误，前端开发揭秘 杭州湾Java仔 2024年前端程序员springbootwebsocket单元测试
    java.lang.IllegalStateException:FailedtoloadApplicationContextatorg.springframework.test.context.cache.DefaultCacheAwareContextLoaderDelegate.loadContext(DefaultCacheAwareContextLoaderDelegate.java:12
  • 云WAF：网络安全的未来之选 亿林科技网络安全 web安全安全
    在数字化时代，网络安全面临着前所未有的挑战。云WAF（WebApplicationFirewall）作为一种创新的网络安全解决方案，正以其独特的优势引领网络安全的新潮流。云WAF（WebApplicationFirewall）作为保护Web应用安全的关键技术，正逐渐成为网络安全领域的新趋势。以下是几个主要原因：弹性扩展能力：云WAF基于云平台的资源和计算能力，可以实现动态的扩展和调整，根据实际流量
  • Puppeteer-Sign：自动化网页签名解决方案 杭臣磊Sibley
    Puppeteer-Sign：自动化网页签名解决方案项目简介是一个基于谷歌的Puppeteer库开发的工具，用于自动化处理网页表单的签名过程。它模拟了真实用户的交互行为，可以用于需要电子签名的各种场景，比如在线合同签署、文档审批等。项目以JavaScript编写，易于集成到Web应用或者CI/CD流程中。技术分析Puppeteer库Puppeteer是由GoogleChrome团队维护的一个Nod
  • 正则表达式-运算符优先级 一只小棉花 正则表达式正则表达式-优先级
    转自：http://www.runoob.com/regexp/regexp-operator.html
  • 使用flv.js + websokect播放rtsp格式视频流 音视频开发老马 流媒体服务器Android音视频开发音视频开发ffmpeg开发语言flv流媒体服务器音视频开发
    1.问题背景在最近的项目中，涉及到海康接入的视频播放的问题，海康这边获取到的视频流是rtsp格式，web端目前没有直接可以播放的组件，于是最开始是后端处理了视频流，返回hls格式的m3u8地址，这样用videojs插件就可以播放了，但是问题就是处理了的m3u8地址播放效果非常差，第一次加载时间较长，且播放过程中很卡，尤其是项目的界面做的是视频监控墙，不止一个视频，导致没办法看了。想着最好的方式还是
  • Java 上传读取Excel文件 Ben_1043556915 Java进阶javaservlet开发语言
    Web中導入Excel文件ExtJs前端代碼://=========上傳Excel=============================uploadPanel=newExt.form.FormPanel({fileUpload:true,id:'fileUploadForm',frame:true,labelAlign:'right',buttonAlign:'center',labelWid
  • ray.tune文档总结 AI大司马 python人工智能深度学习
    ray.tune文档总结tune.runconfig指定超参数的搜索方法ConcurrencyLimiter搜索算法scheduler试验调度程序分析资源（并行、GPU、分布式）原文档请看这里https://docs.ray.io/en/latest/tune/key-concepts.htmltune.run执行超参数调整、用于管理实验，例如日志检查、提前停止tune.run(trainable
  • java中IO流详解 一路向上的桃子 学习资料java
    java中IO流详解转载：https://www.cnblogs.com/biehongli/p/6074713.html
  • .NetCore+vue3上传图片 Multipart body length limit 16384 exceeded. 鱼是一只鱼啊 Vue后端.netcore图片上传vue3el-upload
    实现目标。点击图片上传头像效果图前端部分图片上传关键代码更换头像上传js部分import{ref,reactive,onMounted}from"vue";import{uploadAvatar}from"../../api/auth";import{ElMessage}from"element-plus";exportdefault{setup(){constfit=ref("cover");c
  • ECS a19576
    https://www.jianshu.com/p/d9a3093bd151https://blog.csdn.net/mzl87/article/details/89462311https://www.jianshu.com/p/1617d6948ee8http://www.voidcn.com/article/p-udretuox-bsw.htmlhttps://www.e-learn.cn/
  • 每日CSS一道题day01 [代码的搬运工] html布局csshtml前端css
    内容：什么是双飞翼布局以及如何书写？原理：左右固定宽高，利用定位、负定位距离，实现中间的宽度自适应代码演示：HTML：头部中左右头部这里引入头部和尾部是为了突出如何在具体内容插入一个双飞翼布局CSS：/*去除浏览器默认样式*/*{margin:0;padding:0;}.header,.footer{height:200px;width:100%;background-color:aqua;}/*
  • Fiddler 笔记 Queenie的学习笔记
    1.Fiddler的原理终端设备（如WEB、APP）发出请求，Fiddler作为中间代理，传给服务器；服务器返回数据，Fiddler拦截后，再传给终端设备核心：代理服务运行机制：本机上监听8888端口的HTTP代理（代理地址是127.0.0.1，端口号8888）2.第一次使用Fiddler，如何配置（1）抓取https请求时，先导入证书：①Fiddler设置：Tools>Options>HTTPS
  • CSS具有哪些特点呢？ weixin_54503231 css前端
    CSS是CascadingStyleSheets（层叠样式表）的缩写，它是一种用来描述HTML或XML（包括如SVG、MathML等衍生技术）文档样式的计算机语言。CSS的主要目的是为网页提供样式设计，包括颜色、字体、布局等，通过CSS，可以控制网页元素的外观和排版，使得网页更加美观和易于阅读。CSS的特点简单易学：CSS语言短小精悍，语法简单易学，使用起来很方便，可以快速地修改样式。内容与样式分
  • jvm调优总结（从基本概念 到 深度优化） oloz javajvmjdk虚拟机应用服务器
    JVM参数详解：http://www.cnblogs.com/redcreen/archive/2011/05/04/2037057.html   Java虚拟机中，数据类型可以分为两类：基本类型和引用类型。基本类型的变量保存原始值，即：他代表的值就是数值本身；而引用类型的变量保存引用值。“引用值”代表了某个对象的引用，而不是对象本身，对象本身存放在这个引用值所表示的地址的位置。
  • 【Scala十六】Scala核心十：柯里化函数 bit1129 scala
    本篇文章重点说明什么是函数柯里化，这个语法现象的背后动机是什么，有什么样的应用场景，以及与部分应用函数(Partial Applied Function)之间的联系   1. 什么是柯里化函数 A way to write functions with multiple parameter lists. For instance def f(x: Int)(y: Int) is a
  • HashMap dalan_123 java
    HashMap在java中对很多人来说都是熟的；基于hash表的map接口的非同步实现。允许使用null和null键；同时不能保证元素的顺序；也就是从来都不保证其中的元素的顺序恒久不变。 1、数据结构     在java中，最基本的数据结构无外乎：数组 和 引用（指针），所有的数据结构都可以用这两个来构造，HashMap也不例外，归根到底HashMap就是一个链表散列的数据
  • Java Swing如何实时刷新JTextArea，以显示刚才加append的内容 周凡杨 java更新swingJTextArea
    在代码中执行完textArea.append("message")后，如果你想让这个更新立刻显示在界面上而不是等swing的主线程返回后刷新，我们一般会在该语句后调用textArea.invalidate()和textArea.repaint()。 问题是这个方法并不能有任何效果，textArea的内容没有任何变化，这或许是swing的一个bug，有一个笨拙的办法可以实现
  • servlet或struts的Action处理ajax请求 g21121 servlet
    其实处理ajax的请求非常简单，直接看代码就行了： //如果用的是struts //HttpServletResponse response = ServletActionContext.getResponse(); // 设置输出为文字流 response.setContentType("text/plain"); // 设置字符集 res
  • FineReport的公式编辑框的语法简介 老A不折腾 finereport公式总结
    FINEREPORT用到公式的地方非常多，单元格（以=开头的便被解析为公式），条件显示，数据字典，报表填报属性值定义，图表标题，轴定义，页眉页脚，甚至单元格的其他属性中的鼠标悬浮提示内容都可以写公式。 简单的说下自己感觉的公式要注意的几个地方：   1.if语句语法刚接触感觉比较奇怪，if(条件式子,值1,值2)，if可以嵌套，if(条件式子1，值1，if(条件式子2，值2，值3)
  • linux mysql 数据库乱码的解决办法 墙头上一根草 linuxmysql数据库乱码
    linux 上mysql数据库区分大小写的配置 lower_case_table_names=1 1-不区分大小写 0-区分大小写   修改/etc/my.cnf 具体的修改内容如下:   [client] default-character-set=utf8   [mysqld] datadir=/var/lib/mysql socket=/va
  • 我的spring学习笔记6-ApplicationContext实例化的参数兼容思想 aijuans Spring 3
    ApplicationContext能读取多个Bean定义文件，方法是： ApplicationContext appContext = new ClassPathXmlApplicationContext（ new String[]｛“bean-config1.xml”，“bean-config2.xml”，“bean-config3.xml”，“bean-config4.xml
  • mysql 基准测试之sysbench annan211 基准测试mysql基准测试MySQL测试sysbench
    1 执行如下命令，安装sysbench-0.5： tar xzvf sysbench-0.5.tar.gz  cd sysbench-0.5  chmod +x autogen.sh  ./autogen.sh  ./configure --with-mysql --with-mysql-includes=/usr/local/mysql
  • sql的复杂查询使用案列与技巧 百合不是茶 oraclesql函数数据分页合并查询
      本片博客使用的数据库表是oracle中的scott用户表;          -------------------  自然连接查询           查询 smith 的上司(两种方法) &
  • 深入学习Thread类 bijian1013 javathread多线程java多线程
    一．             线程的名字 下面来看一下Thread类的name属性，它的类型是String。它其实就是线程的名字。在Thread类中，有String getName()和void setName(String)两个方法用来设置和获取这个属性的值。 同时，Thr
  • JSON串转换成Map以及如何转换到对应的数据类型 bijian1013 javafastjsonnet.sf.json
            在实际开发中，难免会碰到JSON串转换成Map的情况，下面来看看这方面的实例。另外，由于fastjson只支持JDK1.5及以上版本，因此在JDK1.4的项目中可以采用net.sf.json来处理。 一.fastjson实例 JsonUtil.java package com.study; impor
  • 【RPC框架HttpInvoker一】HttpInvoker：Spring自带RPC框架 bit1129 spring
    HttpInvoker是Spring原生的RPC调用框架，HttpInvoker同Burlap和Hessian一样，提供了一致的服务Exporter以及客户端的服务代理工厂Bean，这篇文章主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成   在 【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中
  • 【Mahout二】基于Mahout CBayes算法的20newsgroup的脚本分析 bit1129 Mahout
    #!/bin/bash # # Licensed to the Apache Software Foundation (ASF) under one or more # contributor license agreements. See the NOTICE file distributed with # this work for additional information re
  • nginx三种获取用户真实ip的方法 ronin47
    随着nginx的迅速崛起，越来越多公司将apache更换成nginx. 同时也越来越多人使用nginx作为负载均衡, 并且代理前面可能还加上了CDN加速，但是随之也遇到一个问题：nginx如何获取用户的真实IP地址,如果后端是apache,请跳转到<apache获取用户真实IP地址>，如果是后端真实服务器是nginx，那么继续往下看。 实例环境： 用户IP 120.22.11.11
  • java-判断二叉树是不是平衡 bylijinnan java
    参考了 http://zhedahht.blog.163.com/blog/static/25411174201142733927831/ 但是用java来实现有一个问题。 由于Java无法像C那样“传递参数的地址，函数返回时能得到参数的值”，唯有新建一个辅助类：AuxClass import ljn.help.*; public class BalancedBTree {
  • BeanUtils.copyProperties VS PropertyUtils.copyProperties 诸葛不亮 PropertyUtilsBeanUtils
     BeanUtils.copyProperties VS  PropertyUtils.copyProperties  作为两个bean属性copy的工具类，他们被广泛使用，同时也很容易误用，给人造成困然；比如：昨天发现同事在使用BeanUtils.copyProperties copy有integer类型属性的bean时，没有考虑到会将null转换为0，而后面的业
  • [金融与信息安全]最简单的数据结构最安全 comsci 数据结构
          现在最流行的数据库的数据存储文件都具有复杂的文件头格式，用操作系统的记事本软件是无法正常浏览的，这样的情况会有什么问题呢？        从信息安全的角度来看，如果我们数据库系统仅仅把这种格式的数据文件做异地备份，如果相同版本的所有数据库管理系统都同时被攻击，那么
  • vi区段删除 Cwind linuxvi区段删除
    区段删除是编辑和分析一些冗长的配置文件或日志文件时比较常用的操作。简记下vi区段删除要点备忘。   vi概述    引文中并未将末行模式单独列为一种模式。单不单列并不重要，能区分命令模式与末行模式即可。   vi区段删除步骤： 1. 在末行模式下使用:set nu显示行号 非必须，随光标移动vi右下角也会显示行号，能够正确找到并记录删除开始行
  • 清除tomcat缓存的方法总结 dashuaifu tomcat缓存
    用tomcat容器，大家可能会发现这样的问题，修改jsp文件后，但用IE打开 依然是以前的Jsp的页面。 出现这种现象的原因主要是tomcat缓存的原因。 解决办法如下: 在jsp文件头加上 <meta http-equiv="Expires" content="0"> <meta http-equiv="kiben&qu
  • 不要盲目的在项目中使用LESS CSS dcj3sjt126com Webless
    　如果你还不知道LESS CSS是什么东西，可以看一下这篇文章，是我一朋友写给新人看的《CSS——LESS》 　　不可否认，LESS CSS是个强大的工具，它弥补了css没有变量、无法运算等一些“先天缺陷”，但它似乎给我一种错觉，就是为了功能而实现功能。 　　比如它的引用功能 ? .rounded_corners{     
  • [入门]更上一层楼 dcj3sjt126com PHPyii2
    更上一层楼 通篇阅读完整个“入门”部分，你就完成了一个完整 Yii 应用的创建。在此过程中你学到了如何实现一些常用功能，例如通过 HTML 表单从用户那获取数据，从数据库中获取数据并以分页形式显示。你还学到了如何通过 Gii 去自动生成代码。使用 Gii 生成代码把 Web 开发中多数繁杂的过程转化为仅仅填写几个表单就行。 本章将介绍一些有助于更好使用 Yii 的资源：
  • Apache HttpClient使用详解 eksliang httpclienthttp协议
    Http协议的重要性相信不用我多说了，HttpClient相比传统JDK自带的URLConnection，增加了易用性和灵活性（具体区别，日后我们再讨论），它不仅是客户端发送Http请求变得容易，而且也方便了开发人员测试接口（基于Http协议的），即提高了开发的效率，也方便提高代码的健壮性。因此熟练掌握HttpClient是很重要的必修内容，掌握HttpClient后，相信对于Http协议的了解会
  • zxing二维码扫描功能 gundumw100 androidzxing
    经常要用到二维码扫描功能 现给出示例代码 import com.google.zxing.WriterException; import com.zxing.activity.CaptureActivity; import com.zxing.encoding.EncodingHandler; import android.app.Activity; import an
  • 纯HTML+CSS带说明的黄色导航菜单 ini htmlWebhtml5csshovertree
    HoverTree带说明的CSS菜单:纯HTML+CSS结构链接带说明的黄色导航   在线体验效果：http://hovertree.com/texiao/css/1.htm代码如下,保存到HTML文件可以看到效果：   <!DOCTYPE html > <html > <head> <title>HoverTree
  • fastjson初始化对性能的影响 kane_xie fastjson序列化
    之前在项目中序列化是用thrift，性能一般，而且需要用编译器生成新的类，在序列化和反序列化的时候感觉很繁琐，因此想转到json阵营。对比了jackson，gson等框架之后，决定用fastjson，为什么呢，因为看名字感觉很快。。。   网上的说法：   fastjson 是一个性能很好的 Java 语言实现的 JSON 解析器和生成器，来自阿里巴巴的工程师开发。
  • 基于Mybatis封装的增删改查实现通用自动化sql mengqingyu DAO
    1.基于map或javaBean的增删改查可实现不写dao接口和实现类以及xml，有效的提高开发速度。 2.支持自定义注解包括主键生成、列重复验证、列名、表名等 3.支持批量插入、批量更新、批量删除 <bean id="dynamicSqlSessionTemplate" class="com.mqy.mybatis.support.Dynamic
  • js控制input输入框的方法封装(数字，中文，字母，浮点数等) qifeifei javascript js
    在项目开发的时候，经常有一些输入框，控制输入的格式，而不是等输入好了再去检查格式，格式错了就报错，体验不好。 /** 数字，中文，字母,浮点数(+/-/.) 类型输入限制，只要在input标签上加上 jInput="number,chinese,alphabet,floating" 备注：floating属性只能单独用*/     funct
  • java 计时器应用 tangqi609567707 javatimer
    mport java.util.TimerTask;   import java.util.Calendar;   public class MyTask extends TimerTask {        private static final int
  • erlang输出调用栈信息 wudixiaotie erlang
    在erlang otp的开发中，如果调用第三方的应用，会有有些错误会不打印栈信息，因为有可能第三方应用会catch然后输出自己的错误信息，所以对排查bug有很大的阻碍，这样就要求我们自己打印调用的栈信息。用这个函数：erlang:process_display (self (), backtrace).需要注意这个函数只会输出到标准错误输出。 也可以用这个函数：erlang:get_s
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他