微信小程序

大前端时代 现在的前端，已经不是只能制作 H5 网页，发送 Ajax 请求这样比较简单的岗位。一个真正意义上的大前端，可以同时开发跨平台桌面、移动端，小程序，中间件编写、 docker 自动化、云端服务器部署等。 写这篇文章的起因 最近很多朋友在吐槽，社区重复出现了很多篇 10分钟 精通**技术，万字长文彻底了解 ES 系列等文章，其实技术分享并没有什么问题，只是这样反复的技术文章出现说明， 目前的前端技术栈，已经基本稳固，再有出现，短期难有爆发。 关键是很多人询问，该怎么学习前端技术，工作经验很少等等。可是我的工作经验其实也很短呢。 刚好今晚与一起做即时通讯的后端同事在谈论技术，于是想写一篇关于 2020 年前端技术栈的文章。 以下是作者本人推荐掌握的技术栈： 首先是： 原生基础三剑客： JavaScript 、TypeScript 、 Node.js 抛出一个问题： 是不是有了React、Vue等框架就不需要Dom操作，不需要了解JQuery了？ 答案：实现越复杂的功能， DOM 操作越重要，框架底层也是 DOM 操作。只不过加了些中间层（ diff 算法等），想深入了解的可以 gitHub 看我的仓库 mini-react ，自己实现的 React 框架～ https: //github.com/JinJieTan/mini-react JavaScript 的学习：

