H5教程(一)
相信点进来看这篇文章的应该都是刚刚接触H5的新手,那么你真的是找到了一篇合适的文章。
1.学习前准备
既然想学习好H5,只是这样看是不够的,还需要动手练习,以及及时复习,所以我推荐几款软件来配合我们的学习。
1.1.Hbuilder
必备软件,学习H5的关键,你要学习一切一切的H5代码都需要他,当然你如果熟悉别的软件也可以。本小编比较熟悉的是这款软件,所以也就推荐你们使用,个人认为还是比较适合新手入门的。
1.2.有道云笔记
这里不是打广告,而是学习需要一款整理笔记的文件,因为以后要学的东西很多,所以我也希望你们和我一样使用软件去整理自己所学的知识,毕竟好记性不如烂笔头。其实我比较推荐你们使用印象笔记,那款软件会更好一点,但毕竟那款软件需要收费,所以我在这推荐了有单云笔记。
2.HTML基础
好了,做好之前的准备,那么我们就来正式了解一下HTML吧
2.1.什么是HTML
HTML是指超文本标记语言(Hyper Text Markup Language)。
HTML是一种用来编写网页的语言,使用浏览器将他翻译成相应的页面。
HTML并不是编程语言,他是一种标记语言。
3.HTML基础结构
HTML文档主要包括三大部分:
文档声明部分(文档开头第一行,表明文档版本)
头部部分(给浏览器的配置及给搜索引擎的信息)
主体部分。(网页的内容都在这)
DOCTYPE html >
< html >
< head >
< meta charset ="UTF-8" >
< title > 我的第一个网页title >
head >
< body >
body >
html >
4.部分常用标签(必不可少)
(用于表述网页的元数据,及网页的基本信息)4.1.标签:
网页的标题,即网页选项卡上的文字 4.2. 标签: 使用Link标签链接网页标签
常用属性: rel属性:声明链接文件的类型 type属性:可以省略 href属性:表示图片的路径地址4.3. 标签 描述文件类型和编码,搜索关键字和描述。 1.charseat:设置文档字符集编码格式。 2.HTTP-EQUIV:(将我们的信息写给浏览器看,让浏览器按里边的要求执行) 属性值:Content-type(文档类型)Refresh (网页定时刷新)set-cookie(设置缓存)
需配合content使用(http-equiv属性只表明设置哪部分,具体的设置内容放在content属性中) 3.name属性(写给搜索引擎):使用方法同上,需掌握的属性值author(作者)keywords(关键字)description(网页描述) 4.content属性配合其他使用。
DOCTYPE html >
< html >
< head >
< title > HTML基本标签title >
< link rel = "icon" href = "img/icon.png" />
< meta charset ="UTF-8" />
< meta name ="author" content ="huxuepeng" />
< meta name ="keywords" content ="HTML5,网页,Web前端开发" />
< meta name ="description" content ="这是我在杰瑞教育开发的第一个网页" />
< title > title >
head >
< body >
body >
html >
5.部分常用标签(重点,最主要部分)
5.1.块级标签
!--h标签:标题标签,自动加粗,h1最大,h6最小-->
< h1 > h1标题标签h1 >
< a name ="h1" > a >
< h2 > h2标题标签h2 >
< h3 > h3标题标签h3 >
< h4 > h4标题标签h4 >
< h5 > h5标题标签h5 >
< h6 > h6标题标签h6 >
< hr />
< p > p标签是段落标签,这里是第一段文字p >
< p > p标签是段落标签,< br > 这里是第二段文字p >
< blockquote cite = "http://www.jredu100" > 横眉冷对千夫指,俯首甘为孺子牛。
blockquote >
< pre > 这是预格式标签
这是换行 这是空格 pre >
2.基于布局的块级标签
< ol >
< li > 第一项li >
< li > 第二项li >
< li > 第三项li >
ol >
< ul >
< li > 第一项li >
< li > 第二项li >
< li > 第三项li >
ul >
< dl >
< dt > 这是定义列表的标题dt >
< dd > 第一项dd >
< dd > 第二项dd >
< dd > 第三项dd >
dl >
< figure >
< img src ="../img/icon.png"
> 这是图片figcaption >
figure >
< div style = "width: 100px;height: 100px;background-color: red;" > 这是一个分区标签div >
5.3.常见的行级标签
1.(文本): (文本):无实际意义,用来包裹某部分文字,修改特定样式。 2.(短引用) (短引用)显示文字为“”引起来。 3.(缩小字体) (缩小字体)表示缩小字体,可以多层嵌套,直到字号最小。 4. (强调) (强调)(倾斜) (加粗) 【Strong,em,b,i标签的区别】 1.Strong和em都表示强调,但是Strong是加粗,em是倾斜。 2.Strong和b都是加粗,em和i都能倾斜,但是Strong和em有强调含义。HTML5要求标签尽可能的实现语义化。 5. (超链接)
< a href = "http://www.baidu.com" target ="_blank" > 这是一个超链接a >< br />
< a href = "http://www.baidu.com" target ="_self" rel ="prev" >
< img src = https://www.baidu.com/img/bd_logo1.png /> a >
< a href ="02.常见的块级标签.html#h1" target ="_blank" > 跳转到h1标签a >
< a href ="file:///F:/HBuilder/workspace/HTML5/img/icon.png" target ="_blank" > 打开图片a >
< a href ="tencent://message/?uin=452014986" target ="_blank" > qqa >
a.属性: 1).href:可以是网络连接,也可以是本地文件。(路径确定同img ) 2).target:超链接打开的位置,_self自身页面(默认)_blank 新页面1.href:可以是网络连接,也可以是本地文件。(路径确定同img ) 3).title:鼠标之上后显示的文字。 4).rel:指定当前文档与被连接文档的关系。"prev":被连接文档是前一篇,"next":被连接文档是后一篇,(了解)"icon"图标"stylesheet"样式表,"prefetch"预加载。 b.锚链接 1.本页面锚链接: a.设置锚点。 b.在超链接的href属性中,使用#name跳转到对应锚点 2.页面间锚链接: a.在即将跳转的页面指定位置设置锚点。 b.在超链接的href属性中,使用页面地址.html#name跳到对应位置。 c.功能性连接: 1.mailto://763066931@qq.com 给指定邮箱发邮件 2.file:///f/ 打开指定文件。 3.tencent://message/?uin=763066931 给指定qq发消息 6. (图片)
< img src ="../img/icon.png" height ="100px" width ="100px" title ="鼠标指上的文字" alt ="图片没有加载出来" align ="center" /> ceshi< br />
1).src:表示引用图片地址 2).height="100px"width="100px"图片的宽度高度,可以用css样式(style="")代替。 3).title:图片的标题,鼠标指上后显示的文字。 4).alt:当图片无法加载时显示的文字。 5).align:设置图片周围文字相对于图片的位置,top center botton。
5.4.表格
表格:
表格的行: 表格的列: 表头: :默认加粗,单元格居中。 常用属性: 1.border:给表格增加边框,当border属性增大时,只有外围框线增粗,中间框线不变 2.cellspacing:单元格与单元格之间的距离(默认一个像素),当cellspacing="0",的时候, 只会是单元格间隙为0,但不会合并边线。(不常用) 【表格边框合并】使用style="border-collapse: collapse;无需再写cellspacing="0"" 3.cellpadding:每个单元格内文字与边缘之间的距离 4.width height:表格的宽高(不常用) 5.align:表格的对齐方式。left center right调整表格在浏览器的位置, 相当于让表格浮动,会影响表格后边文字的排列方式(不常用) 6.bgcolor:背景色,等于style="backgroundcolor:" 7.background:背景图片 等同于 style = "background-image"且背景图会覆盖背景色 8.bordercolor:边框颜色。 -->
body >
html >
5.5表单
< input form ="1" type ="color" name ="name1" />
1.【两个重要属性】 1.表单提交地址:提交给动态文件,html为静态文件,空时提交给自身 2.提交方法: post:Transfers data using an http post transaction get:Appends data to the URL specified by the action attribute 2.【get和poet的区别:】 1.get传参使用URL:http://服务器地址?name1=value1&name2=value2。 (?表示传递参数,后边用name=value的方式传递,多个参数之间用&链接。) URL传参不安全,所有信息可在地址栏看到,并且可以通过地址栏随意传递数据。(URL注入攻击) URL传参数据量有限,只能传递少量数据。get传参比post快。 2.post使用HTTP请求传输协议,地址栏不可见,比较安全,且传递数据无限制。 综上所述,一般使用post。
3.【input标签及属性】 1.常用属性: 1.type:表示输入框的类型。 2.name:输入框的别名,一般情况下必填。因为:传递数据的时候使用name=value 的方式传递。 3.value:输入框的默认值。 4.placeholder:提示内容,不能指定默认值,当提示框有内容时,提示内容消失。 5.tabindex:控制输入框点击tab的跳转顺序从小往大开始。(了解即可,一般不用) 2.input特殊属性值: 1.checked="checked"默认被选中。 2.disabled="disabled"设置控件不能使用,按键不能选中,文本框不能被修改。 而且如果输入框disable,则输入框信息不能传递。 3.hidden="hidden"等同于type="hidden"隐藏域传值。常用语配合disabled,隐藏域传值。 4.【type属性详解:】 1.text:文本输入框 2.password:密码输入框,浏览器显示为点。 3.submit:提交按钮:提交表单数据。 4.radio:单选按钮 5.checkbox:复选按钮 name和value属性值必须全部存在,提交时,提交的是value中的属性。 radio凭借name中的属性区别是否为同一组,name相同为同一组,同组中只能选一个。 6.reset:将表单数据重置为初始状态。 7.file:文件上传按钮。 8.image:图形提交按钮。 9.bottom:普通按钮。 5.【select标签:下拉框】 1.name属性应该写在 上,所有选项只有一个name。 2.multiple="multiple":设置成多选,一般不用,可在界面使用ctrl多选。 3..option常用属性: 1.value:当option没有value属性时,往后台传递的是option中间的文字, 当有value属性时,往后台传递的是value的属性值 2.title:鼠标之上后显示的文字。 3.selected="selected":默认选中。 4.optgroup标签:用于将option标签分组,label属性表示分组名。 6.【文本域】 1.cols ros 多少行列 看字符(一般不用),使用style="heigth:100px;width:100px" 2.readonly="readonly":设置为只读模式,不可编辑。 3.style="resize:none"设置为不允许修改。 4.style="overflow"设置当文字超出区域的时候怎么处理。 1常用属性: 1.hidden:超出区域的文字,隐藏无法显示。 2.scroll:无论文字多少,始终出现滚动条。 3.auto:自动,根据文字的多少自动决定是否显示滚动条。(默认样式) 2.也可以通过overflow-x,overflow-y分别设置水平垂直的显示方式。 7.【表单的边框与标题】
如果想要让标签嵌入到边框中,需将标题标签写到边框标签里边 8.【智能表单】 1.H5新增input的form属性,用于指向特定form表单的id, 实现input无需放在form标签之中,即可通过表单提交。 2.type新增属性详见表格。 3.input元素的新增属性: 1.Autocomplete:自动完成功能,记录用户以前输入的值,并在下次输入时自动完成输入。 属性值:on,off。 可以在form表单上使用,整张所有控件进行自动完成,也可以在input使用,绝大多数浏览器默认开启。 Autofocus:自动获得焦点,只能设置一个input控件获得焦点。 Form:所属表单 Required:必填,否则阻止提交。 Pattern:验证input的模式,使用正则表达式验证。以后详解。 Placeholder:提示
转载于:https://www.cnblogs.com/HXP-RedBlue/p/6445447.html
你可能感兴趣的:(H5新手教程,小白来看看。)
Postman怎么针对一个接口重复测试 ?
静姐说测试
自动化测试 经验分享 技术分享 postman 测试工具 功能测试 自动化测试 软件测试 测试工程师
Postman是一个常用的API测试工具,用于测试和调试接口。它提供了许多功能来让我们能够更轻松地进行接口测试,其中之一就是针对一个接口的重复测试。以下是从零到一的详细和规范的步骤来针对一个接口重复测试的文章:第一步:确定接口首先,我们需要确定要重复测试的接口。可以是一个已经存在的接口,也可以是一个新接口。确保理解接口的功能和预期的输出。第二步:创建Postman环境在开始重复测试之前,我们需要创
八股文-Linux网络部分
im长街
八股文专栏 linux 网络
目录TCP和UDP的区别套接字编程一般的流程是什么Cookie,session和token有什么区别HTTP和HTTPS的区别讲一下TCP的三次握手和四次挥手TCP通过什么来保证可靠性TCP通过什么方式来提高性能了解哪些TCP协议的报头数据如何解决TCP的粘包问题什么是IP协议IP协议的字段了解多少什么是网段划分WAN口ip和LAN口ip的作用了解过NAT技术吗谈一谈你对ARP协议的理解有了ip地
HCIE数通 VS HCIE云计算:如何选择最适合你的方向?
IT程序媛-桃子
数通 华为认证 云计算 云计算 华为 数通
在华为认证体系中,HCIE(HuaweiCertifiedInternetworkExpert)无疑是技术专家级别的标志。而在众多HCIE认证方向中,数通(Datacom)和云计算(CloudComputing)成为了很多考生纠结的焦点。它们各有优势,那么对于不同的职业发展规划,应该选择哪个更适合自己呢?【点赞+关注】私我领取华为认证考试复习资料/题库今天,我们就从多个角度来详细对比HCIE数通和
仅仅使用pytorch来手撕transformer架构(4):解码器和解码器模块类的实现和向前传播
KangkangLoveNLP
手撕系列 #transformer pytorch transformer 人工智能 深度学习 python 机器学习
仅仅使用pytorch来手撕transformer架构(4):解码器和解码器模块类的实现和向前传播仅仅使用pytorch来手撕transformer架构(1):位置编码的类的实现和向前传播最适合小白入门的Transformer介绍仅仅使用pytorch来手撕transformer架构(2):多头注意力MultiHeadAttention类的实现和向前传播仅仅使用pytorch来手撕transfor
flink+kafka实现流数据处理学习
上海研博数据
java
在应用系统的建设过程中,通常都会遇到需要实时处理数据的场景,处理实时数据的框架有很多,本文将以一个示例来介绍flink+kafka在流数据处理中的应用。1、概念介绍flink:是一个分布式、高可用、高可靠的大数据处理引擎,提供了一种高效、可靠、可扩展的方式来处理和分析实时数据。kafka:是用于构建实时数据管道和流应用程序并具有横向扩展,容错,wickedfast(变态快)等优点的一种消息中间件。
飞控简析-从入门到跑路序章
skyman满天星
飞控简析 pixhawk 无人机 开源飞控
一、序言茫茫天数此中求,世道兴衰不自由万万千千说不尽,不如推背去归休本人搞飞控差不多两年了,从一开始什么都不懂的真·小白,到现在的高级小白,我已经经历了太多太多。因为感觉飞控是一个比较小众的产品,所以国内的资料并不是很完善,有些文章重复太多了,而且每个人看问题的视角是不一样的。我虽然只是个半瓶水,但是也想为国内的飞控圈子做一点贡献。二、学飞控有没有前途这个话题有点小,大一点的问法应该是学嵌入式有没
zookeeper程序员指南
weixin_30326741
java 运维 shell
1简介本文是为想要创建使用ZooKeeper协调服务优势的分布式应用的开发者准备的。本文包含理论信息和实践信息。本指南的前四节对各种ZooKeeper概念进行较高层次的讨论。这些概念对于理解ZooKeeper是如何工作的,以及如何使用ZooKeeper来进行工作都是必要的。这几节没有代码,但却要求读者对分布式计算相关的问题较为熟悉。本文的大多数信息以可独立访问的参考材料的形式存在。但是,在编写第一
Dash 简介
tankusa
dash
Dash是一个基于Python的开源框架,专门用于构建数据分析和数据可视化的Web应用程序。Dash由Plotly团队开发,旨在帮助数据分析师、数据科学家和开发人员快速创建交互式的、基于数据的Web应用,而无需深入掌握前端技术(如HTML、CSS和JavaScript)。Dash的核心优势在于其简单易用性和强大的功能。通过Dash,用户可以使用纯Python代码来构建复杂的Web应用,而无需编写繁
LeetCode hot 100—二叉树的层序遍历
rigidwill666
leetcode leetcode 算法 数据结构
题目给你二叉树的根节点root,返回其节点值的层序遍历。(即逐层地,从左到右访问所有节点)。示例示例1:输入:root=[3,9,20,null,null,15,7]输出:[[3],[9,20],[15,7]]示例2:输入:root=[1]输出:[[1]]示例3:输入:root=[]输出:[]分析二叉树的层序遍历可以借助队列来实现。层序遍历的核心思路是从根节点开始,依次访问每一层的节点,并且从左到
使用css画三角形
伊小小小凡
css 前端
使用css画三角形在CSS中,可以通过利用border属性来创建三角形。其原理是通过设置一个元素的宽高为0,然后给其设置不同方向的边框,并将不需要的边框颜色设置为透明,从而形成三角形的形状。以下是使用CSS创建三角形的示例代码:基本三角形.triangle{width:0;height:0;border-left:50pxsolidtransparent;/*左边框*/border-right:5
Python __init__.py
愚昧之山绝望之谷开悟之坡
python init
Python__init__.py作用详解尼古拉苏关注12018.06.1012:57:34字数745阅读45,278转载于:https://www.cnblogs.com/tp1226/p/8453854.html__init__.py该文件的作用就是相当于把自身整个文件夹当作一个包来管理,每当有外部import的时候,就会自动执行里面的函数。1.标识该目录是一个python的模块包(modul
Digicert SSL 证书
https
Digicert作为世界最早的证书品牌,是全球领先的数字安全解决方案提供商,Digicert在SSL证书领域具有显著的市场份额和影响力。DigicertSSL证书以其高度的安全性和可靠性赢得了全球用户的信赖。众多金融机构、政府机构、电子商务网站等关键领域都选择了DigicertSSL证书来保护其网络通信安全。一、基本功能加密通信:通过使用公钥加密技术,确保用户与网站之间的数据传输是安全的。身份验证
逆天!外包都开始嫌弃外包了。。。
java
大家好,我是R哥。最近看我的Java面试群里聊天真的笑死了。。。外包卡学历不说,外包都要提交之前干过的所有公司社保流水来验证年限不说,现在连外包都开始嫌弃从外包出来的了?真是滑天下之大稽,现在有的外包公司都不要脸到这地步了吗?说到外包,我发现很多程序员对外包公司offer都有一种复杂的感情,既离不开它,又看不上它,食之无味,弃之可惜,拿了个外包的offer纠结万分。很多大厂项目一多、人手不够的时候
HarmonyNext实战案例:基于ArkTS的高性能音视频处理应用开发
harmonyos-next
HarmonyNext实战案例:基于ArkTS的高性能音视频处理应用开发引言在HarmonyNext生态系统中,ArkTS作为新一代的编程语言,为开发者提供了强大的工具来构建高性能、跨平台的应用。本文将深入探讨如何使用ArkTS12+语法开发一个高性能的音视频处理应用,涵盖从基础概念到高级技巧的全面讲解。通过本案例,您将学习到如何利用HarmonyNext的特性,结合ArkTS的强大功能,实现复杂
从零开始构建大模型(LLM)应用
和老莫一起学AI
人工智能 ai 大模型 语言模型 llm 自然语言处理 学习
大模型(LLM)已经成为当前人工智能的重要部分。但是,在这个领域还没有固定的操作标准,开发者们往往没有明确的指导,需要不断尝试和摸索。在过去两年中,我帮助了许多公司利用LLM来开发了很多创新的应用产品。基于这些经验,我形成了一套实用的方法,并准备在这篇文章中与大家分享。这套方法将提供一些步骤,帮助需要的小伙伴在LLM应用开发的复杂环境中找到方向。从最初的构思到PoC、评估再到产品化,了解如何将创意
.NET 6 WebApi使用JWT
wenqi.xu
.net .netcore
JWT(JsonWebToken)jwt是一种用于身份验证的开放标准,他可以在网络之间传递信息,jwt由三部分组成:头部,载荷,签名。头部包含了令牌的类型和加密算法,载荷包含了用户的信息,签名则是对头部和载荷的加密结果。jwt鉴权验证是指在用户登录成功后,服务器生成一个jwt令牌并返回给客户端,客户端在后续的请求中携带该令牌,服务通过令牌的签名来确定用户的身份和权限。这种方式可以避免在每个请求中都
使用Yarn创建Grafana模板的完整指南
云服务器linux运维yarn
在本篇文章中,我将带你逐步完成如何使用Yarn生成Grafana模板的过程。Grafana是一款开源的数据可视化工具,我们可以使用它来创建各种仪表板,以便更好地监控和展示数据。请跟随我一起来完成这一过程。整体流程概览在开始之前,我们先来看看整个操作的流程。以下是步骤的概述,以表格形式展示:步骤描述1安装Node.js和Yarn2创建新的Yarn项目3安装Grafana的API客户端库4编写Graf
如何在Spring Boot中实现数据加密
后端springboot
如何在SpringBoot中实现数据加密大家好,我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿!一、数据加密的重要性与应用场景在当今信息安全日益受到重视的背景下,数据加密成为保护敏感信息不被未授权访问的重要手段。SpringBoot作为一种流行的Java开发框架,提供了多种方式来实现数据加密,适用于用户密码、数据库连接、敏感配置等场景。二、
有趣的学习Python-第十篇:Python的“魔法宝库”:标准库之旅
王盼达
有趣的学习Python 学习 python 开发语言
Python不仅是一门强大的编程语言,更像是一座充满宝藏的“魔法宝库”,里面装满了各种各样的“魔法工具”(标准库)。这些“魔法工具”可以帮助你轻松地完成各种任务,从文件操作到网络编程,从数据处理到性能优化。接下来,让我们一起探索Python的“魔法宝库”,看看这些“魔法工具”到底有多神奇!10.1操作系统接口:与“魔法世界”互动os模块就像是一个“魔法接口”,可以帮助你与操作系统进行互动。你可以用
PHP的架构设计
weixin_34294649
php
首先,大概陈述一下架构的关联,如下所述:首先会先设计标准DALclass(STDAL),放置getData,delete,update等标准常见的功能函数在来设计程式会用到的各种DAL,基本上每一个Table都需要有一个DAL来实现,后面根据table应用、画面呈现等需求,也可以一个table有多个DAL,这各观念类似View的概念。根据商业逻辑的操作,制作对应的BLL,像是insert、upda
基于transformer实现机器翻译(日译中)
小白_laughter
课程学习 transformer 机器翻译 深度学习
文章目录一、引言二、使用编码器—解码器和注意力机制来实现机器翻译模型2.0含注意力机制的编码器—解码器2.1读取和预处理数据2.2含注意力机制的编码器—解码器2.3训练模型2.4预测不定长的序列2.5评价翻译结果三、使用Transformer架构和PyTorch深度学习库来实现的日中机器翻译模型3.1、导入必要的库3.2、数据集准备3.3、准备分词器3.4、构建TorchText词汇表对象,并将句
如果,你想找 AI大模型相关的工作,这三个建议你一定要看!
我爱学大模型
人工智能 chatgpt AI大模型 AI 大模型入门 转行 程序员
01各种大厂小厂创业团队和AI擦边的面试难度,由难到简单,依次是:大模型算法(⭐⭐⭐⭐⭐)模型部署加速(⭐⭐⭐⭐)RAG等相关技术(⭐⭐⭐)纯应用(⭐⭐)Prompt工程师等其他自媒体(⭐)会简单应用就行02这结果方向,B站找几个视频看看,这里推荐用Qwen7B,开源的模型,一个3060都能跑。例如这个,如何微调Qwen开源模型。https://www.bilibili.com/video/BV1
你了解TikTok的矩阵玩法吗?这一策略能帮助你实现精准引流!
m0_74891046
矩阵
TikTok已经不再是一个单纯的娱乐平台,它逐渐成为了很多人商业变现的利器。今天,咱们来聊聊TikTok矩阵玩法,看看如何利用多个账号协同作战,实现精准的引流和推广。什么是TikTok矩阵玩法?矩阵玩法是一种通过多个TikTok账号配合运营,进行内容推广和流量引导的策略。通过精细化分工和协同作战,每个账号都有不同的目标和任务,从而实现更高效的流量转化和用户增长。矩阵玩法的优势:精准引流每个账号针对
【NLP 39、激活函数 ⑤ Swish激活函数】
L_cl
NLP 自然语言处理 人工智能
我的孤独原本是座荒岛,直到你称成潮汐,原来爱是让个体失序的永恒运动——25.2.25Swish激活函数是一种近年来在深度学习中广泛应用的激活函数,由GoogleBrain团队在2017年提出。其核心设计结合了Sigmoid门控机制和线性输入的乘积,通过引入平滑性和非单调性来提升模型性能。一、数学定义与变体1.基础形式Swish的标准表达式为:Swish(x)=x⋅σ(βx)其中:σ(x)是Sigm
Monorepo与pnpm:前端项目管理的完美搭档
秋の本名
前端 pnpm 前端框架 mojo
一、什么是pnpmpnpm又称performantnpm,翻译过来就是高性能的npm。1.节省磁盘空间提高安装效率pnpm通过使用硬链接和符号链接(又称软链接)的方式来避免重复安装以及提高安装效率。硬链接:和原文件共用一个磁盘地址,相当于别名的作用,如果更改其中一个内容,另一个也会跟着改变符号链接(软链接):是一个新的文件,指向原文件路径地址,类似于快捷方式官网原话:当使用npm时,如果你有100
web前端期末大作业:婚纱网页主题网站设计——唯一旅拍婚纱公司网站HTML+CSS+JavaScript
IT-司马青衫
前端 课程设计 html
静态网站的编写主要是用HTMLDⅣV+CSSJS等来完成页面的排版设计,一般的网页作业需要融入以下知识点:div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏、鼠标划过效果等知识点,学生网页作业源码,制作水平和原创度都适合学习或交作业用,记得点赞。精彩专栏推荐【作者主页——获取更多优质源码】【web前端期末大作业——毕设项目精品实战案例(1
API身份验证使用JWT的.NET实现
雨夜思绪~静谧思考
.net
API身份验证使用JWT的.NET实现在现代的应用程序开发中,API身份验证是一项至关重要的任务。JWT(JSONWebToken)是一种常用的身份验证机制,它使用JSON格式表示身份验证信息,并使用签名进行验证。在.NET平台上,我们可以使用一些库来实现JWT身份验证。本文将介绍如何使用.NET来进行API身份验证并使用JWT作为身份验证机制。引入依赖项首先,我们需要在我们的项目中引入相关的依赖
【Go语言圣经1.1】
Pyroyster
golang 开发语言 后端
目标学习Go的编译方式、包的组织方式以及工具链的统一调用方式概念与定义packageGo语言通过包来组织代码。包类似于其它语言的库librarries或模块modules,每个包通常对应一个目录,目录中的所有.go文件都属于同一个包。特殊的main包:当代码使用packagemain声明时,表示这是一个可独立执行的程序而非一个库。程序的执行入口就是main函数import通过import语句,编译
Spike Neural Network Introduction and Research Directions
Debug_Snail
SNN Neuralnetwork 人工智能 AIGC
1.SNNs是一类神经网络,其中的神经元通过脉冲(spikes)来传递信息,而不是像传统的人工神经网络中那样使用实数值激活。SNNs更接近生物学上的神经系统,因为生物神经元也是通过电信号脉冲来传递信息的。与传统神经网络相比,SNNs具有以下几个特点:更低的功耗-因为只在发生脉冲时才激活神经元,所以整体功耗会比传统神经网络低很多。这使得SNNs很适合应用在对功耗要求非常严格的场景,如边缘计算。时序编
AI-大模型中的流式输出与非流式输出
岂不闻
AI 人工智能 开发语言 AI编程
1.前言在大模型API开发中,流式与非流式输出对应着两种不同的数据交互,在代码中stream中通过参数true与false来进行设定。2.流式输出与非流式输出的原理2.1.非流式输出-请求一次响应返回完整数据非流式输出,传统的请求-响应模式,发起请求-等待完整内容生成后一次性返回给客户端。完整性:返回经过处理和验证的完整响应。单次传输:采用标准HTTP请求与响应模式,一次传输所有数据。等待时间:用
java观察者模式
3213213333332132
java 设计模式 游戏 观察者模式
观察者模式——顾名思义,就是一个对象观察另一个对象,当被观察的对象发生变化时,观察者也会跟着变化。
在日常中,我们配java环境变量时,设置一个JAVAHOME变量,这就是被观察者,使用了JAVAHOME变量的对象都是观察者,一旦JAVAHOME的路径改动,其他的也会跟着改动。
这样的例子很多,我想用小时候玩的老鹰捉小鸡游戏来简单的描绘观察者模式。
老鹰会变成观察者,母鸡和小鸡是
TFS RESTful API 模拟上传测试
ronin47
TFS RESTful API 模拟上传测试。
细节参看这里:https://github.com/alibaba/nginx-tfs/blob/master/TFS_RESTful_API.markdown
模拟POST上传一个图片:
curl --data-binary @/opt/tfs.png http
PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式
dcj3sjt126com
设计模式 PHP
// 多态, 在JAVA中是这样用的, 其实在PHP当中可以自然消除, 因为参数是动态的, 你传什么过来都可以, 不限制类型, 直接调用类的方法
abstract class Tiger {
public abstract function climb();
}
class XTiger extends Tiger {
public function climb()
hibernate
171815164
Hibernate
main,save
Configuration conf =new Configuration().configure();
SessionFactory sf=conf.buildSessionFactory();
Session sess=sf.openSession();
Transaction tx=sess.beginTransaction();
News a=new
Ant实例分析
g21121
ant
下面是一个Ant构建文件的实例,通过这个实例我们可以很清楚的理顺构建一个项目的顺序及依赖关系,从而编写出更加合理的构建文件。
下面是build.xml的代码:
<?xml version="1
[简单]工作记录_接口返回405原因
53873039oycg
工作
最近调接口时候一直报错,错误信息是:
responseCode:405
responseMsg:Method Not Allowed
接口请求方式Post.
关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别
程序员是怎么炼成的
真正完成类的加载工作是通过调用 defineClass来实现的;
而启动类的加载过程是通过调用 loadClass来实现的;
就是类加载器分为加载和定义
protected Class<?> findClass(String name) throws ClassNotFoundExcept
JDBC学习笔记-JDBC详细的操作流程
aijuans
jdbc
所有的JDBC应用程序都具有下面的基本流程: 1、加载数据库驱动并建立到数据库的连接。 2、执行SQL语句。 3、处理结果。 4、从数据库断开连接释放资源。
下面我们就来仔细看一看每一个步骤:
其实按照上面所说每个阶段都可得单独拿出来写成一个独立的类方法文件。共别的应用来调用。
1、加载数据库驱动并建立到数据库的连接:
Html代码
St
rome创建rss
antonyup_2006
tomcat cms xml struts Opera
引用
1.RSS标准
RSS标准比较混乱,主要有以下3个系列
RSS 0.9x / 2.0 : RSS技术诞生于1999年的网景公司(Netscape),其发布了一个0.9版本的规范。2001年,RSS技术标准的发展工作被Userland Software公司的戴夫 温那(Dave Winer)所接手。陆续发布了0.9x的系列版本。当W3C小组发布RSS 1.0后,Dave W
html表格和表单基础
百合不是茶
html 表格 表单 meta 锚点
第一次用html来写东西,感觉压力山大,每次看见别人发的都是比较牛逼的 再看看自己什么都还不会,
html是一种标记语言,其实很简单都是固定的格式
_----------------------------------------表格和表单
表格是html的重要组成部分,表格用在body里面的
主要用法如下;
<table>
&
ibatis如何传入完整的sql语句
bijian1013
java sql ibatis
ibatis如何传入完整的sql语句?进一步说,String str ="select * from test_table",我想把str传入ibatis中执行,是传递整条sql语句。
解决办法:
<
精通Oracle10编程SQL(14)开发动态SQL
bijian1013
oracle 数据库 plsql
/*
*开发动态SQL
*/
--使用EXECUTE IMMEDIATE处理DDL操作
CREATE OR REPLACE PROCEDURE drop_table(table_name varchar2)
is
sql_statement varchar2(100);
begin
sql_statement:='DROP TABLE '||table_name;
【Linux命令】Linux工作中常用命令
bit1129
linux命令
不断的总结工作中常用的Linux命令
1.查看端口被哪个进程占用
通过这个命令可以得到占用8085端口的进程号,然后通过ps -ef|grep 进程号得到进程的详细信息
netstat -anp | grep 8085
察看进程ID对应的进程占用的端口号
netstat -anp | grep 进程ID
&
优秀网站和文档收集
白糖_
网站
集成 Flex, Spring, Hibernate 构建应用程序
性能测试工具-JMeter
Hmtl5-IOCN网站
Oracle精简版教程网站
鸟哥的linux私房菜
Jetty中文文档
50个jquery必备代码片段
swfobject.js检测flash版本号工具
angular.extend
boyitech
AngularJS angular.extend AngularJS API
angular.extend 复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象,你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制. 使用方法: angular.extend(dst, src); 参数:
java-谷歌面试题-设计方便提取中数的数据结构
bylijinnan
java
网上找了一下这道题的解答,但都是提供思路,没有提供具体实现。其中使用大小堆这个思路看似简单,但实现起来要考虑很多。
以下分别用排序数组和大小堆来实现。
使用大小堆:
import java.util.Arrays;
public class MedianInHeap {
/**
* 题目:设计方便提取中数的数据结构
* 设计一个数据结构,其中包含两个函数,1.插
ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本
Chen.H
ajaxFileUpload ie6 ie7 ie8 ie9
jQuery.extend({
handleError: function( s, xhr, status, e ) {
// If a local callback was specified, fire it
if ( s.error ) {
s.error.call( s.context || s, xhr, status, e );
}
[机器人制造原则]机器人的电池和存储器必须可以替换
comsci
制造
机器人的身体随时随地可能被外来力量所破坏,但是如果机器人的存储器和电池可以更换,那么这个机器人的思维和记忆力就可以保存下来,即使身体受到伤害,在把存储器取下来安装到一个新的身体上之后,原有的性格和能力都可以继续维持.....
另外,如果一
Oracle Multitable INSERT 的用法
daizj
oracle
转载Oracle笔记-Multitable INSERT 的用法
http://blog.chinaunix.net/uid-8504518-id-3310531.html
一、Insert基础用法
语法:
Insert Into 表名 (字段1,字段2,字段3...)
Values (值1,
专访黑客历史学家George Dyson
datamachine
on
20世纪最具威力的两项发明——核弹和计算机出自同一时代、同一群年青人。可是,与大名鼎鼎的曼哈顿计划(第二次世界大战中美国原子弹研究计划)相 比,计算机的起源显得默默无闻。出身计算机世家的历史学家George Dyson在其新书《图灵大教堂》(Turing’s Cathedral)中讲述了阿兰·图灵、约翰·冯·诺依曼等一帮子天才小子创造计算机及预见计算机未来
小学6年级英语单词背诵第一课
dcj3sjt126com
english word
always 总是
rice 水稻,米饭
before 在...之前
live 生活,居住
usual 通常的
early 早的
begin 开始
month 月份
year 年
last 最后的
east 东方的
high 高的
far 远的
window 窗户
world 世界
than 比...更
在线IT教育和在线IT高端教育
dcj3sjt126com
教育
codecademy
http://www.codecademy.com codeschool
https://www.codeschool.com teamtreehouse
http://teamtreehouse.com lynda
http://www.lynda.com/ Coursera
https://www.coursera.
Struts2 xml校验框架所定义的校验文件
蕃薯耀
Struts2 xml校验 Struts2 xml校验框架 Struts2校验
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年7月11日 15:54:59 星期六
http://fa
mac下安装rar和unrar命令
hanqunfeng
mac
1.下载:http://www.rarlab.com/download.htm 选择
RAR 5.21 for Mac OS X 2.解压下载后的文件 tar -zxvf rarosx-5.2.1.tar 3.cd rar sudo install -c -o $USER unrar /bin #输入当前用户登录密码 sudo install -c -o $USER rar
三种将list转换为map的方法
jackyrong
list
在本文中,介绍三种将list转换为map的方法:
1) 传统方法
假设有某个类如下
class Movie {
private Integer rank;
private String description;
public Movie(Integer rank, String des
年轻程序员需要学习的5大经验
lampcy
工作 PHP 程序员
在过去的7年半时间里,我带过的软件实习生超过一打,也看到过数以百计的学生和毕业生的档案。我发现很多事情他们都需要学习。或许你会说,我说的不就是某种特定的技术、算法、数学,或者其他特定形式的知识吗?没错,这的确是需要学习的,但却并不是最重要的事情。他们需要学习的最重要的东西是“自我规范”。这些规范就是:尽可能地写出最简洁的代码;如果代码后期会因为改动而变得凌乱不堪就得重构;尽量删除没用的代码,并添加
评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓
nannan408
先来看南方网的一则报道:
再正常不过的结婚、生子,对于29岁的郑畅来说,却是一个永远也无法实现的梦想。从2010年到2015年,从24岁到29岁,一张张新旧不一的诊断书记录了她病情的同时,也清晰地记下了她人生的悲哀。
粗暴手术让人发寒
2010年7月,在酒店做服务员的郑畅发现自己怀孕了,可男朋友却联系不上。在没有和家人商量的情况下,她决定堕胎。
12月5日,
使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件
Everyday都不同
jsp input 回车键绑定 click enter
假设如题所示的事件为同一个,必须先把该js函数抽离出来,该函数定义了监听的处理:
function search() {
//监听函数略......
}
为input框绑定回车事件,当用户在文本框中输入搜索关键字时,按回车键,即可触发search():
//回车绑定
$(".search").keydown(fun
EXT学习记录
tntxia
ext
1. 准备
(1) 官网:http://www.sencha.com/
里面有源代码和API文档下载。
EXT的域名已经从www.extjs.com改成了www.sencha.com ,但extjs这个域名会自动转到sencha上。
(2)帮助文档:
想要查看EXT的官方文档的话,可以去这里h
mybatis3的mapper文件报Referenced file contains errors
xingguangsixian
mybatis
最近使用mybatis.3.1.0时无意中碰到一个问题:
The errors below were detected when validating the file "mybatis-3-mapper.dtd" via the file "account-mapper.xml". In most cases these errors can be d