微信小程序在创建初期会给一个获取用户信息的示例代码，我们今天就来解析一下小程序全局app.js运行方式及用户数据存储建议。
Application 是全局应用对象，在一个应用中，只会实例化一个，它继承自 Koa.Application，在它上面我们可以挂载一些全局的方法和对象。我们可以轻松的在插件或者应用中扩展 Application 对象。
如果你还是第一次与app合作开发webview的页面，那么对于如何调试，可能有哪些问题可能是不够了解的。本文尝试性的根据自己的经验给大家一个入门级别的了解，如果是大佬级别的，可以绕路了。
WebView如果作为简单的网页浏览器，对于一般的浏览行为来说，已经足够了。可做为企业开发者，你的App通常要嵌入自家公司的网页，如此一来，还得考虑App与Web之间的消息传递，这就涉及到App的原生代码与Web的JS代码之间的通信了。 App与Web做为消息通信的双方，具体的交互行为分为四类，包括：App通知Web执行某项动作、App主动从Web获取信息、Web通知App执行某项动作，Web主动从App获取信息，这四种行为详细说明如下：
技术栈 vue.js 主框架 vuex 状态管理 vue-router 路由管理 一般过程 在一般的登录过程中，一种前端方案是： 检查状态：进入页面时或者路由变化时检查是否有登录状态(保存在cookie或者本地存储的值)； 如果有登录态则查询登录信息(uid，头像等...)并保存起来；如果没有则跳转到登录页； 在登录页面（或者登录框），校检用户输入信息是否合法； 校检通过后发送登录请求；校检不成功则反馈给用户； 登录成功则从后端数据中取出session信息保存登录状态(可能需要跳转);登录不成功则提示用
当我们访问的站点只是一个简单的登录页面时，我们应充分利用涉及到的JavaScript脚本函数或文件。
路由器主要用于描述请求URL和具体采取执行动作的对应Controller关系，框架约定了app/router.js文件用于统一所有路由规则。通过统一的配置，我们可以避免路由规则逻辑散落在多个地方，从而出现未知的冲突，集中在一起我们可以更方便的来查看分段的路由规则。
我们这样写其实也没什么不对，但是如果数据请求和使用是在两个不同的页面呢。比如我们在app.js里请求位置，获取用户信息。然后在首页index.js里要使用这些数据，那么我们这么写就有问题了。下面就来教大家两种方式来很好的解决这个问题。
上图是微信小程序官网提供的授权登录基本流程图，这里我只从前端开发的角度来讲解一下该流程。
当微信小程序项目中涉及到获取用户信息并实现用户登录时，可以通过微信官方提供的登录能力方便地获取微信的用户身份标识，快速建立小程序内的用户体系。官方文档只是提供如何去调用授权登录，如果直接原封不动的照搬文档来进行代码编写，这样势必会造成代码的维护性差，所以本篇着重介绍如果更优雅的处理微信小程序的授权登录。
这几年node.js确实是越来越火了，好多公司对node.js都开始有要求。虽说前端不一定要会后端，但想要成为一个优秀的前端，node.js是必经之路。
uni-app的web-view组件，支持加载远程网页，在app环境下，还支持加载本地HTML页面。
之前写过一篇关于前端容器化的文章， 静态前端网站容器化。现在看来， 那个方案的可操作性并不高， 而且很弱智。其中实现是需要使用 sed 替换 所有文件 中的占位符。
这两天移动互联网领域发生了一件大事，微信发布了小程序，然后网上突然涌出了诸多教程，貌似大家对微信小程序的功能与想象空间兴奋不已，我免不了俗，搭建个简易的开发环境玩一玩。 搭建开发环境 按官方教程，是得先获得内测资格，取得微信小程序appid后，才可进行小程序开发的。很不幸，我没获取内测资格，但随便一搜，就找到网上的破解教程，我就学习玩一玩，就直接破解吧。 首先下载0.7版的微信web开发工具 百度: https://pan.baidu.com/s/1pLxqFzH （密码: bwt9） 安装完毕后，打开开发
我们可以看到有很多分类音乐榜单，我们看看他到底是怎样写的右击查看源码 body内容就下面几行代码，其他的数据都是通过js加载的
本文介绍了应用宝在Android平台支持Web自动化测试的方案，主要从架构设计、实现细节、流程梳理、支持Web自动化测试方案、Web多进程后的支持方案、Web自动化测试方案的插件化设计等方面进行了详细阐述。方案采用的主要技术包括Java、Android、JavaScript、Appium、Selenium、XWalk等，并介绍了如何通过插件化的方式实现Web自动化测试，以支持多进程、提高测试效率、保证测试准确性和稳定性，同时也为其他平台的Web自动化测试提供了参考和借鉴。
随着移动互联网的快速发展，越来越多的企业开始将移动应用作为自己的核心业务。然而，由于各个平台之间的技术差异和开发成本的高昂，让很多企业望而却步。因此，Uni-app作为一个跨平台开发框架，应运而生。
调用接口获取登录凭证（code）进而换取用户登录态信息，包括用户的唯一标识（openid） 及本次登录的会话密钥（session_key）。用户数据的加解密通讯需要依赖会话密钥完成。
3.进入用户目录，找到.bashrc文件，文件末尾添加以下代码（例如/usr/.bashrc）
前端时间开发了一个微信小程序商城项目，因为这个项目我们的需求是进入小程序就通过wx.login({}) 这个api进行用户登录，获取系统后台的用户基本信息。再此之前，一直以为微信小程序中的App.js 中onLaunch （小程序初始化完成执行该方法）方法比其他页面的的 onload 方法要先执行。那么问题就来了，我每次进入小程序首页的时候有时候会先执行onlaunch方法，有时又会先执行首页的onload的方法，最后经过确定，在微信小程序中这两个方法并没有执行先后的顺序，因为他们都是异步执行的。当然开发过微信小程序的开发者都知道微信请求数据都是异步执行的，如在同一个onload写两个请求数据的方法，它不一定会按照先后顺序去执行，这就是传说中的异步地狱了。
团队中会遇到在线文档管理的需求，包括技术文档，接口文档， excel 文档，和产品原型的托管等需求，一直没有找到合适的开源项目来满足需求，所以动手实现了个文档管理系统（实现起来并不复杂，该教程只是提供思路，并非最佳实践）
REST（Representational State Transfer）是一种软件架构风格，用于设计网络应用程序的通信方式。RESTful API 是基于 REST 架构风格的 API 设计，它使用标准的 HTTP 方法（GET、POST、PUT、DELETE 等）来进行资源的操作和交互。
简单理解：不同的组件需要访问一些同一状态量，如果把这些状态量随意定义到任意组件中都不合适，我们希望能够有一个对象对这些共享状态量进行统一封装，而Vuex就是这样一个提供在多个组件间共享状态的插件。
函数/方法注释放置于函数/方法的上方，主要描述函数/方法功能以及参数类型，参数和返回值说明
前端时间开发了一个微信小程序商城项目，因为这个项目我们的需求是进入小程序就通过wx.login({}) 这个api进行用户登录，获取系统后台的用户基本信息。再此之前，一直以为微信小程序中的App.js 中onLaunch (小程序初始化完成执行该方法)方法比其他页面的的 onload 方法要先执行。那么问题就来了，我每次进入小程序首页的时候有时候会先执行onlaunch方法，有时又会先执行首页的onload的方法，最后经过确定，在微信小程序中这两个方法并没有执行先后的顺序，因为他们都是异步执行的。当然开发过微信小程序的开发者都知道微信请求数据都是异步执行的，如在同一个onload写两个请求数据的方法，它不一定会按照先后顺序去执行，这就是传说中的异步地狱了。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时，它使 JavaScript 能够在服务器端运行。作为一种强大的后端开发工具，Node.js 提供了丰富的模块和功能，使开发人员能够轻松地构建高性能的网络应用程序。
结合自己在平时的开发中遇到的各种问题，和浏览各种问题的解决方案总结出一些自己在日常开发中常用的技巧和知点,希望各位不吝斧正。
本文，我们来聊聊，怎么在微信公众号中获取到微信用户的信息呢？并且，我们怎么在本地进行调试？下面我们就这两点，展开来说。
由于传播、利用本公众号亿人安全所提供的信息而造成的任何直接或者间接的后果及损失，均由使用者本人负责，公众号亿人安全及作者不为此承担任何责任，一旦造成后果请自行承担！如有侵权烦请告知，我们会立即删除并致歉。谢谢！
开源地址：https://github.com/zysicyj/Vitality-reminder
本文中，作者通过发现Shazam应用APP深度链接（deeplink）运行机制中存在的一个漏洞，利用其中的开放重定向和js接口安全问题，可实现对Shazam应用APP用户的特定信息获取。Shazam是苹果公司旗下软件，其应用能根据取样片段识别出对应的歌曲、电影、广告和电视节目（听音识曲），该应用可支持Windows、macOS和智能手机。
1.小程序js端调用框架登陆API，获取到一个临时code,拿着这个code去调用自己的服务端接口
2018即将过去，2019即将来临，前端技术不断在在更新，学的东西越来越多。我们只有不断的学习，才不能被淘汰。在前后端分离的一个时代，后端提供接口，前端调用接口，逻辑判断，每个都是独立的工作。如果自己在空余的时间，想学习新的知识，却没有好的接口，只能写写假的json数据。或者网上开源的数据库，mock，野狗数据库，firebase，或者使用本地的json-server搭建本地数据库使用也是完全没有问题的，也可以正常的实现数据的接口请求。
阿里开源的Macaca框架中的一个小工具，用于获取App元素信息，该工具比较稳定，响应速度较快 可以给出最简化的xpath信息以及元素xpath的绝对路径，可以支持IOS和Android。
Electron是一个跨平台的桌面客户端框架，使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序，文档:https://www.electronjs.org/zh/docs/latest，当前使用最新稳定版本:20.1.4 特性 我们可以从中了解到他实现的方式以及他的应用场景 我认为他们最大特点就是: 主进程和渲染进程就行隔离(沙箱模式) 当时用户操作和渲染的事情都是交给渲染进程 当需要操作系统API,例如:创建新窗体,获取电脑的相关信息等就交给主进程 也就是说当主进程和渲染进程需
随着NodeJS的发展，现在已经被很多人熟知，NodeJS已经成为了前端开发人员必备的技能。本文不会对NodeJS过多介绍 如果你感兴趣可以访问NodeJS 官网, 维基百科
目前在读大学生，挖过半年SRC，发现实验室刚入的大一新生有大多数都不是很了解某个具体网站的漏洞要如何挖掘，想借这篇文章总结一下漏洞挖掘的基本步骤。
那么，如何开发一个智能化的微信小程序呢？使用Paddle.js插件只需要3个步骤：在开发者的小程序中添加插件，引入插件代码包，最后使用插件。
在前面Node基础中我们学习了 Node.js 中的 http 模块，虽然知道使用 Node.js 中的 http 模块是可以开发 Web 应用的，处理静态资源，处理动态资源，请求分发（路由）等等，也可以让开发者对 HTTP 协议的理解更加清晰，但是使用起来比较复杂，开发效率低。
Node.js是基于chrome浏览器中的v8引擎而构建的js运行时环境, 并提供了一系列的工具模块和一个包管理工具npm. Node脱离于浏览器运行, 并提供了一系列自带的os相关接口, 从而使其能像传统后端语言一样操作文件、获取os相关信息等.
前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。
SSR(Server-Side Rendering)，在SPA(Single-Page Application)出现之前，网页就是在服务端渲染的。服务器接收到客户端请求后，将数据和模板拼接成完整的页面响应到客户端，客户端将响应结果渲染出来。如果用户需要浏览新的页面，则需要重复这个过程。随着Angular、React和Vue的兴起，SPA开始流行，单页面应用可以在不重载整个页面的情况下，通过ajax和服务器进行交互，高效更新部分页面，这无疑带来了良好的用户体验。然而，对于需要SEO、追求首屏速度的页面，使用SPA是糟糕的。如果我们想使用Vue，又需要考虑到SEO、首屏渲染速度，那该怎么办？好在Vue是支持服务端渲染的，接下来我们主要说的是Vue的服务端渲染。
下面做一个非常简单的小程序（列出新闻列表，点击标题后进入详细页面）用来体会小程序的开发方式 共有两个页面，一个是列表页，一个是详细页 通过这个示例，我们可以了解： 视图中如何获取数据 如何添加页面 页
大家好，又见面了，我是你们的朋友全栈君。 1. 开发前准备 1.1 注册微信公众平台账号 进入的网址：https://mp.weixin.qq.com。 测试号（网址：https://mp.
通过应用生成器工具 express-generator 可以快速创建一个应用的骨架。
这里用的是uni-app自带的UniPush1.0（个推服务），所以只针对UniPush1.0介绍实现步骤。
一：项目生成 自行下载微信开发者工具-打开微信开发者工具 如下图： 项目：就是项目要存的位置。 AppID：企业级需（小程序申请成功的时候会有这个，个人的不用填写，只是最后不能发布到线上)。 项目名称：demo1（可以根据自己需要起名字） 建立普通快速启动模板（就是快速生成一个小项目） ------点击确定 二：项目预览 确定之后显示的界面如下图 2-1 界面分析 2-2 项目目录 2-21 那么简单的界面，相信你用html分分钟就写好了吧，而且保证目录结构清晰。 2-22 两个文件夹 page
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
