微信小程序

知识竞赛答题小程序

我的梦境 提交于 2020-12-27 00:23:26
前几天恰逢五四青年节,帮我们党支部开发了一套知识竞赛类答题小程序,文章末尾有小程序码可以体验 该小程序目前已完成 用户授权,授权后答题、答题完成展示排名,完整支持知识竞赛答题活动的需求, 答题目前已支持单选、多选、判断三种题型 不详细介绍了, 具体先上截图吧 1 2 3 4 5 6 大家不妨扫码体验下,有问题的可以反馈给我 来源: oschina 链接: https://my.oschina.net/u/4378102/blog/4273225

【Beta】软件使用说明——致社长

时光毁灭记忆、已成空白 提交于 2020-12-26 09:41:51
[TOC] <div align="center"> <img src="https://img2018.cnblogs.com/blog/1629866/201905/1629866-20190524210131782-1364172477.png" /> </div> <div style="font-size:30px; color: orange; text-align:center"><b>!!!多图预警!!!</b></div> 各位社长好,下面从3个方面说明如何使用“北航社团帮”项目软件。 社团公众号关联小程序,从而使小程序能跳转公众号文章。 如何使用小程序中的社长相关功能。 如何在网页端录入和修改数据。 社团公众号关联上"北航社团帮"小程序 为什么要关联上"北航社团帮"小程序: 在新闻页面所显示的新闻,就是公众号文章,为了实现从小程序跳转到社团公众号文章,必须让社团公众号关联上"北航社团帮"小程序。 如何进行关联: 登录微信平台,点击左侧"小程序管理",然后点击"关联小程序" 管理员扫码确认后,输入appid:wxf107d0520a348d58,会搜索出“北航社团帮”小程序。 点击"下一步"进行关联,关联成功后在"小程序管理"页面会看到已关联"北航社团帮"小程序 小程序中的社长相关功能 如何认证成为社长 (1)首先要进行 北航统一身份认证 ,通过北航统一身份认证后

我爱记单词小程序设计与制作

有些话、适合烂在心里 提交于 2020-12-26 00:21:17
项目介绍 背单词十分枯燥乏味,为了给广大英语学习者提供一个比较好的背英语模式和应用,我爱记单词应运而生。 我爱记单词是一款面向学生的背单词小程序,提供了丰富的单词词库以及好玩的背单词模式。 适合课间、地铁上、旅途中,任何碎片化时间,随时随地记单词。 用户群体 初高中生、大学生、英语爱好者等目标用户。 适合培训机构、新媒体、公众号团队等运营。 实现思路 本小程序基于云开发,用到了云数据库存储数据,使用云函数获取词库列表,随机获取单词词条,图片列表。 按批次拉取数据缓存到内存及localStorage中,实时对比输入内容与当前单词,基于图片奖励,继续循环下个单词。 图片数据:来源于微博。 单词词库:来源于百词斩。 流程图 效果图 部分代码实现 来源: oschina 链接: https://my.oschina.net/u/4634707/blog/4841509

给小程序再减重 30% 的秘密​(京喜小程序首页瘦身实践)

我与影子孤独终老i 提交于 2020-12-25 20:00:22
前言 — 在 web 开发场景,减少代码体积虽然是性能优化的一个方向,还没到锱铢必较的程度。但是在小程序场景,由于代码包上传阶段限制了主包 2M 和总包 16M(近期微信官方正在内测将总包上限调整至 20M )的尺寸,超过就会面临无法发版的风险,代码包体积的优化就变得特别重要了。京喜小程序首页作为微信购物的大入口,承载大量流量,功能复杂模块众多,又要与其他核心业务和公共组件共享 2M 的主包空间,因此代码包瘦身的工作在持续不断进行,否则无法满足业务的快速增长。本文将结合以往优化策略与最近一次的瘦身实践,分享小程序代码瘦身的经验与思考。 常见的瘦身方式 — 京喜首页项目是一个优化良好的项目,对于常见的优化措施,已经有过很好的实践,就让我们我们先回顾一下有哪些常见的优化策略吧: 代码分包:将相对独立的页面和组件拆分到分包,可以解决主包体积受限问题; 依赖分析:移除未引用的页面、组件和其他文件; 避免使用本地资源:除了兜底图片,其他都尽可能使用 url 的方式,由于 base64 图本质上是将信息编码成长字符串,也会占用很多空间,不建议使用; 对所有类型的文件都进行压缩并清理注释,包括了:js、wxml、wxss、json; 此外,京喜首页团队还针对 Taro 开发场景进行了如下优化: 分析出编译后每个文件的高频重复代码(如处理兼容性的 pollyfill 代码),拆分生成公共文件

