海洋_5ad4
海洋_5ad4

CSS和JS

使用CSS完成网站首页的优化

需求分析：

  • 由于我们昨天使用表格布局存在缺陷，那么我们要来考虑使用DIV+CSS来对页面进行优化
  • 表格布局的缺陷
    • 1.嵌套层级太多，一旦出现嵌套顺序错乱，整个页面达不到预期效果
    • 2.采用表格布局，页面不够灵活，动其中某一块，整个表格布局的结构全部要变

技术分析：

  • HTML的块标签
    • div标签：默认占一行，自动换行
    • span标签：内容显示在同一行
  • CSS概述
    • Cascading Style Sheets:层叠样式表
    • 主要作用 美化HTML页面
    • HTML决定网页的骨架
    • 将页面的HTML和美化进行分离
  • CSS的简单语法
    • 在一个style标签中，去编写CSS内容，最好将style标签写在这个head标签中
  • CSS选择器：帮助我们找到我们要修饰的标签


    
        
        
        
    
    
        
大家新年好，恭喜发财，红包拿来

        
大家新年好，恭喜发财，红包拿来

        
大家新年好，恭喜发财，红包拿来

        
大家新年好，恭喜发财，红包拿来

        
大家新年好，恭喜发财，红包拿来

  • 元素选择:

    元素的名称{
  属性名称:属性的值;
  属性名称:属性的值;
}

    

  
      
      
      
  
  
      讲完这个内容大家就可以下课了
      讲完这个内容大家就可以下课了
      讲完这个内容大家就可以下课了
      讲完这个内容大家就可以下课了

  • ID选择器：

    以#号开头  ID在整个页面中必须是唯一的
ID的名称{
  属性名称:属性的值;
  属性名称:属性的值;
}

    

  
      
      
      
  
  
      
    JAVAEE
    
      
    IOS
    
      
    ANDROID

  • 类选择器：

    以.开头
.类的名称{
  属性名称:属性的值;
  属性名称:属性的值;
}

    

  
      
      
      
  
  
      
    香蕉
    
      
    黄瓜
    
      
    苹果
    
      
    茄子
    
      
    橘子

  • CSS的引入方式：

    • 外部样式：通过link标签引入一个外部的css文件

      .shuiguo{
                color:yellow;
                
            }
            .shucai{
                color: green;
            }

      

    
        
        
        
    
    
        
      甘蔗
      
        
      黄瓜
      
        
      苹果
      
        
      茄子
      
        
      橘子

    • 内部样式：直接在style标签内编写css代码

    • 行内样式：直接在标签中添加一个style属性，编写CSS样式

      

    
        
        
        
    
    
        
      甘蔗
      
        
      黄瓜
      
        
      苹果
      
        
      茄子
      
        
      橘子

  • CSS浮动：

步骤分析：

  1. 创一个最外层div
  2. 第一部分：LOGO部分：嵌套三个div
  3. 第二部分：导航栏部分：放置5个超链接
  4. 第三部分：轮播图
  5. 第四部分：嵌套一个三行7列的表格
  6. 第五部分：直接放一张图片
  7. 第六部分：抄第四部分的
  8. 第七部分：放置一张图片
  9. 第八部分：放一堆超链接

代码实现：



    
        
        
         
        
    
    
        
        

            
            
            
                
            
            

            
            
            
            
            
                
             
            

                
            

             
            

                
最新商品

                
                
                

                    
                

                
                

                    

                        
                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    
                

            

            
            
            

                
            

            
            

                
最新商品

                
                
                

                    
                

                
                

                    

                        
                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    

                        
                        
高压锅

                        
$998

                    

                    
                

            

            
            
            

                
            

            
            
        

    


.logo{
                float: left;
                width: 33%;
                /*border-width: 1px;
                border-style: solid;
                border-color: red;*/
                height: 60px;
                line-height: 60px;
        /*      border: 1px solid red;*/
            }
            
            
            .amenu{
                color: white;
                text-decoration: none;
                height: 50px;
                line-height: 50px;
            }
            
            .product{
                float: left; text-align: center; width: 16%; height: 240px;
            }

扩展：

  • CSS的优先级

    • 按照选择器搜索精确度来编写： 行内样式>ID选择器>类选择器>元素选择器
    • 就近原则：哪个离得近，就选用哪个的样式

  • CSS中的其他选择器

    • 选择器分组：选择器1,选择器2{属性的名称：属性的值}

    • 属性选择器：

      a[title]
a[title='aaa']
a[href][title]
a[href][title='aaa']

    • 后代选择器：选择器1 选择器2 可以找出所有选择器2后代

      

    
        
        
        
    
    
        
      
            this is a
            儿子
            
                孙子

    • 子元素选择器：父选择器 > 儿子选择器 只能找出子选择器，不能找出所有后代

      

    
        
        
        
    
    
        
      
            this is a
            儿子
            
                孙子

    • 伪类选择器：通常都是用在A标签上

      

    
        
        
        
    
    
        黑马程序员

