龙司Glsa
龙司Glsa

Web复习笔记

web前端复习

前端引入

前端的发展历程：美工 网页制作 Web前端开发 全栈开发 大前端

大前端作用：网站（PC 移动端） 管理系统 APP 小程序 数据可视化 智能电视 桌面应用 网页游戏 工具和后端（node）

网页为啥叫HTML

蒂姆·伯纳斯·李制定W3C规则
网页是网站的一页 文件扩展名html
HTML是超文本标记语言 用来描述网页的一种语言 不是编程语言是标记语言（标记标签来描述网页）

浏览器

can i use网站
常见浏览器：Opra欧朋 Firefox火狐 Internet explorer IE浏览器→Edge浏览器 Safari苹果 Chorme谷歌 QQ浏览器

Web标准的制定

万维网联盟 World Wide Web Consortium（W3C）
W3C制定HTML的语法，标准 CSS的语法，标准
W3C和ECMA制定了行为标准 W3C DOM,ECMAScript
HTML结构 CSS表现 JS行为

第一个网页

html head title body之间的关系
固定的结构
基本语法：常规标记（双标记）<标记> 空标记（单标记）<标记 />

相关工具

HTML编写工具：SublimeText Webstorm HBuilderX VSCode AdobeDreamweaver
VSCode相关插件：Auto Rename Tag view-in-browser Live Server

文档声明与字符统计

DOCTYPE html>     
<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>
<body>
body>
html>

HTML标签

Web语义化：裸奔好看 爬虫喜欢 方便维护

HTML标签：

文本标题（h1-h6）格式

内容


文本标题标签自带加粗，有自己的文本大小，并且独占一行，有默认间距

段落标签（p）格式

内容


标识一个段落(段落与段落之间有段间距)

换行（br）格式

换行是一个空标记（强制换行）

水平线（hr）

加粗（b）格式（strong）格式
b只是显示加粗 strong强调内容突出文本

倾斜（em）格式（i）格式
em强调文本 i倾斜文本

删除线（s）格式（del）格式

下划线（u）格式

下标与上标（sub）格式（sup）格式

百科词条案例

DOCTYPE html>
<html lang="zh-CN中文">
<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>
<body>
<h1>HTML5h1>  
<p>本词条由“科普中国<strong>"科学百科"词条编写与应用工作项目strong>审核。<br>p>
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是<strong>构建以及呈现互联网内容的一种语言方式.strong><br>
被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开
<br>发。<br>
HTML5是Web中核心语言HTML的规范，<em><strong>用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的strong>em>，在浏览器中<br>
通过-些技术处理将其转换成为了可识别的信息。HTML5在从前<del>HTML4.01del>的基础上进行了一定的改进，虽然技术人员在开发<br>
过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。
<sup>[1-2]sup><br>
<h2>HtmI5的新特性h2>
<hr>hr>
HTML5将Web带入一个成熟的应用平台,在这个平台上，<strong>视频、音频、图像、动画以及与设备的交互strong>都进行了规范。
<h3>智能表单h3>
表单是实现用户与页面后台交互主要组成部分，HTML5在表单的设计上功能更加强大。input类型和属性的多样性大大地增<br>
强了HTML可表达的表单形式，再加上新增加的一些表单标签, 使得原本需要JavaScript来实现的控件,可以直接使用HTML5<br>
的表单来实现; - -些如内容提示、焦点处理、数据验证等功能，也可以通过THML5的智能表单属性标签来完成。<sup>[6]sup>
<h3>多媒体h3>
HTML5最大特色之一就是支持音频视频， 在通过增加了audio. video两个标签来实现对多媒体中的音频、视频使用的<br>
支持，只要在Web网页中嵌入这两个标签，而无需第三方插件(如Flash) 就可以实现音视频的播放功能。HTML5对音频、 视频<br>
文件的支持使得浏览器摆脱了对插件的依赖，加快了页面的加载速度，扩展了互联网多媒体技术的发展空间。

body>
html>

Web复习笔记_第1张图片

不一般的hr


color→颜色
width→宽度
align→对其方式
noshade→取消阴影

DOCTYPE html>
<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>
<body>
    <hr color="red">
    <hr color="green">
    <hr color="blue">
    <hr color="black" width="300px">
    <hr color="black" width="300px" align="left">
    <hr color="black" width="300px" align="right">
    <hr noshade="noshade">
body>
html>

特殊符号

