html语言

大规模的前端组件化与模块化

跟風遠走 提交于 2020-03-09 16:45:03
基本思路 1. 为什么要做组件化? 无论前端也好,后端也好,都是整个软件体系的一部分。软件产品也是产品,它的研发过程也必然是有其目的。绝大多数软件产品是追逐利润的,在产品目标确定的情况下,成本有两个途径来优化:减少部署成本,提高开发效率。 减少部署成本的方面,业界研究得非常多,比如近几年很流行的“去IOE”,就是很典型的,从一些费用较高的高性能产品迁移到开源的易替换的产品集群,又比如使用Linux + Mono来部署.net应用,避开Windows Server的费用。 提高开发效率这方面,业界研究得更多,主要途径有两点:加快开发速度,减少变更代价。怎样才能加快开发速度呢?如果我们的开发不是重新造轮子,而是 每一次做新产品都可以利用已有的东西,那就会好很多。怎样才能减少变更代价呢?如果我们能够理清模块之间的关系,合理分层,每次变更只需要修改其中某个部 分,甚至不需要修改代码,仅仅是改变配置就可以,那就更好了。 我们先不看软件行业,来看一下制造行业,比如汽车制造业,他们是怎么造汽车的呢?造汽车之前,先设计,把整个汽车分解为不同部件,比如轮子,引擎,车门, 座椅等等,分别生产,最后再组装,所以它的制造过程可以较快。如果一辆汽车轮胎被扎破了,需要送去维修,维修的人也没有在每个地方都修一下,而是只把轮胎 拆下来修修就好了,这个轮胎要是实在坏得厉害,就干脆换上个新的,整个过程不需要很多时间。

HTML基本要点

折月煮酒 提交于 2020-03-08 17:45:46
HTML是什么? 百度百科: https://baike.baidu.com/item/HTML/97049 总结:“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言。HTML是用来开发网页的。(网页后缀 html,htm)html是标记语言不是编程语言。 超文本:超级文本,比文本更加牛逼,可以更加丰富的呈现文字信息。 标记:也叫做标签,这个是html里面的一个基本语法,所有的结构都是通过标记来控制的。 为什么学习HTML? HTML网页开发在JavaEE开发中的承担的部分。(网页设计师+JavaEE工程师) 在团队中会有专门的人,做网页开发,那我们为什么还需要学习HTML?虽然我们不需要能够开发精美的网页,因为我们需要拿到人家开发好的网页,并且能看到人家的网页代码,后后续的开发,所以我们需要掌握HTML和其他网页前端的知识。 本课程的适用对象? 网页零基础入门课程 Web前端工程师 JavaEE工程师 PHP Web工程师 Python Web工程师 .net Web工程师 html xhtml html5 使用什么开发工具? notepad++ 记事本 word sublime dreamweaver 遇到不会的单词怎么办? 自己查询词典(有道词典),记录笔记! html的版本:html xhtml html5 http://www

Web browse的发展演变

房东的猫 提交于 2020-03-08 17:40:13
Web browse 译为中文是网络浏览器或网页浏览器。 Web浏览器如今可谓遍地开花,无论你最终选择了什么浏览器,你可能都会举得他们的功能性想当然的,但是你们可能不知道这些Web浏览器是20年发展的精华。下面我们追溯到1991年——第一个Web浏览器诞生的时候,开始一个短暂的关于Web浏览器演变的旅程。告诉你Web浏览器是怎么样一步步发展到今天。 WorldWideWeb 首次发表:1991年 WorldWideWeb可能是全球用户最早注册的Web浏览器。WorldWideWeb的开发始于20世纪80年代末,之后10年间经过MTV的宣传以及Commodore 64的完善,终于在1991年这个有跨时代意义的Web浏览器发布了。WorldWideWeb原理很简单,可以显示基本的样式表,当然网页也就这样被用户浏览得到。WorldWideWeb的导航只用“返回”、“上一步”以及“下一步”三个按钮,不过同时它还兼具了编辑器的功能。WorldWideWeb后来改名为Nexus,浏览器的开发者Tim Berners-Lee称为了避免程序和抽象空间的混淆。 ViolaWWW 首次发表:1992年 在Web浏览器民用之前,仅有很少的人使用ViolaWWW浏览器(但是在当时仍是风靡的主流浏览器)。 ViolaWWW是最古老的浏览器之一,在1992年5月发布,它的开发者是美国加州大学得学生Pei

Java语言基础JavaScript