使用DIV+CSS完成注册页面的优化

需求分析

由于我们的注册页面也是用table布局的，存在与首页同样的问题，所以我们需要使用div+css对我们的注册页面进行美化总共是5部分内容

技术分析

  • CSS的盒子模型：万物皆盒子

  • 内边距：

    • padding-top；

    • padding-right；

    • padding-bottom；

    • padding-left；

      padding:10px;               上下左右都是10px
padding:10px 20px;          上下是10px 左右是20px
padding:10px 20px 30px;     上10px 右20px 下30px
padding:10px 20px 30px 40px;上10px 右20px 下30px 左40px，上右下左，顺时针方向

  • 外边距：

    • margin-top:
    • margin-right:
    • margin-bottom:
    • margin-left:

  • CSS绝对定位:

    • position:absolute
    • top:控制距离顶部的位置
    • left：控制距离左边的位置

代码实现



    
        
        
         
    
    
        
        

            
            
            
            
            
            

            
            
            
            

                
                

                    

                        

                            会员注册USER REGISTER
                            
                        

                        

                            用户名:
                            
                        

                        

                            密码:
                            
                        

                        

                            确认密码:
                            
                        

                        

                            email:
                            
                        

                        

                            姓名:
                            
                        

                        

                            性别:
                             男
                             女
                             妖
                            
                        

                        

                            出生日期:
                            
                        

                        

                            验证码:

CSS部分的回顾

  • CSS：层叠样式表

  • CSS作用：美化页面，提高代码的复用性

  • 选择器

    • 需要掌握的

      • 元素选择器：标签的名称
      • 类选择器：以.开头
      • ID选择器:以#开头，#ID的名称 ID必须是唯一的

    • 扩展选择器

      • 选择器分组：选择器1,选择器2 以逗号隔开

      • 后代选择器：选择器1 选择器2 中间以空格隔开

      • 子元素选择器： 爸爸>儿子

      • 属性选择器: 选择器[属性的名称='']

      • 伪类选择器：超链接标签上使用

  • 盒子模型：顺时针：上右下左

    • padding：内边距，控制的是盒子内容的距离
    • margin：外边距 控制盒子与盒子之间的距离

  • 绝对定位

    • position:absolute
    • top
    • left

使用JS完成简单的数据校验

需要分析

  • 使用JS完成对注册页面的简单数据校验，不允许出现用户名或密码为空的情况

技术分析

JavaScript概述

  • 什么是javascript:JavaScript一种直译式脚本语言，
  • 什么是脚本语言？
    • java源代码--->编译成.class文件--->java虚拟机中才能执行
    • 脚本语言：源码--->解释执行
    • js由我们的浏览器来解释执行
  • HTML：决定了页面的框架
  • CSS：用来美化我们的页面
  • JS：提供用户交互

JS的组成:

  • ECMAScript：核心部分，定义了js的语法规范
  • DOM：document Object Model文档对象模型，主要是用来管理页面的
  • BOM：Browser Object Model 浏览器对象模型，前进，后退，页面刷新，地址栏，历史记录，屏幕宽高

JS的语法:

  • 变量弱类型：var i = true
  • 区分大小写
  • 语句结束之后的分号，可以有，也可以没有
  • 写在script标签

JS的数据类型:

  • 基本类型
    • string
    • number
    • boolean
    • undefine
    • null
  • 引用类型
    • 对象，内置对象
  • 类型转换
    • js内部自动转换
      • string---->String

JS的运算符和语句：

  • 运算符和java一样
    • ”===“全等号：值和类型都必须相等
    • "==" 等等好：值相等就可以了
  • 语句和java一样

JS的输出：

  • alert()直接弹框

  • document.write() 向页面输出

  • console.log() 向控制台输出

  • innerHTML ：向页面输出

  • 获取页面元素：document.getElementByld("id的名称");

  • JS声明变量

    • var 变量的名称 = 变量的值

  • JS声明函数

    • var 函数的名称 = function() {

      }

    • function 函数的名称(){

      }

JS的开发步骤

1.确定事件
2.通常事情都会触发一个函数
3.函数里面通常都会去操作页面元素，做一些交互动作



    
        
        
        
        
    
    
        
        
        

            这里的内容一会要被替换掉

步骤分析

代码实现



    
        
        
        
        
        
    
    
        

            用户名:

            密码:

            邮箱:

会定义变量：var 变量的名称 = 变量的值

会定义函数：

? function 函数的名称(参数的名称) {

? }

