首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端-微信小程序开发(2):小程序基本介绍

小程序布局 为什么使用HTML&CSS 微信小程序这种平台型超越Hybrid系统诞生还是有一些客观条件,其中一个就是移动端应用相对来说简单多,想想PC负责布局,如果要使用小程序实现,那么复杂度会提高很多...② WXSS,WeiXin Style Sheets,是一套样式语言,用于定义样式,与CSS类似,一般认为是CSS子集 因为小程序UI组件都是Native实现,所以小程序直接手起刀落压根放弃让我们使用...App实例化放到了main.js里面,只提供了建议做法,事实上HTML还是太过灵活,有些同事逐渐根本不按照我们规则玩,他觉得他做法更好,但是这样一来便会破坏了项目的总体性,后续工程性优化或者监控可能就不能帮助他了...我们之前在这里研究过自定义标签做法:从DOM操作看Vue&React前端组件化,顺带补齐Reactdemo <article class="cm-page page-list" id="<em>main</em>...#map 总结 可以看出,小程序Native层是将常用<em>的</em><em>HTML</em><em>标签</em>分别都实现了一次,<em>使用</em>这些组件可以拼接处任何复杂<em>的</em>组件。

1.7K30

【专业文章】六种常见HTML5写法误用(一)

一、不要使用section作为div替代品 人们标签使用中最常见到错误之一就是随意将HTML5等价于——具体地说,就是直接用作替代品(用于样式)。...XHTML或者HTML4,我们常看到这样代码: <!...二、只需要时候使用header和hgroup 写不需要写标签当然是毫无意义。...既然article元素已经保证了头部会出现在文档概要,而header又不能包含多个元素(如上文所定义),那么为什么要写多余代码。... 三、不要把所有列表式链接放在nav里 随着HTML5引入了 30个新元素(截止到原文发布时),我们构造语义化和结构化标签选择也变得有些不慎重。

91450
您找到你想要的搜索结果了吗?
是的
没有找到

谈谈对 html 语义化理解

例如,当浏览器解析到标签时,它将该标签解释为包含这一块内容最重要标题。h1 标签语义就是用它来标识特定网页或部分最重要标题。 为什么要语义化?...代码结构:使页面没有css情况下,也能够呈现出很好内容结构 有利于 SEO: 爬虫依赖标签来确定关键字权重,因此可以和搜索引擎建立良好沟通,帮助爬虫抓取更多有效信息 提升用户体验:例如 title...main:定义文档主要内容,该内容文档应当是独一无二 article:定义页面独立内容,它可以有自己 header、footer、sections 等,专注于单个主题博客文章,报纸文章或网页文章...section:表示文档一个区域(或节),比如,内容一个专题组。 aside:表示一个和其余页面内容几乎无关部分,认为是独立于该内容一部分且可以被单独拆分出来而不会影响整体。...),而其中有一个很重要指标,那就是能够残障人士使用网站才能称得上一个易用(易访问)网站。

1.2K10

HTML 5.2 简介

document.createElement('main'); 但是它在每个页面只能使用一次,因此 HTML 5.2...使用 HTML 5.2,我们只要保证同一时刻只有一个 元素可见,就能在我们标签使用多个 元素。与此同时其它 元素必须使用 hidden 属性进行隐藏。... 元素写样式 标准做法会把放在区,这样做好处是保证网页主体加载时,样式已提交加载生效了。...这意味着样式定义可以离它们使用地方更近。 ? 虽然这样写起来方便了,但由于性能问题,样式还是优先考虑放在区,如规范: 样式元素最好用于文档 head 。...弃用功能 不再能包含行内块、浮动块这样块类型子元素 ? HTML 5.2 , 元素唯一合法子元素只能是文字内容。

67920

Web标准常见问题