不羁岁月 提交于 2020-03-08 16:40:04
JavaScript概述 JavaScript是基于对象和事件驱动的脚本语言,主要应用在客户端。 特点: 1.交互性(它可以做的是信息的动态交互) 2.安全性(不允许直接访问本地硬盘) 3.跨平台性(只要是可以解析Js的浏览器都可以执行,和平台无关) JavaScript与Java的不同 1.Js是Netscape(网景)公司的产品,前身是LiveScript;Java是Sun公司的产品,现在是Oracle公司的产品。 2.Js是基于对象,Java是面向对象。 3.Js只需解释就可以执行,Java需要先编译成字节码文件,再执行。 4.Js是弱类型,Java是强类型(每一种类型都有具体的划分)。 JavaScript与Html的结合方式 1.将JavaScript代码封装到<script>标签中; 2.将JavaScript代码封装到js文件中,并通过<script>标签中的src属性进行引用; <script type="text/javascript" src="demo.js"> </script> 注意:如果<script>标签中使用了src属性,那么该标签中封装的javascript代码不会被执行。所以导入js文件通常都是使用单独的<script>标签。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/

JavaScript基础总结三部曲之一

给你一囗甜甜゛ 提交于 2020-03-08 08:39:27
JavaScript是一种基于对象的编程语言,基于对象指的是所有的对象已经由浏览器提供好了,用户直接使用就可以了。 另外,JS是嵌入在HTML语法之中的编程语言。 PS:虽然是基于对象的语言,但是在编写代码的过程中,尽量按照面向对面的要求书写代码。 输出语法: document.write(): 向页面输出HTML代码。虽然JavaScript定义在HTML页面中, 但是它却可以控制HTML代码的输出 。document.write()函数输出的HTML代码不能控制元素的顺序,所以在开发之中不会使用此函数输出HTML代码。 在开发中往往使用 console.log() 来进行代码输出,来 进行页面调试 。 变量: Js定义变量,是根据赋予的内容来决定变量类型。 例如,可以像下面那样声明并初始化数组: var result = new Array ( ) ; //声明数组: result [ 0 ] =” hello” ; result [ 1 ] = 100 ; result = false ; PS:本操作没有严格之处,最大的好处是没有长度限制,动态数组。(当然也可以静态初始化,new数组时直接初始化)当然在开发中一般不会使用new关键字声明数组。实际在定义js变量的时候也可以不使用var进行定义,这样的是全局变量,当然一般并不使用。 函数: function 函数名称(参数){

Django之模板语言

十年热恋 提交于 2020-03-08 07:45:21
一、模板语言介绍 模板语言渲染的整个过程其实就是将html转换成函数,并为该函数提供全局变量,然后执行该函数 二、模板语言的语法 模板中也有自己的语言,该语言可以实现数据展示 # 业务请求处理做的页面渲染 return render("request", "template.html", {"k1": "v1", "k2": [11, 22, 33], "k3": {"nid": 12, "name": "aaa"}) # html页面模板语法 {{ k1 }} {{ k2.0 }} # 取列表中的第一个值,通过.获取 {{ k3.name }} # 取字典中对应key的值 # for循环 {% for item in k2 %} <p> {{ item }}, {{ forloop.counter }}, # 索引,从1开始,类似于python中的enumerate, {{ forloop.counter0 }}, # 索引,从0开始,类似于python中的enumerate, {{ forloop.first }}, # 判断当前item是否是第一个元素,成立为True,不成立为False {{ forloop.last }}, # 判断当前item是否是最后一个元素,成立为True,不成立为False {{ forloop.revcounter }} # 倒序索引

预备内容:---软件安装篇

霸气de小男生 提交于 2020-03-08 02:04:56
-预备内容:—软件安装篇 1.记笔记工具----typroa 文件名:为了区分计算机中的不同文件,而给每个文件设定一个指定的名称。由基本文件名(文件主名)和扩展名组成。 eg:SDN. docx 销售统计表. xlsx 不同的文件扩展名也不一样 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OgPW7PHZ-1583301011739)(C:\Users\DELL\AppData\Local\Temp\1581996624939.png)] 2.截图软件的安装 -greenshot 3.sublimes—无需安装 解压 将解压后的文件复制到文件夹(自己选定:最好是C盘,因为有的软件下载重装之后就不能用了)下 选择sublimes.exe发送到桌面快捷方式 HTML , 一、HTML 简介 1.HTML是什么 HTML : Hyper Text Markup Language超文本标记(标签)语言 各种标签组成 ,用来制作网页 ,告知浏览器该如何显示页面 2.作用 制作网页 ,控制网页和内容的显示 插入图片 、音乐 、视频 、动画等多媒体 通过链接检索信息 使用表单获取用户的数据 ,实现交互 3.版本 W3C : World Wide Web Consortium互联网联盟 ,制定web技术的相关标准和规范的组织 ,HTML就是由W3C制定的标准