太尴尬了......当你汇报工作的时候收到消息 | 每日趣闻

有些话、适合烂在心里 提交于 2020-12-25 14:08:10
戳一戳小程序查看更多! 往 期 趣 闻 ☞ 拒绝加班!本科应届生毕业后一天一般工作多久?| 每日趣闻 ☞ 程序员的爱情故事...... | 每日趣闻 ☞ 人到中年,程序员的职场太难混了...... | 每日趣闻 ☞ 抓狂了~时间复杂度是个什么啥?| 每日趣闻 ☞ 程序员有必要系统学习 Linux 知识吗?| 每日趣闻 你点的每个“在看”,我都认真当成了喜欢 来源: oschina 链接: https://my.oschina.net/u/4323830/blog/4840280

大家会不会通过网址访问的Servlet 实现呢?

∥☆過路亽.° 提交于 2020-12-25 08:26:09
Servlet 是 Server Applet 的缩写,是服务端小程序的意思。使用 Java 语言编写的服务器端程序,主要功能在于交互式地浏览和生成数据,生成动态Web内容,Servlet 主要运行在服务器端,并由服务器调用执行,是一种按照 Servlet 标准来开发的类。 是 SUN 公司提供的一门用于开发动态 Web 资源的技术。(言外之意:要实现 web 开发,需要实现 Servlet 标准)   Servlet 本质上也是 Java 类,但要遵循 Servlet 规范进行编写,没有 main() 方法,它的创建、使用、销毁都由 Servlet 容器进行管理(如 Tomcat)。(言外之意:写自己的类,不用写 main 方法,别人自动调用)   Servlet 是和 HTTP 协议是紧密联系的,其可以处理 HTTP 协议相关的所有内容。这也是 Servlet 应用广泛的原因之一。   提供了 Servlet 功能的服务器,叫做 Servlet 容器,其常见容器有很多,如 Tomcat, Jetty, WebLogic Server, WebSphere, JBoss 等等。 Servlet实现方式 创建动态 web 项目 新建类 实现 Servlet 规范 重写 service 方法 配置 web.xml 发布项目 启动项目 访问并查看结果 案例实操 1)创建动态 web

前端骨架屏

戏子无情 提交于 2020-12-24 19:04:08
骨架屏 最近在项目不时有用到骨架屏的需求,所以抽时间对骨架屏的方案作了一下调研,骨架屏的实践已经有很多了,也有很多人对自己的方案作了介绍.在这里按照个人的理解做了一个汇总和分类,分享给大家. 关于骨架屏(简介) 骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充进需要显示的数据内容。常用于文章列表、动态列表页等相对比较规则的列表页面。 很多项目中都有应用:ex:饿了么h5版本,知乎,facebook等网站中都有应用。 借个图举例如下: 两类用途 简介中作了关于用途的说明,但是仍然可以继续细分: 作为spa中路由切换的loading,结合组件的生命周期和ajax请求返回的时机来使用. 作为首屏渲染的优化. 第一类用途 第一类用途需要自己编写骨架屏,推荐两个成熟方便定制的svg组件定制为骨架屏的方案 react-content-loader vue-content-loader 作为首屏渲染(自动化方案) 该方案是饿了么在骨架屏的实践中总结出的一套方案: 骨架屏的dom结构和css通过离线生成后构建的时候注入模板中的节点下面. 原理相关 eleme骨架屏插件实现原理 方案的项目地址: page-skeleton-webpack-plugin 使用时候的注意点: cssUnit的配置: 需要使用自适应的单位,按照文档给出的选择范围选,直接用

