少年歌行s
少年歌行s

【前端】CSS入门第二天

案例1：

  1. 绘制3个变长为20px的正方形，颜色分别为 green black white
  2. 最外层盒子给阴影 颜色purple，XY轴各偏移10px，模糊度10px
【前端】CSS入门第二天_第1张图片 

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<style>
    .box {
        width: 100px;
        height: 100px;
        border-radius: 15px;
        background-color: pink;
        box-shadow: purple 10px 10px 10px;
    }

    .square1 {
        width: 20px;
        height: 20px;
        background-color: green;
    }

    .square2 {
        width: 20px;
        height: 20px;
        background-color: black;
    }

    .square3 {
        width: 20px;
        height: 20px;
        background-color: white;
    }
style>

<body>
    <div class="box">
        <div class="square1">div>
        <div class="square2">div>
        <div class="square3">div>
    div>
body>

html>

知识点：

  • 盒子阴影 box-shadow: X轴偏移度 Y轴偏移度 模糊度 模糊范围
  • 明白 div 是块状元素，正常情况下无法排列在同一行

案例2：

  1. 利用通配符去除页面预设样式
  2. 使三个正方形在同一行排列
  3. 水平且垂直居中
【前端】CSS入门第二天_第2张图片 

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<style>
    /* 通配符 */
    * {
        margin: 0;
    }

    .box {
        width: 100px;
        height: 100px;
        border-radius: 15px;
        background-color: pink;
        box-shadow: purple 10px 10px 10px;
    }

    .squareBox {
        /* 专有名词叫弹性布局，是最常用的布局之一 */
        display: flex;
        flex-direction: row;
        /* 下面两行代码实现水平垂直居中 */
        justify-content: center;
        align-items: center;
    }

    .square1 {
        width: 20px;
        height: 20px;
        background-color: green;
    }

    .square2 {
        width: 20px;
        height: 20px;
        background-color: black;
    }

    .square3 {
        width: 20px;
        height: 20px;
        background-color: white;
    }
style>

<body>
    <div class="box">
        <div class="squareBox">
            <div class="square1">div>
            <div class="square2">div>
            <div class="square3">div>
        div>
    div>
body>

html>

知识点：

  • 通配符
  • 弹性布局 display: flex
  • 水平垂直居中的代码公式
.父盒子{
	display: flex;
	justify-content: center;
	align-items: center;
}

思考：

  1. 如何让三个正方形在盒子中水平居中显示？
  2. 如何让三个盒子间距合适的平铺在同一列？

提示：

  • 去MDN、菜鸟教程搜搜看
  • 第二个问题跟 justify-content 的一个属性值有关

最终实现效果：