ajax

社会主义新天地 提交于 2020-03-07 19:13:00
**今天,我就带你来了解一下ajax吧!** 首先我们得明白什么是ajax?那到底什么才是ajax呢? AJAX = “Asynchronous Javascript And XML”(==异步 JavaScript 和 XML==) 直译出来就是异步的 JavaScript和数据传输技术 。国内常翻译为**==“ 阿贾克斯 ”==**是指一种无需重新加载整个网页的情况下,能够更新部分网页的技术。直白的说,ajax就是js通过一个网址去加载数据。用户是看不见的,可以通过浏览器控制台中的网络查看。 上面说到,xml,我们就结合json来给你介绍~~~ ==xml(可扩展标记语言)、json(轻量级数据格式)都是字符串的格式,都用于数据传输== 两者之间有什么区别呢? **xml:** 优点: 1、传输的数据种类特别丰富 2、传输的数据量非常大 缺点: 解析起来比较麻烦 【注】用于大型门户网站,今日头条、腾讯新闻、网易新闻。 **json:** 优点: 1、解析起来非常方便 2、适合轻量级的数据 缺点: 1、种类比较少 【注】基本上90%以上应用用的都是json格式字符串传输。 同时说到异步,有的小伙伴就懵逼了,心想异步是啥,有什么作用呢? 了解异步之前,我们首先看看javas中的同步是什么吧! ==同步== : 阻塞,当前程序必须等前面的程序执行完毕以后,才能运行 。 举个例子

前端html

帅比萌擦擦* 提交于 2020-03-07 07:16:28
一、html初识 1、html是什么   超文本标记语言(Hypertext Markup Language,HTML)通过 标签语言 来标记要显示的网页中的各个部分。一套规则,浏览器认识的规则   浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容。但需要注意的是,对于不同的浏览器,对同一标签可能会有不完全相同的解释(兼容性)   静态网页文件扩展名:.html 或 .htm 2、html结构 <!DOCTYPE html> #告诉浏览器使用什么样的html或者xhtml来解析html文档 <html lang="en"> #是文档的开始标记和结束标记。此元素告诉浏览器其自身是一个 HTML 文档,在它们之间是文档的头部<head>和主体<body> <head>        #元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。 <meta charset="UTF-8"> #定义html的编码类型 <title>哈哈哈1</title> #定义网页标题,在浏览器标题栏显示。 <link rel="icon" href="http://www.jd.com/favicon.ico"> #在浏览器页表头中显示的log </head> <body> #body中间的文件是可见的网页主体内容 </body>

Nginx基础指南详解

余生长醉 提交于 2020-03-07 02:19:16
web服务软件种类介绍 常用来提供 静态Web服务 的软件有如下三种: Apache: 这是中小型Web服务的主流,Web服务器中的老大哥。 Nginx: 大型网站Web服务的主流,曾经Web服务器中的初生牛犊,现已长大.Nginx的分支Tengine( http://tengine.taobao.org/)目前也在飞速发展 。 Lighttpd:这是一个不温不火的优秀Web软件,社区不活跃,静态解析效率很高。 在Nginx流行前,它是大并发静态业务的首选,国内百度贴吧、豆瓣等众多网站都有Lighttpd奋斗的身影。 常用来提供 动态服务 的软件 PHP(FastCGI): 大中小型网站都会使用,动态网页语言PHP程序的解析容器。 它可配合Apache解析动态程序,不过,这里的PHP不是FastCGI守护进程模式,而是mod_php5.so(module)。 也可配合Nginx解析动态程序,此时的PHP常用FastCGI守护进程模式提供服务。 Tomcat:中小企业动态Web服务主流,互联网Java容器主流(如jsp、do)。 Resin:大型动态Web服务主流,互联网Java容器主流(如jsp、do)。 nginx软件服务介绍 如果你听说或使用过Apache软件,那么很快就会熟悉Nginx软件,与Apache软件类似,Nginx(“engine x”)是一个开源的,支持高性能