特殊符号:在编写文本是,会遇到输入法无法输入的字符,如®(注册商标),©(版权符)等,还要在一段文字中加入多个空格时,页面无法解析出多个空格.这些无法输入和空格字符都是特殊字符,HTML中有专门的代码.

特殊字符 含义 特殊字符代码
  空格符   ;
© 版权 © ;
® 注册商标 ® ;
< 小于 < ;
> 大于 > ;
& 和号 & ;
¥ 人民币 ¥ ;
° 摄氏度 ° ;
< 左尖角号 < ;
> 右尖角号 > ;

网页特殊符号(HTML字符实体)大全

div和span标签

div标签，没有具体含义，用来划分页面的区域，独占一行。
span标签，没有实际意义，主要应用在对文本独立修饰的时候，内容有多宽就占用多宽的空间距离。

列表

有序列表：

  1.  li里面可以随意放标签，但ol里面只能放置li

    type属性:改变前面标记的样式(一般通过CSS去控制)


      1数字有序列表 a小写字母顺序列表 A大写字母顺序列表 i小写罗马字母列表 I大写罗马字母列表

      start开始 但属性取值一定为数字（超过26则在第一个的基础上加）

      无序列表：

      ul>li快捷输入

      •  ul里面只能放li，li里面可以放其他标签

        type属性:改变前面标记的样式(一般通过CSS去控制)


          disc 实心圆 circle 空心圆 square 实心方块 none没有

          自定义列表：

          快捷输入：dl>dt+dd

          可以是文字也可以是图

          图片标签的路径

          注释

          相对路径:相对路径是指以当前文件资源所在的目录为参照基础，链接到目标文件资源(或文件夹)的路径.

          以“./"开头，代表当前目录和文件目录在同一个目录里，“./"也可以省略不写！

          以"…/"开头：向上走一级，代表目标文件在当前文件所在的上一级目录.

          以"…/…/"开头：向上走两级，代表父级的父级目录，也就是上上级目录，再说明白点，就是上一级目录的上一级目录.

          以"/"开头，代表根目录.

          绝对路径:从根目录开始,是一个完整的路径.

          “D:/abc/”：代表根目录,绝对路径.

          ·在windows中路径斜线/与反斜线\都可表示,在网络路径中必须/ 尽量避免写反斜线\

          注释：如果使用服务器打开，本地路径无法访问

          图片标签的属性

          路径

          超链接标签

          内容

          Target属性:规定在何处打开文档 target="_self"默认值 target=“_blank"新窗口打开

          表格：

          标签：

          :表格的最外层容器
          :定义表格行
          th:定义表头
          td:定义表格单元
          :定义表格标题

          属性：

          1.宽度 width .
          2.高度 height
          3.边框 border
          4.边框颜色 bordercolor
          5.背景颜色 bgcolor
          6.水平对齐 align=“left或 right或center”
          7.cellspacing=“单元格与单元格之间的间距”
          8.cellpadding=“单元格与内容之间的空隙”

          行tr 属性

          1.高度 height
          2.背景颜色 bgcolor
          3.文字水平对齐 align=“left或 right或center”
          4.文字垂 直对齐 valign=“ top或middle或bottom";

          单元格td属性

          1.宽度width
          2.高度height
          3.背景颜色bgcolor
          4.文字水平对齐 align= “left或right或center"
          5.文字垂直对齐valign=“top或middle或bottom";
          如果一个单元格设置宽度，影响的是这一整列的宽度
          如果一个单元格设置高度，影响的是这一整行的高度

          表格合并

          Colspan="所要合并的单元格的列数” 必须给td
          Rowspan=“所要合并的单元格的行数” 必须给td

          表格实例

          DOCTYPE html>
<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>
<body>
    <table border="1" cellspacing="0" cellpadding="0"align="center" bordercolor="red">
        <tr height="50" align="center">
            <td width="100">会员注册td>
            <td width="150">td>
            <td width="100">出生日期td>
            <td width="150">td>
        tr>
        <tr height="50">
            <td>身份证号td>
            <td colspan="3">td>
        tr>
        <tr height="50">
            <td>通信地址td>
            <td colspan="3">td>
        tr>
        <tr height="50">
            <td>联系电话td>
            <td colspan="3">td>
        tr>
        <tr height="50">
            <td>会员卡号td>
            <td colspan="3">td>
        tr>
    table>