【前端】CSS入门第二天_第3张图片

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

  • 仿 Twitter 点赞爱心动画效果 其中用到 animation hackchen html前端css
    大概的原理，准备一张雪碧图，通过hover改变雪碧图的X坐标，达到动画的效果HTML：CSS：.heart{width:100px;height:100px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("data:image/png;base64,iVBORw0KGgoAAAANS
  • 计划开一个项目，这是计划表 PyAIGCMaster 我的学习笔记react.js
    针对你计划使用React和Node.js建设一个数据集生成网站的CMS，下面是一个详细的整体架构建议，分为项目管理工具、数据库选择、前后端架构、功能实现步骤以及后期的拓展方案。1.项目管理工具推荐使用Trello或Jira，这两个工具适用于项目管理和任务分配，能够帮助你跟踪进度、管理功能模块、制定开发计划和进行代码审查。Jira更适合中大型项目，Trello适合简单灵活的管理。2.整体架构前端：使
  • 编程新手小白入门最佳攻略 闲暇部落 编程java新手入门开发语言
    编程小白想要成为大神，并为大学新生的学习制定一份最佳入门攻略，可以遵循以下步骤：一、选择编程语言Python：被誉为最适合初学者的编程语言，语法简洁清晰，学习曲线平缓，广泛应用于数据分析、机器学习、Web开发、自动化脚本编写等领域。JavaScript：前端开发的核心语言，实现网页的动态效果，还能通过Node.js实现服务器端的编程，用于开发桌面应用和移动应用。Java：企业级开发中使用最广泛的语
  • SpringBoot +Vue3前后端分离项目入门基础实例五 没刮胡子 软件开发技术实战专栏springboot后端java
    项目说明项项目名称使用框架说明后端项目springboot_vue_element_demoSpringBoot+MyBatis-plus+MySQL完成基本的增删改查操作API前端项目vue-projectVue3+ElementUIplus+axios界面展示，调用后端API项目文档目录SpringBoot+Vue3前后端分离项目入门基础实例一SpringBoot+Vue3前后端分离项目入门基
  • 用springboot+vue+mybatis写一个前后端分离的后台管理系统 13572025090 mybatisspringbootvue.jsjava后端
    在写一个前后端分离的后台管理系统时，您可以使用SpringBoot作为后端框架，Vue.js作为前端框架，MyBatis作为数据访问框架。首先，您需要在SpringBoot中配置MyBatis，连接到数据库并编写相应的SQL语句。然后，您可以编写后端控制器来处理HTTP请求，并使用MyBatis执行数据库操作。在前端部分，您可以使用Vue.js构建用户界面，并使用Axios等库与后端进行交互。当用
  • 现代 JavaScript (ES6+) 入门到实战（八）：总结与展望 - 成为一名现代前端开发者
    恭喜你坚持到了最后！在过去的七篇文章中，我们一起踏上了一段从“传统”到“现代”的JavaScript进化之旅。我们告别了那些曾经让我们头疼的“怪异行为”，拥抱了一套更强大、更优雅、更符合工程化思想的工具集。现在，是时候回顾我们的旅程，并展望前方的道路了。一、我们的进化之路：知识图谱回顾让我们将学到的核心知识点串联起来，形成一张清晰的“进化图谱”。如果你错过了之前的任何一篇，可以点击链接回顾：第一篇
  • 2024 npm清除缓存的方法
    在前端开发的世界里，npm（NodePackageManager）是不可或缺的工具之一。它帮助我们管理项目依赖，极大地提高了开发效率。然而，随着时间的推移，npm缓存可能会积累大量数据，这不仅会占用宝贵的磁盘空间，还可能导致一些奇怪的错误。因此，定期清除npm缓存是一个好习惯。以下是2024年npm清除缓存的方法，帮助你保持开发环境的清爽和高效。在写项目时会卡顿那我们就该清理缓存了清理缓存npmc
  • 0基础学前端------DAY2 学代码的小前端 0基础学前端前端html
    0基础学前端------DAY1（续）视频参考：B站Pink老师HTML学习目标：1.能够说出标签的书写注意规范。2.能够写出HTML骨架标签。3.能够写出超链接标签。4.能够写出图片标签并说出alt和title的区别。5.能够说出相对路径的三种形式。1HTML基础1.1HTML语法规范1.HTML标签是由尖括号包围的关键词，例如。2.HTML标签通常是成对出现的，例如，我们成为双标签。标签中第一
  • 前后端分离架构下的跨域问题与解决方案 Code季风 微服务入门指南架构go微服务jsonproxy模式
    在现代Web开发中，特别是随着前后端分离架构的普及，跨域问题成为了开发者必须面对的一个重要议题。本文将详细介绍什么是跨域问题、其产生的原因以及如何从前端和后端两个角度来解决这个问题，并提供一些实用的代码示例。一、跨域问题概述1.定义跨域问题是指当一个资源试图从一个源加载时，如果该资源的域名、协议或端口号与当前网页的域名、协议或端口号不同，则会被浏览器阻止访问。这是为了防止恶意网站读取另一个网站的数
  • css 实现一个卡片 很菜很菜的人 cssjavascript前端
    Document.box{width:300px;height:400px;}.code{height:100px;width:360px;margin-left:-30px;background-color:white;clip-path:inset(0000round0035%35%);margin-bottom:-30px;position:relative;}.inner{width:26
  • VSCode+Vue代码调试设置
    这几天整了个Springboot+VUE的学生管理系统代码学习，自己也建了个项目边学习边开发，用VSCode调试VUE前端代码时，两个项目出现了不同情况的无法打断点的问题，现在这里记录一下解决办法。首先是买的这个代码，调试环境launch.json等就不说了，网上一大堆，主要问题是配置好调试环境后，打断点都显示未绑定到代码，后来查到是要添加源映射，都说要在index.js或者vue.config.
  • React 基本介绍与项目创建 AAA小土豆 react.jsarcgis前端
    为什么使用React以及前端框架工作原理React通过构建虚拟DOM（VirtualDOM）来高效管理界面。当组件的状态或属性发生变化时，React会重新渲染生成新的虚拟DOM，并通过Diff算法找出新旧虚拟DOM树之间的差异，最终仅将发生变化的部分同步到真实DOM中。这种方式避免了不必要的DOM操作，从而提升性能。div:Apph1:Titlediv:Contentp:HelloWorldbut
  • 前端领域 npm 与跨平台开发适配 大厂前端小白菜 前端开发实战前端npmarcgisai
    前端领域npm与跨平台开发适配关键词：前端开发、npm、跨平台开发、依赖管理、适配策略摘要：本文围绕前端领域中npm与跨平台开发适配展开深入探讨。首先介绍了npm在前端开发中的重要性以及跨平台开发的背景和挑战。接着详细阐述了npm的核心概念、工作原理，以及在跨平台开发中可能遇到的适配问题。通过具体的算法原理和Python示例代码，解释了如何利用npm进行依赖管理和跨平台开发的相关操作。还给出了数学
  • 前端开发者必知：npm的实用技巧大揭秘 前端视界 前端大数据与AI人工智能前端艺匠馆npm前端node.jsai
    前端开发者必知：npm的实用技巧大揭秘关键词：npm、包管理、前端开发、依赖管理、Node.js、脚本优化、安全最佳实践摘要：本文深入探讨npm(NodePackageManager)在前端开发中的实用技巧和高级用法。从基础概念到高级功能，我们将逐步解析如何高效使用npm管理项目依赖、优化构建流程、提升开发效率。文章包含详细的代码示例、最佳实践建议以及常见问题的解决方案，帮助开发者掌握npm的核心
  • Electron 快速上手 AAA小土豆 electronarcgisjavascript
    技术栈Web技术包括HTML、CSS、JavaScript和WebAssembly。它们是现代互联网的基石。这些技术已成为构建用户界面的最佳选择——无论是对于消费者应用程序还是关键业务型应用程序。这不仅适用于需要在浏览器中运行的应用程序，也适用于那些无法通过浏览器访问的桌面应用程序。我们在此大胆断言，这不仅适用于需要在多个操作系统上运行的跨平台应用程序，而且适用于所有类型的应用程序。Electro
  • i18next + 原生JS 双引擎：打造前端多语言系统最佳实践 javascript前端css
    摘要随着前端项目面向全球化用户的需求增长，多语言支持（也叫国际化i18n）已经成为许多Web和移动应用的“标配”。尤其在构建企业级项目、SaaS平台或面向东南亚、欧洲、北美等多个语言区域的应用时，如何优雅地实现前端的多语言切换，成为开发者必须掌握的一项技能。本文将通过i18next实现国际化功能，并结合原生JS的轻量方案讲解，从基础配置到应用场景逐步剖析，带你快速落地一个实用的前端国际化系统。引言
  • 面试版-前端开发核心知识
    一、DOM操作与事件处理：用户交互的基石1.1原生点击事件的三种绑定方式前端与用户的交互始于事件，而点击事件是最基础的交互方式。原生JavaScript绑定点击事件主要有以下三种方式：（1）HTML内联绑定（不推荐）直接在HTML标签中通过onclick属性定义事件逻辑：点击我functionhandleClick(){console.log('内联事件触发');}缺点：HTML与JS逻辑耦合，无
  • react+antd Anchor(锚点组件)通讯录字母索引实现 伍哥的传说 前端源码分享react.js前端前端框架javascriptecmascriptreactjsreact
    一、页面概述本项目实现了一个美观、实用的通讯录页面，采用React框架，结合AntDesign组件库与TailwindCSS原子化样式，支持按字母分组展示联系人，并提供便捷的字母索引导航。页面设计现代，交互流畅，适用于各类需要联系人管理的Web应用。二、功能特点字母分组展示联系人自动按姓名首字母分组，分组标题悬浮吸顶，便于快速定位。字母索引导航右侧集成AntDesignAnchor组件，点击字母可
  • 前端领域HTML的表单美化技巧 前端视界 前端htmlai
    前端领域HTML的表单美化技巧关键词：HTML表单、CSS美化、用户体验、交互设计、响应式布局、表单验证、前端框架摘要：本文将深入探讨HTML表单的美化技巧，从基础CSS样式到高级交互效果，全面解析如何提升表单的视觉吸引力和用户体验。我们将通过详细的代码示例、设计原则和实战案例，帮助开发者掌握表单美化的核心技能，包括响应式设计、动画效果、自定义组件等前沿技术。1.背景介绍1.1目的和范围本文旨在为
  • Fiddler中文版抓包工具如何帮助前端开发者高效调试 HTTPwise httpudphttpswebsocket网络安全网络协议tcp/ip
    前端开发早已不再是“写好页面就完事”的工作。随着业务复杂度提升，前端开发者需要直面接口联调、性能优化、跨域排查、HTTPS调试等一系列和网络请求紧密相关的任务。抓包工具成为这些环节中不可替代的得力助手，而Fiddler抓包工具因其全面的功能和灵活的配置能力，被无数开发者选作日常调试首选。然而，Fiddler并不是万能工具，只有与Postman、Charles等常用工具协同使用，才能让调试效率最大化
  • Whistle代理调试前端项目的原理详解 啃火龙果的兔子 开发DEMO前端
    Whistle是一款基于Node.js开发的跨平台Web调试代理工具，主要用于前端开发调试。其核心原理是通过中间人(MITM)代理机制拦截和修改网络请求。一、核心工作原理1.代理服务器架构Whistle本质上是一个HTTP/HTTPS代理服务器，工作流程如下：[浏览器]→[Whistle代理]→[目标服务器]↑↓[规则引擎]←[开发者配置]2.请求拦截机制HTTP请求：直接作为中间代理拦截HTTP
  • vue根据链接生成二维码 qrcode youyu-youyu vue.jsjavascriptecmascript
    vue根据链接生成二维码qrcodejs需求：后端返回一个完整链接，前端根据链接生成一个二维码1、安装qrcode插件npminstallqrcode2、引入qrcode,并且使用完整代码importQRCodefrom'qrcode';//引入生成二维码插件exportdefault{data(){const_this=this;return{qrcodeData:'',optionsObj:{
  • Webpack 5 核心机制详解与打包性能优化实践
    作者简介：水煮白菜王，一个web开发工程师文章专栏：前端专栏，记录一下平时在博客写作中，总结出的一些开发技巧和知识归纳总结✍。感谢支持目录Webpack5相较于Webpack4的主要改进安装生命周期CompilerHooksusehookswebpack中的loader（转换器）工作原理常用loader自定义loaderwebpack中的plugins（插件）工作原理自定义plugins打包过程加
  • Web Workers在前端性能优化中的深度实践：从多线程编程到任务调度策略 瑕疵 热点资讯前端性能优化
    博客主页：瑕疵的CSDN主页Gitee主页：瑕疵的gitee主页⏩文章专栏：《热点资讯》WebWorkers在前端性能优化中的深度实践：从多线程编程到任务调度策略WebWorkers在前端性能优化中的深度实践：从多线程编程到任务调度策略WebWorkers在前端性能优化中的深度实践：从多线程编程到任务调度策略引言一、WebWorkers基础与工作原理1.1WebWorkers的核心特性1.2Web
  • 深入理解浏览器重排（Reflow）与重绘（Repaint）及性能优化策略 じ☆ve 清风° 前端面试性能优化
    引言在现代Web开发中，性能优化是一个永恒的话题。理解浏览器的渲染机制，特别是重排（Reflow）和重绘（Repaint）过程，对于构建高性能的Web应用至关重要。本文将深入探讨这两个概念，分析它们对性能的影响，并提供一系列实用的优化策略。一、浏览器渲染流程概述在深入重排和重绘之前，我们需要了解浏览器如何将HTML、CSS和JavaScript转换为用户可见的像素：解析HTML：构建DOM树解析C
  • 鸿蒙设备开发OpenHarmony源码分析之分布式软总线：authmanager/auth_conn.c 你我皆是牛马星人 鸿蒙开发OpenHarmonyHarmonyOSharmonyos分布式c语言openHarmony鸿蒙开发软总线源码分析
    往期推文全新看点（文中附带最新·鸿蒙全栈学习笔记）鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……一、概述本
  • React中理念梳理 gzzeason react.jsjavascript前端
    文章总结来自：React官方文档和React设计原理（作者：卡怂）一、UI=f(state)在现代前端库中，公式UI=f(state)囊括了大部分实现原理，意思是框架内部运行机制根据当前状态渲染视图，其中：UI：宿主环境的视图f：框架内部运行机制state：当前视图状态React原理也依据上述公式。React开发团队认为，UI与逻辑存在耦合的部分，这个耦合部分就是组件，开发者可以：在UI上绑定事件
  • Python, Go, C ++开发农业/工业/服务业利润率查询APP Geeker-2025 pythongolangc语言
    #Python、Go、C++开发农业/工业/服务业利润率查询APP方案我将为您设计一个覆盖农业、工业、服务业三大产业，包含10000+种业务的利润率查询应用，结合Python、Go和C++的技术优势，提供全面的利润分析和市场洞察。##系统架构设计```前端(Flutter)GoAPI服务层C++数据处理引擎Python分析层││││├─行业查询──────────────>││││├─>数据检索请
  • docker-compose一键部署全栈项目。springboot后端，react前端 zwjapple 前端dockerspringboot
    部署总览前端打包:我们将配置package.json，使用npmrunbuild(内部调用vitebuild)来打包。这个过程将完全在Docker构建镜像的过程中自动完成，你的主机上甚至不需要安装Node.js。后端打包:我们将配置pom.xml，使用mvncleanpackage来打包。这一步需要在执行DockerCompose之前手动完成一次，以生成JAR文件。部署:使用docker-comp
  • 最快实现的前端灰度方案 前端程序员
    小白最快学会的前端灰度方案首次访问效果如下，点击立即更新会访问灰度版本。本地cookie存在version字段后，后续访问都是指定版本代码，也不会出现弹窗提示一、引言：为什么需要灰度发布？1.1血泪教训：全量发布的风险因为一次上线，导致登录异常，用户无法使用。复盘时候，测试反馈预发环境不能完全模拟出生成环境。要不做一个灰度发布，实现代码最小化影响。1.2技术思考：面试的需要多了解点技术方案，总没有
  • ASM系列四 利用Method 组件动态注入方法逻辑 lijingyao8206 字节码技术jvmAOP动态代理ASM
            这篇继续结合例子来深入了解下Method组件动态变更方法字节码的实现。通过前面一篇，知道ClassVisitor 的visitMethod()方法可以返回一个MethodVisitor的实例。那么我们也基本可以知道，同ClassVisitor改变类成员一样，MethodVIsistor如果需要改变方法成员，注入逻辑，也可以
  • java编程思想 --内部类 百合不是茶 java内部类匿名内部类
    内部类;了解外部类 并能与之通信 内部类写出来的代码更加整洁与优雅   1,内部类的创建  内部类是创建在类中的 package com.wj.InsideClass; /* * 内部类的创建 */ public class CreateInsideClass { public CreateInsideClass(
  • web.xml报错 crabdave web.xml
    web.xml报错   The content of element type "web-app" must match "(icon?,display-  name?,description?,distributable?,context-param*,filter*,filter-mapping*,listener*,servlet*,s
  • 泛型类的自定义 麦田的设计者 javaandroid泛型
       为什么要定义泛型类，当类中要操作的引用数据类型不确定的时候。 采用泛型类，完成扩展。   例如有一个学生类     Student{ Student(){ System.out.println("I'm a student....."); } }  有一个老师类  
  • CSS清除浮动的4中方法 IT独行者 JavaScriptUIcss
    清除浮动这个问题，做前端的应该再熟悉不过了，咱是个新人，所以还是记个笔记，做个积累，努力学习向大神靠近。CSS清除浮动的方法网上一搜，大概有N多种，用过几种，说下个人感受。 1、结尾处加空div标签 clear:both 1 2 3 4 .div 1 { background : #000080 ; border : 1px   s
  • Cygwin使用windows的jdk 配置方法 _wy_ jdkwindowscygwin
    1.[vim /etc/profile]    JAVA_HOME="/cgydrive/d/Java/jdk1.6.0_43"  (windows下jdk路径为D:\Java\jdk1.6.0_43)    PATH="$JAVA_HOME/bin:${PATH}"    CLAS
  • linux下安装maven 无量 mavenlinux安装
    Linux下安装maven(转) 1.首先到Maven官网 下载安装文件，目前最新版本为3.0.3，下载文件为 apache-maven-3.0.3-bin.tar.gz，下载可以使用wget命令； 2.进入下载文件夹，找到下载的文件，运行如下命令解压 tar -xvf  apache-maven-2.2.1-bin.tar.gz 解压后的文件夹
  • tomcat的https 配置,syslog-ng配置 aichenglong tomcathttp跳转到httpssyslong-ng配置syslog配置
    1) tomcat配置https,以及http自动跳转到https的配置     1)TOMCAT_HOME目录下生成密钥(keytool是jdk中的命令)      keytool -genkey -alias tomcat -keyalg RSA -keypass changeit -storepass changeit
  • 关于领号活动总结 alafqq 活动
    关于某彩票活动的总结 具体需求，每个用户进活动页面，领取一个号码，1000中的一个； 活动要求 1，随机性，一定要有随机性； 2，最少中奖概率，如果注数为3200注，则最多中4注 3，效率问题，（不能每个人来都产生一个随机数，这样效率不高）； 4，支持断电（仍然从下一个开始），重启服务；（存数据库有点大材小用，因此不能存放在数据库） 解决方案 1，事先产生随机数1000个，并打
  • java数据结构 冒泡排序的遍历与排序 百合不是茶 java
    java的冒泡排序是一种简单的排序规则   冒泡排序的原理：           比较两个相邻的数，首先将最大的排在第一个，第二次比较第二个 ，此后一样；         针对所有的元素重复以上的步骤，除了最后一个     例题；将int array[]
  • JS检查输入框输入的是否是数字的一种校验方法 bijian1013 js
    如下是JS检查输入框输入的是否是数字的一种校验方法： <form method=post target="_blank"> 数字：<input type="text" name=num onkeypress="checkNum(this.form)"><br> </form>
  • Test注解的两个属性：expected和timeout bijian1013 javaJUnitexpectedtimeout
    JUnit4：Test文档中的解释： 　　The Test annotation supports two optional parameters. 　　The first, expected, declares that a test method should throw an exception. 　　If it doesn't throw an exception or if it
  • [Gson二]继承关系的POJO的反序列化 bit1129 POJO
    父类     package inheritance.test2; import java.util.Map; public class Model { private String field1; private String field2; private Map<String, String> infoMap
  • 【Spark八十四】Spark零碎知识点记录 bit1129 spark
    1. ShuffleMapTask的shuffle数据在什么地方记录到MapOutputTracker中的 ShuffleMapTask的runTask方法负责写数据到shuffle map文件中。当任务执行完成成功，DAGScheduler会收到通知，在DAGScheduler的handleTaskCompletion方法中完成记录到MapOutputTracker中  
  • WAS各种脚本作用大全 ronin47 WAS 脚本
    　　　http://www.ibm.com/developerworks/cn/websphere/library/samples/SampleScripts.html 　　　无意中，在WAS官网上发现的各种脚本作用，感觉很有作用，先与各位分享一下 　　　 获取下载 这些示例 jacl 和 Jython 脚本可用于在 WebSphere Application Server 的不同版本中自
  • java-12.求 1+2+3+..n不能使用乘除法、 for 、 while 、 if 、 else 、 switch 、 case 等关键字以及条件判断语句 bylijinnan switch
    借鉴网上的思路，用java实现： public class NoIfWhile { /** * @param args * * find x=1+2+3+....n */ public static void main(String[] args) { int n=10; int re=find(n); System.o
  • Netty源码学习-ObjectEncoder和ObjectDecoder bylijinnan javanetty
    Netty中传递对象的思路很直观： Netty中数据的传递是基于ChannelBuffer（也就是byte[]）； 那把对象序列化为字节流，就可以在Netty中传递对象了 相应的从ChannelBuffer恢复对象，就是反序列化的过程 Netty已经封装好ObjectEncoder和ObjectDecoder 先看ObjectEncoder ObjectEncoder是往外发送
  • spring 定时任务中cronExpression表达式含义 chicony cronExpression
    一个cron表达式有6个必选的元素和一个可选的元素，各个元素之间是以空格分隔的，从左至右，这些元素的含义如下表所示： 代表含义            是否必须 允许的取值范围         &nb
  • Nutz配置Jndi ctrain JNDI
    1、使用JNDI获取指定资源： var ioc = { dao : { type :"org.nutz.dao.impl.NutDao", args : [ {jndi :"jdbc/dataSource"} ] } } 以上方法,仅需要在容器中配置好数据源,注入到NutDao即可.
  • 解决 /bin/sh^M: bad interpreter: No such file or directory daizj shell
    在Linux中执行.sh脚本，异常/bin/sh^M: bad interpreter: No such file or directory。   分析：这是不同系统编码格式引起的：在windows系统中编辑的.sh文件可能有不可见字符，所以在Linux系统下执行会报以上异常信息。 解决： 1）在windows下转换： 利用一些编辑器如UltraEdit或EditPlus等工具
  • [转]for 循环为何可恨？ dcj3sjt126com 程序员读书
      Java的闭包(Closure)特征最近成为了一个热门话题。 一些精英正在起草一份议案，要在Java将来的版本中加入闭包特征。 然而，提议中的闭包语法以及语言上的这种扩充受到了众多Java程序员的猛烈抨击。 不久前，出版过数十本编程书籍的大作家Elliotte Rusty Harold发表了对Java中闭包的价值的质疑。 尤其是他问道“for 循环为何可恨？”[http://ju
  • Android实用小技巧 dcj3sjt126com android
    1、去掉所有Activity界面的标题栏 　　修改AndroidManifest.xml 　　在application 标签中添加android:theme="@android:style/Theme.NoTitleBar"   2、去掉所有Activity界面的TitleBar 和StatusBar  　　修改AndroidManifes
  • Oracle 复习笔记之序列 eksliang Oracle 序列sequenceOracle sequence
    转载请出自出处：http://eksliang.iteye.com/blog/2098859 1.序列的作用 序列是用于生成唯一、连续序号的对象 一般用序列来充当数据库表的主键值 2.创建序列语法如下：   create sequence s_emp start with 1 --开始值 increment by 1 --増长值 maxval
  • 有“品”的程序员 gongmeitao 工作
    完美程序员的10种品质　　   完美程序员的每种品质都有一个范围，这个范围取决于具体的问题和背景。没有能解决所有问题的   完美程序员（至少在我们这个星球上），并且对于特定问题，完美程序员应该具有以下品质： 　　1. 才智非凡- 能够理解问题、能够用清晰可读的代码翻译并表达想法、善于分析并且逻辑思维能力强   （范围：用简单方式解决复杂问题）　　
  • 使用KeleyiSQLHelper类进行分页查询 hvt sql.netC#asp.nethovertree
    本文适用于sql server单主键表或者视图进行分页查询，支持多字段排序。KeleyiSQLHelper类的最新代码请到http://hovertree.codeplex.com/SourceControl/latest下载整个解决方案源代码查看。或者直接在线查看类的代码：http://hovertree.codeplex.com/SourceControl/latest#HoverTree.D
  • SVG 教程 （三）圆形，椭圆，直线 天梯梦 svg
    SVG <circle> SVG 圆形 - <circle> <circle> 标签可用来创建一个圆： 下面是SVG代码： <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" c
  • 链表栈 luyulong java数据结构
    public class Node { private Object object; private Node next; public Node() { this.next = null; this.object = null; } public Object getObject() { return object; } public
  • 基础数据结构和算法十：2-3 search tree sunwinner Algorithm2-3 search tree
      Binary search tree works well for a wide variety of applications, but they have poor worst-case performance. Now we introduce a type of binary search tree where costs are guaranteed to be loga
  • spring配置定时任务 stunizhengjia springtimer
    最近因工作的需要，用到了spring的定时任务的功能,觉得spring还是很智能化的,只需要配置一下配置文件就可以了,在此记录一下，以便以后用到：     //------------------------定时任务调用的方法------------------------------ /** * 存储过程定时器 */ publi
  • ITeye 8月技术图书有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的8月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 8月试读活动回顾： http://webmaster.iteye.com/blog/2102830 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《跨终端Web》 gleams：http
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他