html代码

【转】Python 之Web编程

被刻印的时光 ゝ 提交于 2020-04-07 10:45:39
转: https://www.cnblogs.com/chenyanbin/p/10454503.html 一 、HTML是什么? #   htyper text markup language 即超文本标记语言   超文本:就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素   标记语言:标记(标签)构成的语言   静态网页:静态的资源,如xxx.html   动态网页:html代码是由某种开发语言根据用户请求动态生成   html文档树结构图: 二 、 什么是标签? #   - 由一对尖括号包裹的单词构成,如<html> 所有标签中的单词不可能从数据开头   - 标签不区分大小写<html>和<HTML>,建议使用小写   - 标签分两部分:开始标签<a>和结束标签</a>,两个标签之间的部分,叫标签体   - 有些标签功能比较简单,使用一个标签即可,这种标签叫做自闭合标签,如:<br/>、<hr/>、<input/>、<img/>   - 标签可以嵌套,但不能交叉嵌套。如:<a><b></a></b> 三 、 标签的属性 #   - 通常是以键值对形式出现的,例如 name="alex"   - 属性只能出现在开始标签 或 自闭合标签中   - 属性名字全部小写,属性值必须使用双引号或单引号包裹,如:name="alex"   - 如果属性值和属性名完全一样

PHP 页面编码声明方法详解(header或meta)

随声附和 提交于 2020-04-07 04:58:22
php的header来定义一个php页面为utf编码或GBK编码 php页面为utf编码 header("Content-type: text/html; charset=utf-8"); php页面为gbk编码 header("Content-type: text/html; charset=gb2312"); php页面为big5编码 header("Content-type: text/html; charset=big5"); 通常情况以上代码放在php页面的首页 用header或meta实现PHP页面编码的区别 一、页面编码 1. 使用 <META http-equiv="content-type" content="text/html; charset=xxx"> 标签设置页面编码 这 个标签的作用是声明客户端的浏览器用什么字符集编码显示该页面,xxx可以为GB2312,GBK,UTF-8(和MySQL不同,MySQL是 UTF8)等等。因此,大部分页面可以采用这种方式来告诉浏览器显示这个页面的时候采用什么编码,这样才不会造成编码错误而产生乱码。但是有的时候我们会 发现有了这句还是不行,不管xxx是哪一种,浏览器采用的始终都是一种编码,这个情况我后面会谈到。 请注意,<meta>是属于html信息的,仅仅是一个声明,它起作用表明服务器已经把HTML信息传到了浏览器。 2

PHP页面编码声明与用header或meta实现PHP页面编码的区别

不问归期 提交于 2020-04-07 04:56:32
用php的header来定义一个php页面为utf编码或GBK编码 : php页面为utf编码 header("Content-type: text/html; charset=utf-8"); php页面为gbk编码 header("Content-type: text/html; charset=gb2312"); php页面为big5编码 header("Content-type: text/html; charset=big5"); 通常情况以上代码放在php页面的首页 用header或meta实现PHP页面编码的区别 一、页面编码 1. 使用 <META http-equiv="content-type" content="text/html; charset=xxx"> 标签设置页面编码 这个标签的作用是声明客户端的浏览器用什么字符集编码显示该页面,xxx可以为GB2312,GBK,UTF-8(和MySQL不同,MySQL是 UTF8)等等。因此,大部分页面可以采用这种方式来告诉浏览器显示这个页面的时候采用什么编码,这样才不会造成编码错误而产生乱码。但是有的时候我们会 发现有了这句还是不行,不管xxx是哪一种,浏览器采用的始终都是一种编码,这个情况我后面会谈到。 请注意,<meta>是属于html信息的,仅仅是一个声明,它起作用表明服务器已经把HTML信息传到了浏览器。

常用 js代码集锦