/** * 设计稿 750px 100px * 750*100/750=100rpx 第一个750是微信小程序和uniapp规定的屏幕的基准宽度为750rpx 100是盒子在设计师图纸上所占的100px,第二个750是设计稿宽度750px 设计稿 640px 100px 750*100/640=117.64rpx * 来源： oschina 链接： https://my.oschina.net/u/4225107/blog/4949395

对于野生程序员的我来讲，每次弄出一个东西，都会记录分享一下，需求不一致，所以使用的音频播放方式不一样，记录一下用js进行播放音频的方法： 首先需要全局设置ios静音模式下播放声音，当然此方法也可以设置其他参数，[微信开发文档地址] (https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/wx.setInnerAudioOption.html) 注意：千万不要用innerAudioContext.obeyMuteSwitch = false;，2.3.0 版本开始此参数不生效 注意：千万不要用innerAudioContext.obeyMuteSwitch = false;，2.3.0 版本开始此参数不生效 注意：千万不要用innerAudioContext.obeyMuteSwitch = false;，2.3.0 版本开始此参数不生效 在app.js中 onLaunch ( ) { wx . setInnerAudioOption ( { obeyMuteSwitch : false , } ) } 在page.js中，为防止创建多个音频播放，我这里采用全局创建的方式，通过停止、更换播放地址、播放等进行重新播放 api地址 const innerAudioContext = wx .

2020.10-2021.01前端开发部分总结 1.减少http请求（使用缓存优化性能） storageData ( ) { let arr = [ { name : '黄' , age : 20 } , { name : '刘' , age : 30 } ] arr . push ( Date . now ( ) ) ; window . sessionStorage . setItem ( 'str' , JSON . stringify ( arr ) ) } , //请求接口的方法 getStorageData ( ) { //注意此处一定是获取时间，索引不固定 let time = JSON . parse ( window . sessionStorage . getItem ( 'str' ) ) [ 2 ] ; if ( ( Date . now ( ) - time ) > 1000 * 20 ) { alert ( '12' ) //利用时间来判断是否每次调用返回相同固定资源的接口 } } 2.element.ui中的el-upload传递索引 index是外部v-for循环时的索引； :on-success的回调函数原本有三个形参数(response,file, fileList)，使用箭头函数传递索引 < el-upload v-show = ' !item

来源｜网易科技 编辑｜科科 字节跳动，又双叒叕跟腾讯掐了起来。 这次的用词一点不夸张，两天内双方你来我往地足足打了四个回合，火药味十足： 1、2月1日晚间， 抖音发声明称“抖音封杀腾讯”是谣言，并认为有明显的水军组织推动； 2、2月2日，抖音在北京知识产权法院向腾讯提起反垄断诉讼，称自2018年4月起，腾讯旗下产品微信、QQ以“短视频整治”为由，开始了对抖音等产品长达 三年的持续封禁和分享限制 ； 3、2月2日当晚，腾讯发声明回应都应，称字节跳动 “恶意构陷” ，说多款产品包括抖音“通过各种不正当竞争方式违规获取微信用户个人信息，破坏平台规则，已被法院多个禁令要求立即停止侵权”； 4、2月2日当天更晚，抖音发声明回应腾讯回应抖音的声明，称腾讯所谓的“恶意构陷”没有任何依据，腾讯所谓的“违规获取微信用户个人信息”，实际是将用户数据当成公司私产，除非腾讯同意，其他任何产品都不能使用相关数据，否则即构成“非法使用”。 嗯，反正吃瓜的小编昨晚一晚上都没睡好觉，就问你挺谁？ 01 三年，双方battle多次 纵观中国互联网圈，打仗最多的公司莫过于两个流量巨头字节跳动与腾讯。目前，两者已在短视频、社交、游戏等多个领域“交火”，硝烟早已四起。 时间往前倒至2018年，这一年是“头腾大战”被公认的时间起点，也是字节跳动全面挑战腾讯的时间点。这一年，微信朋友圈、QQ空间先后屏蔽了抖音链接

前几天有读者找我要支付相关的教程，呐，今天就来了！具体技术点看下面的截图，还是非常不错的，有需要的抓紧保存！！ 如何获取呢？ 识别下方二维码，关注后回复【支付】 没有任何套路！ 另外，这年头谁还没玩过服务器，都不好意思说自己是程序员。拥有一台服务器可以做很多有意思的事情。例如部署小程序，公众号的后台、搭建个人博客、搭建个人网盘、部署个爬虫，看谁不爽云攻击一下等等。最主要的是 很多程序员的副业总是从一台服务器开始的！ 今天就给大家整理了一套服务器快速搭建的视频教程，以便大家更容易的学习。教程以阿里云为案例，部署了一套前后台分离的javaweb项目，还是非常具有代表意义的。废话不多说了，直接上截图。 最后奉上资源链接，老规矩了，按照要求即可获取，没有任何套路。 识别下方二维码，关注后回复【服务器】 仅限今天，免费领取哦 ▲长按二维码进行关注▲ 来源： oschina 链接： https://my.oschina.net/u/4377703/blog/4948024

自从微信小程序1月9日上线就引来整个朋友圈的沸腾，“用完即走、所见即所得”等特点，都让所有用户翘首期待。张小龙明确表示，微信不会做小程序商店，也让众多互联网从业者看到了红利，一夜之间涌出多家小程序商店，为程序开发者和用户都提供了便利快捷的小程序入口。 今天小编从40多家小程序商店中，为大家挑选出了6家最好用的小程序商店。从收录量、发布效率、数据丰富性、媒体属性、推广价值五个角度给他们进行了打分，这6家可以说是做的最好的，能够满足所有小程序开发者和用户的需求了。 TOP1 Inm小程序商店 收录量5分、发布效率5分、数据丰富性5分、媒体属性5分、推广价值5分 虽然UI不再此次打分范围内，小编还是忍不住要夸一夸， Inm小程序商店 整个页面清爽简洁，重点内容一目了然。 说回正题，这个小程序商店允许小程序开发者自行提交小程序，审核速度很快，基本1小时就能搞定，并且会选出精品小程序进行免费推广。同时据了解， Inm小程序商店 的小程序热榜、用户推荐等板块是通过抓取小程序全网数据，经过分析后呈现给用户，在小程序数据研究能力上不可小觑。同时还有了视界板块，这里聚集了上线小程序的最新介绍如优缺点分析、数据分析等，相比其他小程序商店具备了很强的媒体属性，无论对用户还是从业者，都是很实用的小程序资讯来源。 TOP2 360手机助手小程序商店 收录量5分、发布效率4分、数据丰富性2分、媒体属性0分

成语答题小程序目前集成微信banner广告、视频广告、插屏广告、激励视频广告等功能，方便运营者赚取广告收益。 猜成语答题小程序一直被很多人休闲娱乐，成语小秀才更是占据整个小程序榜单首位，成语简单又可以学习，让很多人都钟情于它。 成语答题赚小程序已完成功能 成语答题小程序成语答题发放红包（可设置几题发放红包，每题设置红包数额） 观看激励视频获取金币（限制每天观看次数） 成语答题小程序排行榜 红包兑换物品设置 更多小程序推广 集成banner 视频广告、插屏广告、激励视频广告等 界面展示 来源： oschina 链接： https://my.oschina.net/u/4634707/blog/4945601

涉及平台：平台管理（包含自营店面）、商家端（PC端、手机端）、买家平台（PC端、H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务） 核心架构：Spring Cloud、Spring Boot、Mybatis、Redis、SFTP 前端框架：VUE、Uniapp、Bootstrap/H5/CSS3、IOS、Android、小程序 核心思想：分布式、微服务、云架构、模块化、原子化、持续集成、集群部署、前后端分离、支持阿里Docker 开发模式：前后端分离、微服务开发 社交模式：VR全景虚拟现实、直播带货、短视频带货、分销分润、代跑腿配送等 JDK/数据库：JDK 1.8+/MYSQL 5.6+ 来源 来源： oschina 链接： https://my.oschina.net/u/3613013/blog/4945555

时光荏苒，腾讯 Live 开发者大会（以下简称 TLC 大会）即将迎来第三届举办，对技术感兴趣的你一定不要错过这个绝好的、与千万开发者线上线下深度交流的机会。 TLC 大会简介 TLC大会是由腾讯直播&NOW直播IVWEB团队精心打造，致力于提升和促进全行业音视频、直播、图像处理、大前端、信息流等领域的交流和技术创新。 本届 TLC 大会的主题是 “大前端，信息流” ，将于 2019年8月17日 在深圳科兴科学园国际会议中心举办，会议持续1天。 更多信息，前往大会官网（手机端扫码查看）： https://2019.tlc.ivweb.io/ 。 大会早鸟票： 199元 ， 购票链接 （手机端扫码查看） ： https://www.bagevent.com/event/2596495#website_moduleId_258989 精彩议题介绍 前端技术日新月异，如何在技术浪潮中打造核心竞争力？大前端还火吗？跨端如何选型？这些知识点，由TLC大会明星讲师们统统告诉你~ 探索动效开发模式 动效对于Web应用而言很多时候能做到锦上添花，但对于一个互动动效而言，动效是他的灵魂之一。面对众多的动效开发方式，如何寻找一种最适合自己的动效开发？如何更好，更快速的开发？这是我们应该一起去探讨的主题，来自 阿里巴巴的前端专家大漠 将会和大家一起聊聊他近几年对动效开发模式的思考。 Vue.js