gaoya7305
gaoya7305

十六、flex应用练习做淘宝按钮界面

目录：

  1. 目标
  2. 小技巧
  3. 实现
  4. 最终代码

一、目标：我们要做一个手机版本的淘宝网，蓝色框住的按钮这部分。

十六、flex应用练习做淘宝按钮界面_第1张图片

二、 小技巧：如何在网页上看手机版本的页面

  • 首先在网页上打开淘宝网，然后按F12，进入调试状态；（mac电脑要按出F12 - 长按fn - bar条上就自动显示F1 - F12 - 然后在点击）
  • 点击这个类似pad按钮，就可以切换成手机版本 -》 然后切换下成手机如iphone12 pro或者其他 -》 然后再点击顶部的刷新按钮 -》 接下来页面就会变成手机版的页面。 -》 观察你要做的页面；
十六、flex应用练习做淘宝按钮界面_第2张图片

三、实现

1.准备工作 - 搭骨架

先后顺序分别是：

  • 最外层容器nav；
  • 两行nav-inner;
  • 每行里面的按钮item;



    
    
    
    Document
十六、flex应用练习做淘宝按钮界面_第3张图片

2.优化

缺陷：我们发现即使在外层容器nav,设置了width:100%,右侧依然也有空白。
-这是因为我们设置了nav-inner 为弹性容器后，默认是没有弹性增长系数。 flex-grow 和flex可以去设置。

解决代码：

 /* 设置弹性元素 - 按钮 */
        .item{
            background-color: #bfa;
            /* 设置了这个后，里面元素会随着视口的宽度改变而自动改变，撑满 */
            flex:auto;
        }
十六、flex应用练习做淘宝按钮界面_第4张图片

3.优化item图片样式

缺陷：目前我们的item图片图标，过大，而且随视口大小的变化，也很大。item与item之间没有间隙。
- 这是因为我们设置了flex:auto; 会弹性增长来占空白区域，item对应被拉大。

解决代码：（步骤是按照1,2,3,4来操作的）

  /* 设置每一行的容器 */
        .nav-inner{
            /* 设置为弹性容器 */
            display: flex;
            /* 4. 设置主轴上的空白分布 */
            justify-content: space-around;
  
        }
        /* 设置弹性元素 - 按钮 */
        .item{
            background-color: #bfa;
            /*3. 一定要注释这句 */
            /* flex:auto; */

            /*2. 固定下item的宽度比例，让用户拖动改变视口时，图标大小都差不多符合视觉
            */
             /*这个值越小，item与item之间间隙空间越大
            */
            width:18%;
        }

        /* 防止图片撑大 */
        .item img{
            /* 1. 设置图片的宽度和父元素的宽度一样，所以设置width:100%  */
            width:100%;
        }
十六、flex应用练习做淘宝按钮界面_第5张图片

- item把背景颜色也去掉，最终的代码效果：

	  .nav-inner{
            display: flex;
            justify-content: space-around;
        }
        .item{
            width:18%;
        }
        .item img{
            width:100%;
        }
十六、flex应用练习做淘宝按钮界面_第6张图片

4. 图标下的添加文字span
十六、flex应用练习做淘宝按钮界面_第7张图片

5.调整字的样式 - 至此结束

  • 文字样式
  /* 设置a里面span文字的样式 */
        .item a{
            color:#333;
            font-size: 16px;
            text-decoration: none;
        }
  • 设置span文字的居中效果。
        .item{
            width:18%;
            /* span文字的居中要在item这个父类设置，否则无效 */
            text-align: center;
        }
十六、flex应用练习做淘宝按钮界面_第8张图片

四、最终代码

总结：

  • 通过设置弹性容器display:flex ，可以做到用户拖动改变视口，里面的图标大小自适应。
  • 对于弹性容器出现的空白，我们通过设置item宽度width:18%; 和 分配nav-inner 里面的空白主轴左右环绕 justify-content: space-around; 将多的空白，作为我们item与item之间的间隙。
  • 这样做的好处，可以控制item的大小不过于大，同时自适应。