Web标准常见问题 引言 大概2004年时候,Web标准概念藉由一本名为《网站重构》书开始国内人所了解。...这样做法就是提高可用性一个典型例子,而如果你表单只能通过Ctrl + Enter 提交,但用户浏览器不支持 JavaScript,那么他将无法提交表单,这时对于此用户,网页可用性可以认为是0。...以页面三为例:部分我使用了内联式样式表:,为什么这么做呢?为了覆盖!因为“/music/inc/main.css”里,我已经定义了页面左下角显示背景。...但是我又不想每个页面左下角图案都相同,所以,我把想要在此页显示背景写在这里。而如果我这里什么也不写会怎么样呢?不用慌张,页面仍然会呈现我定义/music/inc/main.css文件背景。...避免过多HTML标签内部使用 onclick、onmouseover、onmouseout 等行为,而应该在页面首部写成函数,window.onload事件中加载它,这样你代码会清晰很多,同时也做到了行为与结构分离

1.1K50

WebGL着色器shader处理方法

最简单方法,就是把着色器记录在HTML使用这种方法的话,是利用HTMLscript标签来做。下面是一个简单例子。...但是一般浏览器如果遇到不识别的标签的话会无视掉,浏览器不会认为这是javascript代码。浏览器只会把它当成无意义字符串,而程序则可以使用标签里面的内容。...另一个,也可以不使用script标签来做。 主要是因为着色器代码就是简单字符串,可以直接在javascript内部定义字符串。...这样的话,着色器定义了javascript文件HTML代码就变简单多了,并不是说,这种做法比前一种做法好。 还不懂啥意思?懵?...首尾标签包含起来普通字符串文本,程序代码可以通过id属性来访问到script里这段文本。

1.5K41

kfold交叉验证k越大_内部交叉验证

测试集是与训练独立数据,完全不参与训练,用于最终模型评估。训练过程,经常会出现过拟合问题,就是模型可以很好匹配训练数据,却不能很好在预测训练集外数据。...如果此时就使用测试数据来调整模型参数,就相当于训练时已知部分测试数据信息,会影响最终评估结果准确性。...通常做法训练数据再中分出一部分做为验证(Validation)数据,用来评估模型训练效果。 验证数据取自训练数据,但不参与训练,这样可以相对客观评估模型对于训练集之外数据匹配程度。...模型验证数据评估常用是交叉验证,又称循环验证。它将原始数据分成K组(K-Fold),将每个子集数据分别做一次验证集,其余K-1组子集数据作为训练集,这样会得到K个模型。...交叉验证有效利用了有限数据,并且评估结果能够尽可能接近模型测试集上表现,可以做为模型优化指标使用。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

49830

那些年我们一起学XSS - 20. 存储型XSS入门

第1类我们称为白名单,即:只允许使用白名单内合法HTML标签,例如IMG。其它均剔除。例如:百度贴吧回帖时候代码过滤方式。...第2类我们称为黑名单,即:厂商会构建一个有危害HTML标签、属性列表,然后通过分析用户提交HTML代码,剔除其中有害部分。如:QQ邮箱发邮件时过滤方式。...这种做法某些反射型XSS,或者你运气好时候,确实能碰到。但是如果拿到QQ空间日志里去插入。嗯,后果一定会很悲壮,过滤毛都没有了。。 3. 这是为什么呢?...因为腾讯黑名单过滤是理所当然。 4. 试想,如果我们找到一个不在腾讯黑名单XSS代码,岂不是就可以成功日志里执行XSS了么? 5. 有的人会问了。。...搞清楚你所使用XSS代码原理是什么! 10.2 搞清楚XSS代码适用范围:如:什么浏览器什么版本之下才能使用,是否需要用户交互等。 10.3 注意平时对此类代码搜集与整理。

59230

【重构前端知识体系之HTML】讲讲对HTML5一大特性——语义化理解

