加载中...

从iOS到前端H5开发

发表于2021-07-02|更新于2026-01-28|iOS开发

|总字数:98|阅读时长:1分钟|浏览量:

从iOS到前端H5开发

一、基础知识对比
基本数据类型比较，操作
值类型，引用类型
方法、函数对比

二、Vue简单介绍响应式编程，

三、界面搭建、三方库使用、传值方式、路由

微信小程序到推推小程序

四、一些坑
本地 node版本过高问题
vue-clipboard3 Vue 2跟 Vue3的库
五、总结

文章作者: chenXming

文章链接: https://chenxming.github.io/2021/07/02/%E4%BB%8EiOS%E5%88%B0%E5%89%8D%E7%AB%AFH5%E5%BC%80%E5%8F%91/

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 chenXming的个人技术网站！

iOS 前端 Vue Vue3 小程序路由

相关推荐

从客户端到前端入门总结

一. 概述笔者是客户端研发出身，如果只有一门技术傍身，不足以胜任市场对客户端研发的要求，于是想学习大前端技术栈。但苦于日常工作繁琐，一直没有机会学习（其实就是自身懒惰）。直到工作需要，需要写一个微信小程序，这才下决心学习前端技术。其实如果想入门前端，从微信小程序入手不失为一个好的方法。初次接触微信小程序，它的数据双向绑定机制，让写习惯了客户端的我叹为观止。目前我入门前端的技术路径是：客户端—微信小程序—混合App—H5。一些我自己的经验总结出来，希望对你有所帮助。当然阅读这篇文章的前提是，你已经了解了基本的Html、CSS、JS语法。二. 环境与工具1. 前端环境搭建笔者使用的Mac电脑，所有的环境搭建工作都是基于Mac电脑来操作的。首先安装node.js与npm: node.jsnode 是一个基于 V8 引擎的 Javascript 运行环境，它使得 Javascript 可以运行在服务端，直接与操作系统进行交互，与文件控制、网络交互、进程控制等。简单的说node.js就是运行在服务端的 JavaScript。你可能会有疑问，我写前端页面为甚么需要一个运行在服务端的的J...

360小程序研发经验总结

从客户端到前端研发经验总结一. 概述笔者是客户端研发出身，如果只有一门技术傍身，不足以胜任市场对客户端研发要求，于是想学习大前端技术栈。但苦于日常工作繁琐，一直没有机会学习（其实就是自身懒惰）。直到工作需要，需要写一个微信小程序，这才下决心学习前端技术。其实如果想入门前端，从微信小程序入手不失为一个好的方法。初次接触微信小程序的数据双向绑定机制，让写习惯了客户端的我叹为观止。目前我入门前端的技术路径是：客户端—微信小程序—360小程序—混合App—H5。一些我自己的经验总结出来，希望对你有所帮助。当然阅读这篇文章的前提是，你已经了解了基本的Html、CSS、JS语法。二. 环境与工具1. 前端环境搭建笔者使用的Mac电脑，所有的环境搭建工作都是基于Mac电脑来操作的。首先安装node.js与npm: node.jsnode 是一个基于 V8 引擎的 Javascript 运行环境，它使得 Javascript 可以运行在服务端，直接与操作系统进行交互，与文件控制、网络交互、进程控制等。简单的说node.js就是运行在服务端的 JavaScript。你可能会有疑问，我写前端页...

前端Vue入门总结

