前端加油
前端加油

CSS（四）|页面布局之盒子模型

CSS（四）|页面布局之盒子模型_第1张图片

01.盒子模型

在这里插入图片描述
1.1看透网页布局的本质
CSS（四）|页面布局之盒子模型_第2张图片
1.2盒子模型（Box Modle）组成
CSS（四）|页面布局之盒子模型_第3张图片
CSS（四）|页面布局之盒子模型_第4张图片
CSS（四）|页面布局之盒子模型_第5张图片
1.3边框（border）
CSS（四）|页面布局之盒子模型_第6张图片
CSS（四）|页面布局之盒子模型_第7张图片
CSS（四）|页面布局之盒子模型_第8张图片
CSS（四）|页面布局之盒子模型_第9张图片
CSS（四）|页面布局之盒子模型_第10张图片
CSS（四）|页面布局之盒子模型_第11张图片
CSS（四）|页面布局之盒子模型_第12张图片
CSS（四）|页面布局之盒子模型_第13张图片
CSS（四）|页面布局之盒子模型_第14张图片
CSS（四）|页面布局之盒子模型_第15张图片
1.4表格的细线边框
CSS（四）|页面布局之盒子模型_第16张图片
CSS（四）|页面布局之盒子模型_第17张图片
第一个图没有合并相邻的边框
CSS（四）|页面布局之盒子模型_第18张图片

1.5边框会影响盒子实际大小
CSS（四）|页面布局之盒子模型_第19张图片
CSS（四）|页面布局之盒子模型_第20张图片
CSS（四）|页面布局之盒子模型_第21张图片
1.6内边距（padding）
CSS（四）|页面布局之盒子模型_第22张图片
CSS（四）|页面布局之盒子模型_第23张图片
CSS（四）|页面布局之盒子模型_第24张图片
CSS（四）|页面布局之盒子模型_第25张图片
在这里插入图片描述
CSS（四）|页面布局之盒子模型_第26张图片
CSS（四）|页面布局之盒子模型_第27张图片
CSS（四）|页面布局之盒子模型_第28张图片
CSS（四）|页面布局之盒子模型_第29张图片
案例：新浪导航案例-paddind影响盒子好处
CSS（四）|页面布局之盒子模型_第30张图片
CSS（四）|页面布局之盒子模型_第31张图片
CSS（四）|页面布局之盒子模型_第32张图片
CSS（四）|页面布局之盒子模型_第33张图片
在这里插入图片描述
案例：小米导航案例修改-padding影响盒子大小计算
在这里插入图片描述
CSS（四）|页面布局之盒子模型_第34张图片
CSS（四）|页面布局之盒子模型_第35张图片
如果盒子本身没有指定width/height属性，则此时padding不会撑开盒子大小。

CSS（四）|页面布局之盒子模型_第36张图片
CSS（四）|页面布局之盒子模型_第37张图片
1.7外边距（margin）
CSS（四）|页面布局之盒子模型_第38张图片
CSS（四）|页面布局之盒子模型_第39张图片
CSS（四）|页面布局之盒子模型_第40张图片

CSS（四）|页面布局之盒子模型_第41张图片
1.8外边距典型应用
CSS（四）|页面布局之盒子模型_第42张图片
CSS（四）|页面布局之盒子模型_第43张图片
CSS（四）|页面布局之盒子模型_第44张图片
CSS（四）|页面布局之盒子模型_第45张图片
CSS（四）|页面布局之盒子模型_第46张图片
1.9外边距合并

CSS（四）|页面布局之盒子模型_第47张图片
CSS（四）|页面布局之盒子模型_第48张图片
CSS（四）|页面布局之盒子模型_第49张图片
1.10清除内外边距
CSS（四）|页面布局之盒子模型_第50张图片
CSS（四）|页面布局之盒子模型_第51张图片
CSS（四）|页面布局之盒子模型_第52张图片

02.PS基本操作

CSS（四）|页面布局之盒子模型_第53张图片
CSS（四）|页面布局之盒子模型_第54张图片

03.综合案例

