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

极致追求,让小程序代码包立减 10% 的插件

weapp-css-modules 是小程序的简化版 css-modules,比标准 css-modules[1] 代码量更少的优化方案 介绍— css-modules 是一种 css 模块化方案,...由于微信小程序内组件样式默认隔离,为什么要使用 css-modules 呢?...有以下 2 个原因: hash 化后可以实现更短的命名,减少代码包体积 跨端项目需要兼顾非小程序环境,避免样式冲突 weapp-css-modules 做了哪些事?...weapp-css-modules 编译后效果: let style = {} .a { xx } 安装— 目前只开发了适用于使用 gulp 编译小程序的.../dist')) }) 使用— 小程序页面不具备隔离功能,因此只有具备样式隔离的 Component 可以改造使用 weapp-css-modules 1、css 文件改名字: weapp-css-modules

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

    【小程序】小程序代码的构成

    新建小程序页面 7. 修改项目首页 项目结构 1....了解项目的基本组成结构  pages 用来存放所有小程序的页面   utils 用来存放工具性质的模块(例如:格式化时间的自定义模块) app.js 小程序项目的入口文件   app.json 小程序项目的全局配置文件...小程序页面的组成部分 小程序官方建议把所有小程序的页面,都存放在 pages 目录中,以单独的文件夹存在,如图所 示: 其中,每个页面由 4 个基本文件组成,它们分别是:   .js 文件(页面的脚本文件...小程序项目中也不例 外:通过不同的 .json 配置文件,可以对小程序项目进行不同级别的配置。...sitemap.json 文件用来配置小程序页 面是否允许微信索引。 当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容 建立索引。

    3K50

    微信小程序代码的构成

    项目的基本组成结构 pages用来存放所有小程序的页面 utils用来存放工具性质的模块(例如:格式化时间的自定义模块) app.js小程序项目的入口文件 app.json小程序项目的全局配置文件 app.wxss...小程序项目的全局样式文件 project.config.json项目的配置文件 sitemap.json用来配置小程序及其页面是否允许被微信索引 小程序页面的组成部分 小程序官方建议把所有小程序的页面都存放在...Demo项目里面的app.json配置内容如下: 4个配置项的作用: pages:用来记录当前小程序所有页面的路径 window:全局定义小程序所有页面的背景色、文字颜色等 style:全局定义小程序组件所使用的样式版本...小程序会把排在第一位的页面当做项目首页进行渲染,如图所示: WXML模板 WXML(WeiXin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的....js文件的分类 app.js:是整个小程序项目的入口文件,通过调用App()函数来启动整个小程序。

    1.5K40

    Spark闭包 | driver & executor程序代码执行

    Spark中的闭包 闭包的作用可以理解为:函数可以访问函数外部定义的变量,但是函数内部对该变量进行的修改,在函数外是不可见的,即对函数外源变量不会产生影响。 ?...在执行之前,Spark会计算task的闭包即定义的一些变量和方法,比如例子中的counter变量和foreach方法,并且闭包必须对executor而言是可见的,这些闭包会被序列化发送到每个executor...executor只能看到序列化闭包的副本。因此,上述例子输出的counter最终值仍然为零,因为counter上的所有操作都只是引用了序列化闭包内的值。...闭包函数从产生到在executor执行经历了什么? 首先,对RDD相关的操作需要传入闭包函数,如果这个函数需要访问外部定义的变量,就需要满足一定条件(比如必须可被序列化),否则会抛出运行时异常。...编写的Spark程序代码,运行在driver端还是executor端呢? 先看个简单例子:通常我们在本地测试程序的时候,要打印RDD中的数据。

    1.6K20

    【微信小程序】小程序代码基本组成结构

    配置文件 结束语 了解项目的基本组成结构 pages 用于存放所有小程序的页面 utils 用于存放工具性质的模块(例如:格式化时间的自定义模块) app.js 小程序项目全局配置文件 app.wxss...小程序项目全局样式文件 project,config.json 项目的配置文件 sitemap.json 用于配置小程序及其页面是否允许被微信索引 小程序页面的组成部分 小程序官方建议把所有小程序的页面...小程序也不例外:通过不同的.json配置文件,可以对小程序项目进行不同级别的配置。...当开发者允许被微信索引时,微信会提过爬虫的形式,为小程序页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候,小程序的页面将可能展示在搜索结果中。...结束语 以上就是微信小程序之小程序代码基本组成结构 持续更新微信小程序教程,欢迎大家订阅系列专栏微信小程序 你们的支持就是hacker创作的动力

    88920

    腾讯云云函数实现小程序代码包分包数及插件等基础信息非侵入式检测

    一个云函数帮你获取小程序包基础信息 # 背景 有时会有同学问如下问题: 某个小程序有多少分包? 用了啥插件? 这个包是主包还是分包? ... 为了方便确认类似问题,做个在线的检测工具吧。...# 实现思路 包文件结构是已知的,见之前发的一篇文章。所以我们只要直接读取分析就好了。需要基于 koa 创建一个云函数,在函数中接收小程序代码包进行分析就可以了。...因为并没有产生任何副作用,不对包本身做任何修改,所以是非侵入式的检测,基本秒出结果无需等待,下面说一下实现功能所需的关键函数。...subPackageNum, appPluginNum: appPluginNum, appPluginIdInfo: appPluginId, }; 目前支持的解析信息为: 字段 说明 name 小程序名称...pageNum 主包页面个数 subPackageNum 分包个数 appPluginNum 插件个数 appPluginIdInfo 插件信息 # 体验地址 Demo 地址 小程序包基础信息检测

    31610

    浅谈微信小程序反扒:如何保证小程序代码的安全性

    之前就有同学提问,如何让自己的小程序代码不被别人恶意反编译呢?社区里也有很多类似的投诉,辛辛苦苦做的小程序UI设计都被别人抄了去,一直没有很好的解决办法。...比如以下帖子的反馈: 针对微信小程序被反编译问题,如何保护最大程度原创小程序的权益 小程序有被人抄袭,上线?微信有没有团队来处理? 下面我们就来说一说如何尽量避免被别人借鉴。...通过上一篇文章直击本质:聊聊小程序的前世今生 ,我们知道了小程序的本质其实就是一个混合模式应用,基本原理和流式应用类似,小程序的页面样式业务逻辑最终都会被打包成JS代码。...因为小程序代码是明文存放在微信的CDN服务器上进行分发的,所以如果使用了代码保护或者使用第三方框架比如uniapp、mpvue等进行开发会借助webpack打包器进行压缩混淆操作,那么小程序反编译之后得到的实际上是混淆状态的明文代码...有的同学会问了,为什么微信不对小程序代码进行加密呢?

    7K40

    如何通过 Node 上传小程序代码,不会就看看吧

    在小程序后台获取秘钥和设置白名单服务器IP(微信公众平台-开发-开发设置) 微信公众平台地址:mp.weixin.qq.com 1、获取秘钥 2、设置白名单,白名单填自己的服务器的ip地址,例如...:192.168.1.1 安装miniprogram-ci npm install miniprogram-ci --save 创建预览文件 // 引入安装的miniprogram-ci包 const...',     projectPath: '小程序代码文件夹(project.config.json所在的文件夹)',     privateKeyPath: '小程序后台获取的秘钥文件地址', }...// preview.js为上传文件的地址 node preview.js  创建上传文件 // 引入安装的miniprogram-ci包 const ci = require('miniprogram-ci...'); // 创建project对象 const project = new ci.Project({     appid: '小程序的appid',     projectPath: '小程序代码文件夹

    81820

    腾讯云代码分析官网-微信小程序代码质量扫描

    ,代码质量扫描是一项方便小程序开发者提升代码质量的插件,它会基于本地的代码进行扫描,找出代码中的可优化项,以及给出一些优化建议。...TCA 集成该工具,保持和官方工具相同的扫描能力,能更加方便快捷地扫描、管理和追踪小程序代码问题。...JS 包含主包中仅被其他子包依赖的 JS 文件信息 CONTAINS_OTHER_PKG_COMPONENTS 主包存在仅被其他分包依赖的组件 包含主包中仅被其他分包依赖的组件信息 CONTAINS_UNUSED_PLUGINS...微信小程序代码质量检查】,在分析方案中添加该规则包使用。...分析方案->规则配置->微信小程序代码质量检查 问题详情 ▼ 规则(PACKAGE_SIZE_LIMIT、JS_COMPRESS_OPEN、WXML_COMPRESS_OPEN、WXSS_COMPRESS_OPEN

    16110

    如何写出一手好的小程序代码,从架构说起

    作为微信小程序底层 API 维护者之一,经历了风风雨雨、各种各样的吐槽。为了让大家能更好的写一手小程序,特地梳理一篇文章介绍。...01 简述小程序的通信体系 为了大家能更好的开发出一些高质量、高性能的小程序,这里带大家理解一下小程序在不同端上架构体系的区分,更好的让大家理解小程序一些特有的代码写作方式。...它的默认架构图其实就是这个: 但是,随着用户量的满满增多,对小程序的期望也就越高: 小程序的性能是被狗吃了么? 小程序打开速度能快一点么? 小程序的包大小为什么这么小?...简单易用,功能强大 极卓越的音视频品质 端到端延时小于400ms,抗800ms的网络抖动,抗30%网络丢包,自适应网络变化,智能无回声降噪处理。...了解小程序音视频

    2K20

    怎么样将小程序代码上传到腾讯云服务器

    怎么样将小程序代码上传到腾讯云服务器,小程序代码上传到腾讯云服务器?微信小程序因为其不占内存、用完即走的便捷性,在日常生活中越来越流行,而且功能强大,在性能方面也越做越好。...下面我们根据腾讯云伙伴河南大宇云计算有限公司,简述如何结合腾讯云提供的服务进行小程序开发。...https://cloud.tencent.com/act/ 1.下载并运行配置最新小程序开发IDE,打开IDE,选择小程序项目,分别填入项目目录,AppID(没有的话,先去注册),项目名称,即可打开项目...2.进行小程序项目的开发后,调用API上传文件至小程序云。通过调用 wx.cloud.init 进行初始化后,便可使用wx.cloud 的API。这里以上传文件至小程序云为例,介绍 API 的使用。...(res.fileID) }, fail: err => { } }) 其中,cloudPath 为上传至小程序云文件目录的路径。

    36.4K20
    领券