陆氪和他的那些代码

manifest.json官方配置文档：https://uniapp.dcloud.io/collocation/manifest?id=devserverChrome 调试跨域问题解决方案之插件篇：https://ask.dcloud.net.cn/article/35267其实uni-app官方有解决跨域的办法，官方推荐使用HBuilderX中内置的浏览器去预览，在内置的浏览器中不...

安全概述前面章节讲解的接口是裸露的、不安全的！使用post、get模拟可以轻松对api进行请求，最简单的攻击就可以瞬间完成近万会员的注册！所以在进行api接口通讯的同时我们应该进行数据的验证工作！加密原理及流程1、从服务器端获取一个唯一性的token，我们称之为 accessToken;2、前端对accessToken进行随机性拆分及md5加密,产生签名（保存在本地存储中...

多平台统一登录之 unionID通过获取用户基本信息接口，开发者可通过OpenID来获取用户基本信息，而如果开发者拥有多个应用，可使用以下办法通过UnionID机制来在多个应用进行用户帐号互通。只要是同一个微信开放平台帐号下的公众号，用户的UnionID是唯一的。换句话说，同一用户，对同一个微信开放平台帐号下的不同应用，UnionID是相同的。此前的OpenID机制，每个微信号对应每个...

1、在uniapp中配置小程序appid打开 manifest.json ，找到微信小程序配置，填写 appid 重启应用；// 您需要注册成为微信小程序开发者才能获取 appid2、视图添加登录按钮<template> <view> <!-- #ifdef MP-WEIXIN --> <b...