时光总嘲笑我的痴心妄想 提交于 2020-04-07 02:30:29
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 7. <input style="ime-mode:disabled"> 关闭输入法 8. 永远都会带着框架 <script language="JavaScript"><!-- if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页 // --></script> 9. 防止被人frame <SCRIPT LANGUAGE=JAVASCRIPT><!

常用 js代码集锦

半世苍凉 提交于 2020-04-07 01:47:43
document方法: getElementById(id) 返回指定结点的引用 getElementsByTagName(name) 返回文档中所有匹配的元素的集合 createElement(name) 创建指定类型的新结点 createTextNode(text) 创建一个纯文本结点 element方法: getAttribute(id) 返回指定属性的值 setAttribute(id,value) 给属性赋值 removeAttribute(id) 移除指定属性和它的值 getElementsByTagName(name) 返回结点内所有匹配的元素的集合 node方法: appendChild(child) 给指定结点添加一个新的子结点 removeChild(child) 移除指定结点的子结点 replaceChild(newChild,oldChild) 替换指定结点的子结点 insertBefore(newChild,refChild) 在同一层级的结点前面插入新结点 hasChildNodes() 如果结点有子结点则返回true node属性: nodeName 以字符串的格式存放结点的名称 nodeType 以整型数据格式存放结点的类型 nodeValue 以可用的格式存放结点的值 parentNode 指向结点的父结点的引用 childNodes

JavaScript连载3-变量内存分析、常量、数据类型

北城以北 提交于 2020-04-07 00:30:44
一、变量的内粗分析 1.变量的默认值 (1)如果变量初始化时没有赋值,那么里面存储的时undefined (2)示例 var lk; console.log(lk); 2.同时声明多个变量 两种方式 var name,age,sex; name = "kdfg"; age = 2; //或者 var name = "jsoaf",age,sex="男"; 3.在内存中的表现形式 栈内存(存放变量等,类似于Java),堆内存 4.变量命名规则 (1)以字母、数字、下划线组成,且不能以数字开头;(2)区分大小写;(3)不能使用关键字和保留字。 5.如何将一段代码失效,或者说让编译器认为这个一段纯文本 <script type="text/html"> /** *使用type="text/html"就是指定了,这个script标签里面的内容都是文本,而不是一段代码 */ </script> 6.变量命名规范:遵循驼峰命名法 7.常量演示 命名方式: const APO = "常量不能再被重复赋值"; 8.总结:常量和变量的存储方式是一致的,只不过常量必须要有初始值,而且值是不允许改变的,而变量可以无初始值,且可以改变。 9.常量与字面值的区别: 常量与字面量都是不会被改变的,常量为存储数据的容器,而字面量为等号右侧的值,字面量是由字符串,数字等构成的字符串或者数值 <!DOCTYPE

微信小程序 - 渲染HTML

≯℡__Kan透↙ 提交于 2020-04-06 12:55:23
个人博客: 柚子青年。 原文链接: 微信小程序 - 渲染HTML 微信小程序现在已经被广泛应用,开发方式类似 Vue。 阅读本文需要有小程序基础。 rich-text 在渲染 DOM 这一块,小程序没有 Vue 的 v-html 也没有 React 的 dangerouslySetInnerHTML,不过小程序提供了自己的渲染方式 rich-text,详情请看 官方文档 。 不过在展示效果上个人觉得是不太满意的。在展示代码的时候,并不会有很好的换行和间隔。网上也有一些第三方组件帮你渲染的,我这边觉得还是不太行,于是就自己大致造了个轮子。 注:本文只提供解决思路不提供具体实现代码 渲染原理 首先要先了解小程序官方渲染方式的原理。 WXML <rich-text nodes="{{nodes}}" bindtap="tap"></rich-text> JavaScript data: { nodes: [{ name: 'div', attrs: { class: 'div_class', style: 'line-height: 60px; color: red;' }, children: [{ type: 'text', text: 'Hello World!' }] }] } 大致就是 引入 rich-text 组件, 传入 nodes 格式的 json 然后进行渲染。