一. 概述在目前的互联网大环境下，如果只有一门技术傍身，不足以胜任市场对研发的要求，于是想学习大前端技术栈。笔者接触前端是从开发微信小程序开始的，它的数据双向绑定机制，让写习惯了客户端的我叹为观止。目前我入门前端的技术路径是：客户端—微信小程序—混合AppH5开发—Web前端。一些我自己的经验总结出来，希望对你有所帮助。当然阅读这篇文章的前提是，你已经了解了基本的Html、CSS、JS语法。二. 环境与工具1. 前端环境搭建笔者使用的Mac电脑，所有的环境搭建工作都是基于Mac电脑来操作的。首先安装node.js与npm: node.jsnode 是一个基于 V8 引擎的 Javascript 运行环境，它使得 Javascript 可以运行在服务端，直接与操作系统进行交互，与文件控制、网络交互、进程控制等。简单的说node.js就是运行在服务端的 JavaScript。你可能会有疑问，我写前端页面为甚么需要一个运行在服务端的的JS环境。其实我们这里使用node最关键是需要安装npm. npmnpm是node.js的包管理工具（package manager），为啥我们需...

Web开发-React-Redux与Vuex使用对比

一. 概述React与Vue是我们熟悉的两大前端主流框架，来自官方的解释,Vue是一套用于构建用户界面的渐进式框架,React是一个用于构建用户界面的JavaScript库,两个框架都使用各自的语法，专注于用户UI界面的构建.那我们会有疑问，这两个框架都专注于UI界面的构建，但是随着JavaScript单页应用开发日趋复杂，我们如何进行更多数据的管理呢？比如网络请求的数据、缓存数据、本地生成尚未持久化到服务器的数据，UI状态数据，激活的路由，被选中的标签等等. 基于上面的疑问，两个框架都有各自的解决方案：React-Redux与Vuex. 二.使用1.Redux使用react-redux之前我们先来了解一下Redux。Redux是 JavaScript 状态容器，提供可预测化的状态管理，Redux由Flux演变而来,当然除了和React一起用外，还支持其它界面库，不过我们这里主要介绍它配合React进行使用.先来了解下它的几个核心概念： (1) 核心概念 State: 所谓的state就是React组件所依赖的状态对象。你可以在里面定义任何组件所依赖的状态。比如一个简单的todo...

混合开发入门 Vue结合Android/iOS开发仿京东项目App

三端把后台数据进行处理并且优雅的展示给用户混合 Naitive 跟 web 技术进行开发移动应用一.目前主流的混合开发方案 faceBook :React、ReactNative 阿里： Week google：flutter 小程序开发移动应用混合开发框架 PWA（Porgress Web App）本课程：使用Vue框架配合 android + iOS 的跨语言通信原理项目效果：http://imooc.hybrid.lgdsunday.club/需要掌握内容：Scss Vue全家桶 vue-cli3 脚手架、Vue动画 webpack打包、组件化思想、混合开发原理跨语言通信机制前端项目的部署二.混合开发原理混合开发又叫 Hybrid App,混合了Native 和 web技术进行开发的应用方案：基于 WebView UI (JSBridge)的方案主流方案：淘宝、微信、饿了么等，使用JSBridge进行与原生的通信,使用webView 进行页面渲染，本课程使用基于 Native UI （ReactNative、weex）:赋予web原生能力基础上...

iOS-滤镜那些事儿

一. GPUImage 框架的介绍及基本使用1.GPUImage 的介绍 GPUImage是基于OpenGL ES的一套图像、视频处理开源框架，它里面提供了大量的滤镜，使用者可以通过这些滤镜的组合实现很好的效果，同时也很方便在原有基础上实现自定义的滤镜。对于大规模并行操作（如处理图像或实时视频帧），GPU具有比CPU更显着的性能优势。而 GPUImage 所有滤镜是基于OpenGL Shader实现的，所以滤镜效果、图像处理是在GPU上执行的，处理效率比较高，在iPhone4及其以上手机，可以做到实时流畅的效果。而且它隐藏了Objective-C与OpenGL ES API交互的复杂性。目前市面上的图像视频处理App，95%以上在使用GPUImage，所以学习它的使用及原理还是很有必要的。GPUImage 同时支持iOS跟Andorid平台，地址：iOS版本 Android版本也支持 Swift版本，本文主要介绍它的 OC 版本，核心类的功能以及原理跟 Andorid 版本是相通的。iOS开发者使用方式：直接 CocaPods 集成： pod 'GPUImage...