body>
html>

          Web复习笔记_第2张图片

          表单标签



          A.属性type定义输入框的类型
          a)文本框 type=“text”
          密码框type=“password”
          b) 提交框type=“submit" 和 一样
          c) 按钮框type=“button” 单纯的按钮
          d) 重置框type= “reset” 清空的效果
          B. 属性 placeholder描述输入字段预期值的简短的提示信息。兼容到IE8以上

          C. 属性 name必须设置，否则在提交表单时，用户在其中输入的数据不会被发送给服务器
          D.属性 value

          CSS内部样式表

          1）每个CSS样式由两部分组成，即选择符和声明，声明又分为属性和属性值
          2）属性必须放在花括号中，属性与属性值用冒号连接
          3）每条声明用分号结束
          4）当一个属性有多个属性值的时候，属性值与属性值不分先后顺序,用空格隔开
          5）在书写样式过程中，空格、换行等操作不影响属性显示

          选择器（选择符）{属性:属性值; 属性:属性值;}

          ###　外部标签

          扩展知识点：link和import之间的区别？

          ①差别1：本质的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。

          ②差别2：加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显。

          ③差别3：兼容性的差别：@import是CSS2.1提出的，所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。

          行内样式表

          我是DIV

          样式表的优先级

          ！important>行内>内部>外部

          你可能感兴趣的:(HTML,JavaScript,前端,html)

          • Long类型前后端数据不一致 igotyback 前端
            响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
          • swagger访问路径 igotyback swagger
            Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
          • html 中如何使用 uniapp 的部分方法 某公司摸鱼前端 htmluni-app前端
            示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
          • 四章-32-点要素的聚合 彩云飘过
            本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
          • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
            ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
          • 【加密社】Solidity 中的事件机制及其应用 加密社 闲侃区块链智能合约区块链
            加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
          • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
            ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
          • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
            Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
          • node.js学习 小猿L node.jsnode.js学习vim
            node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
          • springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
            这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
          • JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy） 跳房子的前端 前端面试javascript开发语言ecmascript
            在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
          • 博客网站制作教程 2401_85194651 javamaven
            首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
          • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
            目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
          • 详解：如何设计出健壮的秒杀系统？ 夜空_2cd3
            作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
          • JavaScript `Map` 和 `WeakMap`详细解释 跳房子的前端 JavaScript原生方法javascript前端开发语言
            在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
          • 最简单将静态网页挂载到服务器上(不用nginx) 全能全知者 服务器nginx运维前端html笔记
            最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
          • 补充元象二面 Redstone Monstrosity 前端面试
            1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
          • 微信小程序开发注意事项 jun778895 微信小程序小程序
            微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
          • 切换淘宝最新npm镜像源是 hai40587 npm前端node.js
            切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
          • 字节二面 Redstone Monstrosity 前端面试
            1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
          • 斟一小组鸡血视频 和自己一起成长
            http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa
          • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
            点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
          • Dockerfile命令详解之 FROM 清风怎不知意 容器化java前端javascript
            许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用
          • 《HTML 与 CSS—— 响应式设计》 陈在天box htmlcss前端
            一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
          • 【C语言】- 自定义类型：结构体、枚举、联合 Cavalier_01 C语言
            【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
          • uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app
            第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
          • 高性能javascript--算法和流程控制 海淀萌狗
            -for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i
          • html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游
            html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
          • spring mvc @RequestBody String类型参数 zoyation spring-mvcspringmvc
            通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
          • ubuntu安装opencv最快的方法 Derek重名了
            最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html
          • PHP，安卓，UI，java，linux视频教程合集 cocos2d-x小菜 javaUIPHPandroidlinux
            ╔-----------------------------------╗┆                           
          • 各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。 bozch .net.net mvc
            在.net mvc5中，在执行某一操作的时候，出现了如下错误：       各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。 经查询当前的操作与错误内容无关，经过对错误信息的排查发现，事故出现在数据库迁移上。 回想过去： 在迁移之前已经对数据库进行了添加字段操作，再次进行迁移插入XXX字段的时候，就会提示如上错误。  &
          • Java 对象大小的计算 e200702084 java
                                      Java对象的大小 如何计算一个对象的大小呢？    
          • Mybatis Spring 171815164 mybatis
            ApplicationContext ac = new ClassPathXmlApplicationContext("applicationContext.xml"); CustomerService userService = (CustomerService) ac.getBean("customerService"); Customer cust
          • JVM 不稳定参数 g21121 jvm
                    -XX 参数被称为不稳定参数，之所以这么叫是因为此类参数的设置很容易引起JVM 性能上的差异，使JVM 存在极大的不稳定性。当然这是在非合理设置的前提下，如果此类参数设置合理讲大大提高JVM 的性能及稳定性。        可以说“不稳定参数”
          • 用户自动登录网站 永夜-极光 用户
            1.目标:实现用户登录后,再次登录就自动登录,无需用户名和密码 2.思路:将用户的信息保存为cookie            每次用户访问网站,通过filter拦截所有请求,在filter中读取所有的cookie,如果找到了保存登录信息的cookie,那么在cookie中读取登录信息,然后直接
          • centos7 安装后失去win7的引导记录 程序员是怎么炼成的 操作系统
            1.使用root身份(必须)打开 /boot/grub2/grub.cfg 2.找到 ### BEGIN /etc/grub.d/30_os-prober ###   在后面添加    menuentry "Windows 7 (loader) (on /dev/sda1)" { 
          • Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载 aijuans oracle
            Oracle 10g 官方中文安装帮助文档下载：http://download.csdn.net/tag/Oracle%E4%B8%AD%E6%96%87API%EF%BC%8COracle%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%EF%BC%8Coracle%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3 Oracle 10g 官方中文教程
          • JavaEE开源快速开发平台G4Studio_V3.2发布了 無為子 AOPoraclemysqljavaeeG4Studio
              我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V3.2版本已经正式发布。大家可以通过如下地址下载。   访问G4Studio网站 http://www.g4it.org   G4Studio_V3.2版本变更日志 功能新增 (1).新增了系统右下角滑出提示窗口功能。 (2).新增了文件资源的Zip压缩和解压缩
          • Oracle常用的单行函数应用技巧总结 百合不是茶 日期函数转换函数(核心)数字函数通用函数(核心)字符函数
            单行函数;   字符函数,数字函数,日期函数,转换函数(核心),通用函数(核心) 一:字符函数: .UPPER(字符串) 将字符串转为大写 .LOWER (字符串) 将字符串转为小写 .INITCAP(字符串) 将首字母大写 .LENGTH (字符串) 字符串的长度 .REPLACE(字符串,'A','_') 将字符串字符A转换成_
          • Mockito异常测试实例 bijian1013 java单元测试mockito
            Mockito异常测试实例： package com.bijian.study; import static org.mockito.Mockito.mock; import static org.mockito.Mockito.when; import org.junit.Assert; import org.junit.Test; import org.mockito.
          • GA与量子恒道统计 Bill_chen JavaScript浏览器百度Google防火墙
            前一阵子，统计**网址时，Google Analytics（GA） 和量子恒道统计（也称量子统计），数据有较大的偏差，仔细找相关资料研究了下，总结如下：   为何GA和量子网站统计（量子统计前身为雅虎统计）结果不同？ 首先：没有一种网站统计工具能保证百分之百的准确出现该问题可能有以下几个原因：（1）不同的统计分析系统的算法机制不同；（2）统计代码放置的位置和前后
          • 【Linux命令三】Top命令 bit1129 linux命令
            Linux的Top命令类似于Windows的任务管理器，可以查看当前系统的运行情况，包括CPU、内存的使用情况等。如下是一个Top命令的执行结果：     top - 21:22:04 up 1 day, 23:49, 1 user, load average: 1.10, 1.66, 1.99 Tasks: 202 total, 4 running, 198 sl
          • spring四种依赖注入方式 白糖_ spring
              平常的java开发中，程序员在某个类中需要依赖其它类的方法，则通常是new一个依赖类再调用类实例的方法，这种开发存在的问题是new的类实例不好统一管理，spring提出了依赖注入的思想，即依赖类不由程序员实例化，而是通过spring容器帮我们new指定实例并且将实例注入到需要该对象的类中。依赖注入的另一种说法是“控制反转”，通俗的理解是：平常我们new一个实例，这个实例的控制权是我
          • angular.injector boyitech AngularJSAngularJS API
            angular.injector   描述: 创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入.   使用方法: angular.injector(modules, [strictDi])   参数详解: Param Type Details mod
          • java-同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待 bylijinnan Integer
            public class PC { /** * 题目：生产者-消费者。 * 同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待。 */ private static final Integer[] val=new Integer[10]; private static
          • 使用Struts2.2.1配置 Chen.H apachespringWebxmlstruts
            Struts2.2.1 需要如下 jar包: commons-fileupload-1.2.1.jar commons-io-1.3.2.jar commons-logging-1.0.4.jar freemarker-2.3.16.jar javassist-3.7.ga.jar ognl-3.0.jar spring.jar struts2-core-2.2.1.jar struts2-sp
          • [职业与教育]青春之歌 comsci 教育
                   每个人都有自己的青春之歌............但是我要说的却不是青春...        大家如果在自己的职业生涯没有给自己以后创业留一点点机会,仅仅凭学历和人脉关系,是难以在竞争激烈的市场中生存下去的....   &nbs
          • oracle连接(join)中使用using关键字 daizj JOINoraclesqlusing
            在oracle连接(join)中使用using关键字 34. View the Exhibit and examine the structure of the ORDERS and ORDER_ITEMS tables. Evaluate the following SQL statement: SELECT oi.order_id, product_id, order_date FRO
          • NIO示例 daysinsun nio
            NIO服务端代码： public class NIOServer { private Selector selector; public void startServer(int port) throws IOException { ServerSocketChannel serverChannel = ServerSocketChannel.open(
          • C语言学习homework1 dcj3sjt126com chomework
            0、 课堂练习做完 1、使用sizeof计算出你所知道的所有的类型占用的空间。 int x; sizeof(x);   sizeof(int);   # include <stdio.h> int main(void) { int x1; char x2; double x3; float x4; printf(&quo
          • select in order by , mysql排序 dcj3sjt126com mysql
            If i select like this: SELECT id FROM users WHERE id IN(3,4,8,1); This by default will select users in this order 1,3,4,8, I would like to select them in the same order that i put IN() values so:
          • 页面校验-新建项目 fanxiaolong 页面校验
            $(document).ready( function() { var flag = true; $('#changeform').submit(function() { var projectScValNull = true; var s =""; var parent_id = $("#parent_id").v
          • Ehcache（02）——ehcache.xml简介 234390216 ehcacheehcache.xml简介
            ehcache.xml简介          ehcache.xml文件是用来定义Ehcache的配置信息的，更准确的来说它是定义CacheManager的配置信息的。根据之前我们在《Ehcache简介》一文中对CacheManager的介绍我们知道一切Ehcache的应用都是从CacheManager开始的。在不指定配置信
          • junit 4.11中三个新功能 jackyrong java
            junit 4.11中两个新增的功能，首先是注解中可以参数化，比如 import static org.junit.Assert.assertEquals; import java.util.Arrays; import org.junit.Test; import org.junit.runner.RunWith; import org.junit.runn
          • 国外程序员爱用苹果Mac电脑的10大理由 php教程分享 windowsPHPunixMicrosoftperl
            Mac 在国外很受欢迎，尤其是在 设计/web开发/IT 人员圈子里。普通用户喜欢 Mac 可以理解，毕竟 Mac 设计美观，简单好用，没有病毒。那么为什么专业人士也对 Mac 情有独钟呢？从个人使用经验来看我想有下面几个原因： 1、Mac OS X 是基于 Unix 的 这一点太重要了，尤其是对开发人员，至少对于我来说很重要，这意味着Unix 下一堆好用的工具都可以随手捡到。如果你是个 wi
          • 位运算、异或的实际应用 wenjinglian 位运算
            一． 位操作基础，用一张表描述位操作符的应用规则并详细解释。       二． 常用位操作小技巧，有判断奇偶、交换两数、变换符号、求绝对值。       三． 位操作与空间压缩，针对筛素数进行空间压缩。    &n
          • weblogic部署项目出现的一些问题（持续补充中……） Everyday都不同 weblogic部署失败
            好吧，weblogic的问题确实……   问题一： org.springframework.beans.factory.BeanDefinitionStoreException: Failed to read candidate component class: URL [zip:E:/weblogic/user_projects/domains/base_domain/serve
          • tomcat7性能调优（01） toknowme tomcat7
                Tomcat优化： 1、最大连接数最大线程等设置 <Connector port="8082" protocol="HTTP/1.1"                useBodyEncodingForURI="t
          • PO VO DAO DTO BO TO概念与区别 xp9802 javaDAO设计模式bean领域模型
            O/R Mapping 是 Object Relational Mapping（对象关系映射）的缩写。通俗点讲，就是将对象与关系数据库绑定，用对象来表示关系数据。在O/R Mapping的世界里，有两个基本的也是重要的东东需要了解，即VO，PO。 它们的关系应该是相互独立的，一个VO可以只是PO的部分，也可以是多个PO构成，同样也可以等同于一个PO（指的是他们的属性）。这样，PO独立出来，数据持