【重构前端知识体系之HTML】讲讲对HTML5一大特性——语义化理解 引言 讲什么是语义化之前,先看看语义化背景。 之前文章中提到HTML最重要特性,那就是标签。...因此,这个语义化友好者是开发者本身。 所谓语义化,就是凭着HTML本身,也能体验出人性化结构! 语义化好处 没有CSS情况下,页面也能呈现出很好地内容结构、代码结构。...每个input标签对应说明文本都需要使用label标签,并且通过为input设置id属性,lable标签设置for=someld来让说明文本和相对应input关联起来。...它不应包含在文档重复出现内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单。 一个文档,不能出现多个 元素。... 我介绍 我是一个聪明孩子 4、 标签定义文档片段。 比如章节、页眉、页脚或文档其他部分。

48510

WebGL简易教程(一):第一个简单示例

WebGL是OpenGL浏览器版本,基本上可以认为是OpenGL子集,能WebGL保留而不剔除技术,必须是三维图形渲染技术精华。...是HTML5引入一个绘制标签,可以画布绘制任意图形。WebGL正是通过元素进行绘制。 除此之外,这段代码还通过标签引入了几个外部JS文件。...而在标签定义onload事件属性绑定正是HelloPoint1.jsmain()函数。...main函数,一旦HTML浏览器加载成功,这段脚本就会执行。...如果你只学习过固定管线或者其他二维绘图组件(如GDI),就会非常困惑着色器是什么,为什么要用着色器。比如说固定管线,绘制点就是drawPoint,绘制线就drawLine。

1.7K10

html其他语义化

为什么这里使用无序 列表来实现呢?假如使用有序列表,我们是做不到这种外观效果。因为有序列表前数字外 观是固定实际开发,大多数情况下都是使用无序列表,极少情况下会使用有序列表。...image.png 4、del标签和ins标签 HTM L,del和ins这两个标签是配合使用。del表示“delete”,用于定义被删 除文本。...这两种实现方式最明显区别在于:使用img标签添加图片,是通过HTML来实现;使用背 景图片,是通过CSS来实现。 实际开发,很多人添加图片方式很随意。...如果图 片仅仅是起到修饰作用,并且不想搜索引擎识别,则应该使用背景图片。 举个例子,图左这个页面图标图片就应该使用背景图片实现,因为这些图标并不 需要被搜索引擎识别,也不作为HTML一部分。...而图右页面应该使用img标签来实 现,因为这是页面HTML结构一部分,并且希望搜索引擎识别。

82740

先看看alt标签有没有

ALT标签在SEO作用 做外贸网站朋友大多数都是销售产品,所以网站上会有很多产品图片,那么alt标签在seo过程作用就相当重要了。...搜索引擎通过alt标签识别你图片内容,通过上下文分析给你图片做出一个排名,用户使用图片搜索时候,就可能搜索到你网站图片,从而通过图片seo获得流量。...Google 官方建议如下: 使用简短但具有描述性文件名和替代文字 和网页上视为优化对象许多其他部分一样,简短但具有描述性文件名和替代文字是最理想。...应避免做法可能情况下使用“image1.jpg”、“pic.gif”、“1.jpg”等宽泛文件名(如果您网站有数千张图片,您可能希望将图片命名工作自动化)。 文件名非常长。...应避免做法: 撰写会被认为是垃圾内容超长替代文字。 网站导航仅使用图片链接。 原文链接:https://blog.naibabiji.com/google-seo/alt.html

1.1K00

窥探现代浏览器架构(三)

