lgcgkCQ
lgcgkCQ

前端学习系列之html

目录

初识html

发展史

 优势

W3C

标准

地址

格式

网页基本标签

标题标签

段落标签

换行标签

水平线标签

字体样式

注释和特殊符号

特殊符号

图像、超链接

图像

常见图像格式

格式

超链接

格式

重要属性

href：规定链接指向的页面的 URL

target：链接页面的打开方式

name：定义锚名称

title：鼠标悬停显示的提示文本

状态

列表、表格、媒体元素

列表

分类

表格

优点

基本结构

使用

媒体元素

内联框架

表单及表单应用

表单

input属性

单选框

多选框

按钮

滑块

搜索框

下拉框

文本域

文件域

表单的应用

初识html

html：Hyper Text Markup Language（超文本标记语言）

发展史

前端学习系列之html_第1张图片

 优势

1.世界知名浏览器都支持html

2. 市场需求大

3.跨平台

W3C

World Wide Web Consortium(万维网联盟)

标准

结构化标准语言：html、xml

表现标准语言：CSS

行为标准语言：DOM、ECMAScript

地址

http://www.w3.org

http://www.chinaw3c.org

格式

前端学习系列之html_第2张图片

:网页头部

:主体部分

、等成对的标签，分别叫开放标签和闭合标签

网页基本标签

注释：

前端学习系列之html_第3张图片

标题标签

前端学习系列之html_第4张图片

段落标签

换行标签


水平线标签

字体样式

粗体：

斜体：

注释和特殊符号

注释：

特殊符号

空格： ；

大于号：>；

小于号：<；

版权符号：©；

图像、超链接

图像

常见图像格式

jpg、gif、png、bmp......

格式

图片替代文字

src ：图片地址，其中包括相对地址、绝对地址

        相对地址：../

        绝对地址：图片在电脑文件夹中的完整地址

alt：当图片找不到时，显示文字

title：鼠标悬停提示文字

超链接

标签定义超链接，用于从一个页面链接到另一个页面

格式

重要属性

href：规定链接指向的页面的 URL

外部链接：< a href="http:// www.baidu.com">百度

内部链接：网站内部页面之间的相互链接：< a href="index.html">首页

空链接：如果当时没有确定链接目标时：首页

下载链接：如果href里面地址是一个文件会下载这个文件：下载文件

锚点链接：点我们点击链接，可以快速定位到页面中的某个位置：首页

首页

target：链接页面的打开方式

_top： 跳出框架打开网页。

_parent： 在父窗口打开网页。

_ framename： 在指定的框架中打开网页。

_self：为默认值当前页面打开。

_blank：为在新窗口中打开方式。

name：定义锚名称

锚：定义在某个点上

可以快速定位到页面中的某个位置：首页，

首页

title：鼠标悬停显示的提示文本

状态

对于a标签，一共有5种状态：:link, :visited, :hover, :focus, :active 

        :link —— 于声明未访问状态链接的样式；

        :visited —— 可以用于声明已经访问链接的样式；

        :hover —— 可以用于声明鼠标悬停在链接上的样式；

        :focus —— 可以用于声明浏览器焦点悬停在链接上的样式(通过键盘选择链接)；

        :active —— 可以用于声明浏览器点击链接的样式。

四个“状态”的先后过程是：a:link ->a:hover ->a:active ->a:visited。另外，a:active不能设置有无下划线（总是有的）

列表、表格、媒体元素

列表

列表就是信息资源展现的一种形式。它可以使信息结构化和条理化，并以列表的形式显示出来，以便浏览者能够更加快捷的获得相应的信息。

分类

有序列表