1、创建项目数据库1.1 打开 phpMyadmin 或者其他 mysql 管理工具，phpstudy 环境下 mysql 账户 root 密码 root;1.2 创建数据库 "yuedu"CREATE TABLE `yuedu_members` ( `u_id` int(11) NOT NULL AUTO_INCREMENT COMMENT '用户id', `u_openi...

1、集成环境 phpstudy 安装phpstudy 下载地址：http://phpstudy.php.cn/2、固定内网IP开始 > 设置 > 网络和internet > 以太网 > 更改适配器属性在以太网图标 > 右键 > 状态 > 详细信息注意 :localhost 代表本机，手机中 localhost 代表手机自己并不...

App 端微信登录原理、条件编译<script>export default { data() { return { }; }, onLoad:function(){ //app 端微信登录 // 手册位置 https://uniapp.dcloud.io/api/...

真机测试规则1、不能用 localhost 或 127.0.0.1：报fail abort错误2、ipconfig 下不能用以太网的IPv4：报fail timeout错误3、连接同一个WIFI：（1）笔记本开放热点给手机连接（2）笔记本和手机连接同一个WIFI4、一定要关掉防火墙，或者设置这几个地址、端口开放也行，傻瓜式点的就是全部关掉防火墙。更多教程JavaW...

1、在 main.js 中封装全局登录函数Vue.prototype.checkLogin = function(backpage, backtype){ var SUID = uni.getStorageSync('SUID'); var SRAND = uni.getStorageSync('SRAND'); var SNAME = uni.getStorageSync('SNA...

一、阿里巴巴图标矢量库注意事项：1、修改项目内的图标字体名称（iconfont 是 uni 的关键字暂不能用）。2、使用网络字体。二、项目使用1、拷贝iconfont.css 文档到项目中，并修改引入的字体路径@font-face {font-family: "eosfont"; src: url('https://at.alicdn.com/t/font_9...

创建项目1. 打开HBuilderX -> 新建 uniapp 项目;2. 创建页面|_ index.vue 入口页面|_ write.vue 文章撰写页面|_ my.vue 账户中心页面完善底部导航栏1. 下载图标, 图标地址：https://pan.baidu.com/s/1iaWd6l_-cIJ3RNUsqNqFNQ2. 将图标部署至 /stat...

Ps：其实简单粗暴，不能放在业务的 page 上，只要放在全局应用的页面里即可。

项目发布到线上测试时，特别是类似微信 JSSDK 的接口，有时必须在线上才可以测试，如：“扫一扫功能”，移动端一些测试过程中不要使用手机端测试，因为看不见 console，而且 IOS 和 Android 有时候有一些兼容适配问题在干扰，推荐直接在线上 Web 测试比较直观。 待更新......

注意事项1、uniapp 中 vue 页面中的 style 标签只作用于该文件下，所以不需要添加 scoped。？2、uniapp 支持 v-if="false"，不需要改成 v-if="{{false}}"。3、uniapp 中非标准标签属性，编译后会被过滤掉，所以选中标准属性来传参。4、写方法时，推荐先 console.log(event); 打印先看看再决定下一步怎么做。...

背景介绍大概在今年的十月份左右，我了解到Dcloud推出了uni-app。当时下载了一个Hbuilder X，下载了官方提供的hello示例教程。经过一番努力，在云端打包成功了。当时这个软件还不够完善，用iphone真机模拟运行时，还会存在中文乱码问题。我还特意提交了一个bug。当时觉得这个框架真的好用。早先开发过混合app，也就是在webview下内嵌html5页面，经常会出现卡顿的和性...

创建自定义组件1、新建 组件.vue 文件2、组件文档结构<template name="组件名称"> <view> ...... </view></template><script>export default { name: "组件名称", //属性 props: { 属性名称: {

完整代码<template> <view style="padding:35px;"> <!-- #ifdef MP-WEIXIN --> <button type="primary" open-type="getUserInfo" @getuserinfo="getuserinfo" withCredenti

重要说明因小程序和app登录接口不同，需要在前端进行跨端兼容处理！小程序端必须的配置小程序端必须配置 app id（申请小程序开发者并获取 appid 及相关秘钥，支持个人开发者）。获取appid后编辑 manifest.json :"mp-weixin" : { "appid" : "您的app id"}接口地址https://developers...

<template> <view> <view v-for="(item, index) in newsList" class="newslist">{{item}}</view> <view class="loading">{{loadingText}}</view&g

navigator属性名 类型 默认值 说明 平台支持url String 应用内的跳转链接，值为相对路径或绝对路径，如："../first/first"，"/pages/first/first"，注意不能加 .vue 后缀open-type String navigate 跳转方式delta Number 当 open-type 为 'navigateBack' 时有效...

uni-app 事件事件映射表，左侧为 WEB 事件，右侧为 ``uni-app`` 对应事件{ click: 'tap', touchstart: 'touchstart', touchmove: 'touchmove', touchcancel: 'touchcancel', touchend: 'touchend', tap: 'ta...

为节约性能，我们将 Class 与 Style 的表达式通过 compiler 硬编码到 uni-app 中，支持语法和转换效果如下：class 支持的语法:<view :class="{ active: isActive }">111</view><view class="static" v-bind:class="{ active: isActi...

基础数据绑定变量赋值：<script>export default { data: { title: 'Hello', name : 'hcoder' }, .....在视图中使用 {{}} 调用变量：<template> <view class="content"> <text class="title">{...

页面生命周期不论是app还是小程序，生命周期是非常重要的知识点。uni-app 支持如下页面生命周期函数：onLoad 监听页面加载，其参数为上个页面传递的数据，参数类型为object（用于页面传参），参考示例onShow 监听页面显示onReady 监听页面初次渲染完成onHide 监听页面隐藏onUnload 监听页面卸载onPullDownRefr...

manifest.json 文件是应用的配置文件，用于指定应用的名称、图标、权限等。属性说明：name String 应用名称appid String 新建uni-app项目时，DCloud云端分配。 应用标识description String 应用描述versionName String 版本名称，例如：1.0.0versionCode String 版...

pages.jsonpages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口表现、设置多 tab 等。pages.json 配置项列表globalStyle Object 否 设置默认页面的窗口表现pages Object Array 是 设置页面路径及窗口表现tabBar Object 否 设置底部 tab 的表现condition...

重要说明请删除 app.vue 中的全局样式：view{display:flex;}在需要flex的时候使用flex即可。尺寸单位uni-app框架目前仅支持长度单位 px 和 %。与传统 web 页面不同，px 是相对于基准宽度的单位，已经适配了移动端屏幕，其原理类似于 rem。PS：uni-app 的基准宽度为 750px。开发者只需按照设计稿确定框架样式中的 p...

为了实现微信小程序、原生App的跨端兼容，综合考虑编译速度、运行性能等因素，uni-app 约定了如下开发规范：页面规范 - Vue 单文件组件 (SFC) 规范.vue 文件是一个自定义的文件类型，用类 HTML 语法描述一个 Vue 组件。每个 .vue 文件包含三种类型的顶级语言块 <template>、<script> 和 <style>，还允许...

搭建环境开发者需分别安装如下工具：HBuilderX：内置uni-app编译器及项目模板，最新版本下载地址 微信开发者工具：编译调试小程序所用，最新版本下载地址创建项目在点击工具栏里的文件 -> 新建 -> 项目：选择uni-app，输入工程名，如：first-uniapp，点击创建，即可成功创建uni-app。点击从模版创建，选择hello-uniapp...

uni-app 介绍uni-app 是一个使用Vue.js开发跨平台应用的前端框架。开发者通过编写 Vue.js 代码，uni-app 将其编译到iOS、Android、微信小程序等多个平台，保证其正确运行并达到优秀体验。uni-app 继承自 Vue.js，提供了完整的 Vue.js 开发体验。uni-app 组件规范和扩展api与微信小程序基本相同。有一定 Vue.js ...