React 16 beta 版发布!

我的梦境 提交于 2020-12-24 16:00:44
作者: lizheming 编辑:魔卡 原文地址: http://www.zcfy.cc/@lizheming ━━━━━ 令人欣慰,React 16 首个 beta 版已经发布,可以公开测试了!🎉 下面我来告诉大家如何使用以及新版的一些值得注意的地方。 如何使用 安装 由于还是 beta 版,常规的 NPM 安装命令仍然会使用 15.6 正式版。beta 版我们使用 next 标签发布在 NPM 上,你需要使用如下命令安装使用 beta 版: # Yarn yarn add react@next react-dom@next # NPM npm install --save react@next react-dom@next Javascript 环境要求 由于 React 16 依赖 新的数据集合类型 Map 和 Set ,所以我们不支持一些老浏览器和设备(例如 <IE11)。如果你要支持它们的话,最好为项目引入一个全局的 Polyfill,core-js 和 babel-polyfill 都是不错的选择。 下面是在 React 16 中使用 core-js 来支持老浏览器的示例: import 'core-js/es6/map'; import 'core-js/es6/set'; import React from 'react'; import ReactDOM from

2020年末总结,脚踏实地,一步一个脚印——致敬自己一年的心酸历程

 ̄綄美尐妖づ 提交于 2020-12-24 15:57:36
摘要 :恰逢官方征文,谨以此篇记录自己一年的心酸历程与前端知识的感悟。 目录 在时代工场的主要工作 我为什么从时代工场离职? 我辞职后去了哪里? 先说说我的经历吧 分享给前端人一些我的博客整理,希望也可以帮助到你 关于粉丝高频疑惑的解答 在时代工场的主要工作 先简单说一下自己这一年的变化吧,以前是在时代工场办公,是一个初创的共享办公科技公司,在那边开发过时代工场后台管理系统,时代工场小程序,时代工场APP,时代工场网站,业余时间还要顺便运营一些新媒体(小公司,你懂的,人手不够,广泛撒网),APP是基于APICloud这种敏捷式开发平台开发,一套代码可以适配两种操作系统,自己一个人重零开始到上架Android应用到腾讯应用包、百度手机助手、华为应用市场、小米应用商店、阿里应用分发平台,APPStore整了一个全套流程。 上架的流程可以参考我往期的文章。 https://blog.csdn.net/weixin_41937552/category_9342190.html 至于微信小程序是采用的微信小程序那套体系,这个创业公司搞这个玩意所有的认证开发测试等都需要自己来,不要问为什么,问就是成本。框架采用的vue,网站也是采用的vue,网站及小程序用来展示页面,里面的数据共用一个后台管理系统。系统老板着急出成果,刚开始简单找了个模板,后面不断优化,已经用PHP逐渐改成自己想要的那种模样啦

不对外开放的微信小程序审核时不通过,因为无法提供测试账号导致审核人员登录失败解决办法!

北战南征 提交于 2020-12-24 12:53:17
其实这样仅供公司内部员工使用的小程序很常见的,我现在开发的也是,外部人员无法使用,只有公司内部员工经过授权的微信才可以注册登录,这时我们提交正式版本时,因为怕公司资源泄露,是无法提供测试账号给微信审核人员的,导致他们登录时显示登录失败,而导致审核不通过,解决办法其实很简单,使用手机录屏,或者用其他设备录像,用我们自己的账号登录一下,然后进入小程序随便点几个功能,不涉及公司机密的那种就可以了,证明小程序是可以正常登录和使用的,在提交的时候吧这段视频加上,如下图,这样提交就可以正常审核通过了! 来源: oschina 链接: https://my.oschina.net/u/4256309/blog/4836912