1.utils Դ??
2.dayjs源码解析（二）：Dayjs 类
3.3d稀疏卷积——spconv源码剖析（三）
4.PyTorch 源码解读之 torch.utils.data：解析数据处理全流程
5.vue使用xe-utils函数库的具体方法
6.微信小程序商城源代码微信小程序商城源代码
utils Դ??
深入探讨app直播源码与uniapp随机数生成签名
为了实现这一功能，我们首先需要引入node.js内置模块crypto，该模块包含加密相关函数和方法。在项目的common文件夹中，创建一个名为utils.js的文件，此文件将用于定义生成随机串的文物管理源码php方法。以下是一个简单的示例：
通过在utils.js文件中添加以下代码，我们可以轻松实现生成随机串的功能：
在实际项目应用中，可以通过以下方式调用上述定义的生成随机串的方法：
在应用中整合上述方法后，你便能成功生成uniapp所需的随机数签名。此过程为实现app直播源码中的安全性和完整性提供了有力支持。
dayjs源码解析（二）：Dayjs 类
上篇文章讲述了dayjs的基础知识、locale、constant和utils，本文将继续深入解析dayjs的核心部分——src/index.js中的Dayjs类。
src/index.js文件结构清晰，按照以下步骤构建：
然而，这里存在两个疑问，可能是为了缩减代码体积，由@iamkun提出。
现在开始正式分析代码。
locale相关全局定义
首先默认导入了locale/en.js英文的locale，然后使用L存储当前使用的locale名字，使用Ls（locale Storage）存储locale对象。
工具补充
定义了一个工具方法parseLocale。这个方法处理以下几种情况：
然后将定义好的parseLocale方法补充到Utils中。
相关方法
在Dayjs类中，启动突破指标源码关于locale的方法有两个，实例私有方法$locale用来返回当前使用的locale对象；实例方法locale本质上就是调用了parseLocale方法，但最后返回的是新的改变了locale的Dayjs实例。
注意：在dayjs中，许多操作都使用clone()方法来返回新的Dayjs实例，这也是这个库的优点之一。
最后同样将parseLocale方法补充到Dayjs类的静态方法中。
补充Utils
上一节和前文中已经分析了一些Util工具，这里将其补充完整：
注意：这些工具方法没有统一定义在utils.js文件中的原因是用到了index.js作用域中的一些变量。
需要特别关注的是wrapper方法，在Dayjs类中大量应用了该方法，其实是通过date和原实例封装了一个新实例，新实例和原实例的主要区别就是关联的时间不同。
Dayjs类
Dayjs类是整个dayjs库的核心，可以给其定义的实例方法分类，也可以查看官网的文档分类。
解析都写在了代码的注释里：
原型链
通常来说，定义在实例中的方法应该在原型链上，但有几个与时间有关的setter/getter方法相似，所以单独将原型链写在了上面。
这几个方法都是不传参数时为getter，传参数时为setter。
静态属性
还有一些方法和属性挂在了dayjs函数对象上，最核心的是加载插件和加载locale的方法，几个方法的用法都能在官方文档中找到。
如果对dayjs函数对象、王者转盘完整源码Dayjs类和原型的关系感到困惑，可以参考下图，最后形成的关系如下图所示：
总结
如果不看插件部分，dayjs库的核心已经解析完成，看一下默认生成dayjs实例长什么样子：
实例本身的属性是一些与时间相关的属性，各种操作方法都在原型__proto__上。
本节结束，下一节将开始解析dayjs的插件。
3d稀疏卷积——spconv源码剖析（三）
构建Rulebook
下面看ops.get_indice_pairs，位于：spconv/ops.py
构建Rulebook由ops.get_indice_pairs接口完成
get_indice_pairs函数具体实现：
主要就是完成了一些参数的校验和预处理。首先，对于3d普通稀疏卷积，根据输入shape大小，kernel size，stride等参数计算出输出输出shape，子流行稀疏卷积就不必计算了，输出shape和输入shape一样大小
准备好参数之后就进入最核心的get_indice_pairs函数。因为spconv通过torch.ops.load_library加载.so文件注册,所以这里通torch.ops.spconv.get_indice_pairs这种方式来调用该函数。
算子注册：在src/spconv/all.cc文件中通过Pytorch提供的OP Register(算子注册的方式)对底层c++ api进行了注册，可以python接口形式调用c++算子
同C++ extension方式一样，OP Register也是Pytorch提供的一种底层扩展算子注册的方式。注册的算子可以通过 torch.xxx或者 tensor.xxx的方式进行调用，该方式同样与pytorch源码解耦，增加和修改算子不需要重新编译pytorch源码。用该方式注册一个新的算子，流程非常简单：先编写C++相关的数字标牌系统源码算子实现，然后通过pytorch底层的注册接口（torch::RegisterOperators），将该算子注册即可。
构建Rulebook实际通过python接口get_indice_pairs调用src/spconv/spconv_ops.cc文件种的getIndicePairs函数
代码位于：src/spconv/spconv_ops.cc
分析getIndicePairs直接将重心锁定在GPU逻辑部分，并且子流行3d稀疏卷积和正常3d稀疏卷积分开讨论，优先子流行3d稀疏卷积。
代码中最重要的3个变量分别为：indicePairs，indiceNum和gridOut，其建立过程如下：
indicePairs代表了稀疏卷积输入输出的映射规则，即Input Hash Table 和 Output Hash Table。这里分配理论最大的内存，它的shape为{ 2,kernelVolume,numAct}，2表示输入和输出两个方向，kernelVolume为卷积核的volume size。例如一个3x3x3的卷积核，其volume size就是(3*3*3)。numAct表示输入有效(active)特征的数量。indiceNum用于保存卷积核每一个位置上的总的计算的次数，indiceNum对应中的count
代码中关于gpu建立rulebook调用create_submconv_indice_pair_cuda函数来完成，下面具体分析下create_submconv_indice_pair_cuda函数
子流线稀疏卷积
子流线稀疏卷积是调用create_submconv_indice_pair_cuda函数来构建rulebook
在create_submconv_indice_pair_cuda大可不必深究以下动态分发机制的运行原理。
直接将重心锁定在核函数：
prepareSubMGridKernel核函数中grid_size和block_size实则都是用的整形变量。其中block_size为tv::cuda::CUDA_NUM_THREADS,在include/tensorview/cuda_utils.h文件中定义，大小为。而grid_size大小通过tv::cuda::getBlocks(numActIn)计算得到,其中numActIn表示有效(active)输入数据的数量。
prepareSubMGridKernel作用：建立输出张量坐标(通过index表示)到输出序号之间的一张哈希表
见：include/spconv/indice.cu.h
这里计算index换了一种模板加递归的写法，看起来比较复杂而已。令：new_indicesIn = indicesIn.data()，asp简易管理源码可以推导得出index为：
ArrayIndexRowMajor位于include/tensorview/tensorview.h，其递归调用写法如下：
接着看核函数getSubMIndicePairsKernel3：
位于：include/spconv/indice.cu.h
看：
上述写法类似我们函数中常见的循环的写法，具体可以查看include/tensorview/kernel_utils.h
NumILP按默认值等于1的话，其stride也是gridDim.x*blockDim.x。索引最大值要小于该线程块的线程上限索引blockDim.x * gridDim.x，功能与下面代码类似：
参考： blog.csdn.net/ChuiGeDaQ...
PyTorch 源码解读之 torch.utils.data：解析数据处理全流程
文@ 目录 0 前言 1 Dataset 1.1 Map-style dataset 1.2 Iterable-style dataset 1.3 其他 dataset 2 Sampler 3 DataLoader 3.1 三者关系 (Dataset, Sampler, Dataloader) 3.2 批处理 3.2.1 自动批处理（默认） 3.2.2 关闭自动批处理 3.2.3 collate_fn 3.3 多进程处理 (multi-process) 4 单进程 5 多进程 6 锁页内存 (Memory Pinning) 7 预取 (prefetch) 8 代码讲解 0 前言 本文以 PyTorch 1.7 版本为例，解析 torch.utils.data 模块在数据处理流程中的应用。 理解 Python 中的迭代器是解读 PyTorch 数据处理逻辑的关键。Dataset、Sampler 和 DataLoader 三者共同构建数据处理流程。 迭代器通过实现 __iter__() 和 __next__() 方法，支持数据的循环访问。Dataset 提供数据获取接口，Sampler 控制遍历顺序，DataLoader 负责加载和批处理数据。 1 Dataset Dataset 包括 Map-style 和 Iterable-style 两种，分别用于索引访问和迭代访问数据。 Map-style dataset 通过实现 __getitem__() 和 __len__() 方法，支持通过索引获取数据。 Iterable-style dataset 实现 __iter__() 方法，适用于随机访问且批次大小依赖于获取数据的场景。 2 Sampler Sampler 用于定义数据遍历的顺序，支持用户自定义和 PyTorch 提供的内置实现。 3 DataLoader DataLoader 是数据加载的核心，支持 Map-style 和 Iterable-style Dataset，提供单多进程处理和批处理等功能。 通过参数配置，如 batch_size、drop_last、collate_fn 等，DataLoader 实现了数据的自动和手动批处理。 4 批处理 3.2.1 自动批处理（默认） DataLoader 默认使用自动批处理，通过参数控制批次生成和样本整理。 3.2.2 关闭自动批处理 关闭自动批处理，允许用户自定义批处理逻辑或处理单个样本。 3.2.3 collate_fn collate_fn 是手动批处理时的关键，用于整理单个样本为批次。 5 多进程 多进程处理通过 num_workers 参数启用，加速数据加载。 6 单进程 单进程模式下，数据加载可能影响计算流程，适用于数据量小且无需多进程的场景。 7 锁页内存 (Memory Pinning) Memory Pinning 技术确保数据在 GPU 加速过程中快速传输，提高性能。 8 代码讲解 通过具体代码分析，展示了 DataLoader 的初始化、迭代和数据获取过程，涉及迭代器、Sampler 和 Dataset 的交互。vue使用xe-utils函数库的具体方法
本文介绍了vue使用xe-utils函数库的具体方法，分享给大家，具体如下：
安装完成后自动挂载在vue实例：this.$utils(函数库)
支持挂载函数列表：this.$browse(浏览器内核判断) this.$locat(用于读写地址栏参数)
在 vue 实例中通过 this.$utils 调用的函数 this 默认指向当前vue实例。
CDN 安装
使用 script 方式安装，VXEUtils 会定义为全局变量
生产环境请使用 vxe-utils.min.js，更小的压缩版本，可以带来更快的速度体验。
cdnjs 获取最新版本
点击浏览已发布的所有 npm 包的源代码。
<script src="/vxe-utils@1.3.4/dist/vxe-utils.js"></script>
AMD 安装
require.js 安装示例
// require 配置require.config({ paths: { // . 'xe-utils': './dist/xe-utils.min', 'vxe-utils': './dist/vxe-utils.min' }})// ./main.js 安装define(['Vue', 'xe-utils', 'vxe-utils'], function (Vue, XEUtils, VXEUtils) { Vue.use(VXEUtils, XEUtils)})
ES6 Module 安装方式
npm install xe-utils vxe-utils --save
通过 Vue.use() 来全局安装
import Vue from 'vue'import XEUtils from 'xe-utils'import VXEUtils from 'vxe-utils'Vue.use(VXEUtils, XEUtils)// 通过vue实例的调用方式const dateStr = this.$utils.dateToString(new Date(), 'yyyy-MM-dd')const date = this.$utils.stringToDate('// ::', 'MM/dd/yyyy HH:mm:ss')
vue 实例挂载自定义属性
示例
import Vue from 'vue'import XEUtils from 'xe-utils'import VXEUtils from 'vxe-utils'import customs from './customs'XEUtils.mixin(customs)Vue.use(VXEUtils, XEUtils, { mounts: ['locat', 'browse', 'cookie']})this.$locat // this.$locat.originthis.$browse // this.$browse['-webkit'] truethis.$cookie // this.$cookie('name', 'value')
混合函数
文件 ./customs.js
export function custom1 () { console.log('自定义函数')}
示例 ./main.js
import Vue from 'vue'import XEUtils from 'xe-utils'import customs from './customs'XEUtils.mixin(customs)Vue.use(VXEUtils, XEUtils)// 调用自定义扩展函数XEUtils.custom1()
示例
Home.vue<template> <div> <ul> <li v-for="item in list" :key="item.id">{ { item.dateStr }}或者{ { $utils.dateToString(item.date) }}</li> </ul> </div></template><script>export default { data () { return { list: [] } }, methods: { init () { this.$ajax.getJSON('services/user/list', { id: }) .then(data => { this.list = data.map(item => { item.dateStr = this.$utils.dateToString(item.date, 'MM/dd/yyyy') }) }).catch(data => { this.list = [] }) } }, created () { this.init() }}</script>
微信小程序商城源代码微信小程序商城源代码
关于微信小程序商城源代码，许多人可能还不太了解。今天，我将为大家解答相关问题，并详细介绍微信小程序商城源代码。
1. 在上一篇文章中，我们简要介绍了微信小程序的IDE（微信小程序购物商城系统开发系列-工具篇）。相信大家都已经跃跃欲试，想要建立自己的小程序，打造一个独立的商城网站。
2. 先别急，我们一步步来。首先，尝试编写一个自己的小demo。本文将主要介绍小程序的目录结构和相关语法，为后续的微信小程序商城系统开发打下基础。
3. 首先，了解小程序的目录结构：
- Pages：我们新建的页面保存在此文件夹下。每个小程序页面由同路径下同名的四个不同后缀文件组成，例如：index.js、index.wxml、index.wxss、index.json。
- .js后缀的文件是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件，.wxml后缀的文件是页面结构文件。
- Utils：我们编写的一些公共工具js可以放在这里。
- app.js：小程序的脚本代码。在此文件中，我们可以监听并处理小程序的生命周期函数、声明全局变量，调用框架提供的丰富API，如本例中的同步存储和同步读取本地数据。
- app.json：对整个小程序的全局配置。在此文件中，我们可以配置小程序的页面组成、窗口背景色、导航条样式和默认标题等。
- app.wxss：整个小程序的公共样式表。我们可以在页面组件的class属性上直接使用app.wxss中声明的样式规则。每个页面也可以定义自己的wxss。
4. Wxss是微信提供的样式表，与css类似。但它支持的选择器相对较少。在编写时，我们以前的项目css基本可以直接使用，但除了特定选择器外，使用了其他选择器可能导致页面报错！
5. index.wxml：wxml后缀的文件是微信小程序提供的页面结构文档，类似于我们以前的web页面的html。接下来，我们将新建一个页面进行尝试。
6. 在pages下新建页面test，注意新建的.js、.json、.wxml、.wxss文件与page下的test文件夹名称保持一致。微信小程序会自动读取这些文件，并生成小程序实例。
7. 首先，在app.json中配置新建的页面。注意页面配置的顺序，实际操作中发现，第一个配置的是首页。
8. 配置好后，我们可以编写页面代码。在app.json中，页面可以直接配置window属性。
9. 在wxml中，我们可以编写页面展示的结构，类似于以前写html。这里使用了标签，相当于我们以前的div。
. Wxss与大家熟悉的css类似。这边我们给.box添加了一个样式。
. test.js是页面的脚本文件。在此文件中，我们可以监听并处理页面的生命周期函数、获取小程序实例、声明并处理数据、响应页面交互事件等。这边我们使用bindtap给view绑定一个点击事件，然后弹出一个提示框。
. 注意：js的写法与以前相同，但这里不能使用window对象和document对象，也不能使用jquery、zepto等框架，因为这些框架会使用到window和document对象。
. 好了，今天我们就先介绍到这里，下一节我们将开始编写商城系统。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。本文到此分享完毕，希望对大家有所帮助。