你可能感兴趣的:(CSS和JS)

  • 2021-01-07 社会中的自我（关于“应该、必须、不得不”的信念） 木炎_jsan
    【2021-01-07日精进第233天/1825】表现：9分体验（事实，情绪，感受）在《理性情绪》中有关于“应该、必须、不得不”的不理性思维，这些内摄信念让我们与自己真实的自己失去了联系。内摄形成虚假自我。虽然社会的他人对我们有评判，定义，但与自己内和后才是真正的自我。在完善和提升真实的自我时，责任感将日益强烈。别人怎么对待你，都是你教的。本书讲：”让自己变瘦强调存在于许多人内心的挣扎，他们在迫使
  • 元旦：莜麦和荞麦 小蜜蜂121
    新年第一天，住院八天的小莜麦出院了。前两天，由于留置针扎在脚上，完全没有办法下地，难得今天小家伙自由了，又可以下地蹦蹦跳跳个不停。一岁两个月的小莜麦，能听懂大人的很多话了，比如她拿了妈妈的润肤露和护手霜到客厅里，妈妈让她把它们放回去，小家伙嘎吱嘎吱就跑过来，将它们放回了原位。她走路总是摇摇摆摆的，煞是可爱？尤其是当她双脚并拢，屁股一撅一抖的样子，像极了花园宝宝里面的汤姆布利伯、欧姆布利伯。有时候，
  • ElasticSearch 谈谈你对段合并的策略思想的认识 用心去追梦 elasticsearch大数据搜索引擎
    段合并是Elasticsearch中的一个重要概念，它在数据索引和查询过程中起着关键的作用。Elasticsearch使用Lucene作为其全文搜索库，Lucene中使用的数据结构就是段（Segment）合并。段合并的策略思想主要体现在以下几个方面：提高查询性能：在Elasticsearch中，段合并的过程可以看作是对索引进行优化，通过合并将多个小的段合并成一个大的段，这样可以减少内存的使用，提高
  • 如何在 Mac 上管理窗口？ 鱼儿吃西瓜 Mac软件教程
    在Mac上打开App或“访达”时，窗口将在桌面上打开。一次仅一个App处于活跃状态；App的名称（粗体显示）和App菜单显示在菜单栏中。部分App（如Safari浏览器或“邮件”），允许您同时打开多个窗口或不同类型的窗口。macOS提供了多种方式来管理打开的App和窗口。移动、对齐和合并窗口在Mac上，执行以下任一项操作：移动窗口：通过拖移窗口的标题栏将其拖移到想要的位置。某些窗口无法移动。对齐窗
  • 村庄没有远行 黄影诗风
    村庄没有远行文/黄影是谁昏花了眼睛村庄没有远行她还在只是换了一件件新衣换了肝脏和肾她不过让飞来飞去的雁阵拔高辛苦的雁啊恨不能把家叼上云这里啊都是青山绿水这里蓝天白云老房子哟如果你能健在都是家珍南去的大雁啊为何回头频频莫非不想做那候鸟不要那南来北往的艰辛难道只想在这山野扎根？
  • 直返的东西正品吗?直返APP安全吗? 氧惠帮朋友一起省
    直返是否是正规平台，以及直返APP是否靠谱，这个问题并没有一个绝对的答案，因为这取决于具体的平台和APP。有些直返平台和APP可能是正规的，但也有一些可能存在欺诈行为。因此，在选择使用直返平台和APP时，需要谨慎选择，并注意以下几点：氧惠APP（带货领导者）——是与以往完全不同的抖客+淘客app！2023全新模式，我的直推也会放到你下面。主打：带货高补贴，深受各位带货团队长喜爱（每天出单带货几十万
  • 2021-08-08 周交易复盘 树毛竹
    这小波反弹力度还可以，从调几天涨几天的节奏来看，仓位控制上可以减减。大盘节奏到个股节奏的把握上，主观和客观上如何衡量，自己暂时没有特别好用的标准。特别是个人的节奏上，更加不好把握，有票没票，都会对心理有影响。有票在，期待大盘涨得更好，而忽略了走弱的苗头，甚至想着自己的票跟大盘的节奏不一样。是有不一样，但大多不是自己的票，关键还是看大概率。没票在，又老是想着节奏还没到，就在等着，抑或早进去了给抽。反
  • 2023-08-10 专业的亚瑟
    8.9觉察反思打卡一、事件今天找客户业务拓展，说实话还是有一点点紧张，毕竟之前自己技术出身，转型生涯也是以自由职业者身份为主，比较少做toB市场拓展和营销销售。现在呢，创业初期，什么都得自己做，有一点点觉得push的太狠，但也挺享受这个新鲜的过程。二、觉察又解锁了新技能，这一路真是天天有惊喜，焦虑又好玩。三、反思其实说是新鲜，只是把不同场景的知识和技能融合了一下而已，原来自己掌握的内容，已经足以应
  • 代码随想录算法训练营Day22 | 491.递增子序列，46.全排列，47.全排列 II ，332. 重新安排行程，51. N皇后，37. 解数独，总结 Yummy Penguin 算法
    第七章回溯算法part04491.递增子序列本题和大家刚做过的90.子集II非常像，但又很不一样，很容易掉坑里。代码随想录视频讲解：回溯算法精讲，树层去重与树枝去重|LeetCode：491.递增子序列_哔哩哔哩_bilibili#491classSolution:deffindSubsequences(self,nums):result=[]path=[]self.backtracking(nu
  • 变压器制造5G智能工厂工业物联数字孪生平台，推进制造业数字化转型 数字孪生巨蟹数科 数字孪生智慧工厂三维数据可视化数字孪生3d可视化变压器制造5G智能工厂数字孪生工业互联网工业物联网制造业数字化转型智慧工厂数字孪生
    变压器制造5G智能工厂工业物联数字孪生平台，推进制造业数字化转型。作为传统制造业的重要组成部分，变压器制造行业也不例外地踏上了数字化转型的快车道。而变压器制造5G智能工厂物联数字孪生平台的出现，更是为这一进程注入了强大的动力，不仅极大地提升了生产效率，还推动了整个行业的智能化、精细化发展。5G智能工厂，是基于5G通信技术和物联网（IoT）的深度融合而构建的智能制造体系。它利用5G网络的高速度、低延
  • 克服阅读中傲慢和偏见：多一点理性的光，少一点激情的热 小贺_1982
    对作者的观点表示反对当我们在阅读过程中读懂了一本书，理解这本书的内涵。但是我们对于作者的通过书籍所表达观点持不同的态度。我们确信之所以反对他的观点，是因为作者在某一方面的确犯了错误。理想化辩论必须时刻保持三种心态我们是理性的、没有偏见、没有情绪化，因为这是真实存在的。那么在此基础上我们要做到公平、理智的理想化辩论，必须时刻保持下面三种心态。第一种心态：控制各种情绪控制各种情绪正如亚里士多德所说，人
  • Python实现的空中作战模拟器 - 探索无限可能性 明俪钧
    Python实现的空中作战模拟器-探索无限可能性该项目是一个基于Python语言的空中作战模拟器，旨在提供一个互动的学习和娱乐环境，让用户通过编程的方式理解飞行战术、策略规划以及游戏开发的基本原理。技术分析编程语言：PythonPython以其简洁明了的语法和丰富的库资源而受到广大开发者喜爱，这使得它成为快速原型设计和教育项目的理想选择。在这个模拟器中，Python被用来处理游戏逻辑、渲染图形界面
  • systemtap原理及使用 csr_hema
    SystemTap的架构SystemTap用于检查运行的内核的两种方法是Kprobes和返回探针。但是理解任何内核的最关键要素是内核的映射，它提供符号信息（比如函数、变量以及它们的地址）。有了内核映射之后，就可以解决任何符号的地址，以及更改探针的行为。Kprobes从2.6.9版本开始就添加到主流的Linux内核中，并且为探测内核提供一般性服务。它提供一些不同的服务，但最重要的两种服务是Kprob
  • 致三毛 yed
    致三毛：不知什么时候迷上了你，迷上了流浪1.11的早晨，又是一表面云卷云舒的假象出了门，便被风似浪得推着前行全身包裹阳光下行走的影子是我，只有手边的随手杯晃啊晃的踩在图书馆门前的青石块上，我清晰记得第一块的纹路和裂口不会再像第一次来这所学校的时候那般没方向忘记自己走过的路这样的“记得”把我带回成都带到寝室楼下曾绊过我的台阶带到升旗仪式站了三年的白点我记得A教三楼的消火栓内侧有人写了我爱你来到上海临
  • 保持成长的初心，感受时间的馈赠 zrn
    天真源于知晓自身拥有足够的力量去成长和蜕变，无需外求、无需焦虑、只需不忘初心持续吸收知识和养分，然后静待破土而出、开花结果的那一天。今天的能量肯定句:1.今天我是一颗拥有无限可能性的种子。2.今天我清晰我的目标，并安住于每个当下的体验和投入。3.今天我感恩自己过去所有的坚持和付出。4.今天我用爱和耐心对待自己的成长过程。5.今天我有足够的智慧和勇气去成为我想要的模样。6.今天我视生命为一份丰盛且富
  • 人间百像 纵横天下之我谈
    老板父亲病危，住进了医院，50多岁的民工王金贵被安排去陪床。这是一所三甲医院，门诊主楼高耸入云，住院部肃穆整洁，花岗岩地板光可照人，墙壁、角落找不到一丝灰尘，整个楼道飘散着来苏和清洁球混合的味道。不像家乡的县医院，地板是油腻的，墙上布满了了污迹，墙角是肮脏的垃圾和吐泻物。病房就像高级宾馆的总统套间，客厅摆放着高档亚光漆家具，沙发是真皮的，电视是液晶的，还有一套单人席梦思。老爷子住在里间，各种摆设都
  • 女排主帅她更适合？嫁大12岁外国佬，高龄产子，女排二传第一人！ 宁未离
    最近因为郎平指导从中国女排主教练的位置上退役，关注新教练的人选就一直没有停止过，从国内外的各个知名球队教练，到国家队助教甚至前女排队员，都被猜了个遍，其中有几位曾经的女排姑娘呼声很高，比如赖亚文、杨昊以及我们今天要说的主角冯坤。在天赋和努力缺一不可的女排赛场上，曾经流传着一句话“得冯坤者得天下”，作为一名球队二传，退役多年后现在球场上依旧处处流传着她的传说，不可谓不成功。而冯坤的排球人生更是传奇，
  • Nextcloud允许外部IP或域名访问 想和我重名？ 小TipsLinuxlinux服务器
    找到config.php文件并修改，docker安装的话可能在www/文件夹下，或者别的文件夹里,根据样例修改下面是官方的样例在arrry的选项里添加访问的方式，也就是在浏览器里要怎样的访问方式就添加怎样的访问方式，按照样添加IP和端口，然后重启Nextcloud后再访问来源Nextcloud修改trusteddomains指定哪些主机可访问_dockernextcloudtrusteddomai
  • 嫁给二婚男人后我后悔了，原以为嫁给爱情，却不想把自己推入深渊 静静喝糖水
    一、前言：现在离婚率居高不下，离婚似乎已经越来越年轻化，我们也可以发现，现在很多的男人女人也是二婚的。那么二婚的夫妻们真的有我们看到的那么简单吗？我的一个同事李婷，她是头婚，但她嫁给了二婚的老公，婚前的两人有多甜，婚后就有多煎熬。二、嫁给二婚男人后我后悔了，原以为嫁给爱情，却不想把自己推入深渊李婷和老公是在公司里认识的，当时的李婷在找工作，刚好找到了老公所在的公司。那时候李婷老公是公司的主管，看到
  • 《官升夺人》任远志&全集目录-在线阅读 小说推书
    《官升夺人》任远志&全集目录-在线阅读主角：任远志简介：高材生任远志步入官场多年，却连副科都没混上。而与他一同参加工作，从小就不如他的远房表哥王政，却因为榜上了县长千金而官运亨通。为了晋升，任远志扎根基层，任劳任怨，可三次晋升全都以失败告终。直到被王政在外胡搞伤透心的县长千金表嫂告诉他，这一切全是他的表哥王政在里面搞鬼，任远志这才明白原来从一开始，就是王政抢了他的人生。为了报复王政，任远志和表嫂一
  • 每日一题 东方博宜（1942 - 回文质数 Prime Palindromes） 雨颜纸伞（hzs） 算法c++
    题目描述因为151既是一个质数又是一个回文数（从左到右和从右到左是看一样的），所以151是回文质数。写一个程序来找出范围[a,b](5≤ausingnamespacestd;constintN=1e6+10;vectork;intprime[N];intcnt;boolvis[100000001];voidget_primes(intn)for(inti=2;i0){k.push_back(n%1
  • C语言和C++应该学哪个 爱编程的小兔子 c++c语言
    我比较建议学习C++，因为现在的各种比赛，游戏引擎大多都是支持C++的，C语言的使用比例已经比较少了。C++就是在C语言的基础上添加了类，和独有的一些标准库，因此只要知道这写概念，即可基本同时掌握这两种语言。
  • 深入探讨 RabbitMQ 的整体架构：消息传递的核心机制 需要重新演唱 rabbitmq架构ruby
    深入探讨RabbitMQ的整体架构：消息传递的核心机制引言在现代分布式系统中，消息队列（MessageQueue）是实现异步通信和解耦的重要工具。RabbitMQ是一个广泛使用的开源消息代理，提供了可靠的消息传递机制。本文将深入探讨RabbitMQ的整体架构，帮助你理解其核心组件和工作原理。无论你是初学者还是有经验的开发者，这篇文章都将为你提供全面而深入的理解。什么是RabbitMQ？Rabbit
  • 从 四点起床 开始 阿里的爸爸
    一直想要严格要求自己，对自律性极强的人羡慕到爆。可自己在制定了无数计划后，却每次都是搁浅告终，十几年如一日，总是悔恨自己的执行力，每年每月每天的目标都会被自己的口水替代，骂自己变成了常态，自己还不是真正的失败，但心中却早已阴影一片。我不知道有多少人和我一样，羡慕别人，却又不付出和别人一样的劳动。我相信，只要有一颗躁动的心，就肯定会有和我一样的困境，十几年甚至几十年的困境。之前的自己倒是屡败屡战，这
  • 2月3日，第②期"教育行走一起写吧"挑战300天活动第187天文章汇总 小尘老师
    2月3日，第②期"教育行走一起写吧"挑战300天活动第187天。我们的任务:每天一记录(500字以上自由写作)，每月一精品(2000字以上主题作文)我们的标准动作:写文（推荐）+挑战群中接龙（字数、题目+链接）+“教育行走一起写吧”小打卡圈打卡(字数、标题、内容)。每月精品文还需要登记在腾讯文档(链接入口查看群公告)2022年2月份主题文：“春节”(2000字以上精品文)特别提醒:打卡和接龙要求加
  • 2022年4月26日《儿童纪律教育》培训感悟 崔博硕
    崔博硕+春蕾三幼一、感受社会是复杂的，我们做父母的不愿意让孩子早早的去接触社会，但是殊不知孩子上的幼儿园就是一个小小的社会。俗话说得好“失败是成功之母”，由于我们父母把孩子保护的太好，孩子都不能去感受做事情的过程，更何谈失败和经验。做事的经验都是自己动手去总结的，我们父母一定要管住自己的手和嘴，让孩子自己去体验过程。二、新知1.孩子的性格各不相同，有的孩子喜欢交朋友，有的不喜欢，在孩子想要交朋友时
  • 自我实现与父母期望不一致，你会如何选择 摩纳哥是童话
    朋友异地恋，已经到了谈婚论嫁的地步了，但是父母不同意，希望她能找个本地的。就此爸爸妈妈和我提起未来的婚姻和工作方向，他们希望我能找个本地的，不要离得太远，如果我找外地的话就不会来看我。我以为的读书是为了走的更远，可是最终我还是嫁在本地，窝在这一块地方一辈子，那我想不明白我读书是为了什么呢？毕竟我的羽翼还是被束缚在这里。马斯洛需求层次说到人的最高需求是自我实现。父母希望你能实现的目标是回来找个稳定的
  • 2022-09-30为什么我们要进行教育写作？ 牵着蜗牛狂奔
    尊敬的雷老师、尊敬的张老师，亲爱的工作室的伙伴们，大家上午好，寒冷也挡不住我们学习成长的热情，我们有幸坐在一起，共同分享教学经验，交流班级管理心得。承蒙大家信任，让我在此与大家分享教育写作的一些心得和感悟，不胜荣幸。教育写作到底难不难？其实不难，于洁老师每天写一张字条沟通和一位家长，三年写了二十多万字，后来出了一本书。管建刚老师利用每天下午放学后半个小时时间，在学校记录当天发生的事，从2005年开
  • 电波教你玩音频：理解动态范围（dynamic range）就是极限和极限之间的距离（范围） 电波bilibili高中生
    先讲一个故事你饿了一天，要死的那种，突然，有人给你了一袋大包子，冒着热气，香味使劲往鼻子你钻，你拿起一个忍不住夸夸两口就没了，边吃边说：嗯，好吃。感觉很爽，开始吃第二个，觉得味道还不错，吃到第三个的时候，感觉吃的差不多了，有种吃饱的感觉。对人来说，每个人的食量量不一样，有人吃2个就撑，有人吃5个才够，那么第一个人的动态范围就是从1-2个，第二个人的动态范围就是0-5个。为什么是0呢，因为很多人早上
  • 玛雅文明覆灭解密 征钥
    宏伟的宫殿，精确的立法，复杂的文字，还有神奇的预言。无不体现着，玛雅文明的强盛和发达。拥有如此高度文明的王国，为何最终却走向了灭亡。这个谜题，一直困扰着所有人。如今，随着考古学家的探索。我们似乎，也找到了玛雅文明覆灭的原因。1000多年前，在一片浓密的雨林中。一场屠杀之后，留下了成千上万玛雅人的骸骨。这些有力的证据，向我们揭示了死难者的遭遇和身世。玛雅遗址，就像是一个犯罪现场。人们被残忍的杀害，抛
  • 统一思想认识 永夜-极光 思想
    1.统一思想认识的基础,才能有的放矢  原因:    总有一种描述事物的方式最贴近本质,最容易让人理解.    如何让教育更轻松,在于找到最适合学生的方式.          难点在于,如何模拟对方的思维基础选择合适的方式.   &
  • Joda Time使用笔记 bylijinnan javajoda time
    Joda Time的介绍可以参考这篇文章： http://www.ibm.com/developerworks/cn/java/j-jodatime.html 工作中也常常用到Joda Time，为了避免每次使用都查API，记录一下常用的用法：     /** * DateTime变化（增减） */ @Tes
  • FileUtils API eksliang FileUtilsFileUtils API
    转载请出自出处：http://eksliang.iteye.com/blog/2217374 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • 各种新兴技术 不懂事的小屁孩 技术
    1:gradle Gradle 是以 Groovy 语言为基础，面向Java应用为主。基于DSL（领域特定语言）语法的自动化构建工具。 现在构建系统常用到maven工具，现在有更容易上手的gradle， 搭建java环境: http://www.ibm.com/developerworks/cn/opensource/os-cn-gradle/ 搭建android环境： http://m
  • tomcat6的https双向认证 酷的飞上天空 tomcat6
    1.生成服务器端证书 keytool -genkey -keyalg RSA -dname "cn=localhost,ou=sango,o=none,l=china,st=beijing,c=cn" -alias server -keypass password -keystore server.jks -storepass password -validity 36
  • 托管虚拟桌面市场势不可挡 蓝儿唯美
    用户还需要冗余的数据中心，dinCloud的高级副总裁兼首席营销官Ali Din指出。该公司转售一个MSP可以让用户登录并管理和提供服务的用于DaaS的云自动化控制台，提供服务或者MSP也可以自己来控制。 在某些情况下，MSP会在dinCloud的云服务上进行服务分层，如监控和补丁管理。 MSP的利润空间将根据其参与的程度而有所不同，Din说。 “我们有一些合作伙伴负责将我们推荐给客户作为个
  • spring学习——xml文件的配置 a-john spring
    在Spring的学习中，对于其xml文件的配置是必不可少的。在Spring的多种装配Bean的方式中，采用XML配置也是最常见的。以下是一个简单的XML配置文件： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.or
  • HDU 4342 History repeat itself 模拟 aijuans 模拟
    来源：http://acm.hdu.edu.cn/showproblem.php?pid=4342 题意：首先让求第几个非平方数，然后求从1到该数之间的每个sqrt(i)的下取整的和。 思路：一个简单的模拟题目，但是由于数据范围大，需要用__int64。我们可以首先把平方数筛选出来，假如让求第n个非平方数的话，看n前面有多少个平方数，假设有x个，则第n个非平方数就是n+x。注意两种特殊情况，即
  • java中最常用jar包的用途 asia007 java
    java中最常用jar包的用途 jar包用途axis.jarSOAP引擎包commons-discovery-0.2.jar用来发现、查找和实现可插入式接口，提供一些一般类实例化、单件的生命周期管理的常用方法.jaxrpc.jarAxis运行所需要的组件包saaj.jar创建到端点的点到点连接的方法、创建并处理SOAP消息和附件的方法，以及接收和处理SOAP错误的方法.  w
  • ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法 百合不是茶 jsjson编码返回异常
    一:ajax获取自定义Struts框架中的json编码  出现以下 问题:       1,强制flush输出  json编码打印在首页 2, 不强制flush js会解析json 打印出来的是错误的jsp页面   却没有跳转到错误页面 3,  ajax中的dataType的json 改为text 会
  • JUnit使用的设计模式 bijian1013 java设计模式JUnit
    JUnit源代码涉及使用了大量设计模式 1、模板方法模式（Template Method）         定义一个操作中的算法骨架，而将一些步骤延伸到子类中去，使得子类可以不改变一个算法的结构，即可重新定义该算法的某些特定步骤。这里需要复用的是算法的结构，也就是步骤，而步骤的实现可以在子类中完成。   
  • Linux常用命令（摘录） sunjing crondchkconfig
    chkconfig --list   查看linux所有服务 chkconfig --add servicename 添加linux服务 netstat -apn | grep 8080  查看端口占用 env 查看所有环境变量 echo $JAVA_HOME 查看JAVA_HOME环境变量   安装编译器 yum install -y gcc
  • 【Hadoop一】Hadoop伪集群环境搭建 bit1129 hadoop
     结合网上多份文档，不断反复的修正hadoop启动和运行过程中出现的问题，终于把Hadoop2.5.2伪分布式安装起来，跑通了wordcount例子。Hadoop的安装复杂性的体现之一是，Hadoop的安装文档非常多，但是能一个文档走下来的少之又少，尤其是Hadoop不同版本的配置差异非常的大。Hadoop2.5.2于前两天发布，但是它的配置跟2.5.0，2.5.1没有分别。 &nb
  • Anychart图表系列五之事件监听 白糖_ chart
    创建图表事件监听非常简单：首先是通过addEventListener('监听类型',js监听方法)添加事件监听，然后在js监听方法中定义具体监听逻辑。 以钻取操作为例，当用户点击图表某一个point的时候弹出point的name和value，代码如下： <script> //创建AnyChart var chart = new AnyChart(); //添加钻取操作&quo
  • Web前端相关段子 braveCS web前端
    Web标准：结构、样式和行为分离   使用语义化标签 0）标签的语义：使用有良好语义的标签，能够很好地实现自我解释，方便搜索引擎理解网页结构，抓取重要内容。去样式后也会根据浏览器的默认样式很好的组织网页内容，具有很好的可读性，从而实现对特殊终端的兼容。 1）div和span是没有语义的：只是分别用作块级元素和行内元素的区域分隔符。当页面内标签无法满足设计需求时，才会适当添加div
  • 编程之美-24点游戏 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashSet; import java.util.List; import java.util.Random; import java.util.Set; public class PointGame { /**编程之美
  • 主页面子页面传值总结 chengxuyuancsdn 总结
    1、showModalDialog returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口时,用于返回窗口的值 主界面 var sonValue=window.showModalDialog("son.jsp"); 子界面 window.retu
  • [网络与经济]互联网+的含义 comsci 互联网+
          互联网+后面是一个人的名字 = 网络控制系统       互联网+你的名字 =  网络个人数据库       每日提示:如果人觉得不舒服,千万不要外出到处走动,就呆在床上,玩玩手游,更不能够去开车,现在交通状况不
  • oracle 创建视图 with check option daizj 视图vieworalce
    我们来看下面的例子： create or replace view testview as select empno,ename from emp where ename like ‘M%’ with check option; 这里我们创建了一个视图，并使用了with check option来限制了视图。 然后我们来看一下视图包含的结果： select * from testv
  • ToastPlugin插件在cordova3.3下使用 dibov Cordova
        自己开发的Todos应用，想实现“ 再按一次返回键退出程序 ”的功能，采用网上的ToastPlugins插件，发现代码或文章基本都是老版本，运行问题比较多。折腾了好久才弄好。下面吧基于cordova3.3下的ToastPlugins相关代码共享。       ToastPlugin.java package&nbs
  • C语言22个系统函数 dcj3sjt126com cfunction
    C语言系统函数一、数学函数下列函数存放在math.h头文件中Double floor(double num) 求出不大于num的最大数。Double fmod(x, y) 求整数x/y的余数。Double frexp(num, exp); double num; int *exp; 将num分为数字部分（尾数）x和 以2位的指数部分n，即num=x*2n，指数n存放在exp指向的变量中，返回x。D
  • 开发一个类的流程 dcj3sjt126com 开发
    本人近日根据自己的开发经验总结了一个类的开发流程。这个流程适用于单独开发的构件，并不适用于对一个项目中的系统对象开发。开发出的类可以存入私人类库，供以后复用。   以下是开发流程： 1. 明确类的功能，抽象出类的大概结构 2. 初步设想类的接口 3. 类名设计（驼峰式命名） 4. 属性设置(权限设置) 判断某些变量是否有必要作为成员属
  • java 并发 shuizhaosi888 java 并发
    能够写出高伸缩性的并发是一门艺术   在JAVA SE5中新增了3个包 java.util.concurrent java.util.concurrent.atomic java.util.concurrent.locks 在java的内存模型中，类的实例字段、静态字段和构成数组的对象元素都会被多个线程所共享，局部变量与方法参数都是线程私有的，不会被共享。
  • Spring Security（11）——匿名认证 234390216 Spring SecurityROLE_ANNOYMOUS匿名
    匿名认证 目录 1.1     配置 1.2     AuthenticationTrustResolver          对于匿名访问的用户，Spring Security支持为其建立一个匿名的AnonymousAuthenticat
  • NODEJS项目实践0.2[ express,ajax通信...] 逐行分析JS源代码 Ajaxnodejsexpress
      一、前言         通过上节学习，我们已经        ubuntu系统搭建了一个可以访问的nodejs系统，并做了nginx转发。本节原要做web端服务 及 mongodb的存取，但写着写着，web端就
  • 在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值 lhbthanks javahtmlstrutscheckbox
    第一种方法：获取结果String类型 在 Action 中获得的是一个 String 型数据，每一个被选中的 checkbox 的 value 被拼接在一起，每个值之间以逗号隔开(,)。 所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。 以下是实现的代码： 前台 HTML 代码：
  • 003.Kafka基本概念 nweiren hadoopkafka
    Kafka基本概念：Topic、Partition、Message、Producer、Broker、Consumer。 Topic：             消息源（Message）的分类。 Partition：             Topic物理上的分组，一
  • Linux环境下安装JDK roadrunners jdklinux
    1、准备工作 创建JDK的安装目录： mkdir -p /usr/java/   下载JDK，找到适合自己系统的JDK版本进行下载： http://www.oracle.com/technetwork/java/javase/downloads/index.html   把JDK安装包下载到/usr/java/目录，然后进行解压： tar -zxvf jre-7
  • Linux忘记root密码的解决思路 tomcat_oracle linux
    1：使用同版本的linux启动系统，chroot到忘记密码的根分区passwd改密码 　　2：grub启动菜单中加入init=/bin/bash进入系统，不过这时挂载的是只读分区。根据系统的分区情况进一步判断. 　　3: grub启动菜单中加入 single以单用户进入系统. 　　4:用以上方法mount到根分区把/etc/passwd中的root密码去除 　　例如: 　　ro
  • 跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现 xueyou jsonpjquery框架UIhtml5
    postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端擅长跨域文档数据即时通讯，后者擅长针对跨域服务端数据通讯，p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他