案例1：产品模块
CSS（四）|页面布局之盒子模型_第55张图片
CSS（四）|页面布局之盒子模型_第56张图片
CSS（四）|页面布局之盒子模型_第57张图片
CSS（四）|页面布局之盒子模型_第58张图片
CSS（四）|页面布局之盒子模型_第59张图片
CSS（四）|页面布局之盒子模型_第60张图片
案例2：快报模块
CSS（四）|页面布局之盒子模型_第61张图片
CSS（四）|页面布局之盒子模型_第62张图片
CSS（四）|页面布局之盒子模型_第63张图片
CSS（四）|页面布局之盒子模型_第64张图片
CSS（四）|页面布局之盒子模型_第65张图片
CSS（四）|页面布局之盒子模型_第66张图片
CSS（四）|页面布局之盒子模型_第67张图片
CSS（四）|页面布局之盒子模型_第68张图片

04.圆角边框（重点）

CSS（四）|页面布局之盒子模型_第69张图片
CSS（四）|页面布局之盒子模型_第70张图片
CSS（四）|页面布局之盒子模型_第71张图片
CSS（四）|页面布局之盒子模型_第72张图片
CSS（四）|页面布局之盒子模型_第73张图片

05.盒子阴影（重点）

CSS（四）|页面布局之盒子模型_第74张图片
blur模糊距离（虚实效果）
CSS（四）|页面布局之盒子模型_第75张图片
CSS（四）|页面布局之盒子模型_第76张图片
CSS（四）|页面布局之盒子模型_第77张图片

06.文字阴影

CSS（四）|页面布局之盒子模型_第78张图片
CSS（四）|页面布局之盒子模型_第79张图片在这里插入图片描述

