皮皮网

1.bootstrap和layer
2.PyTorch 源码分析(三）：torch.nn.Norm类算子
3.Drawable子类之——LayerDrawable （图层叠加）
4.bootstrap和layer用哪个
5.FasterTransformer Decoding 源码分析(三)-LayerNorm介绍
6.openlayers4 入门开发系列之地图切换篇（附源码下载）

bootstrap和layer

       bootstrap和layer怎么使用

       Bootstrap布局

       ç®€ä»‹

       åœ¨æœ¬æ•™ç¨‹ä¸­ï¼Œæ‚¨å°†å­¦ä¹ å¦‚何使用Bootstrap工具包来创建固定布局和流动布局。教程是基于Bootstrap版本2.0。

       åœ¨ç‰ˆæœ¬2.0中，Bootstrap为手机、平板电脑、笔记本、小型台式机、大型宽屏台式机等添加了响应特性。

       å¯ä»¥é€šè¿‡å‘页面添加bootstrap-responsive.css文件（位于docs\assets\css下）来让布局具有响应性。

       Bootstrap固定布局

       å¦‚果您想要创建基于固定像素数的网页或app，请看这部分的教程。

       ç”¨æ³•

       body

       divclass="container"

       ...

       /div

       /body

       è§£é‡Š

       bootstrap.css（位于bootstrap的主文件夹的docs\assets\css下）的第到行，为创建主容器渲染样式，从而创建一个固定布局。固定布局的目的是为网页或app创建一个像素（默认）宽的布局。

       Bootstrap固定布局的实例

       ä¸‹é¢çš„代码创建一个网页固定布局。为了定制，除了默认样式，还需创建一个新的css文件example-fixed-layout.css，与bootstrap.css位于同一个文件夹下。

       CSS代码

       body{

       padding-top:px;

       padding-bottom:px;

       }

       .navli{

       padding-top:5px;

       }

       .leaderboard{

       padding:px;

       margin-bottom:px;

       background-image:url('/twitter-bootstrap/images/gridbg.gif');

       background-repeat:repeat;

       -webkit-border-radius:6px;

       -moz-border-radius:6px;

       border-radius:6px;

       }

       .leaderboardh1{

       font-size:px;

       margin-bottom:5px;

       line-height:1;

       letter-spacing:-1px;

       color:#FF;

       }

       .leaderboardp{

       font-size:px;

       font-weight:;

       line-height:px;

       }

       layerui和bootstrap的异同有哪些？

       boostrap国外的前端框架，比较成熟了，并且兼容多种设备，自适配比较好，组件比layui漂亮点

       layui是国人开发的，还处于开发阶段，并不是完全成熟的前端ui框架，准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

       ps：是layui，layer是layui的一个模块为弹窗模块

bootstrap和layer用哪个好？

       ä¸ŽåŒç±»å¼¹å‡ºå±‚组件相比，layer的优势明显。

       Bootstrap和layer布局

       Bootstrap固定布局

       ä½¿ç”¨Bootstrap工具包来创建固定布局和流动布局。教程是基于Bootstrap版本2.0。在版本2.0中，Bootstrap为手机、平板电脑、笔记本、小型台式机、大型宽屏台式机等添加了响应特性。可以通过向页面添加bootstrap-responsive.css文件（位于docs\assets\css下）来让布局具有响应性。

       layer弹窗

       layer，一个可以让你想到即可做到的web弹窗(层)解决方案(js组件)，作者贤心(前端开发工程师)。layer侧重于用户灵活的自定义，为不同人的使用习惯提供动力。其意义在于，可以让您的页面拥有更丰富与便捷的操作体验，而您只需在调用时简单地配置相关参数，即可轻松实现。

       Bootstrap，来自Twitter，是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。它由Twitter的设计师MarkOtto和JacobThornton合作开发，是一个CSS/HTML框架。

       Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC(微软全国广播公司)的BreakingNews都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

PyTorch 源码分析(三）：torch.nn.Norm类算子

       PyTorch源码详解(三)：torch.nn.Norm类算子深入解析

       Norm类算子在PyTorch中扮演着关键角色，它们包括BN（BatchNorm）、LayerNorm和InstanceNorm。

       1. BN/LayerNorm/InstanceNorm详解

       BatchNorm（BN）的核心功能是对每个通道（C通道）的数据进行标准化，确保数据在每个批次后保持一致的尺度。它通过学习得到的.net源码案例gamma和beta参数进行缩放和平移，保持输入和输出形状一致，同时让数据分布更加稳定。

       gamma和beta作为动态调整权重的参数，它们在BN的学习过程中起到至关重要的作用。

       2. Norm算子源码分析

       继承关系：Norm类在PyTorch中具有清晰的继承结构，子类如BatchNorm和InstanceNorm分别继承了其特有的功能。

       BN与InstanceNorm实现：在Python代码中，BatchNorm和InstanceNorm的实例化和计算逻辑都包含对输入数据的2D转换，即将其分割为M*N的矩阵。

       计算过程：在计算过程中，首先计算每个通道的均值和方差，这是这些标准化方法的基础步骤。

       C++侧的缤纷彩虹天地源码源码洞察

       C++实现中，对于BatchNorm和LayerNorm，代码着重于处理数据的标准化操作，同时确保线程安全，通过高效的数据视图和线程视图处理来提高性能。

Drawable子类之——LayerDrawable （图层叠加）

        LayerDrawable对应的XML的根元素是<layer-list>,，它使一种层次化显示的Drawable集合。也就说，可以通过显示由多个Drawable的叠加，旋转，位移等组合显示出与单一Drawable不同的效果。在本文中我们会附上相关的效果。

        根据官网显示它的语法如下：

        子节点有这么几个：drawable、id、（四个方向）top、right、buttom和left。

        （关于这四个方向可以大概理解为padding，单位为px）

        对于LayerDrawable有这么几个特点

        1、每一个item表示一个Drawable

        2、下面的Drawale覆盖上面的Drawable

        3、item里面常见放的是bitmap，当然也可以是shape，不管是什么肯定是Drawable。

        至此效果展示完成。

        在这里提一点，我们一般做评价的星星也需要利用LayerDrawable，这里就不附上源码了，这个网上游很多参考。

        .

        .

        .

        .

实践

        .

        .

原理，以底边为例

        了解更多的Drawable分类 Drawable图像资源抽象类

        本篇完。

        相关参考：

        《android开发艺术探索》

        用layer-list实现图片旋转叠加、错位叠加、阴影、按钮指示灯

bootstrap和layer用哪个

       ä¸ŽåŒç±»å¼¹å‡ºå±‚组件相比，layer的优势明显。

       Bootstrap和layer布局Bootstrap 固定布局

       ä½¿ç”¨ Bootstrap 工具包来创建固定布局和流动布局。教程是基于 Bootstrap 版本 2.0。在版本 2.0 中，Bootstrap 为手机、平板电脑、笔记本、小型台式机、大型宽屏台式机等添加了响应特性。可以通过向页面添加 bootstrap-responsive.css 文件（位于 docs\assets\css 下）来让布局具有响应性。

layer弹窗

       layer，一个可以让你想到即可做到的web弹窗(层)解决方案(js组件)，作者贤心(前端开发工程师)。layer侧重于用户灵活的自定义，为不同人的使用习惯提供动力。其意义在于，可以让您的页面拥有更丰富与便捷的操作体验，而您只需在调用时简单地配置相关参数，即可轻松实现。

       Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。

       Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

FasterTransformer Decoding 源码分析(三)-LayerNorm介绍

       本文深入探讨FasterTransformer中LayerNormalization（层归一化）的源码实现与优化。作为深度学习中的关键技术，层归一化可确保网络中各层具有相似的分布，从而加速训练过程并改善模型性能。背景介绍部分详细解释了层归一化的工作原理，强调其在神经网络中的高效并行特性与广泛应用。文章从代码起点开始剖析，具体路径位于解码过程的核心部分。调用入口展示了传入参数，包括数据描述和关键参数gamma、beta、eps，简洁直观，符合公式定义。skdj底背离源码深入源码的解析揭示了优化点，特别是针对特定数据类型和维度，使用了定制化内核。此设计针对高效处理半精度数据样本，减少判断指令，实现加速运算，且对偶数维度数据进行调整以最大化Warp特性利用。接下来，内核实现的详细描述，强调了通过共享内存与block、warp级归约实现公式计算的高效性。这部分以清晰的代码结构和可视化说明，解释了块级别与Warp级归约在单个块处理多个数据点时的协同作用，以及如何通过巧妙编程优化数据处理效率。文章总结了FasterTransformer中LayerNormalization的整体优化策略，强调了在CUDA开发中基础技巧的应用，并指出与其他优化方案的比较。此外，智能趋势公式源码文章还推荐了OneFlow的性能优化实践，为读者提供了一个深入探索与对比学习的资源。

openlayers4 入门开发系列之地图切换篇（附源码下载）

       开放层4入门开发系列之地图切换篇

       1.基于开放层4实现地图切换效果

       2.源代码demo下载

       开放层4地图切换篇的核心是使用开放层4来加载不同类型的地图服务，实现地图切换功能，下图展示了效果：

       核心应用到开放层4的核心类如下：

       1.开放层4加载瓦片地图类，详情见官方API说明，包含函数、属性及事件等。

       2.开放层4的ol.layer.Tile加载瓦片XYZ目录访问数据源，详情见官方API说明。

       3.开放层4加载ArcGIS Rest服务地图服务数据源，详情见官方API说明。

       4.开放层4加载ArcGIS Rest服务地图服务数据源，详情见官方API说明。

       5.开放层4加载WMS瓦片服务地图数据源，详情见官方API说明。

       6.开放层4加载OSM在线地图数据源，详情见官方API说明。农夫山泉溯源码

       地图切换篇的核心代码实现流程如下：

       1.地图配置参数说明：server:地图服务类型，当前参数值包括geoserver、arcgisserver、osm、gaode、tianditu，分别代表geoserver服务、arcgis服务器服务、OSM在线地图、高德地图、天地图。

       2.开放层4加载arcgis服务器地图服务。

       3.开放层4加载OSM在线地图服务。

       4.开放层4加载天地图在线地图服务。

       5.开放层4加载高德在线地图服务。

       6.开放层4加载第三方arcserverrest服务的离线瓦片。

       7.开放层4加载arcserverrest的本地切片，加载arcserver本地切片时，其resolutions、origin、extent的设置与上述一致。arcserver切片也是xyz排列存储。

       感兴趣的伙伴们，私聊我获取源代码，价格为8.8元。

layerui如何使用LayerUI

       laui的基本用法介绍

方法:layui.define([mods]，回调)

       LocalStorage是对本地存储和sessionStorage的友好封装，可以更方便地管理本地数据。

       LocalStorage持久存储:layui.data(table，settings)，除非物理删除，否则数据将永远存在。

       sessionstoragesessionstorage:layui.sessiondata(table，settings)，关闭页面时会失效。注意:laui2.2.5是新的。

       layui.device(密钥)

       æ–¹æ³•/属性描述

       Layui.cache静态属性。获取一些配置和临时缓存信息。

       Layui.extend(options)扩展模块别名，如layui.extend({ test:/RES/js/test})

       éåŽ†layui.each(obj，fn)对象(数组，对象，DOM对象等。)，可以用来替换for语句。

       Layui.getStyle(node，name)获取一个原始DOM节点的样式属性值，比如:Layui.getstyle(document.body，font-size)

       layui.img(url,callback,error)图片预加载Layui.img(url、回调、错误)图像预加载

       Layui.sort(obj，key，desc)根据某个成员对数组中的对象进行重新排序，比如:Layui.sort([{ a:3}，{ a:1}，{ a:5}]，一)

       Layui.router()获取location.hash路由，但目前在Layui中不起作用。对于单页应用程序来说，它会很方便。

       Layui.hint()将一些异常信息打印到控制台，只有error方法:layui.hint()。错误(错误)

       é˜²æ­¢äº‹ä»¶å†’泡。

       Layui.onevent(modname，events，callback)自定义模块事件，属于比较高级的应用。有兴趣的同学可以看看layui.js的源代码和表单模块。

       Layui.event(modname，events，params)执行自定义模块事件，并与onevent一起使用。

       layui.factory(modName)用于获取模块对应的定义回调函数。

       åœ¨æ¨¡å—空之间命名

       layui的模块接口将被绑定在layui对象下，其内部由layui.define()方法完成。每个模块将有一个唯一的名称，不能被占用。所以你不需要担心模块的空房间被污染，除非你主动删了拉ui。{ 模块名称}。可以通过layui.use方法调用模块，然后通过layui对象获取模块接口。

       å¦‚何使用内部jQuery

       //主动加载jquery模块

       layui.use([jquery层]，函数(){

       Var//关键点

       ï¼Œlayer=layui.layer

       //就像你平时用jQuery一样。

       $(正文).追加(你好jquery

       });

       ps如何快速换底精致？

       åˆå§‹ç‰©ä½“段数现已经能修改因已经建好模型再修改初级段数会使模型出现错误直接选择觉得太锋利边缘线EditMesh里选择Bevel命令也倒角使些锋利够圆滑边角圆滑点开面方格来调整倒角段数和大小也右边属性栏里调节offset大小Segments段数其实也自己试下小心把属性栏关掉Display-UIElements--ChannelBox/LayerEditor打钩开启属性栏了PS.我用知道用所我只写了我没用过我觉得应该也会差多吧

       iOS7appstore带边框的按钮是怎么实现的？

       å¯ä»¥ç”¨view的layer属性来写的。如果只是简单地加一个边框的话，可以这样：

       UIButton*yourButton=;

       //初始化工作，设置文字，frame等等，略

       //按钮边框宽度

       yourButton.layer.borderWidth=1.5;

       //设置圆角

       yourButton.layer.cornerRadius=4.5;

       //设置颜色空间为rgb，用于生成ColorRef

       CGColorSpaceRefcolorSpace=CGColorSpaceCreateDeviceRGB();

       //新建一个红色的ColorRef，用于设置边框（四个数字分别是r,g,b,alpha）

       CGColorRefborderColorRef=CGColorCreate(colorSpace,(CGFloat){ 1,0,0,1});

       //设置边框颜色

       yourButton.start.layer.borderColor=borderColorRef;

       å¦å¤–，这里有一个精彩的例子，推荐一下：

       /ios/UIButton-Bootstrap/e8cfab

       os系统架构？

       ç¬¬ä¸€ã€æ“ä½œç³»ç»Ÿå±‚（OS）

       ç¬¬äºŒã€å„种库（Libraries）和Android运行环境（RunTime）

       ç¬¬ä¸‰ã€åº”用程序框架（ApplicationFramework）

       ç¬¬å››ã€åº”用程序（Application）

正点原子lwIP学习笔记——网络数据包管理

       TCP/IP作为一种数据通信机制，其协议栈的实现本质上是对数据包的处理。为了实现高效率的处理，lwIP数据包管理提供了一种高效的机制。协议栈各层能够灵活处理数据包，同时减少数据在各层间传递时的时间和空间开销，这是提高协议栈工作效率的关键。在lwIP中，这种机制被称为pbuf。

       用户的数据经过申请pbuf，拷贝到pbuf结构的内存堆中。在应用层，数据的前面加上应用层首部，在传输层加上传输层首部，最后在网络层加上网络层首部。

       pbuf用于lwIP各层间数据传递，避免各层拷贝数据！

       lwIP与标准TCP/IP协议栈的区别在于，lwIP是一种模糊分层的TCP/IP协议，大大提高了数据传输效率！

       这是定义在pbuf.h中的关键结构体pbuf。通过指针next构建出了一个数据包的单向链表；payload指向的是现在这个结构体所存储的数据区域；tot_len是所有的数据长度，包括当前pbuf和后续所有pbuf；而len就是指当前pbuf的长度；type_internal有四种类型；ref代表当前pbuf被引用的次数。

       右边展示的pbuf_layer就是用来首部地址偏移，用来对应相应的结构体。

       PBUF_RAM采用内存堆，长度不定，一般用在传输数据；PBUF_POOL采用内存池，固定大小的内存块，所以分配速度快（一般字节，就是分配3个PBUF_POOL的内存池），一般用在中断服务中；PBUF_ROM和PBUF_REF都是内存池形式，而且只有pbuf没有数据区域，数据都是直接指向了内存区（PBUF_ROM指向ROM中，PBUF_REF指向RAM中）。

       左边第一幅对应PBUF_RAM；中间两幅对应PBUF_POOL；最后一幅对应PBUF_ROM和PBUF_REF。

       其中PBUF_RAM和PBUF_POOL相对更为常用。

       更多的函数，都可以在pbuf.c和.h中找到。pbuf_alloc()如果是PBUF_REF或者是PBUF_ROM，就会如上图所示，创建一个结构体指针p，然后会进入pbuf_alloc_reference；该函数中，会申请一个pbuf结构体大小的内存；然后调用pbuf_init_alloced_pbuf进行初始化，初始化可以如上图所示。

       如果是PBUF_POOL，会定义q和last两个pbuf结构体指针，q和last都初始化为NULL，rem_len（剩余长度）初始化为（用户指定需要构建的长度）；然后q会经过内存申请，qlen则是去rem_len和当前可申请的数据大小（PBUF_POOL_BUFSIZE_ALIGNED - LWIP_MEM_ALIGN_SIZE(offset)）取小值，然后同样经过pbuf_init_alloced_pbuf初始化q中的pbuf结构体；然后会把offset清零，就是说之后的pbuf都没有offset了，只有第一个链表的元素有offset；经过if判断并判断rem_len的大小，只要还有剩余就会回去循环继续执行上述操作，直到完成3个内存块的初始化。

       首先会计算payload_len和alloc_len，如果是传输数据，那么LWIP_MEM_ALIGN_SIZE(offset)就是，计算得到payload_len=，alloc_len=；然后进入判断payload和alloc的长度是否

       进入判断p是否为空，不为空证明还没有释放；进入while语句，每一次都--ref（引用次数）；然后类似链表删除，调用相应的pbuf类型的内存释放（内存堆或者内存池），直到p全部被释放。源码如下：

       这个就要看你使用的是什么类型，然后会根据类型来决定payload_len的大小，进行相应的payload指针指向数据区前的首部字段。

       这一章主要讲述了lwIP中重要的pbuf缓冲，具体有哪些数据构成，为之后的学习奠定基础，确定了pbuf除了所需传输的数据，还有哪些变量需要添加，如何申请对应的pbuf内存大小，以及对应的内存堆和内存池。