渲染进程里面,主线程(main thread)处理了绝大多数你发送给用户代码。...如何将HTML文档解析为DOM对象是HTML标准定义。不过在你web开发生涯,你可能从来没有遇到过浏览器解析HTML时候发生错误情景。这是因为浏览器对HTML错误容忍度很大。...因为script标签JavaScript可能会使用诸如 document.write()这样代码改变文档流(document)形状,从而使整个DOM树结构发生根本性改变(HTML规范里面的overview...of the parsing model部分有很好示意图)。...单纯按照HTML布局顺序绘制页面的元素是错误,因为元素z-index元素没有考虑到 绘画这个步骤,主线程会遍历之前得到布局树(layout tree)来生成一系列绘画记录(paint records

47820

JUnit学习

到目前来看,确实可能和网上说一样,不过是多了几个main方法而已,不过,我相信随着学习深入,JUnit不仅仅是作为几个main方法来调用这么简单。...使用JUnit官方提供了几种方法,一是手动导入jar包,但在手动导入jar包时候一定要记得导入两个包: image.png 我们这里使用junit-4.12.jar和hamcrest-core-1.3...Assert类对该方法有大量重载,由于double类型方法以前JUnitassertEqueals只有两个参数,当我只写两个参数时发现已经弃用。...,为什么会新增一个误差值呢?...比如1.0+1.0应该等于2.0,所以我们期望它等于2.0,但实际情况可能某种原因并非如此,所以我们给它一个误差值1.0,这样范围1.0~3.0都可以认为是“正确”

53250

编写模块化CSS:命名空间

今天这篇文章,我想与大家分享一下为什么只用BEM还是不够,以及如何使用命名空间来弥补一些不足。 为什么BEM不能满足我们 我上周给大家展示例子很简单。...一个较大对象例子是我为Mastering Responsive Typography构建倒计时器: ? 一个大对象例子。仍然认为是一个对象,因为它不包含对象和组件。...表单组件放在侧边栏上 马上就可以看到三件事情改变了: 标签隐藏 input和o-button对象布局变为百分百宽度 文本Font-size和line-height在按钮对象上变小。...“.t”或“.s”——排版类(Typography) 排版中最好做法是在网页上只使用少数样式(大小,字体等)。 现在,你可能会在标题-写出这样排版风格: ?...结语 本文中,我向您展示了如何使用命名空间填补BEM遗憾。通过包含命名空间,我终于实现了一个好架构寻找所有四个标准: 类必须尽量少地添加避免HTML膨胀。

2.6K70

SEO

扁平化网站结构: 蜘蛛爬取页面时会使用深度优先和广度优先相结合方式,所以如果层级过多,可能会导致蜘蛛爬不到你页面 网站首页是整个网站权重最高页面,与首页点击距离越小, spider 爬取概率和权重也就越大...设置网站导航应该注意下面几点: 文字导航。尽量使用 HTML 静态文字作为导航,不要使用 JavaScript 生成动态导航。这样对 spider 来说,爬行阻力最小。...所以要尽量链接结构上做到扁平化。 锚文字包含关键词。导航关键词尽量使用目标关键词。 面包屑导航。对于中大型网站,面包屑是必不可少。它是帮助用户和搜索引擎建立页面在网站整个结构位置最好方法。...近年来对于页脚堆积关键词做法似乎不受搜索引擎欢迎了,尽量避免这种做法。 禁止收录机制 meta robots 标签 通过 也可以设置禁止搜索引擎索引本页内容,禁止跟踪本页链接。...同时对于网站内部一些重复内容页面或者是一些无需收录链接都可以加上该标签,可以防止网站权重浪费。比如像联系我们、隐私政策等页面,就可以使用 nofollow 标签了。

1.6K20

15 v-if 条件渲染与 v-for 列表渲染

如下所示,当且仅当show为true时,p标签才会被创建并渲染: {{message}} 与v-if搭配一起使用是v-else...所以,template是非可见元素,vuetemplate仅是为了方便处理群组关系而存在。...这是编译时与运行时些微差别。在这里label标签组件仍然会被复用,但是视图渲染过程,新文本内容会被赋值过来,因为它是在编译阶段就被定义。...v-for 与大数据列表组件复用 v-for指令用于渲染一个列表。重复渲染元素要求有一个key。这个key一般取元素数据某个唯一字段,id或者其它字段。...如果组件元素是复杂,所有许多业务逻辑,这种做法可以显著提高渲染效率。 但是这个方案还有改进空间。就是滚动div上,自定义实现一个滚动条。这样就不再依赖于空白li作为占位符了。

1.8K20
领券