html游戏2

血红的双手。 提交于 2020-04-06 11:53:45
一,简易版的“围住神经猫” 新建JS:app.js, 编写主要JS代码 var stage = new createjs.Stage("gameView"); createjs.Ticker.setFPS(30); createjs.Ticker.addEventListener("tick",stage); var gameView = new createjs.Container(); gameView.x = 30; gameView.y = 30; stage.addChild(gameView); var circleArr = [[],[],[],[],[],[],[],[],[]]; var currentCat;//保存这只猫 var MOVE_NONE = -1,MOVE_LEFT = 0,MOVE_UP_LEFT = 1,MOVE_UP_RIGHT = 2,MOVE_RIGHT = 3,MOVE_DOWN_RIGHT = 4,MOVE_DOWN_LEFT = 5; //6个方向的参数 function getMoveDir(cat){ //分别判断能走的位置 var distanceMap = []; //left var can = true; for (var x = cat.indexX;x>=0;x--) { if(circleArr[x][cat

SSO单点登录

走远了吗. 提交于 2020-04-06 07:35:15
前言:今天刚学完B站up主“楠哥教你学Java”前些日子的一个直播教学,通过录播跟着把代码敲了一遍,整理了一下。前半部分取自楠哥的笔记,后部分代码和思维导图自己归纳总结,代码细节今天是撸不完了,明后天在多研究几遍一些细节 单点登录 什么是单点登录:一处登录,处处登录,一处登出,处处登出。 用户只需要登录一次就可以访问所有相互信任的应用系统。 SSO Single Sign On 单点登录 企业业务整合解决方案 一票通 SSO 原理 当用户第一次访问淘宝的时候,因为还没有登录,会被引导到认证中心进行登录。 根据用户提供的登录信息,认证系统进行身份验证,如果通过,则登录成功,并返回给用户一个认证的凭据(token)。 当用户访问天猫时,就会将这个 token 带上,作为自己认证的凭据。 应用系统接收到请求后会把 token 送到认证中心进行校验,检查 token 的合法性。 如果通过校验,用户就可以在不用再次登录的情况下访问天猫了。 SSO 实现技术 Cookie 单点登录 使用 Cookie 作为媒介,存放用户凭证。 用户登录淘宝之后,返回一个 token,存入客户端的 Cookie 中,当用户访问天猫的时候,会自动带上 Cookie,这样 token 又传给了认证中心,进行校验。 分布式 Session 1、用户第一次登录时,将会话信息,写入分布式 Session。 2

HTML5性能优化

丶灬走出姿态 提交于 2020-04-06 05:19:51
HTML5性能优化 在看完这两章内容之后,我意犹未尽,于是乎从网上搜索关键字“Java Web高性能”,在IBM社区找到两篇不错的文章,而让人更意外的是我发现那两篇文章的内容跟《高性能HTML5》前两章高度相似,不知道是谁抄袭谁的,大家可以鉴别下真伪,下面附上地址。 http://dl2.iteye.com/upload/attachment/0097/9373/b0e69540-e703-3530-81bb-c93de7b850a6.pdf http://www.ibm.com/developerworks/cn/java/j-lo-javawebhiperf1/ http://www.ibm.com/developerworks/cn/java/j-lo-javawebhiperf2/ 前面是读后感,下面是我针对最近几天学习到的提高Web性能进行了篇幅不小的总结,一来为新人提供帮助,二来自己做一下笔记,加深记忆。 性能之前端篇 --减少重绘 在HTML页面完成展现之后,动态改变页面元素或调整CSS样式都会引起浏览器重绘,性能的损耗直接取决于动态改变的范围:如果只是改变一个元素的颜色之类的信息则只会重绘该元素;而如果是增删节点或调整节点位置则会引起其兄弟节点也一并重绘。 减少重绘并不是说不要重绘,而是要注意重绘范围:①改动的DOM元素越深则影响越小,所以尽量深入节点改动