怎么把AngularJS开发的页面迁移到微信小程序
简易计算器的GitHub地址为：boyce-ywr/wxapp-calc。欢迎大家参考和下载。对于熟悉前端开发，特别是熟悉angularjs或react开发的同学来说，微信小程序的开发应该是非常快的。微信小程序完全支持ES6语法，强烈推荐使用flex布局来进行界面布局。
下载微信官方的小程序开发工具，这个是编辑小程序和上传审核小程序必须的工具。如果你是开发者，有开发经验。那你需要去看一下微信的开发文档，看一些案列和小程序的结构语法。
前端开发用到的技术包括但不限于HTMLCSSJavaScript、jQuery、Bootstrap、Node.js、Webpack、AngularJS、ReactJs、VueJs等。这些技术主要用于构建网页的结构和样式，以及实现网页的动态效果和交互功能。
设置属性。多层嵌套循环，二级数组遍历，小程序中的遍历循环类似于angularJS的遍历。二级数组遍历有一个坑。二级遍历wx：for循环的时候，需要注意。微信小程序前端开发者工具将大大地为您节省开发时间，让你有更多的时间陪伴家人和朋友。
用户看不见的东西，通常是与前端工程师进行数据交互及网站数据的保存和读取，相对来说后端涉及到的逻辑代码比前端要多的多，后端考虑的是底层业务逻辑的实现，平台的稳定性与性能等。
展示方式不同，所用技术不同。前端开发用到的技术包括但不限于html。css。javascript、jquery、Bootstrap、Node.js、AngularJs等技术。网站的前端技术指：网站的视觉设计及网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax等。而网站后端技术则指：web服务器上编写程序的相关技术。
小程序打包vendor.js过大
1、小程序打包后vendor.js过大可以通过以下几种方法来解决：按需引入第三方库：全局引入大型库（如lodash、moment）会显著增大vendor.js。为避免这种情况，可以使用ES Modules按需导入所需的模块，或者使用Webpack的externals配置将部分库排除在打包之外，改为通过CDN引入。
2、为了优化分包，需在manifest.json文件中开启分包优化，避免子包组件和js文件打包到主包的vendor.js中，导致过大。具体操作是在mp-weixin节点下添加相应代码，发布后重新打包，确保分包独立。在pages.json中，正确配置subPackages路径，确保其位于pages部分。此外，隐私保护设置也是不可忽视的。
3、对于UniApp微信小程序主包中vendor.js体积过大的问题，可尝试设置optimization配置中的subPackages： true选项，以实现代码的分包优化。若遇到“获取文件失败”错误，表示代码中部分未注册页面如“pages/video/index.js”等，在app.json文件中尚未注册，需先完成页面注册。
怎样使用微信小程序的第三方js库?
1、实验与测试：如果你确实需要在微信小程序中使用SockJS或其他类似库，建议进行充分的实验和测试，以确保其兼容性和稳定性。考虑替代方案：如果SockJS在微信小程序中无**常工作，可以考虑使用其他替代方案，如微信小程序自带的WebSocket API或其他第三方库。
2、配置要求 AppId填写：要在代码中的wx.config里填写对应的公众号/服务号的AppId，确保AppId的正确性。JS接口安全域名配置：在对应的公众号/服务号后台配置“JS接口安全域名”，确保域名已经通过微信审核并添加至白名单中。
3、在微信公众平台后台，登录后进入设置，选择“第三方服务”，然后点击“添加插件”。以添加“极点日历”插件为例：需要注意的是，最多只能添加五个插件。 搜索并添加所需的插件。成功添加后，你可以在插件管理页面看到所添加的插件。
4、**绑定域名**：进入微信公众平台的“公众号设置”-“功能设置”，填写“JS接口安全域名”。 **引入 JS 文件**：在需要调用 JS 接口的页面引入指定的 JS 文件，支持 HTTPS。 **注入权限验证配置**：所有需要使用 JS-SDK 的页面必须先注入配置信息，以确保调用成功。
5、微信小程序原生支持Promise，可以直接使用。但需要注意，由于小程序的运行环境并非传统浏览器，因此在某些浏览器特有的功能上可能会受限。第三方Promise库：考虑到兼容性问题，开发者可能会考虑引入第三方Promise库。
微信小程序常见的UI框架/组件库总结
在微信小程序开发中，常见的UI框架/组件库有以下几种：WeUI小程序：简介：由微信官方设计团队出品，提供与微信原生体验一致的基础样式。特点：深受开发者喜爱，适合追求与微信原生界面一致性的项目。官方地址：weui.iompvue：简介：基于Vue.js的框架，为小程序开发引入了Vue.js的开发体验。
WeUI小程序 - 由微信官方设计团队出品，提供与微信原生体验一致的基础样式，深受开发者喜爱，官方地址：weui.io/。
UI框架概述 图鸟 UI 由一位优秀的 UI 设计师和自由开发者（女性）开发，其 UI 风格酷炫漂亮，深受开发者喜爱。该框架以 uni-app 插件的方式提供，支持发布到 HApp 和微信小程序等多个平台，极大地提高了开发效率和应用的兼容性。
uView UI 概述uView UI 是一个专为 uni-app 而生的优质 UI 组件库。uni-app 是一个使用 Vue.js 开发所有前端应用的框架，通过编写一套代码，可以发布到 iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。
知名多端开发框架 uni-app 生态里优秀的UI框架，一次编写，多端发布。uView UI 是一个用于 uni-app 多端开发的优质 UI 组件库，由第三方爱好者的团队编写。
微信JSSDK的使用及小程序相关功能的使用
**绑定域名**：进入微信公众平台的“公众号设置”-“功能设置”，填写“JS接口安全域名”。 **引入 JS 文件**：在需要调用 JS 接口的页面引入指定的 JS 文件，支持 HTTPS。 **注入权限验证配置**：所有需要使用 JS-SDK 的页面必须先注入配置信息，以确保调用成功。
配置要求 AppId填写：要在代码中的wx.config里填写对应的公众号/服务号的AppId，确保AppId的正确性。JS接口安全域名配置：在对应的公众号/服务号后台配置“JS接口安全域名”，确保域名已经通过微信审核并添加至白名单中。
分享功能是微信场景内最为核心的功能之一，通过分享可以吸引更多的用户访问，从而增加流量和曝光度。 使用流程 绑定域名：首先，开发者需要在微信公众平台上绑定所使用的域名，确保该域名下的网页能够使用微信JSSDK。引入JSSDK：根据需求选择合适的引入方式，将微信JSSDK引入到网页中。
如何实现H5和小程序之间相互跳转
1、从小程序跳转到H5： 使用webview组件：小程序可以通过内置的webview组件嵌入H5页面，实现从小程序跳转到H5页面。但需要注意的是，webview组件的src属性需要是已在微信公众平台中配置的合法域名下的页面。
2、如果小程序运营者不具备独自开发的能力，可以直接借助第三方外链平台/工具来实现跳转功能。使用这种方式时，需要按照以下步骤操作：提供必要信息：向第三方外链平台/工具提供小程序的原始 ID、秘钥、外链名称以及要展示的小程序页面路径等信息。生成外链：第三方平台/工具会根据提供的信息生成一个小程序外链。
3、URL Scheme跳转通过生成小程序的URL Scheme，可以实现从短信、邮件、微信外部网页等场景直接打开小程序。在使用此方法时，需要注意以下几点：目前URL Scheme仅适用于从微信外部跳转打开小程序，iOS和Android系统之间可能存在识别差异。另外，微信平台已不再支持永久URL Scheme，有效期通常为30天。
4、在跳转设置界面中，需要填写一些关键参数，包括：小程序AppID：这是微信小程序的唯一标识，可以在微信小程序的管理后台中找到。小程序路径：这是用户点击H5页面链接后，希望跳转到微信小程序中的哪个页面。需要填写该页面的路径。
5、另一种方式是使用URL Link来实现跳转。URL Link的有效期最长为30天，且可以生成短链接以便更方便地分享和使用。生成URL Link后，同样可以在H5页面中通过a标签或JavaScript的window.location.href等方式进行跳转。总结：微信小程序内嵌H5页面需要配置域名并使用web-view组件。
6、实现H5到小程序的跳转，H5页面需引入微信JS-SDK，通过`wx.miniProgram.navigateTo`方法传递AppID和路径。具体步骤包括引入库、初始化并调用接口。小程序跳转到H5，可以通过``组件嵌入H5页面，或者使用`wx.navigateTo`方法打开外部H5。需要注意H5页面的微信环境检测和``的适配问题。