你可能感兴趣的:(前端笔记,前端学习)

  • 什么是解释型语言？什么又是编译型语言？ Aress" web前端开发学习html前端编译器编程语言
    什么是解释型语言？什么又是编译型语言？前言一、源代码的执行方式二、编译器三、执行原理二者的区别编译型语言解释型语言前言本文章主要知识来自于Python编程基础的“编译型语言和解释型语言的区别”一节，原文来自C语言中文网网上的相关描述已经够多了，本文作为前端学习系列专题的一个知识拓展只是为了宝贝们在该专题进行知识查阅时更为方便示例代码示例代码：我是解释型语言helloworld！例：.html或.h
  • 你好，我是冴羽，我写了一套《前端大佬成长之路》
    你好，我是冴羽。这么正式的开头说明我有了一个大动作。是的，我创建了自己的知识星球：“冴羽·前端大佬成长之路”。重点一：新的一年，我会在知识星球更新一套“前端大佬成长之路”的课程。包含目标规划篇、学习方法篇、前端学习篇、个人管理篇、职场发展篇、面试技巧篇、健康养生篇共7大篇章、40节文章。总结了我近十年的工作生活经验，让大家少走一些弯路，节省一些时间。重点二：但是帮助你全面成长，一套课程是不够的，必
  • 前端学习——CSS+JS实现进度条动画 younger_LF 前端（HTML+CSS+JS）CSSJS进度条动画
    CSS+JS实现进度条动画之前学习了导航条，那现在就来学习一下进度条。本次的学习试着写了两种风格的进度条，一种是圆点，一种是传统的条状。如下图：简单介绍一下，点击按钮之后，圆点的效果是蓝色部分从零开始变大，到充满了整个父标签，从左向右进行；传统条状的效果就单纯的从左向右进行。由于有光晕的效果，父标签应该允许溢出部分显示。再次点击按钮就重置为原来的样子。话不多说，直接开始。HTML部分HTML部分很
  • 前端学习——CSS3实现时钟效果 younger_LF 前端（HTML+CSS+JS）CSS动画时钟效果
    CSS3实现时钟效果最近想开始认真学习，然后想把学习记录下来，就写在博客这里了。最先是用CSS实现的是一个时钟的效果，如下图：实现效果1.圆盘说到时钟，肯定最先想到的是一个圆，所以就从一个圆开始。先写一个div，然后给相关的样式.clock{position:absolute;width:250px;height:250px;left:50%;top:50%;transform:translate
  • 前端学习——css照片墙 野生小米椒 三大基础语言
    照片墙案例body{background-color:gray;/*背景色*/text-align:center;/*照片居中*/}img{width:12%;/*设置高度*/padding:10px;/*设置内边距*/background-color:white;/*设置照片背景色*/transform:rotate(-10deg);/*设置倾斜角度*/margin:20px;/*设置内边距*/
  • 前端学习——CSS W起名有点难 学习笔记前端学习css
    CSSCSS（CascadingStyleSheets）级联样式表语法选择器全局选择器元素选择器类选择器ID选择器合并选择器选择器的优先级字体属性字体颜色背景属性background-color属性background-image属性background-repeat属性background-size属性background-position属性文本属性text-aligntext-decorat
  • 大事件开发 - 前端学习笔记 我只是什么都不会而已 前端学习笔记
    1.环境准备1.1创建Vue项目使用vite创建Vue3工程。目录结构调整，确保清晰的项目结构。1.2安装依赖npminstallaxioselement-plussassElement-Plus：UI组件库Axios：HTTP请求库Sass：CSS预处理器2.前后端连接（以注册功能为例）2.1搭建注册页面使用Element-Plus组件搭建注册表单。（就是前端一些样式和组件的代码可以从Eleme
  • 前端笔记：vscode Vue nodejs npm 彳亍261 前端vscode
    1VSCode终端中默认cmd默认使用cmd(CommandPrompt),不使用PowerShell解决方式：【vscode配置】：vscode配置终端为cmd1命令面板（Ctrl+shift+p）2输入Terminal:SelectDefaultProfile之后回车3选择cmd(CommandPrompt)即可2npm镜像源配置在中国使用npm时，由于网络问题，经常需要配置镜像源以提高下载速
  • [前端笔记——HTML介绍] 3.＜head＞标签里有什么？ 弓早早o_O 前端#前端html
    [前端笔记——HTML介绍]3.head标签里有什么？1.标题2.元数据：元素3.在站点增加自定义图标4.HTML中应用CSS和JavaScript5.为文档设定主语言元素的内容不会再浏览器中显示，它的作用是保存页面的一些元数据。接下来介绍几个head中重要的常用元素：1.标题元素可以为文档添加标题。注意和的区别：元素在页面加载完毕时显示在页面中，是为body添加标题的，通常只出现一次，用来标记页
  • 前端入门HTML篇 JackHell. 前端学习前端html
    前端学习HTML篇[W3school：https://www.w3school.com.cn/html/index.asp]HTML是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建web页面。html是制作网页的基础，我们在网络营销中讲的静态网页，就是以html为基础制作的网页。//src为属性名"photo.jpg"为属性值页面标题一级标题二级标题段落内容标签是什
  • 前端学习——HTML W起名有点难 学习笔记前端学习html
    VSCode常用快捷键代码格式化：Shift+Alt+F向上或向下移动一行：Alt+Up或Alt+Down快速复制一行代码：Shift+Alt+Up或者Shift+Alt+Down快速替换：Ctrl+HHTML标签文本标签定义着重文字定义粗体文字定义斜体文字加重语气删除字无特定含义列表标签1、有序列表//type可以改变列表项目标签//1：用数字标号；A：用大写字母标号；a：用小写字母标号；i：小
  • 前端学习资料集合 mdnbnb 前端
    针对前端的学习，不同阶段采用的方式是不一样的。本文把前端的学习分为入门、实战、进阶三个阶段。下面分开来说一、入门阶段入门阶段的目标是学会前端的基本语法和知识，能够解决一些简单的问题。这个阶段不建议看书学习，效率太慢。这个阶段不追求知识广度，只要求能够快速上手就行。建议直接找一些介绍前端的基础知识的视频课程来看。推荐一个比较经典的课程。前端基础班就业班实战项目全套课程聊聊前端开发的基础知识4小时带你
  • 你好，我是冴羽，我写了一套《前端大佬成长之路》
    你好，我是冴羽。这么正式的开头说明我有了一个大动作。是的，我创建了自己的知识星球：“冴羽·前端大佬成长之路”。重点一：新的一年，我会在知识星球更新一套“前端大佬成长之路”的课程。包含目标规划篇、学习方法篇、前端学习篇、个人管理篇、职场发展篇、面试技巧篇、健康养生篇共7大篇章、40节文章。总结了我近十年的工作生活经验，让大家少走一些弯路，节省一些时间。重点二：但是帮助你全面成长，一套课程是不够的，必
  • 前端学习Day4 CSS基础笔记 Yukukiii 前端css学习
    目标能够说出什么是CSS能够使用CSS基础选择器能够设置字体样式能够设置文本样式能够说出CSS的三种引入方式能够使用Chrome调试工具调试样式CSS:层叠样式表(Cascadingstylesheets)语法：写在head里面p{color:brown;//文字变色font-size:30px;//字变大background-color:blue;//背景色为蓝色width:400px;heig
  • 2022年9月前端学习笔记 早日退休！ 前端学习html5前端
    目录2022.09.011、overflow:auto;2、封装通用axios返回值类型3、vite构建的vue3项目适配移动端4、使用vue3+vite+TypeScript搭建新项目1.新建项目2.配置vue-router43.配置vuex45、深拷贝和浅拷贝1.浅拷贝2.深拷贝2022.09.021、同步与异步2、事件循环eventloop3、遇到的坑：vue中给点击事件@click使用三元
  • 【前端学习笔记】Vue3 咔叽布吉 前端学习前端学习笔记
    一、Vue3新变化Vue3相比于Vue2做了很多改进，不仅提升了性能，还引入了一些新的功能，使得开发更加高效、灵活。1.性能提升Vue3在性能方面做了大量的优化，尤其是在渲染和更新方面，主要通过以下几个方式提升：更快的虚拟DOM：Vue3的虚拟DOM实现进行了优化，减少了不必要的渲染和更新，提高了性能。TreeShaking：Vue3在构建时支持更好的TreeShaking（摇树优化），即只打包你
  • 【前端学习笔记】Vite 咔叽布吉 前端学习前端学习笔记
    1.ViteVite是一个现代前端构建工具，旨在通过提供快速的开发体验和高效的构建性能来解决传统构建工具（如Webpack）在开发过程中的瓶颈。Vite的核心思想是通过利用浏览器原生的模块系统（ESModules）以及对构建过程进行优化，从而大大提升开发和构建的效率。Vite详细解读Vite是一个现代前端构建工具，旨在通过提供快速的开发体验和高效的构建性能来解决传统构建工具（如Webpack）在开
  • github项目推荐：少儿图形化编程启蒙游戏 橙狮科技 github大前端typescriptjavascript前端框架
    介绍codeABC是一个少儿编程启蒙项目，包括6个编程主题，每个主题包括超过20个关卡，typescript编写，基于Phaser游t戏引擎（https://github.com/photonstorm/phaser）,不错的前端学习项目。纯web开发，可以发布为网页或APP。github仓库https://github.com/techtogood/CodeABC在线体验ffmagic.com/
  • web前端学习7-css动画过渡 修罗_ web前端新手必看16篇css3css
    学习7-css动画过渡css使用过渡p{/*初始属性*/width:100px;height:100px;background-color:#00FFFF;}p:hover{/*间接过渡法-鼠标经过区域会显示为以下属性*/width:200px;height:200px;background-color:#FF0000;transition-delay:1s;/*1秒后执行过渡*/transiti
  • 前端学习-事件委托（三十） marshalVS 学习
    目录前言课前思考for循环注册事件语法事件委托1.事件委托的好处是什么?2.事件委托是委托给了谁，父元素还是子元素3.如何找到真正触发的元素示例代码总结前言才子佳人，自是白衣卿相课前思考1.如果同时给多个元素注册事件，我们怎么做的?for循环注册事件语法constlis=document.querySelectorAll('ulli');for(leti=0;i​Document.highligh
  • 【前端学习路线】- 简 呀啊~~ 前端学习react.jsvue.js前端框架javascript
    前端学习路线1.前端开发概述1.1前端的定义与重要性1.2前端技术的演变历程1.3前端开发的核心技能要求2.前端框架总览2.1什么是前端框架？2.2前端框架的分类2.3选择框架时的考虑因素3.主流前端框架及其特点3.1React3.2Vue4.前端开发工具与技术栈4.1开发工具4.2构建工具4.3包管理工具4.4版本控制4.5自动化与CI/CD4.6API请求与数据管理5.前端开发学习路线5.1初
  • 前端学习：Axios Http请求库入门与实战应用 Landy_Jay http网络协议网络
    什么是Promise？Promise是一个表示异步操作最终完成或失败的对象。它允许你更优雅地处理异步操作，避免回调地狱（CallbackHell）。特点：异步性：Promise代表一个异步操作的最终完成或失败。不可更改：一旦Promise的状态确定为成功（resolved）或失败（rejected），它就不会再改变。链式调用：可以将多个异步操作按顺序排列，形成链式调用。Promise的基本状态一个
  • 前端学习-事件解绑，mouseover和mouseenter的区别(二十九) marshalVS 前端学习
    目录前言解绑事件语法鼠标经过事件的区别鼠标经过事件示例代码两种注册事件的区别总结前言人道洛阳花似锦，偏我来时不逢春解绑事件on事件方式，直接使用null覆盖就可以实现事件的解绑语法btn.onclick=function(){alert('点击了')}btn.onclick=null;constben=document.querySelector('button');ben.addEventLis
  • 前端学习-环境this对象以及回调函数（二十七） marshalVS 学习javascript前端
    目录前言目标环境对象作用环境对象this是什么？判断this指向的粗略规则是什么？回调函数目标常见的使用场景综合案例：Tab任务栏切换总结前言男儿何不带吴钩，收取关山五十州目标能够分析判断函数运行在不同环境中this所指代的对象环境对象指的是函数内部特殊的变量this，它代表当前函数运行时所处的环境作用弄清楚this的指向，可以使代码更简洁函数的调用方式不同，this所指代的对象不同[谁调用，th
  • 免费开源的后端API服务-supabase安装和使用-简直是前端学习者福音 前端三评 strapiAjax工具开源前端supabase
    文章目录它是什么安装和部署关于安装关于部署1、注册用户2、创建组织3、创建项目创建数据库表（填充内容）填充数据库表使用postman联调API它是什么一个开源免费的后端框架，firebase的替代品。可以简单理解类似于headlesscms，但是不仅仅只提供内容，它还集成了服务订阅、即时API，用户身份认证（包括第三方身份认证，比如使用github、Google等账号实现快速登录和注册）、边缘函数
  • 小白WEB前端学习（七） Sun ᥫᩣ涵 WEB前端前端学习
    续：小白WEB前端学习（六）继续学习CSS（五）8.响应式布局：响应式布局意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式1.响应式布局介绍：优点:面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点:兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长手机:76899212482.media媒体查询HTML标签字号手机屏幕大小不同，分辨率不同如何设置不同的htm
  • 小白WEB前端学习（五） Sun ᥫᩣ涵 WEB前端前端学习
    续：小白WEB前端学习（四）继续正式学习CSS（三）6.float布局！主要用于左右做图片，右文字的题目标准流标准流也叫文档流，指的是标签在页面中默认的排布规则，使⼀个元素脱离标准文档流有三种方式1.浮动2.绝对定位3.固定定位例如:块元素独占一行，行内元素可以一行显示多个。浮动作用：让块元素水平排列属性名：float属性值：left和right浮动后会脱离标准流，等于开了一个新的页面，内容在的话
  • Web前端学习重点笔记 HeHolly 前端学习笔记
    第一章：Web前端开发技术综述第二章：HTML基础第三章：格式化文本与段落标记：标题字标记：大——小字体标记：水平线标记：段落缩进标记：默认5个字符位置拼音标记：何(he)原样显示标记：特殊符号：显示结果说明符号代码空格 >大于号>加粗倾斜删除线下划线上标下标加粗倾斜变小字号变大字号第四章：列表有序列表……type="1(默认)|A|a|i|I"无序列表……type="disc(默
  • 前端-从入门到入土
    前端学习路线基础部分（HTML+CSS+JS入门）快速了解，能够进行简单的页面布局，交互JS部分，可以写一些小demo来熟悉常见的API推荐教程：https://www.bilibili.com/video/BV1BT4y1W7Aw/?spm_id_from=333....框架部分这里推荐Vue框架，相对React会更容易上手，并且中文文档也相对友好推荐教程：https://www.bilibil
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • 枚举的构造函数中抛出异常会怎样 bylijinnan javaenum单例
    首先从使用enum实现单例说起。 为什么要用enum来实现单例？ 这篇文章（ http://javarevisited.blogspot.sg/2012/07/why-enum-singleton-are-better-in-java.html）阐述了三个理由： 1.enum单例简单、容易，只需几行代码： public enum Singleton { INSTANCE;
  • CMake 教程 aigo C++
    转自：http://xiang.lf.blog.163.com/blog/static/127733322201481114456136/   CMake是一个跨平台的程序构建工具，比如起自己编写Makefile方便很多。 介绍：http://baike.baidu.com/view/1126160.htm 本文件不介绍CMake的基本语法，下面是篇不错的入门教程： http:
  • cvc-complex-type.2.3: Element 'beans' cannot have character Cb123456 springWebgis
      cvc-complex-type.2.3: Element 'beans' cannot have character     Line 33 in XML document from ServletContext resource [/WEB-INF/backend-servlet.xml] is i
  • jquery实例:随页面滚动条滚动而自动加载内容 120153216 jquery
    <script language="javascript"> $(function (){ var i = 4;$(window).bind("scroll", function (event){ //滚动条到网页头部的 高度，兼容ie,ff,chrome var top = document.documentElement.s
  • 将数据库中的数据转换成dbs文件 何必如此 sqldbs
    旗正规则引擎通过数据库配置器（DataBuilder）来管理数据库，无论是Oracle，还是其他主流的数据都支持，操作方式是一样的。旗正规则引擎的数据库配置器是用于编辑数据库结构信息以及管理数据库表数据，并且可以执行SQL 语句，主要功能如下。 1)数据库生成表结构信息：         主要生成数据库配置文件(.conf文
  • 在IBATIS中配置SQL语句的IN方式 357029540 ibatis
    在使用IBATIS进行SQL语句配置查询时，我们一定会遇到通过IN查询的地方，在使用IN查询时我们可以有两种方式进行配置参数：String和List。具体使用方式如下： 1.String:定义一个String的参数userIds，把这个参数传入IBATIS的sql配置文件，sql语句就可以这样写： <select id="getForms" param
  • Spring3 MVC 笔记（一） 7454103 springmvcbeanRESTJSF
             自从 MVC 这个概念提出来之后 struts1.X  struts2.X   jsf 。。。。。 这个view 层的技术一个接一个！ 都用过！不敢说哪个绝对的强悍！ 要看业务，和整体的设计！      最近公司要求开发个新系统！
  • Timer与Spring Quartz 定时执行程序 darkranger springbean工作quartz
    有时候需要定时触发某一项任务。其实在jdk1.3，java sdk就通过java.util.Timer提供相应的功能。一个简单的例子说明如何使用，很简单： 1、第一步，我们需要建立一项任务，我们的任务需要继承java.util.TimerTask package com.test; import java.text.SimpleDateFormat; import java.util.Date;
  • 大端小端转换，le32_to_cpu 和cpu_to_le32 aijuans C语言相关
    大端小端转换，le32_to_cpu 和cpu_to_le32  字节序 http://oss.org.cn/kernel-book/ldd3/ch11s04.html         小心不要假设字节序. PC 存储多字节值是低字节为先(小端为先, 因此是小端), 一些高级的平台以另一种方式(大端)
  • Nginx负载均衡配置实例详解 avords
    [导读] 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。负载均衡先来简单了解一下什么是负载均衡，单从字面上的意思来理解就可以解 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。 负载均衡 先来简单了解一下什么是负载均衡
  • 乱说的 houxinyou 框架敏捷开发软件测试
    从很久以前，大家就研究框架，开发方法，软件工程，好多！反正我是搞不明白！ 这两天看好多人研究敏捷模型，瀑布模型！也没太搞明白. 不过感觉和程序开发语言差不多， 瀑布就是顺序，敏捷就是循环. 瀑布就是需求、分析、设计、编码、测试一步一步走下来。而敏捷就是按摸块或者说迭代做个循环，第个循环中也一样是需求、分析、设计、编码、测试一步一步走下来。 也可以把软件开发理
  • 欣赏的价值——一个小故事 bijian1013 有效辅导欣赏欣赏的价值
    　　第一次参加家长会，幼儿园的老师说："您的儿子有多动症，在板凳上连三分钟都坐不了，你最好带他去医院看一看。"　　回家的路上，儿子问她老师都说了些什么，她鼻子一酸，差点流下泪来。因为全班30位小朋友，惟有他表现最差；惟有对他，老师表现出不屑，然而她还在告诉她的儿子："老师表扬你了，说宝宝原来在板凳上坐不了一分钟，现在能坐三分钟。其他妈妈都非常羡慕妈妈，因为全班只有宝宝
  • 包冲突问题的解决方法 bingyingao eclipsemavenexclusions包冲突
    包冲突是开发过程中很常见的问题： 其表现有： 1.明明在eclipse中能够索引到某个类，运行时却报出找不到类。 2.明明在eclipse中能够索引到某个类的方法，运行时却报出找不到方法。 3.类及方法都有，以正确编译成了.class文件，在本机跑的好好的，发到测试或者正式环境就 抛如下异常： java.lang.NoClassDefFoundError: Could not in
  • 【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j bit1129 Stream
    先来一段废话： 实际工作中，业务系统的日志基本上是使用Log4j写入到日志文件中的，问题的关键之处在于业务日志的格式混乱，这给对日志文件中的日志进行统计分析带来了极大的困难，或者说，基本上无法进行分析，每个人写日志的习惯不同，导致日志行的格式五花八门，最后只能通过grep来查找特定的关键词缩小范围，但是在集群环境下，每个机器去grep一遍，分析一遍，这个效率如何可想之二，大好光阴都浪费在这上面了
  • sudoku solver in Haskell bookjovi sudokuhaskell
    这几天没太多的事做，想着用函数式语言来写点实用的程序，像fib和prime之类的就不想提了（就一行代码的事），写什么程序呢？在网上闲逛时发现sudoku游戏，sudoku十几年前就知道了，学生生涯时也想过用C/Java来实现个智能求解，但到最后往往没写成，主要是用C/Java写的话会很麻烦。   现在写程序，本人总是有一种思维惯性，总是想把程序写的更紧凑，更精致，代码行数最少，所以现
  • java apache ftpClient bro_feng java
    最近使用apache的ftpclient插件实现ftp下载，遇见几个问题，做如下总结。 1. 上传阻塞，一连串的上传，其中一个就阻塞了，或是用storeFile上传时返回false。查了点资料，说是FTP有主动模式和被动模式。将传出模式修改为被动模式ftp.enterLocalPassiveMode();然后就好了。 看了网上相关介绍，对主动模式和被动模式区别还是比较的模糊，不太了解被动模
  • 读《研磨设计模式》-代码笔记-工厂方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 工厂方法模式：使一个类的实例化延迟到子类 * 某次，我在工作不知不觉中就用到了工厂方法模式（称为模板方法模式更恰当。2012-10-29）： * 有很多不同的产品，它
  • 面试记录语 chenyu19891124 招聘
    或许真的在一个平台上成长成什么样，都必须靠自己去努力。有了好的平台让自己展示，就该好好努力。今天是自己单独一次去面试别人，感觉有点小紧张，说话有点打结。在面试完后写面试情况表，下笔真的好难，尤其是要对面试人的情况说明真的好难。 今天面试的是自己同事的同事，现在的这个同事要离职了，介绍了我现在这位同事以前的同事来面试。今天这位求职者面试的是配置管理，期初看了简历觉得应该很适合做配置管理，但是今天面
  • Fire Workflow 1.0正式版终于发布了 comsci 工作workflowGoogle
    Fire Workflow 是国内另外一款开源工作流，作者是著名的非也同志，哈哈.... 官方网站是 http://www.fireflow.org 经过大家努力,Fire Workflow 1.0正式版终于发布了 正式版主要变化: 1、增加IWorkItem.jumpToEx(...)方法，取消了当前环节和目标环节必须在同一条执行线的限制，使得自由流更加自由 2、增加IT
  • Python向脚本传参 daizj python脚本传参
    如果想对python脚本传参数，python中对应的argc, argv(c语言的命令行参数)是什么呢？ 需要模块：sys 参数个数：len(sys.argv) 脚本名：    sys.argv[0] 参数1：     sys.argv[1] 参数2：     sys.argv[
  • 管理用户分组的命令gpasswd dongwei_6688 passwd
    NAME： gpasswd - administer the /etc/group file SYNOPSIS： gpasswd group gpasswd -a user group gpasswd -d user group gpasswd -R group gpasswd -r group gpasswd [-A user,...] [-M user,...] g
  • 郝斌老师数据结构课程笔记 dcj3sjt126com 数据结构与算法
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  • yii2 cgridview加上选择框进行操作 dcj3sjt126com GridView
    页面代码 <?=Html::beginForm(['controller/bulk'],'post');?> <?=Html::dropDownList('action','',[''=>'Mark selected as: ','c'=>'Confirmed','nc'=>'No Confirmed'],['class'=>'dropdown',])
  • linux mysql fypop linux
    enquiry mysql version in centos linux yum list installed | grep mysql yum -y remove mysql-libs.x86_64 enquiry mysql version in yum repositoryyum list | grep mysql oryum -y list mysql* install mysq
  • Scramble String hcx2013 String
    Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrings recursively. Below is one possible representation of s1 = "great":
  • 跟我学Shiro目录贴 jinnianshilongnian 跟我学shiro
    历经三个月左右时间，《跟我学Shiro》系列教程已经完结，暂时没有需要补充的内容，因此生成PDF版供大家下载。最近项目比较紧，没有时间解答一些疑问，暂时无法回复一些问题，很抱歉，不过可以加群（334194438/348194195）一起讨论问题。     ----广告-----------------------------------------------------
  • nginx日志切割并使用flume-ng收集日志 liyonghui160com
         nginx的日志文件没有rotate功能。如果你不处理，日志文件将变得越来越大，还好我们可以写一个nginx日志切割脚本来自动切割日志文件。第一步就是重命名日志文件，不用担心重命名后nginx找不到日志文件而丢失日志。在你未重新打开原名字的日志文件前，nginx还是会向你重命名的文件写日志，linux是靠文件描述符而不是文件名定位文件。第二步向nginx主
  • Oracle死锁解决方法 pda158 oracle
    　select p.spid,c.object_name,b.session_id,b.oracle_username,b.os_user_name from v$process p,v$session a, v$locked_object b,all_objects c where p.addr=a.paddr and a.process=b.process and c.object_id=b.
  • java之List排序 shiguanghui list排序
       在Java Collection Framework中定义的List实现有Vector，ArrayList和LinkedList。这些集合提供了对对象组的索引访问。他们提供了元素的添加与删除支持。然而，它们并没有内置的元素排序支持。 　　你能够使用java.util.Collections类中的sort()方法对List元素进行排序。你既可以给方法传递
  • servlet单例多线程 utopialxw 单例多线程servlet
    转自http://www.cnblogs.com/yjhrem/articles/3160864.html 和   http://blog.chinaunix.net/uid-7374279-id-3687149.html Servlet 单例多线程 Servlet如何处理多个请求访问？Servlet容器默认是采用单实例多线程的方式处理多个请求的：1.当web服务器启动的
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他