9 天前 / 太空编程
一、目标实现 左侧:为可用的组件列表,可拖动任一组件到中间的预览区域 中间:为页面预览效果页面,选中任一组件,可在右侧进行参数配置 右侧:为组件的参数配置(选中中间的组件时出现),页面配置(选中页面管理 tab 按钮时出现),组件管理(选中组件管理 tab 时出现),更改配置,中间的预览区域立即更新视图 对于电商类的小程序,这种微页面有大量的需求,频繁的改动页面样式、结构和内容,以及发布内嵌的 H5 页面,后台做到灵活可配置。可免去频繁发布小程序的烦恼。
15 天前 / 太空编程
背景 之前的工时系统是原生的小程序实现,由于产品逻辑需要优化,代码混乱又仅限微信平台使用,公司致力于想给工时系统重构后支持多平台,并对外开放使用,使之成为一款真正的商业产品。经过前期调研后,uni-app 对于多平台的支持最好,且易于上手,于是采用该框架对工时系统进行改造。 uni-app 介绍 uni,读 you ni,是统一的意思。 很多人以为小程序是微信先推出的,其实,DCloud 才是这个行业的开创者。 DCloud 于 2012 年开始研发小程序技术,优化 webview 的功能和性能,并加入 W3C 和 HTML5 中国产业联盟,推出了 HBuilder 开发工具...
35 天前 / 阿伟
首发于知乎技术专栏写文章聊聊知乎小程序引擎阿伟身在高楼心在北大荒,我就这副死样~26 人赞同了该文章前言本文基本上囊括了非端侧小程序引擎实现的方方面面,其中还涵盖了大量的微信小程序开发文档里不会告诉你的特性细节(可作为引擎侧的测试用例)。理论上本文可以作为实现小程序引擎的技术细节文档来查阅,不太适合通读。 整体架构小程序引擎大致上可以分为两层,首先可以看一下微信关于这部分的解释: 逻辑层: 运行在端内创建的 JS 线程中,用户的业务代码在该线程中执行,如你的 js 代码渲染层: 运行在端创建的 WebView 中...
35 天前 / reesunhuang
贝壳找房小程序至今为止已经拥有了近 2 亿的用户,团队正在在朝着贝壳人的宗旨迈进,给这个行业创造更多的价值,努力成为一个能够服务 2 亿家庭的品质居住平台。 经过两年多的发展,为了更好的适应业务发展,贝壳小程序后端从最初的快速搭建到后来由 php 到 golang 的转型与优化,到现在微服务的落地和业务网关能力的提升,贝壳小程序平台一直走在蜕变的路上。而贝壳找房小程序和 app 的上线,也意味着一直在房产行业里深耕的链家,从直营模式到贝壳找房平台化模式的正式转变。
49 天前 / 冷星1024
前言—在 web 开发场景,减少代码体积虽然是性能优化的一个方向,还没到锱铢必较的程度。但是在小程序场景,由于代码包上传阶段限制了主包 2M 和总包 16M(近期微信官方正在内测将总包上限调整至 20M )的尺寸,超过就会面临无法发版的风险,代码包体积的优化就变得特别重要了。京喜小程序首页作为微信购物的大入口,承载大量流量,功能复杂模块众多,又要与其他核心业务和公共组件共享 2M 的主包空间,因此代码包瘦身的工作在持续不断进行,否则无法满足业务的快速增长。本文将结合以往优化策略与最近一次的瘦身实践,分享小程序代码瘦身的经验与思考。
65 天前 / mr7
导读: 自 2016 年小程序诞生以来,小程序以其“用完即走”的设计理念,以及简单易上手的开发模式,吸引了大批的小程序使用者以及开发者,随着小程序市场越来越大,相应的小程序开发者也越来越多,与此同时出现的各类小程序开发第三方框架也层出不穷。 一、小程序开发模式 小程序开发模式整体来说有两种,一种是原生小程序开发,一种是第三方框架开发。 整体来看小程序原生开发只能适配在对应的单独 App 中运行,不能提供比较全面的可以跨多端的开发能力,在有多端小程序应用需求的情况下,比较浪费人力 另外一种方案则是利用跨端框架...
72 天前 / itclanCoder
虽互不曾谋面,但希望能和您成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 标星公众号(ID:itclanCoder) 如果不知道如何操作 点击这里,标星不迷路 ━━━━━━ ━━━━━━ 我希望您保持空杯 一边阅读一边思考 更重要是要动手敲 如果有收获三连击 作者| 随笔川迹 ID| suibichuanji 前言 撰文:川川 您将在本文中学习到如何在小程序中对一段文本进行检测是否含有违法违规的内容 遇到涉及敏感文本问题...
86 天前 / 影浅
前言本次小程序漏洞挖掘比较基础,第一次写文章,有不足的地方麻烦师傅们指点一下。 正文目标小程序已上线,但仅能申请后内部员工使用,是一个廉政答题小程序。 打开小程序,打开 burp,尝试登录,用户未找到。.... 啊这,第一步就受阻,那就看看抓到的包吧。 直接访问下域名,发现 Django debug 模式开启,能看到所有路径,api 路径! 访问下 /api/user/,发现有 /user_list/ 目录可以查看所有用户信息,。 访问 user_list 目录,burp 抓包改 post,添加 content-type: application/json,返回了所有内部用户个人信息。
104 天前 / fanchaoo
We use optional third-party analytics cookies to understand how you use GitHub.com so we can build better products.You can always update your selection by clicking Cookie Preferences at the bottom of the page.For more information, see our Privacy Statement. Essential cookiesWe use essential cookies to perform essential website functions, e.g. they're used to log you in.Learn more
124 天前 / 江米小枣tonylua
在几天前开源的华为 HarmonyOS (鸿蒙)中,提供了一种“微信小程序”式的跨平台开发框架,通过 Toolkit 将应用代码编译打包成 JS Bundle,解析并生成原生 UI 组件。 按照入门文档,很容易就能跑通 demo,唯一需要注意的是弹出网页登录时用 chrome 浏览器可能无法成功: JS 应用框架部分的代码主要在 ace_lite_jsfwk 仓库 中,其模块组成如下图所示: 其中为了实现声明式 API 开发中的单向数据绑定机制,在 ace_lite_jsfwk 代码仓库的 packages/runtime-core/src 目录中实现了一个 ViewModel 类来完成数据劫持。
124 天前 / 冷星1024
前言—本文参考 WCAG 2.1 、WAI-ARIA 和 Web 可访问性与无障碍最佳实践,在京喜小程序首页无障碍优化开发中,总结了一些“无障碍优化”在小程序端的实践,希望以此推动无障碍在小程序更多地落地。 无障碍—无障碍是什么?在了解无障碍之前,我们先来了解一些数据: 据中国盲协的最新数据显示,中国目前视障者有 1700 多万,随着老龄化的严重,视障群体有进一步扩大的趋势。在中国,有着庞大的信息障碍群体,包括:8500 多万残障人士,两亿多老年人,大量认知障碍人士。
207 天前 / openio
Sharing 移动端与 PC 端有着各自独特的优势,随着小程序在越来越多的设备终端上普及,PC 端已成为下一个小程序发挥能力的重要场所。 PC 端相较于移动端具有屏幕更大、操作更精准、效率更高的优势。那么如何利用这一优势,将小程序更好地呈现在 PC 端呢?在这里我们总结了一份《小程序适配设计指南》,希望可以帮助你完成小程序从移动端到 PC 端的适配。 本期提纲:1.移动端与 PC 端的根本体验差异 物理尺寸 操作体验互动交互 2.小程序 PC 化的关键适配设计要点 小程序在 PC 端的内容布局方法 互动交互方式的转译 3.特殊场景注意要点 小程序弹窗控件...
222 天前 / 前端De早读课
前言 今日早读课文章由滴滴 @hiyuki 投稿分享。 @hiyuki,滴滴出行网约车 webapp 乘客团队的负责人,也是滴滴开源的小程序框架 Mpx 的负责人和核心作者 正文从这开始~~ 概述 2019 年下半年,为了将微信钱包 / 支付宝九宫格入口的滴滴出行迁移为小程序,团队对小程序进行了大量的功能升级与补全。在整个过程中也遇到并克服了一系列问题和挑战,其中包体积问题尤为突出。接下来全面介绍一下滴滴出行小程序在体积控制方面做的努力与沉淀。 背景微信对小程序包体积的要求是总体积不得超过 12M,主包及单个分包体积不得超过 2M。
228 天前 / xF0rk
目前微信 PC 版可以打开小程序了,也就为微信小程序的抓包提供了便利,毕竟客户端可用的辅助软件太多了。微信 app 对运行的环境,如模拟器、VirtualXposed 等虚拟空间进行了检测限制,因此无法使用信任证书、Xposed 的插件 JustTrustMe 和 TrustMeAlready 对小程序接口进行抓包。 本文提供一种实测可用的靠谱方法,帮助安全工程师进行移动端微信小程序 api 接口的安全测试和分析,整体流程如图: 查看小程序接口域名和对应的 IP 手机打开小程序,小程序 -->更多资料,可以看到小程序的开发者和相关的数据提供接口,ping 接口对应的域名...
250 天前 / AirPython
点击上方“AirPython”,选择“加为星标” 第一时间关注 Python 技术干货! 1. 场景之前写过微信小程序的几种方式,对于有源码的小程序推荐使用微信开放的 SDK 来做自动化,否则只能使用原生或 WebView 的方式。 最近在用 Python + Appium 在微信小程序做一个自动化项目,中间遇到很多问题,都一一解决了。 本篇文章将和大家聊聊微信小程序自动化究竟有哪些坑? 2. 小程序入口对大部分人来说,使用小程序的方式一般是在微信主界面下拉屏幕后,然后选中目标小程序的图标,进入到程序应用 另外,由于小程序在屏幕的展示位置不固定...