混合app

前言我们大前端团队内部 ????每周一练 的知识复习计划继续加油，本篇文章是 《Hybrid APP 混合应用专题》 主题的第二期和第三期的合集。 这一期共整理了 10 个问题，和相应的参考答案，文字和图片较多，建议大家可以收藏，根据文章目录来阅读。 之前分享的每周内容，我都整理到掘金收藏集 ????《EFT每周一练》 上啦，欢迎点赞收藏咯????????。 内容回顾： 《EFT 每周分享 —— Hybrid App 应用开发中 5 个必备知识点复习》《EFT 每周分享 —— HTTP 的15个常见知识点复习》《EFT 每周分享 —— 数据结构与算法合集》文章收录： 本系列所有文章，都将收录在 Github 上，欢迎点击查阅。 注：本文整理部分资料来源网络，有些图片/段落找不到原文出处，如有侵权，联系删除。一、iOS 平台中 UIWebView 与 WKWebView 有什么区别？参考文章：《UIWebView与WKWebView》UIWebView 是苹果继承于 UIView 封装的一个加载 web 内容的类,它可以加载任何远端的web数据展示在你的页面上，你可以像浏览器一样前进后退刷新等操作。不过苹果在 iOS8 以后推出了 WKWebView 来加载 Web，并应用于 iOS 和 OSX 中，它取代了 UIWebView 和 WebView ，在两个平台上支持同一套 API。 它脱离于 UIWebView 的设计，将原本的设计拆分成14个类，和3个代理协议，虽然是这样但是了解之后其实用法比较简单，依照职责单一的原则，每个协议做的事情根据功能分类。 WKWebView 与 UIWebView 的区别： ...

github地址，喜欢的可以star下哦插件预览图功能介绍1.长按保存图片 2.右下角图片点击保存图片3.点击图片可以隐藏图片使用教程1.插件代码拷贝下载后把components目录下saveFile.vue文件拷贝到自己项目目录下2.插件全局配置在项目里main.js中配置如下代码import savefile from ‘./components/saveFile.vue’Vue.component(‘savefile’,savefile)3.插件使用vue页面使用<template> <view> <!– 预览图片 –> <savefile v-if=“isShowPhoto” :url=“qrUrl” @hide=“hidePhoto”></savefile> </view></template><script>export default { data() { return { qrUrl:’/static/img/img1.jpg’, isShowPhoto:true, }; }, onLoad() {}, methods: { hidePhoto(){ this.isShowPhoto = false; uni.showToast({ title:‘图片已隐藏’, icon:’none’ }) } }};</script>兼容性uni-app项目中使用都兼容 除了H5

引言废话不多说这套系列的教程就是银戒一隅教你怎么将自己现有的WP网站做成一个app或者小程序技术栈要求需要声明的是，在这套教程之中，因为精力有限的关系，我不负责任何前端页面的设计以及开发，只讲前端与WP交互的接口设计与开发。当然，我还是会尽可能的做出一个简单Demo用于展示与测试（为了通俗易懂这里使用 uni-app ）。而至于什么是接口开发如果有人不明白的可以去百度一下，这里就不详细说明了。但简单且通俗易懂的来说，其实接口就是客户端（app）与服务端交互的一个桥梁，你可以理解成是app需要的功能和数据都是靠接口来实现和获取的。好了，下面说一下本套教程所需的技术栈。1.PHP(起码看得懂代码) 2.小程序前端开发与数据交互 3.WordPress二次开发（起码能看懂代码）4.混合app技术，通俗的来说就是市面上现在很火的什么vue开发app，ReactNative开发app、IONIC开发app……虽然我这里列举了这么多技术要求，但是千万别被吓到了，因为在这套系列的教程中，我会一步一步的讲清楚我敲下的所有代码，并且贴出所有源代码，而这些源代码也是你粘贴复制一下就可以用的。如果你事先就会混合app的开发，那么你只要看了这套教程就完全可以用WP开发一个属于自己的app和小程序了。你将学到什么1.WordPress深度二开2.WordPress主题制作基础3.PHP基础4.接口设计基础5.做一个属于你自己的app教程目录：教程目录

java.io.EOFException at java.io.DataInputStream.readUnsignedShort(DataInputStream.java:340) at java.io.DataInputStream.readUTF(DataInputStream.java:589) at com.pandora.console.core.ConsoleLauncher.main(ConsoleLauncher.java:47)07:14:28.989 已停止运行…1.出问题原因：开启了翻墙软件，端口冲突了2.解决方法关闭翻墙软件即可

uni-app项目数字滚动github地址，喜欢的可以star下哦插件预览图使用教程1.插件代码拷贝下载后把components目录下countUp.vue文件拷贝到自己项目目录下2.插件全局配置在项目里main.js中配置如下代码import countUp from ‘./components/countUp.vue’Vue.component(‘countup’,countUp)3.插件使用vue页面使用<template> <view> <countup :num=“num” color="#ff9e50" width=‘13’ height=‘23’ fontSize=‘23’></countup> <button @tap=“add”>Add</button> <button @tap=“reduce”>Reduce</button> </view></template><script>export default { data() { return { num:123.453 }; }, onLoad() {}, methods: { add() { this.num=++this.num; }, reduce(){ this.num=–this.num; } }};</script>兼容性uni-app项目中使用都兼容

Getting started插件预览图使用教程1.插件代码拷贝下载后把components目录下validCode.vue文件拷贝到自己项目目录下2.插件全局配置在项目里main.js中配置如下代码import validCode from ‘./components/validCode.vue’Vue.component(‘validcode’,validCode)3.插件使用vue页面使用<template> <view class=“content”> <view>验证码：</view> <validcode :maxlength=“4” :isPwd=“false” @finish=“getCode”></validcode> <view>密码:</view> <validcode :maxlength=“6” :isPwd=“true” @finish=“getPwd”></validcode> </view></template><script>export default { data() { return {}; }, onLoad() {}, methods: { getCode(val) { console.log(val); }, getPwd(val){ console.log(val); } }};</script><style>.content { height: 400upx;}</style>