- css新特性?
一个大长腿
css前端
CSS(层叠样式表)作为网页样式设计的关键语言,在不断发展和更新中也引入了许多新的特性以提供更强大的样式控制和设计能力。以下是一些较新的CSS特性:CSSGrid布局:CSSGrid布局是一种二维布局系统,可以通过定义行和列来创建复杂的布局结构,实现灵活的网格布局。Flexbox布局:Flexbox是一种弹性盒子布局模型,可以实现更加简单和有效的布局方式,使得元素在容器内按照指定的规则排列和对齐。
- (60)矩阵中的局部最大值
月临水
C语言你必须要会的C语言练习题c语言矩阵
文章目录1.每日一言2.题目3.解题思路4.代码5.结语1.每日一言烛分歌扇泪,雨送酒船香。出自唐⋅李商隐的《夜饮》2.题目题目链接:矩阵中的局部最大值给你一个大小为nxn的整数矩阵grid。生成一个大小为(n-2)x(n-2)的整数矩阵maxLocal,并满足:maxLocal[i][j]等于grid中以i+1行和j+1列为中心的3x3矩阵中的最大值。换句话说,我们希望找出grid中每个3x3矩
- 2018-11-22
1f658716b568
鼠标移动换色事件protectedvoidQMSInfoGDV_RowDataBound(objectsender,GridViewRowEventArgse){if(e.Row.RowType==DataControlRowType.DataRow){//当鼠标停留时更改背景色e.Row.Attributes.Add("onmouseover","c=this.style.backgroundC
- LeeCode 200. 岛屿数量(深度优先搜索)
牛肋排
给你一个由'1'(陆地)和'0'(水)组成的的二维网格,请你计算网格中岛屿的数量。岛屿总是被水包围,并且每座岛屿只能由水平方向和/或竖直方向上相邻的陆地连接形成。此外,你可以假设该网格的四条边均被水包围。示例:输入:grid=[["1","1","0","0","0"],["1","1","0","0","0"],["0","0","1","0","0"],["0","0","0","1","1"
- Python 导入Excel三维坐标数据 生成三维曲面地形图(面) 4-1、线条平滑曲面(原始图形)
fyhs
Pythonpythonmatplotlib
环境和包:环境python:python-3.12.0-amd64包:matplotlib3.8.2pandas2.1.4openpyxl3.1.2scipy1.12.0代码:importpandasaspdimportmatplotlib.pyplotaspltfrommpl_toolkits.mplot3dimportAxes3Dfromscipy.interpolateimportgridd
- [数据集][目标检测]光伏板太阳能版缺陷检测数据集VOC+YOLO格式2400张3类别
FL1623863129
数据集目标检测人工智能深度学习
数据集格式:PascalVOC格式+YOLO格式(不包含分割路径的txt文件,仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件)图片数量(jpg文件个数):2400标注数量(xml文件个数):2400标注数量(txt文件个数):2400标注类别数:3标注类别名称:["crack","grid","spot"]每个类别标注的框数:crack框数=892grid框数=884sp
- css3-水波浪球起伏效果
正在修炼web的小芮
css3css3
body样式css样式*{margin:0;padding:0;list-style:none;}html,body{width:100%;height:100%;}body{display:grid;justify-content:center;align-content:center;background-color:#fff;}.circle{width:150px;height:150px
- Vue3 实现一个简单的方位动画
程序员vue.js
这是最近遇到的一个有点意思的需求,需要根据后端返回的数据,在一块地图的具体的方位上显示对应位置标识(位置图钉)。不用十分精确,只要能表现出大致的方位即可。类似下面的效果,有点像游戏里的地图标识。设计思路由于不用十分精确,就用最简单的div+css来实现位置标识的显示和动画。之后再通过配合背景图片来保证最基础的效果。方位总共9个,东南西北中加上四个角,通过Grid布局让其形成3*3的格子。位置标识只
- android gridview 详解,Android开发 GridView详解
赵承铭
androidgridview详解
前言xml样板常用的属性android:numColumns="auto_fit",GridView的列数设置为自动android:columnWidth="90dp",每列的宽度,也就是Item的宽度android:stretchMode="columnWidth",缩放与列宽大小同步NO_STRETCH0扩展无效STRETCH_COLUMN_WIDTH2扩展列STRETCH_SPACING1扩
- [Backtracking/DP]63. Unique Paths II
野生小熊猫
分类:Backtracking/DP时间复杂度:O(n*m)63.UniquePathsIIArobotislocatedatthetop-leftcornerofamxngrid(marked'Start'inthediagrambelow).Therobotcanonlymoveeitherdownorrightatanypointintime.Therobotistryingtoreacht
- 11 - GRACE数据处理-泄露误差改正-多尺度引子法
咋(za)说
经验分享论文笔记笔记
GRACE数据处理-泄露误差改正-多尺度引子法 有单一尺度因子方法,那就有多尺度因子法,多尺度因子法是单尺度因子的一个扩展,具体做法是:先对原始GLDAS网格数据进行球谐展开,然后分别计算经过滤波和未滤波的网格区域陆地水储量变化,最后代入下面函数计算多尺度因子,多尺度因子同样是网格数据,每个格网表示一个单尺度因子结果。%计算多尺度因子%{old_grid,new_grid滤波前后网格数据%}fu
- HarmonyOS4.0系统性深入开发34栅格布局(GridRow/GridCol)
程序员沙蛙
harmonyoswindows华为运维鸿蒙系统
栅格布局(GridRow/GridCol)概述栅格布局是一种通用的辅助定位工具,对移动设备的界面设计有较好的借鉴作用。主要优势包括:提供可循的规律:栅格布局可以为布局提供规律性的结构,解决多尺寸多设备的动态布局问题。通过将页面划分为等宽的列数和行数,可以方便地对页面元素进行定位和排版。统一的定位标注:栅格布局可以为系统提供一种统一的定位标注,保证不同设备上各个模块的布局一致性。这可以减少设计和开发
- 【leetcode】深搜、暴搜、回溯、剪枝(C++)3
2022horse
C++刷题leetcode剪枝c++算法
深搜、暴搜、回溯、剪枝(C++)3一、解数独1、题目描述2、代码3、解析二、单词搜索1、题目描述2、代码3、解析三、黄金矿工1、题目描述2、代码3、解析四、不同路径III1、题目描述2、代码3、解析一、解数独1、题目描述leetcode链接2、代码classSolution{public://全局变量boolrow[9][10];//行boolcol[9][10];//列boolgrid[3][3
- LeeCode 200. 岛屿数量(广度优先搜索)
牛肋排
给你一个由'1'(陆地)和'0'(水)组成的的二维网格,请你计算网格中岛屿的数量。岛屿总是被水包围,并且每座岛屿只能由水平方向和/或竖直方向上相邻的陆地连接形成。此外,你可以假设该网格的四条边均被水包围。示例:输入:grid=[["1","1","0","0","0"],["1","1","0","0","0"],["0","0","1","0","0"],["0","0","0","1","1"
- Google Earth Engine(GEE)——海洋总测深图数据集(GEBCO)
此星光明
GEE数据集专栏人工智能gee数据集地图海洋
海洋总测深图数据集(GEBCO)GEBCO_2021Grid是GeneralBathymetricChartoftheOceans(GEBCO)发布的最新全球测深产品,由日本财团-GEBCOSeabed2030项目开发。GEBCO_2021网格在43200行x86400列的15弧秒网格上提供以米为单位的全球高程数据覆盖,提供3,732,480,000个数据点。弧秒。该网格用作SRTM15+数据集的
- grid---选择数据功能!!
Tang_Monk
Vol低代码开发框架vue.jsvscodec#
目录总结一、步骤1.第一步-新建modelBody组件2.第二步-编写表的扩展js总结新建modelBody组件,编写表的扩展js一、步骤1.第一步-新建modelBody组件复制如下代码修改相关内容编号名称型号搜索添加选择的数据关闭importVolBoxfrom"@/components/basic/VolBox.vue";importVolTablefrom"@/components/bas
- grid新建主从一对多
Tang_Monk
Vol低代码开发框架vue.js前端c#vscode
目录总结一、步骤前端1.第一步-编写tabs的modelBody2.第二步编辑表扩展js后端--重写表的add和Update方法1.第一步总结编写tabs的modelBody后编辑表扩展js在重写后端partial的Service一、步骤前端1.第一步-编写tabs的modelBody复制下面代码该改的改研发产品BOM清单删除行添加行刷新检测报告删除行添加行刷新//开发一对多从表需要参照volta
- 2022-01-29
图灵基因
STM|数千探针阵列记录人脑电信号的时空特征原创图灵基因图灵基因2022-01-2909:04收录于话题#前沿分子生物学技术为了更好地了解大脑回路,以高空间和时间分辨率记录大脑皮层活动至关重要。这在试图了解生理和病理状况时特别有用。现在,已经开发出一种新的大脑传感器阵列,可以直接从人脑表面以破纪录的细节记录电信号。该团队使用铂纳米棒(PtNRGrids)开发了可重构的薄膜、多通道神经生理记录网格。
- [C#] winform中的DataGridView的列宽设置(自动调整列宽)
learn.
winformdataGridView
找了很多都说DataGridView有一个属性AutoSizeColumnMode,他有很多枚举值:1、AllCells调整列宽,以适合该列中的所有单元格的内容,包括标题单元格。2、AllCellsExceptHeader调整列宽,以适合该列中的所有单元格的内容,不包括标题单元格。3、ColumnHeader调整列宽,以适合列标题单元格的内容。4、DisplayedCells调整列宽,以适合当前屏
- C# DataGridView如何获取选中行的某个数据
learn.
winformdataGridView
DataGridView的几个基本操作:1、获得某个(指定的)单元格的值:dataGridView1.Row[i].Cells[j].Value;2、获得选中的总行数:dataGridView1.SelectedRows.Count;3、获得当前选中行的索引:dataGridView1.CurrentRow.Index;4、获得当前选中单元格的值:dataGridView1.CurrentCell
- 代码随想录Leetcode63. 不同路径 II
meeiuliuus
#leetcode---medium算法leetcode动态规划
题目:代码(首刷自解2024年2月20日):初始化时注意若有阻碍,则后面都为0classSolution{public:intuniquePathsWithObstacles(vector>&obstacleGrid){intm=obstacleGrid.size();intn=obstacleGrid[0].size();/*dp数组表示路径条数*/vector>dp(m,vector(n,0)
- xaml内容控件
A_nanda
wpf
Window:WPF窗口UserControl:用户控件Page:页Frame:用来浏览Page页Border:嵌套控件,提供边框和背景。Button:按钮控件Calendar:日历、挂历CheckBox:多选控件ComboBox:下拉控件ContentControl:内容控件,可以用于加载自定义UserControl控件DataGrid:数据列表控件DatePicker:日期选择器Documen
- Python数据可视化(七):箱线图绘制
Davey1220
使用seaborn包绘制箱线图#libraries&datasetimportseabornassnsimportmatplotlib.pyplotasplt#setagreybackground(usesns.set_theme()ifseabornversion0.11.0orabove)sns.set(style="darkgrid")#加载示例数据集df=sns.load_dataset(
- css中, grid-auto-rows: 怎样简写在grid:中
kfepiza
css前端
grid-auto-rows:100px;grid-template-columns:1fr1fr;可以写成grid:auto-flow100px/1fr1fr;在CSSGrid布局中,grid-auto-rows属性用于指定自动生成的网格容器的行的大小。如果你想要将grid-auto-rows的值简写在grid属性中,你需要按照grid属性的语法结构来进行。grid属性是一个简写属性,用于设置以
- leetcode 994. 腐烂的橘子 python
岗岗ganggang
leetcode广度优先搜索leetcode图pythonleetcode算法
题目描述:题解:广度优先搜索基本思路:1.创建一个队列myq,初始时加入grid中值为2的位置坐标。2.每次从myq中取出一个坐标(posx,posy),依次判断该位置上下左右四个相邻位置的grid值是否为1,如果是1,将该相邻位置加入myq,并将grid中该位置的值修改为2,表示已经被处理。3.由于此题中需要计算处理完成需要的时间,所以第二步实现的时候需要做一点处理,不直接把坐标位置加入myq,
- 寒假养成计划——Day4
BrilliantWilliam
假期养成计划Codeforcesc++算法acm竞赛
A题题目链接Thereisagridwithnrowsandmcolumns.Somecellsarecoloredblack,andtherestofthecellsarecoloredwhite.Inoneoperation,youcanselectsomeblackcellanddoexactlyoneofthefollowing:colorallcellsinitsrowblack,orc
- Unity 中通过ScrollView(ScrollRect)实现翻页效果
科幻之眼
Unity开发UnityUGUIunityc#
一、组件属性设置如下如图所示:1、SrollRect2、ContentSizeFiter和GridLayoutGroup若content锚点为Top,有ContentSizeFitter组件,需将HonizontalFit改为PreferredSize,使用脚本中方法一计算方式。若content锚点为Left,有ContentSizeFitter组件,需将HonizontalFit改为uncons
- 使用CDSAPI下载ERA5数据设置grid分辨率
__momo__
Tools#DataProcessingpython
使用ERA5官方网站生成python脚本进行数据下载时,不能设置下载分辨率大小。在默认情况下,使用原始网格分辨率0.25*0.25。如果要改变网格分辨率,可以在请求中添加‘grid’:‘res/res',其中,res为目标分辨率。值得注意的是,制定网格分辨率的值必须是原始网格分辨率的倍数
- CSS-布局-MDN文档学习笔记
LoveEmiliaForever
MDN前端入门文档学习笔记前端css
CSS布局查看更多学习笔记:GitHub:LoveEmiliaForeverMDN中文官网介绍CSS布局正常布局流简介正常布局流是指在不对页面进行任何布局控制时,浏览器默认的HTML布局方式当你使用css创建一个布局时,你正在离开正常布局流下列布局技术会覆盖默认的布局行为display属性,如block、inline、inline-block、grid、flex浮动,应用float值positio
- UE中使用Niagara粒子构建空间网格类特效
电子云与长程纠缠
UE5ue5材质学习
空间网格是一种比较常见的效果,基于这个基础表现可以在此之上做许多扩展。最终呈现如下:1.初始配置首先通过网格发射器构建网格阵列,以Fountain自带发射器为模板,删除一些节点:随后将发射器更改为Grid阵列发射器,将SpawnRate发射率设置为0,效果表现如下:现在还不是统一时间销毁,修改参数InitializeParticle,重置粒子信息。修改网格间距。接下来开始进一步的配置。2.进一步配
- ASM系列四 利用Method 组件动态注入方法逻辑
lijingyao8206
字节码技术jvmAOP动态代理ASM
这篇继续结合例子来深入了解下Method组件动态变更方法字节码的实现。通过前面一篇,知道ClassVisitor 的visitMethod()方法可以返回一个MethodVisitor的实例。那么我们也基本可以知道,同ClassVisitor改变类成员一样,MethodVIsistor如果需要改变方法成员,注入逻辑,也可以
- java编程思想 --内部类
百合不是茶
java内部类匿名内部类
内部类;了解外部类 并能与之通信 内部类写出来的代码更加整洁与优雅
1,内部类的创建 内部类是创建在类中的
package com.wj.InsideClass;
/*
* 内部类的创建
*/
public class CreateInsideClass {
public CreateInsideClass(
- web.xml报错
crabdave
web.xml
web.xml报错
The content of element type "web-app" must match "(icon?,display-
name?,description?,distributable?,context-param*,filter*,filter-mapping*,listener*,servlet*,s
- 泛型类的自定义
麦田的设计者
javaandroid泛型
为什么要定义泛型类,当类中要操作的引用数据类型不确定的时候。
采用泛型类,完成扩展。
例如有一个学生类
Student{
Student(){
System.out.println("I'm a student.....");
}
}
有一个老师类
- CSS清除浮动的4中方法
IT独行者
JavaScriptUIcss
清除浮动这个问题,做前端的应该再熟悉不过了,咱是个新人,所以还是记个笔记,做个积累,努力学习向大神靠近。CSS清除浮动的方法网上一搜,大概有N多种,用过几种,说下个人感受。
1、结尾处加空div标签 clear:both 1 2 3 4
.div
1
{
background
:
#000080
;
border
:
1px
s
- Cygwin使用windows的jdk 配置方法
_wy_
jdkwindowscygwin
1.[vim /etc/profile]
JAVA_HOME="/cgydrive/d/Java/jdk1.6.0_43" (windows下jdk路径为D:\Java\jdk1.6.0_43)
PATH="$JAVA_HOME/bin:${PATH}"
CLAS
- linux下安装maven
无量
mavenlinux安装
Linux下安装maven(转) 1.首先到Maven官网
下载安装文件,目前最新版本为3.0.3,下载文件为
apache-maven-3.0.3-bin.tar.gz,下载可以使用wget命令;
2.进入下载文件夹,找到下载的文件,运行如下命令解压
tar -xvf apache-maven-2.2.1-bin.tar.gz
解压后的文件夹
- tomcat的https 配置,syslog-ng配置
aichenglong
tomcathttp跳转到httpssyslong-ng配置syslog配置
1) tomcat配置https,以及http自动跳转到https的配置
1)TOMCAT_HOME目录下生成密钥(keytool是jdk中的命令)
keytool -genkey -alias tomcat -keyalg RSA -keypass changeit -storepass changeit
- 关于领号活动总结
alafqq
活动
关于某彩票活动的总结
具体需求,每个用户进活动页面,领取一个号码,1000中的一个;
活动要求
1,随机性,一定要有随机性;
2,最少中奖概率,如果注数为3200注,则最多中4注
3,效率问题,(不能每个人来都产生一个随机数,这样效率不高);
4,支持断电(仍然从下一个开始),重启服务;(存数据库有点大材小用,因此不能存放在数据库)
解决方案
1,事先产生随机数1000个,并打
- java数据结构 冒泡排序的遍历与排序
百合不是茶
java
java的冒泡排序是一种简单的排序规则
冒泡排序的原理:
比较两个相邻的数,首先将最大的排在第一个,第二次比较第二个 ,此后一样;
针对所有的元素重复以上的步骤,除了最后一个
例题;将int array[]
- JS检查输入框输入的是否是数字的一种校验方法
bijian1013
js
如下是JS检查输入框输入的是否是数字的一种校验方法:
<form method=post target="_blank">
数字:<input type="text" name=num onkeypress="checkNum(this.form)"><br>
</form>
- Test注解的两个属性:expected和timeout
bijian1013
javaJUnitexpectedtimeout
JUnit4:Test文档中的解释:
The Test annotation supports two optional parameters.
The first, expected, declares that a test method should throw an exception.
If it doesn't throw an exception or if it
- [Gson二]继承关系的POJO的反序列化
bit1129
POJO
父类
package inheritance.test2;
import java.util.Map;
public class Model {
private String field1;
private String field2;
private Map<String, String> infoMap
- 【Spark八十四】Spark零碎知识点记录
bit1129
spark
1. ShuffleMapTask的shuffle数据在什么地方记录到MapOutputTracker中的
ShuffleMapTask的runTask方法负责写数据到shuffle map文件中。当任务执行完成成功,DAGScheduler会收到通知,在DAGScheduler的handleTaskCompletion方法中完成记录到MapOutputTracker中
- WAS各种脚本作用大全
ronin47
WAS 脚本
http://www.ibm.com/developerworks/cn/websphere/library/samples/SampleScripts.html
无意中,在WAS官网上发现的各种脚本作用,感觉很有作用,先与各位分享一下
获取下载
这些示例 jacl 和 Jython 脚本可用于在 WebSphere Application Server 的不同版本中自
- java-12.求 1+2+3+..n不能使用乘除法、 for 、 while 、 if 、 else 、 switch 、 case 等关键字以及条件判断语句
bylijinnan
switch
借鉴网上的思路,用java实现:
public class NoIfWhile {
/**
* @param args
*
* find x=1+2+3+....n
*/
public static void main(String[] args) {
int n=10;
int re=find(n);
System.o
- Netty源码学习-ObjectEncoder和ObjectDecoder
bylijinnan
javanetty
Netty中传递对象的思路很直观:
Netty中数据的传递是基于ChannelBuffer(也就是byte[]);
那把对象序列化为字节流,就可以在Netty中传递对象了
相应的从ChannelBuffer恢复对象,就是反序列化的过程
Netty已经封装好ObjectEncoder和ObjectDecoder
先看ObjectEncoder
ObjectEncoder是往外发送
- spring 定时任务中cronExpression表达式含义
chicony
cronExpression
一个cron表达式有6个必选的元素和一个可选的元素,各个元素之间是以空格分隔的,从左至右,这些元素的含义如下表所示:
代表含义 是否必须 允许的取值范围 &nb
- Nutz配置Jndi
ctrain
JNDI
1、使用JNDI获取指定资源:
var ioc = {
dao : {
type :"org.nutz.dao.impl.NutDao",
args : [ {jndi :"jdbc/dataSource"} ]
}
}
以上方法,仅需要在容器中配置好数据源,注入到NutDao即可.
- 解决 /bin/sh^M: bad interpreter: No such file or directory
daizj
shell
在Linux中执行.sh脚本,异常/bin/sh^M: bad interpreter: No such file or directory。
分析:这是不同系统编码格式引起的:在windows系统中编辑的.sh文件可能有不可见字符,所以在Linux系统下执行会报以上异常信息。
解决:
1)在windows下转换:
利用一些编辑器如UltraEdit或EditPlus等工具
- [转]for 循环为何可恨?
dcj3sjt126com
程序员读书
Java的闭包(Closure)特征最近成为了一个热门话题。 一些精英正在起草一份议案,要在Java将来的版本中加入闭包特征。 然而,提议中的闭包语法以及语言上的这种扩充受到了众多Java程序员的猛烈抨击。
不久前,出版过数十本编程书籍的大作家Elliotte Rusty Harold发表了对Java中闭包的价值的质疑。 尤其是他问道“for 循环为何可恨?”[http://ju
- Android实用小技巧
dcj3sjt126com
android
1、去掉所有Activity界面的标题栏
修改AndroidManifest.xml 在application 标签中添加android:theme="@android:style/Theme.NoTitleBar"
2、去掉所有Activity界面的TitleBar 和StatusBar
修改AndroidManifes
- Oracle 复习笔记之序列
eksliang
Oracle 序列sequenceOracle sequence
转载请出自出处:http://eksliang.iteye.com/blog/2098859
1.序列的作用
序列是用于生成唯一、连续序号的对象
一般用序列来充当数据库表的主键值
2.创建序列语法如下:
create sequence s_emp
start with 1 --开始值
increment by 1 --増长值
maxval
- 有“品”的程序员
gongmeitao
工作
完美程序员的10种品质
完美程序员的每种品质都有一个范围,这个范围取决于具体的问题和背景。没有能解决所有问题的
完美程序员(至少在我们这个星球上),并且对于特定问题,完美程序员应该具有以下品质:
1. 才智非凡- 能够理解问题、能够用清晰可读的代码翻译并表达想法、善于分析并且逻辑思维能力强
(范围:用简单方式解决复杂问题)
- 使用KeleyiSQLHelper类进行分页查询
hvt
sql.netC#asp.nethovertree
本文适用于sql server单主键表或者视图进行分页查询,支持多字段排序。KeleyiSQLHelper类的最新代码请到http://hovertree.codeplex.com/SourceControl/latest下载整个解决方案源代码查看。或者直接在线查看类的代码:http://hovertree.codeplex.com/SourceControl/latest#HoverTree.D
- SVG 教程 (三)圆形,椭圆,直线
天梯梦
svg
SVG <circle> SVG 圆形 - <circle>
<circle> 标签可用来创建一个圆:
下面是SVG代码:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" c
- 链表栈
luyulong
java数据结构
public class Node {
private Object object;
private Node next;
public Node() {
this.next = null;
this.object = null;
}
public Object getObject() {
return object;
}
public
- 基础数据结构和算法十:2-3 search tree
sunwinner
Algorithm2-3 search tree
Binary search tree works well for a wide variety of applications, but they have poor worst-case performance. Now we introduce a type of binary search tree where costs are guaranteed to be loga
- spring配置定时任务
stunizhengjia
springtimer
最近因工作的需要,用到了spring的定时任务的功能,觉得spring还是很智能化的,只需要配置一下配置文件就可以了,在此记录一下,以便以后用到:
//------------------------定时任务调用的方法------------------------------
/**
* 存储过程定时器
*/
publi
- ITeye 8月技术图书有奖试读获奖名单公布
ITeye管理员
活动
ITeye携手博文视点举办的8月技术图书有奖试读活动已圆满结束,非常感谢广大用户对本次活动的关注与参与。
8月试读活动回顾:
http://webmaster.iteye.com/blog/2102830
本次技术图书试读活动的优秀奖获奖名单及相应作品如下(优秀文章有很多,但名额有限,没获奖并不代表不优秀):
《跨终端Web》
gleams:http