你可能感兴趣的:(flex,练习)

  • RTX4090性能释放与优化全攻略 智能计算研究中心 其他
    内容概要作为NVIDIAAdaLovelace架构的巅峰之作，RTX4090凭借24GBGDDR6X显存与16384个CUDA核心，重新定义了4K光追游戏的性能边界。本文将从硬件特性与软件优化双重视角切入，系统解析其性能释放路径：首先通过3DMarkTimeSpyExtreme压力测试数据（99.3%稳定性得分）验证基础算力；其次结合DLSS3.0帧生成技术与Reflex低延迟模式，实测《赛博朋克
  • span标签垂直居中显示的正确方法 gys9895 htmlcss前端
    span标签居中显示的正确方法方法一：水平居中垂直居中必须加上display:block;否则不能居中显示，因为span是行内元素必须转换成块元素才会居中显示生效。方法二：利用flex布局display:flex;justify-content:center;//水平align-items:center;//垂直添加链接描述
  • JavaScript的学习6——jQuery 十五春会
    文章目录jQuery选择器按ID查找按tag查找按class查找按属性查找组合查找多项选择器练习层级选择器子选择器（ChildSelector）过滤器（Filter）表单相关练习查找和过滤操作DOM修改Text和HTML修改CSS显示和隐藏DOM获取DOM信息操作表单修改DOM结构添加DOM删除节点练习事件鼠标事件键盘事件其他事件事件参数取消绑定事件触发条件浏览器安全限制练习动画show/hide
  • 芯片时钟树结构（H-tree,Fishbone,FlexH,Mesh等）的对比、应用实例及未来趋势 赛卡 人工智能服务器云计算边缘计算
    引言在先进制程芯片设计中，时钟树综合（ClockTreeSynthesis,CTS）的优化程度直接影响芯片的时序收敛、功耗分布和面积利用率。随着工艺节点演进至5nm及以下，时钟网络的复杂性和设计约束呈现指数级增长。本文将深入解析H-tree、Fishbone、FlexHtree及Clockmesh四种主流时钟树结构的技术特性，结合服务器芯片、GPU及AI芯片的实战案例，并探讨主流EDA工具对CTS
  • 高安全可靠CAN FD芯片ASM1042的技术特性与应用前景 国科安芯 产品单片机嵌入式硬件架构fpga开发
    1.ASM1042简介ASM1042是国科安芯推出的一款高性能CANFD（CANwithFlexibleData-Rate）收发器芯片，专为高可靠性场景设计。该芯片基于ISO11898-2:2016和ISO11898-5:2007物理层标准开发，支持最高5Mbps的数据传输速率，适用于汽车、航天、军工及工业控制等领域。其核心特性包括：高耐压设计：总线保护电压最高达±70V（H型号），共模输入电压范
  • FLASK，ORM(mysql)，12条查询练习语句 毛毛是一只狗 《Python专栏》flaskORM
    ORM查询语句练习，创表数据在flask课件里，在我资源里可以下载查询所有用户数据查询有多少个用户查询第1个用户查询id为4的用户[3种方式]查询名字结尾字符为g的所有数据[开始/包含]查询名字不等于wang的所有数据[2种方式]查询名字和邮箱都以li开头的所有数据[2种方式]查询password是123456或者email以itheima.com结尾的所有数据查询id为[1,3,5,7,9]的用
  • CSDN每日一练 文盲老顾 算法每日一练
    每日一练不会做的题目n边形划分K树盗版解锁密码小豚鼠搬家清理磁盘空间待更新未能完全通过case的题目拯救爱情环形单向链表硬币的面值（CSDN已修改用例数据，2023-2-14）小计不会做的题目n边形划分练习题地址https://edu.csdn.net/skill/program/28790?practiceId=19348927题目名称：n边形划分时间限制：1000ms内存限制：256M题目描述
  • 账本 1.01 版本：样式优化升级分享 烂蜻蜓 html前端css
    在开发账本应用的过程中，持续的样式优化对于提升用户体验起着至关重要的作用。本次账本1.02版本着重对样式进行了全面优化，让应用在视觉上更加美观、操作上更加便捷。下面就为大家分享一些关键代码及优化思路。话不多说，先上效果图。一、整体布局优化在index.vue和add.vue中，整体布局都采用了flex布局方式。以index.vue为例：.container{display:flex;flex-di
  • 809政府平台H5无插件播放1078URL 毛三仙 视频播放vue.js
    809政府平台视频播放器接入指南背景政府平台播放JT/T1078-20166.2音视频流URL大都是通过Flex开发一个播放器完成，但Flash支持已经被大多数浏览器移除或阻止，需要一个新的方案来解决播放问题。我们开发了一个播放器，引用一个js即可简单实现H5无插件播放此URL，最少仅需3行代码。控件地址https://lib.cvtsp.com/video/CVNetVideoJs/1.3.0/
  • 【go语言圣经】习题答案 第一章 flying_elephant 研发管理go
    自己写了点gopl的练习题，发个答案大家共勉一下。有问题也请大佬指教。第一章练习题答案1.11.2打印命令行参数1.4打印重复出现的某行代码及其出现位置1.5替换gif图像颜色1.7使用io.Copy代替read方法get网页内容1.8为请求连接增添HTTPS前缀1.9获取HTTP返回的状态码1.11对每个URL执行两遍请求，查看两次时间是否有较大的差别，并且每次获取到的响应内容是否一致1.12修
  • 鸿蒙开发：自定义一个搜索模版
    前言代码案例基于Api13。在之前的文章中，我们简单分析了弹性布局Flex，并使用Flex实现了一个简单的流式布局，今天这篇文章，我们就结合搜索框，完成一个常见的搜索页面，具体的效果如下图所示：这样的一个模版，可以简单的分为，三个部分，分别是上边的搜索框，中间的历史搜索和下边的热门搜索，搜索框，我们直接可以使用系统的组件Search，历史搜索，由于是内容不一的搜索的内容，这里使用弹性布局Flex，
  • python语言字符串练习题 微__凉 习题集python开发语言numpy
    第1关：求字符串的长度任务描述本关需要你编写一个程序，输出字符串的长度。相关知识len()方法描述：Python中的len()方法返回对象（字符、列表、元组等）的长度。####编程要求comment:<>(“编程要求”部分说一下本关要解决的问题的具体要求，并给出相应代码的框架，以及要求学生填写的那一块)命令行随机输入一个字符串，输出其长度测试举例：测试输入：1234预期输出：4importmath
  • java字符串练习题_java练习题——字符串 阿呆java java
    一.动手动脑之String.equals()方法：判断s1和s2的内容相同s1.equals(s2)。判断s1和s2的地址相同s1==s2。二.整理String类的Length()、charAt()、getChars()、replace()、toUpperCase()、toLowerCase()、trim()、toCharArray()使用说明1、length()字符串的长度2、charAt()截
  • C语言：5.20程序练习题 异步的告白 C语言初学c语言开发语言
    打印一个菱形图案。程序分为两部分：上半部分和下半部分。上半部分打印一个逐渐增大的星号图案，下半部分打印一个逐渐缩小的星号图案。#includeintmain(){introw=5;//定义行数intt=2;for(inti=row;00;k--){putchar('');}for(intg=t-1;g>0;g--){putchar('*');}t=t+2;printf("\n");}t=t-4;f
  • python字符串练习题 DDD小小小宇宙 python例题pythonjavawindows
    python字符串练习题：1.有变量name="aleXleNb"完成如下操作：移除name变量对应的值两边的空格,并输出处理结果name="aleXleNb"s1=name.strip()print(s1)将name变量对应的值中所有的空格去除掉,并输出处理结果name="aleXleNb"s1=name.replace('','')print(s1)判断name变量是否以“al”开头,并输出结
  • AI大模型：教育行业的革新引擎 AI360labs_atyun 人工智能AIdeepseek
    凌晨两点，高中生小林对着数学卷子抓耳挠腮。她轻触桌面的全息投影，AI助手“DeepSeek-R1”立刻扫描题目：“这道几何题需要先构建辅助线，还记得昨天练习的相似三角形判定法吗？”随即调出3D动态演示，讲解着自己的解题思路。指导小林轻松愉快的完成了复杂的作业。我们再试想一下：深夜两点，某重点中学教师仍在伏案批改作业‌这在以前可能是教师职业的常态，但是随着AI的普及。借助DeepSeek大模型，教师
  • java基础之选择结构（if）、循环结构（for、while）篇 Rookie_lyj java基础java开发语言后端
    前言本章主要是对选择结构（if-else）、循环结构（for、while）的练习一、选择结构判断瑞年题目要求：闰年的条件是能被4整除，但不能被100整除；或能被400整除。思路：输入要判断的年份添加条件（条件1：能被4整除，但不能被100整除，条件2：能被400整除）数据结果publicclasstest{publicstaticvoidmain(Stringargs[]){Scannerscan
  • HarmonyOS鸿蒙开发实战（5.0）(Flex) 组件布局＞图片九宫格封装 让开，我要吃人了 OpenHarmonyHarmonyOS鸿蒙开发harmonyos华为鸿蒙移动开发开发语言鸿蒙系统android
    鸿蒙HarmonyOS开发实战往期必看文章：（持续更新......）HarmonyOSNEXT应用开发性能实践总结（持续更新......）HarmonyOSNEXT应用开发案例实践总结合集（持续更新......）一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！最新版！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）介绍本示例介绍使用(
  • 动手深度学习笔记（二十九）5.5. 读写文件 落花逐流水 pytorch实践pytorchpytorch
    动手深度学习笔记（二十九）5.5.读写文件5.深度学习计算5.5.读写文件5.5.1.加载和保存张量5.5.2.加载和保存模型参数5.5.3.小结5.5.4.练习5.深度学习计算5.5.读写文件到目前为止，我们讨论了如何处理数据，以及如何构建、训练和测试深度学习模型。然而，有时我们希望保存训练的模型，以备将来在各种环境中使用（比如在部署中进行预测）。此外，当运行一个耗时较长的训练过程时，最佳的做法
  • 算法练习——双指针算法(更新中) *TQK* 算法练习c++学习算法双指针
    一、介绍双指针算法双指针（或称为双索引）算法是一种高效的算法技巧，常用于处理数组或链表等线性数据结构。它通过使用两个指针来遍历数据，从而减少时间复杂度，避免使用嵌套循环。双指针算法在解决诸如查找、排序、去重等问题时非常有效。1.双指针算法的基本思想双指针算法的核心思想是通过两个指针（通常是索引）来遍历数组或链表，而不是使用嵌套循环。这两个指针可以是：快慢指针：一个指针移动速度比另一个快。左右指针：
  • mysql练习 夏炎正好眠 MySQLmysql数据库
    创建数据库db_ck，再创建表t_hero，将四大名著中的主要人物都插入这个表中，将实现过程中sql提交上上来1、创建数据库db_ckmysql>createdatabasedb_ck;2、创建表t_heromysql>usedb_ckDatabasechangedmysql>createtablet_hero(->idintprimarykeyauto_increment,->namevarch
  • 前端 - uniapp - - 滚动容器scroll-view实现横向滚动 cv高级工程师YKY uniapp前端uni-app
    微信开放平台scrol-view的官方文档说明https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.htmlscrollview相当于给div加上了overflow-x:auto;属性想要实现横线滚动官方文档有说明需要配置scroll-x和enable-flex为true并其需要给高度和flex-directi
  • chrome内核大版本升级涉及核心事项 ปรัชญา แค้วคำมูล chromec++性能优化
    Chrome内核（Chromium）大版本升级涉及多个核心事项，需要从技术、兼容性、安全、性能等多维度进行系统规划。以下是关键核心事项及应对策略：1.技术架构调整V8引擎升级：JavaScript引擎优化可能引入新语法支持（如ES新特性）、性能改进或GC机制调整，需验证业务代码兼容性。渲染引擎变更：Blink引擎的渲染逻辑调整可能导致页面布局差异（如CSSFlexbox/Grid实现变化），需全面
  • 异常控制流学习笔记——fork函数和wait函数 Lunapius
    初步理解异常控制流中调用fork函数和wait函数的错误处理在计算机系统中，异常有中断、陷阱、故障和终止四种类别，具体的内容我们不在此处展开，但是无论如何，当异常出现时，计算机系统都会对其进行处理，其大致流程如下图所示：作为初学者，我们平常练习时所编写的代码其实是极为朴素简单的，在代码中加入进行错误处理也不会导致程序难以阅读。但实际上，我们日常生活、工作生产中使用的大部分程序其实都是非常复杂的。当
  • java实验报告_java实验一实验报告 赵阿萌 java实验报告
    Java实验报告一：Java开发环境的熟悉20135315宋宸宁实验要求：1.使用JDK编译、运行简单的Java程序2.使用Eclipse编辑、编译、运行、调试Java程序实验内容(一)命令行下Java程序开发(二)Eclipse下Java程序开发、调试(三)练习(通过命令行和Eclipse两种方式实现，在Eclipse下练习调试程序)5.实现求正整数1-N之间所有质数的功能，并进行测试。实验过程
  • 2025年北京市海淀区信息奥赛真题解析（小学组） 热爱编程的通信人 c++白名单信息学奥赛
    欢迎大家订阅我的专栏：算法题解：C++与Python实现！本专栏旨在帮助大家从基础到进阶，逐步提升编程能力，助力信息学竞赛备战！专栏特色1.经典算法练习：根据信息学竞赛大纲，精心挑选经典算法题目，提供清晰的代码实现与详细指导，帮助您夯实算法基础。2.系统化学习路径：按照算法类别和难度分级，从基础到进阶，循序渐进，帮助您全面提升编程能力与算法思维。适合人群：准备参加蓝桥杯、GESP、CSP-J、CS
  • C语言每日一练——day_3（快速上手C语言） Run_Teenage C语言入门练习题c语言开发语言
    引言针对初学者，每日练习几个题，快速上手C语言。第三天。（会连续更新）采用在线OJ的形式什么是在线OJ？在线判题系统（英语：OnlineJudge，缩写OJ）是一种在编程竞赛中用来测试参赛程序的在线系统，也可以用于平时的练习。详细内容可以看一下这篇博客：关于C/C++语言的初学者在哪刷题，怎么刷题-CSDN博客https://blog.csdn.net/2401_88433210/article/
  • C语言每日一练——day_4 Run_Teenage C语言入门练习题c语言开发语言
    引言针对初学者，每日练习几个题，快速上手C语言。第四天。（连续更新中）采用在线OJ的形式什么是在线OJ？在线判题系统（英语：OnlineJudge，缩写OJ）是一种在编程竞赛中用来测试参赛程序的在线系统，也可以用于平时的练习。详细内容可以看一下这篇博客：关于C/C++语言的初学者在哪刷题，怎么刷题-CSDN博客https://blog.csdn.net/2401_88433210/article/
  • hive-3.1.3部署文档 CXH728 hivehadoop数据仓库
    提前准备一个正常运行的hadoop集群java环境hive安装包下载地址：https://archive.apache.org/dist/hive/hive-3.1.3/apache-hive-3.1.3-bin.tar.gzmysql安装包1、内嵌模式由于内嵌模式使用场景太少（基本不用），所以仅练习安装查看基础功能[root@master~]#tarxfapache-hive-3.1.3-bin
  • python小练习，计算并显示正整数 n 的所有因子及因子的个数，其中 n 的值键盘输入。 D.Leo python
    计算并显示正整数n的所有因子及因子的个数，其中n的值键盘输入。n=eval(input('请输入正整数n='))a=[]print('%d的因子为：'%n)foriinrange(1
  • 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其他