使用

    表示

             

    1. java

      2.         

    2. Python

      3.         

    3. 运维

      4.         

    4. 前端

      5.         

    5. C/c++

    前端学习系列之html_第5张图片

    无序列表

    使用

      表示

               

      • java

        •         

      • Python

        •         

      • 运维

        •         

      • 前端

        •         

      • C/c++

      前端学习系列之html_第6张图片

      自定义列表

      使用

      表示

             

      学科
            

              

    • java

      •         

    • Python

      •        

    • Linux

      •        

    • C

      • 其中：dl：标签

                dt：列表名称

                dd：列表内容

      前端学习系列之html_第7张图片

      表格

      优点

              1.简单通用

              2.结构稳定

      基本结构

              1.单元格

              2.行

              3.列

              4.跨行

              5.跨列

      使用

      行:tr

      列:td

      跨列:colspan

      跨行:rowspan

             

                     

                     

                     

                     

             

             

                     

                     

                     

                     

             

             

                     

                     

                     

                     

             

      1-1 1-2 1-3 1-4
      2-1 2-2 2-3 2-4
      3-1 3-2 3-3 3-4

      前端学习系列之html_第8张图片

             

                     

             

             

                     

                     

                     

                     

             

             

                     

                     

                     

             

      1-1
      2-1 2-2 2-3 2-4
      3-1 3-2 3-3

      前端学习系列之html_第9张图片

             

                     

             

             

                     

                     

                     

                     

             

             

                     

                     

                     

                     

             

      1-1
      2-1 2-2 2-3 2-4
      3-1 3-2 3-3 3-4

      前端学习系列之html_第10张图片

      媒体元素

      格式

      视频：

      音频：

      src：资源路径

      controls ：显示进度控制条

      autoplay：自动播放

      内联框架

      在网站中嵌入外部网站使用iframe 标签

      格式：

      src:引用页面地址

      name:框架标识名

      表单及表单应用

      表单

      格式：

      action:表单提交的位置，可以是网站或者请求处理地址

      method:提交方式，post、get

      使用：

      前端学习系列之html_第11张图片

      前端学习系列之html_第12张图片

      input属性

      前端学习系列之html_第13张图片

      单选框

      格式：

      value:单选框的值

      name:表示组，同一个组名，只能只能进行单选

      多选框

      格式：

      value:多选框的值

      name:表示组，同一个组名，能进行多选，提交成数组形式

      checked ：默认选中

      按钮

      格式：

      图片按钮格式：

      type:按钮类型

      value:按钮显示值

      name:按钮名称

      src:图片按钮链接地址

      type="button"：普通按钮

      type="image"：图片按钮

      type="submit"：提交按钮

      type="reset"：重置按钮

      滑块

      格式：

      range:滑块类型

      min:最小值

      max:最大值

      step:每次相加值

      name:名称

      搜索框

      格式：

      search：搜索框类型

      name：名称

      下拉框

      格式：

      select:下拉框

      option :下拉框选项

      value:值

      selected:默认选中

      文本域

       格式：

      textarea：文本域标识

      name：名称

      cols：行

      rows：列

      文件域

       格式：

      type:类型

      value:显示值

      name:名称

      表单的应用

              1.hidden:隐藏

              2.readonly:只读

              3.disables:禁用

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

      • uni-app实现 步骤条 夏夏的码农 uni-app
        实现如图样式html部分代码如下投资期限与收益0?'active':'default'">募集开始1?'active':'default'">募集结束2?'active':'default'">产品成立3?'active':'default'">产品到期0?'active-step1':'step1'">1?'active-st
      • 大前端-postcss安装使用指南 黑夜照亮前行的路 postcss
        PostCSS是一款强大的CSS处理工具，可以用来自动添加浏览器前缀、代码合并、代码压缩等，提升代码的可读性，并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南：一、安装PostCSS在你的项目目录中，通过npm（NodePackageManager）来安装PostCSS。打开命令行窗口，输入以下命令：bash复制代码npminstallpostcss--save-dev这将把
      • 谷歌浏览器驱动Chromedriver（114-120版本）文件以及驱动下载教程 pigerr杨 Pythonpythonchromedrivers
        ChromeDriver官方网站GitHub||GoogleChromeLabs/chrome-for-testingChromeDriver113-125_JSONChromeforTestingavailability123-125zip白月黑羽Python基础|进阶|Qt图形界面|Django|自动化测试|性能测试|JS语言|JS前端|原理与安装
      • 虚拟 DOM 的优缺点有哪些 咕噜签名分发 前端javascript开发语言
        虚拟DOM（VirtualDOM）技术作为现代前端开发中的重要组成部分，已经成为了众多流行前端框架的核心特性。它的引入为前端开发带来了诸多优势，同时也需要我们认真思考其潜在的考量。下面简单的介绍一下虚拟DOM技术的优势与缺点，深入探讨其在实际应用中的影响。提升性能虚拟DOM的最大优势之一是提升页面性能。通过比较前后两次虚拟DOM树的差异，最小化实际DOM操作，从而减少页面重渲染时的性能消耗。这种优
      • 3、JavaWeb-Ajax/Axios-前端工程化-Element 所谓远行Misnearch #JavaWeb前端ajaxelementuijava前端框架
        P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML，异步的JS和XMLJS网页动作，XML一种标记语言，存储数据，作用：数据交换：通过Ajax给服务器发送请求，并获取服务器响应的数据异步交互：在不重新加载整个页面的情况下，与服务器交换数据并实现更新部分网页的技术，例如：搜索联想、用户名是否可用的校验等等。同步与异步：同步：服务器在处理中客户端要处于等待状态，输入域名
      • python转码 Desamond python开发语言
        转码在许多场景中都有应用，以下是一些常见的场景：网页开发：当用户在网页上输入文本时，可能需要将特殊字符（如空格、引号、特殊符号等）进行转码，以防止这些字符对URL或HTML代码产生干扰。文件名处理：在处理文件名时，可能需要将特殊字符进行转码，以避免文件名被错误地解析或显示。数据传输：在数据传输过程中，为了确保数据的完整性和正确性，可能需要将数据中的特殊字符进行转码。数据存储：在数据库或数据存储中，
      • java实体中返回前端的double类型四舍五入（格式化） 婲落ヽ紅顏誶 java
        根据业务，需要通过后端给前端返回部分double类型的数值，一般需要保留两位小数，使用jackson转换对象packagecom.ruoyi.common.core.config;importcom.fasterxml.jackson.core.JsonGenerator;importcom.fasterxml.jackson.databind.JsonSerializer;importcom.f
      • Django forms组件 在飞行-米龙 Djangodjangopython后端
        【一】引入【1】实现登陆验证功能（1）需求分析登陆验证需要前后端交互，采用form表单提交数据对数据进行校验用户名必须以英文大写字母开头密码必须大于三位数反馈给用户错误的信息除了反馈错误的信息还有保留原始输入内容（2）后端代码使用user_info_dict字典每次刷新存储存储前端发送的信息存储后端进行验证的信息defhome(request):#每次后刷新这个信息字典user_info_dict
      • UNDERSTANDING HTML WITH LARGE LANGUAGE MODELS liferecords LLM语言模型人工智能自然语言处理
        UNDERSTANDINGHTMLWITHLARGELANGUAGEMODELS相关链接：arXiv关键字：大型语言模型、HTML理解、Web自动化、自然语言处理、机器学习摘要大型语言模型（LLMs）在各种自然语言任务上表现出色。然而，它们在HTML理解方面的能力——即解析网页的原始HTML，对于自动化基于Web的任务、爬取和浏览器辅助检索等应用——尚未被充分探索。我们为HTML理解模型（经过微调
      • Web前端Html的表单 任家伟 前端html
        表单的关键字：form标签表示一个表单区域action=“后端地址”method=“提交数据方式:get/post”input单行输入框type=“text”文本name=“定义名称名字自定义”向后端提交的键readonly=“readonly”只读，不可修改，但是可以提交disabled=“disabled”禁用组件不可修改，不能提交type=“password”密码框type=“radio”单
      • Thinkphp - 详细实现网站系统登录功能，附带 Mysql 数据库设置、Web 前端展示界面、信息校验等（详细代码，即设计过程） 王佳斌 +Thinkphpmysql前端数据库
        前言登录功能，是我们几乎开发每个系统都必须的模块。登录功能设计思路，主要包括几个方面。用户输入网址展示登录页面用户输入用户名，密码等点击登录进行信息校验校验通过之后，记录用户登录信息，跳转指定页面用户校验失败，提示失败信息页面目录具体功能实现为了快速搭建可用、美观的页面，我们采用一个比较成熟的前端框架Bootstrap。下面我们到Bootstrap的官网Bootsrap官网下载bootstrap。
      • 程序员开发技术整理 laizhixue 学习前端框架
        前端技术：vue-前端框架element-前端框架bootstrap-前端框架echarts-图标组件C#后端技术：webservice：soap架构：简单的通信协议，用于服务通信ORM框架：对象关系映射，如EF：对象实体模型，是ado.net中的应用技术soap服务通讯：xml通讯ado.net：OAuth2:登录授权认证：Token认证：JWT：jsonwebtokenJava后端技术：便捷工
      • 【前端学习——js篇】7.函数缓存 笔下无竹墨下有鱼 前端学习前端学习javascript
        具体见：https://github.com/febobo/web-interview7.函数缓存函数缓存，就是将函数运算过的结果进行缓存本质上就是用空间（缓存存储）换时间（计算过程）常用于缓存数据计算结果和缓存对象。其实现主要通过闭包、柯里化和高阶函数。下面主要介绍下柯里化：①柯里化柯里化（currying)是一种函数式编程的概念，指的是将一个带有多个参数的函数转换成一系列只接受一个参数的函数的
      • html版本号 webpack_html-webpack-plugin详解 weixin_39994949 html版本号webpack
        引言最近在react项目中初次用到了html-webapck-plugin插件，用到该插件的两个主要作用：为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webpack-plugin可以生成N个页面入口有了这种插件，那么在项目中遇到类似上面
      • HTML语言剖析 混沌破晓
        HTML语言剖析Html简介-目录全写：HyperTextMark-upLanguage译名：超文本标识语言简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标签（tag）使文件达到预期的显示效果。由文字（字母，数字、标点符号）及标签组合而成。任何文字编辑器都可以，这里推荐用：Dreamweaver。1.Html特点：►描述性语言，结构语言，用于决定网页内容以什么样的形式显示；►通过标签
      • Websocket服务监听收发消息 beiback Java服务器问题websocket网络协议网络
        目录1.pom依赖坐标2.项目配置端口和项目包名2.创建处理器3.注册处理器4.前端页面1.pom依赖坐标org.springframework.bootspring-boot-starter-websocket2.项目配置端口和项目包名application.propertiesserver.port=8088//路径规范：为应用的所有servlet提供一个统一的前缀，使URL结构更加清晰和一致
      • Netty服务器结合WebSocke协议监听和接收数据 beiback 服务器问题Java服务器运维netty
        目录1.pom依赖2.配置属性3.创建netty服务器4.建立监听和响应5.创建启动器6.前端static下页面7.前端js8.注意异常问题9.创建netty服务器--使用守护线程1.pom依赖io.nettynetty-all4.1.86.Final2.配置属性application.properties#启动端口server.port=8088server.servlet.context-pa
      • 基于SSM+Vue企业销售培训系统 企业人才培训系统 企业课程培训管理系统 企业文化培训班系统Java 计算机程序老哥
        作者主页：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SSM(Spring+SpringMVC+Mybatis)前端：Vue工具：IDEA或者Eclipse，JDK1.8，Maven二、系统介绍2.1图片展示注册登录页面：登陆.png前端页面功能：首页、培训班、在线学习、企业文化、交流论坛、试卷列表、系统公告、留言反馈、个
      • CDH 启停使用HiveServer2 金刚_30bf
        翻译：https://www.cloudera.com/documentation/enterprise/latest/topics/cdh_ig_hiveserver2_start_stop.html版本：5.14.2HiveServer2是HiveServer的改进版本，支持Kerberos身份验证和多客户端并发访问。您可以使用Beeline客户端访问HiveServer2。警告：如果以远程模
      • javascript实现SM2加密解密 人生在勤，不索何获 javascript前端jquery
        前提JavaWeb环境前端代码window.sm2=function(t){functioni(e){if(r[e])returnr[e].exports;varn=r[e]={i:e,l:!1,exports:{}};returnt[e].call(n.exports,n,n.exports,i),n.l=!0,n.exports}varr={};returni.m=t,i.c=r,i.d=fu
      • HTML背景带视频的个人炫酷引导页源码 erthre 源码php
        正文:一款简洁大气得个人团队引导HTML单页，非常不错，LOGO支持自行更改替换，可以拿来做为团队官网也可以个人，只是单页没有后台。程序:wwhtxs.lanzouq.com/if6oE0i26ohi图片:
      • vue生命周期 涡看你就不是好人呐 vue.jsjavascript前端
        1.computed是在HTMLDOM加载后马上执行的，如赋值；2.methods则必须要有一定的触发条件才能执行，如点击事件；3.watch呢？它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。所以他们的执行顺序为：默认加载的时候先computed再watch，不执行methods；等触发某一事件后，则是：先methods再wa
      • 前端埋点解决方案 zhu_zhu_xia 前端
        一、前言：基于神策数据的前端埋点解决方案JavaScript快速使用·神策分析使用手册[预览版]二、sdkgitlab下载地址https://github.com/sensorsdata/sa-sdk-javascript/releases或者npm安装npmisa-sdk-javascript三、入门3.1接入sdk以及配置(version1.17.2)，入口文件接入sdk以及添加配置(func
      • C#使用ASP.NET Core Razor Pages构建网站（二） 林祖师 C#c#asp.net开发语言
        上一篇文章讲了HTTP协议的基本概念、客户端Web开发技术以及ASP.NETCore框架的关键特点和创建项目方法链接：C#使用ASP.NETCoreRazorPages构建网站（一）接下来继续了解ASP.NETCoreRazorPages构建网站的后续内容了解RazorPagesRazorPages允许开发人员轻松地将HTML标记和C#代码混合在一起，这是使用.cshtml扩展名的原因。默认情况下
      • 如何提出令人爱回答的好问题？ 兮若耶
        我们经常会遇到这样的问题，如我适合做什么？这个名词怎么解释？大部分人面对这样的问题时，要么答非所问，要么无从下手。现在的很多事物都是速成的，只是好的问题并没有那么容易被提出来。而提不好的问题，可能会拿不到想要的信息等等。所以提出一个好问题很重要。01提问的功能我们参加各种聚会、会议时，能听到很多的比喻和新观点，而这些是在书上和网上找不到的。这些新的有用的东西，都在前端被实践着，暂时来不及把知识系统
      • 谈谈对前端性能监控的理解和实践 Layla_c webjavepython前端
        一、谈谈对前端性能监控的理解和实践前端性能监控是确保网页或应用高效、稳定运行的关键环节，它涉及对前端页面加载速度、资源消耗、错误率等指标的实时监控和预警。通过前端性能监控，开发者和运维团队能够及时发现并解决性能瓶颈，从而提升用户体验和系统稳定性。理解前端性能监控，首先要明确其重要性。在移动互联网时代，用户对网页和应用的响应速度有着极高的要求。如果页面加载缓慢或出现卡顿，用户可能会选择离开，这对企业
      • mineadmin使用docker启动方式 qq_38812523 dockerphp容器
        找个目录,git下来mineadmin代码,在根目录,创建文件名docker-compose.yml然后复制下面代码version:'3'services:#首先下载前端，https://gitee.com/mineadmin/mineadmin-vue#在后端根目录建立mine-ui目录，把前端文件复制过来。#容器内访问宿主机的地址用：host.docker.internal#宿主机也可以在ho
      • 为什么需要使用版本控制工具（如Git）？它如何帮助管理前端开发项目？ 智伴科技 git
        版本控制工具（如Git）在前端开发项目中扮演着重要的角色，主要有以下几方面的作用：1.**版本管理**：版本控制工具可以帮助开发团队管理项目的不同版本，记录每次代码变动的历史记录，方便追踪和回溯。开发人员可以通过版本控制工具轻松地查看、对比和恢复以前的版本。2.**协同合作**：多人开发同一个项目时，版本控制工具可以协助团队成员协同工作，避免代码冲突、重复工作和混乱。开发人员可以通过版本控制工具共
      • vue-pdf 预览pdf (数据流) reembarkation vue.jspdfjavascript
        页面有个要预览pdf的需求，数据是从后台传递过来的数据流：1.安装插件：npminstallvue-pdf2.在页面引用：importpdffrom'vue-pdf'...components:{pdf},3.html中添加：4.通过接口获取数据：downloadFile({id:this.id}).then((res)=>{if((!res&&res.status!=200)||(res.dat
      • 低代码与前端开发架构：重塑软件开发的未来 快乐非自愿 低代码架构前端
        随着技术的不断进步和数字化转型的深入，软件开发领域正经历着一场革命性的变革。在这场变革中，低代码开发平台和前端开发架构扮演着越来越重要的角色。本文将探讨低代码与前端开发架构之间的关系，并分析它们如何共同推动软件开发的创新与发展。低代码开发平台的崛起低代码开发平台（Low-CodeDevelopmentPlatform,LCDP）是一种新型的软件开发方式，它允许开发者通过图形化界面、预构建的模块和模
      • html 周华华 html
        js 1，数组的排列 var arr=[1,4,234,43,52,]; for(var x=0;x<arr.length;x++){    for(var y=x-1;y<arr.length;y++){      if(arr[x]<arr[y]){     &
      • 【Struts2 四】Struts2拦截器 bit1129 struts2拦截器
        Struts2框架是基于拦截器实现的，可以对某个Action进行拦截，然后某些逻辑处理，拦截器相当于AOP里面的环绕通知，即在Action方法的执行之前和之后根据需要添加相应的逻辑。事实上，即使struts.xml没有任何关于拦截器的配置，Struts2也会为我们添加一组默认的拦截器，最常见的是，请求参数自动绑定到Action对应的字段上。   Struts2中自定义拦截器的步骤是：
      • make:cc 命令未找到解决方法 daizj linux命令未知make cc
        安装rz sz程序时，报下面错误：   [root@slave2 src]# make posix cc   -O -DPOSIX -DMD=2 rz.c -o rz make: cc：命令未找到 make: *** [posix] 错误 127   系统：centos 6.6 环境：虚拟机   错误原因：系统未安装gcc，这个是由于在安
      • Oracle之Job应用 周凡杨 oracle job
        最近写服务，服务上线后，需要写一个定时执行的SQL脚本，清理并更新数据库表里的数据，应用到了Oracle 的 Job的相关知识。在此总结一下。   一：查看相关job信息    1、相关视图  dba_jobs  all_jobs  user_jobs  dba_jobs_running 包含正在运行
      • 多线程机制 朱辉辉33 多线程
        转至http://blog.csdn.net/lj70024/archive/2010/04/06/5455790.aspx 程序、进程和线程： 程序是一段静态的代码，它是应用程序执行的蓝本。进程是程序的一次动态执行过程，它对应了从代码加载、执行至执行完毕的一个完整过程，这个过程也是进程本身从产生、发展至消亡的过程。线程是比进程更小的单位，一个进程执行过程中可以产生多个线程，每个线程有自身的
      • web报表工具FineReport使用中遇到的常见报错及解决办法（一） 老A不折腾 web报表finereportjava报表报表工具
        FineReport使用中遇到的常见报错及解决办法（一） 这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、address pool is full： 含义：地址池满，连接数超过并发数上
      • mysql rpm安装后没有my.cnf 林鹤霄 没有my.cnf
        Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的， 至于为什么没有这个文件而MySQL却也能正常启动和作用，在这儿有两个说法， 第一种说法，my.cnf只是MySQL启动时的一个参数文件，可以没有它，这时MySQL会用内置的默认参数启动， 第二种说法，MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件，这种说法仅限于r
      • Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题 aigo root
        原文：http://kindlefireforkid.com/how-to-setup-a-google-account-on-amazon-fire-tablet/   Step 4: Run ADB command from your PC   On the PC, you need install Amazon Fire ADB driver and instal
      • javascript 中var提升的典型实例 alxw4616 JavaScript
        // 刚刚在书上看到的一个小问题,很有意思.大家一起思考下吧 myname = 'global'; var fn = function () { console.log(myname); // undefined var myname = 'local'; console.log(myname); // local }; fn() // 上述代码实际上等同于以下代码 m
      • 定时器和获取时间的使用 百合不是茶 时间的转换定时器
        定时器:定时创建任务在游戏设计的时候用的比较多   Timer();定时器 TImerTask();Timer的子类  由 Timer 安排为一次执行或重复执行的任务。       定时器类Timer在java.util包中。使用时，先实例化，然后使用实例的schedule(TimerTask task, long delay)方法，设定
      • JDK1.5 Queue bijian1013 javathreadjava多线程Queue
        JDK1.5 Queue LinkedList： LinkedList不是同步的。如果多个线程同时访问列表，而其中至少一个线程从结构上修改了该列表，则它必须 保持外部同步。（结构修改指添加或删除一个或多个元素的任何操作；仅设置元素的值不是结构修改。）这一般通过对自然封装该列表的对象进行同步操作来完成。如果不存在这样的对象，则应该使用 Collections.synchronizedList 方
      • http认证原理和https bijian1013 httphttps
        一.基础介绍         在URL前加https://前缀表明是用SSL加密的。 你的电脑与服务器之间收发的信息传输将更加安全。         Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式，用的端口也不一样,前者是80，后
      • 【Java范型五】范型继承 bit1129 java
        定义如下一个抽象的范型类，其中定义了两个范型参数，T1，T2   package com.tom.lang.generics; public abstract class SuperGenerics<T1, T2> { private T1 t1; private T2 t2; public abstract void doIt(T
      • 【Nginx六】nginx.conf常用指令(Directive) bit1129 Directive
        1. worker_processes    8; 表示Nginx将启动8个工作者进程，通过ps -ef|grep nginx,会发现有8个Nginx Worker Process在运行   nobody 53879 118449 0 Apr22 ? 00:26:15 nginx: worker process
      • lua 遍历Header头部 ronin47 lua header 遍历　
        local headers = ngx.req.get_headers()   ngx.say("headers begin", "<br/>")   ngx.say("Host : ", he
      • java-32.通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。 bylijinnan java
        import java.util.Arrays; public class MinSumASumB { /** * Q32.有两个序列a,b，大小都为n,序列元素的值任意整数，无序. * * 要求：通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小。 * 例如: * int[] a = {100,99,98,1,2,3
      • redis 开窍的石头 redis
        在redis的redis.conf配置文件中找到# requirepass foobared 把它替换成requirepass 12356789 后边的12356789就是你的密码 打开redis客户端输入config get requirepass 返回 redis 127.0.0.1:6379> config get requirepass 1) "require
      • [JAVA图像与图形]现有的GPU架构支持JAVA语言吗？ comsci java语言
              无论是opengl还是cuda，都是建立在C语言体系架构基础上的，在未来，图像图形处理业务快速发展，相关领域市场不断扩大的情况下，我们JAVA语言系统怎么从这么庞大，且还在不断扩大的市场上分到一块蛋糕，是值得每个JAVAER认真思考和行动的事情       
      • 安装ubuntu14.04登录后花屏了怎么办 cuiyadll ubuntu
        这个情况，一般属于显卡驱动问题。 可以先尝试安装显卡的官方闭源驱动。 按键盘三个键：CTRL + ALT  +  F1 进入终端，输入用户名和密码登录终端： 安装amd的显卡驱动 sudo  apt-get  install  fglrx 安装nvidia显卡驱动 sudo  ap
      • SSL 与 数字证书 的基本概念和工作原理 darrenzhu 加密ssl证书密钥签名
        SSL 与 数字证书 的基本概念和工作原理 http://www.linuxde.net/2012/03/8301.html SSL握手协议的目的是或最终结果是让客户端和服务器拥有一个共同的密钥，握手协议本身是基于非对称加密机制的，之后就使用共同的密钥基于对称加密机制进行信息交换。 http://www.ibm.com/developerworks/cn/webspher
      • Ubuntu设置ip的步骤 dcj3sjt126com ubuntu
        在单位的一台机器完全装了Ubuntu Server，但回家只能在XP上VM一个，装的时候网卡是DHCP的，用ifconfig查了一下ip是192.168.92.128,可以ping通。 转载不是错： Ubuntu命令行修改网络配置方法 /etc/network/interfaces打开后里面可设置DHCP或手动设置静态ip。前面auto eth0，让网卡开机自动挂载. 1. 以D
      • php包管理工具推荐 dcj3sjt126com PHPComposer
        http://www.phpcomposer.com/   Composer是 PHP 用来管理依赖（dependency）关系的工具。你可以在自己的项目中声明所依赖的外部工具库（libraries），Composer 会帮你安装这些依赖的库文件。 中文文档  入门指南  下载  安装包列表 Composer 中国镜像
      • Gson使用四（TypeAdapter） eksliang jsongsonGson自定义转换器gsonTypeAdapter
        转载请出自出处：http://eksliang.iteye.com/blog/2175595 一.概述        Gson的TypeAapter可以理解成自定义序列化和返序列化 二、应用场景举例        例如我们通常去注册时（那些外国网站），会让我们输入firstName，lastName,但是转到我们都
      • JQM控件之Navbar和Tabs gundumw100 htmlxmlcss
        在JQM中使用导航栏Navbar是简单的。 只需要将data-role="navbar"赋给div即可： <div data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active&qu
      • 利用归并排序算法对大文件进行排序 iwindyforest java归并排序大文件分治法Merge sort
          归并排序算法介绍，请参照Wikipeida zh.wikipedia.org/wiki/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F 基本思想： 大文件分割成行数相等的两个子文件，递归（归并排序）两个子文件，直到递归到分割成的子文件低于限制行数 低于限制行数的子文件直接排序 两个排序好的子文件归并到父文件 直到最后所有排序好的父文件归并到输入
      • iOS UIWebView URL拦截 啸笑天 UIWebView
        本文译者：candeladiao，原文：URL filtering for UIWebView on the iPhone说明：译者在做app开发时，因为页面的javascript文件比较大导致加载速度很慢，所以想把javascript文件打包在app里，当UIWebView需要加载该脚本时就从app本地读取，但UIWebView并不支持加载本地资源。最后从下文中找到了解决方法，第一次翻译，难免有
      • 索引的碎片整理SQL语句 macroli sql
        SET NOCOUNT ON DECLARE @tablename VARCHAR (128) DECLARE @execstr VARCHAR (255) DECLARE @objectid INT DECLARE @indexid INT DECLARE @frag DECIMAL DECLARE @maxfrag DECIMAL --设置最大允许的碎片数量,超过则对索引进行碎片
      • Angularjs同步操作http请求with $promise qiaolevip 每天进步一点点学习永无止境AngularJS纵观千象
        // Define a factory app.factory('profilePromise', ['$q', 'AccountService', function($q, AccountService) { var deferred = $q.defer(); AccountService.getProfile().then(function(res) {
      • hibernate联合查询问题 sxj19881213 sqlHibernateHQL联合查询
        最近在用hibernate做项目，遇到了联合查询的问题，以及联合查询中的N+1问题。 针对无外键关联的联合查询，我做了HQL和SQL的实验，希望能帮助到大家。（我使用的版本是hibernate3.3.2）   1 几个常识：  （1）hql中的几种join查询，只有在外键关联、并且作了相应配置时才能使用。  （2）hql的默认查询策略，在进行联合查询时，会产
      • struts2.xml wuai struts
        <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache
      按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他