2、引入外部js文件：通过 src 引入，此时 script 标签内添加任何js代码都不起效果。
可以内嵌在移动端，实现前端的混合式开发，大多数混合式开发框架都是基于WebView模式进行二次开发的。比如：APIcloud、uni-app等等的框架。
作为一个多端开发框架，Taro从项目发起时就已经支持编译到H5端。随着Taro 多端能力的不断成熟，对 Taro H5 端应用的要求也不断提升，已经不再满足于“能跑”，更希望 Taro 能跑得快。
今天同事遇到一个需求，需要用H5打开小程序。且H5和小程序是属于两个不同的东西，没有交集。想了想也没什么特别好的方案。我这里根据不同的场景，汇总一下可能的方案。
导语：Kbone 是微信推出的 Web 与小程序同构解决方案，该方案现已支持 Vue、React 等同构 本文目录一览： 1. 背景 2. 框架选择 3. React-Kbone-Miniprogram 过程 4. 接入现有工程 4.1 构建配置 4.1.1 Babel 4.1.2 Tree Shaking 4.1.3 与小程序代码复用 4.2 代码编写 4.2.1 小程序、H5 公共库适配 4.2.2 op
我们有一个微信小程序，在迭代的过程中，为了赶进度，最初里面大部分页面都是利用 web-view 组件嵌套h5站点来实现的；h5站点，就是利用的vue-cli官方那一套搭建的单页面应用；随着项目的推进，迭代的节奏开始慢下来，老生常谈的前端项目优化问题，终于被提上了日程（主要有人吐槽加载太慢了）
前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为 H5 和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序，或开发小程序后希望将其转换为 H5，mpvue 将是十分契合的一种解决方案。 目前， mpvue 已经在美团点评多个实际业务项目中得到了验证，因此我们决定将其开源，希望更多技术同行一起开发，应用到更广泛的场景里去。项目的地址在： https://github.com/Meituan-Dianping/mpv
用于判断当前编译类型，目前有 weapp / swan / alipay / h5 / rn / tt / qq / quickapp 八个取值，可以通过这个变量来书写对应一些不同环境下的代码，在编译时会将不属于当前编译类型的代码去掉，只保留当前编译类型下的代码，例如想在微信小程序和 H5 端分别引用不同资源
概述 做过混合开发的人都知道Ionic和PhoneGap之类的框架，这些框架在web基础上包装一层Native，然后通过Bridge技术的js调用本地的库。 在讲JSBridge技术之前，我们来看一下传统的实现方式。 Android端 Native调JS native调用js比较简单，只要遵循：”javascript: 方法名(‘参数,需要转为字符串’)”的规则即可。 在4.4之前，调用的方式： // mWebView = new WebView(this); mWebView.lo
HTML5学堂：本文当中我们介绍了跨域的基本知识，讲解到了跨域的相关种类，并讲解了解决跨域中的一种方法——如何使用iframe跨域。讲解了iframe跨域的基本原理与流程，并配以实战~ 利利的独白：跨域，是我们的课程中必不可少的一部分，但是我们一直都是在讲解JSONP的跨域方式，虽然也提到了iframe的跨域方式，但是由于时间因素，并没有办法放置到课程中。 本文仅仅讲明了iframe的跨域问题，想了解更多关于iframe标签的基本知识，直接发送 “iframe标签” 到 “HTML5学堂” 的微信。 什么是
HTML5愤怒的小红帽小游戏是一款益智休闲射击小游戏，游戏中一支箭，一个便当袋，小红帽能平安的到达老奶奶家吗？赶紧一起护送小红帽去奶奶家吧。完成这个神圣的任务，做真正的勇士！
最近在做APP、h5产品，登陆注册成了难题。邮箱验证多数人不会使用，还是短信方便点，短信可以采用号码认证和验证码的方式，前者稍微便宜的，关于性价比和上手程度我推荐个推， 于是有了今天这篇案例记录，对于H5向uniapp进行数据传输，我建议看我这篇【uniapp】H5向uniapp通信存储数据——H5如何传递数据到uniapp方法的解决方案
Vue作为前端三大框架之一，其已经悄然成为主流，学会用vue相关技术来开发项目会相当轻松。
本文将介绍前端如何封装一款 js-sdk 以及如何快速将你的应用变成 js-sdk , 我们将总结一些封装 js-sdk 的原则和案例, 来帮大家更快的上手 sdk 开发. 其中笔者还会以H5-Dooring 为例子, 介绍如何将 H5 页面编辑器封装成一个 js-sdk 供他人使用.
之前我们提到了iframe跨域，今天我们在原有的基础之上进行“实例”的讲解。通过iframe跨域实现表单数据的提交。如果想了解iframe跨域，可以发送“iframe跨域”到“HTML5学堂”公众号。 为何提交数据还要跨域？ 在使用iframe跨域之前，可能你的脑海中就出现了这样一个问题：为何提交表单数据还需要跨域呢？ 首先我们要知道，网站的数据是存放在服务器上的，而当一个网站很大型，拥有很多的数据时，通常会进行分类，然后将不同类的内容放置在不同的子域名中。 表单数据的提交模式 今天会使用到MD5的知识，因
想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。（实现起来并不复杂，该教程只是提供思路，并非最佳实践）
在uni-app项目根目录 执行 npm install uni-simple-router
注意：很多朋友遇到 Cannot read property 'opera' of undefined 错误问题是 jQuery 版本兼容问题。
编译模式：自定义组件模式，这个默认自动设置的。这方面比较复杂，曾经的叫非自定义组件模式官方不在支持。
作者：汪娇娇 时间：2017年10月10日 话不多说，直接进入正文。 一、小程序和公众号 答案是：可以相互关联。 在微信公众号里可以添加小程序。 图片有点小，我把文字打出来吧： 可关联已有的小程序或
说明：该依赖是由 yanxi 大佬将官方 js-sdk 发布到 npm，支持 CommonJS，便于 browserify，webpack 等直接使用。
小程序面世一年多以来，给前端开发带来了巨大的影响，有移动应用的地方，就有小程序的踪迹。经过一年多的发展和沉淀，小程序能力不断放开，产品形态日趋成熟，已经发展成独立的端上开发技术体系，俨然与 H5、native 形成鼎足之势。
一般习惯于把引用的jquery.js 和 boostrap.js <body></body>标签中，bootstrap.css放在<style></style>标签中。
Axios 是一个开源的可以用在浏览器端和 NodeJS 的异步通信框架，她的主要作用就是实现 AJAX 异步通信，其功能特点如下：
1、微信是不支持直接链接分享的，也就是如果你是别人给你的链接直接点开分享是不可以的 2、微信支持点击收藏以后分享出去 3、微信支持从公众号直接分享出去
对 APP 里的一些使用 H5 实现的功能模块，一般体验都比原生差，那么怎么提高h5加载速度？优化 h5 体验？
随着今年的双十一落下帷幕，京喜（原京东拼购）也迎来了首捷。双十一前夕微信购物一级入口切换为京喜小程序，项目顺利通过近亿级的流量考验，在此与大家分享一点自己参与的工作。
1. 报错提示 Uncaught SyntaxError: Unexpected token '<' 2. 报错截图 3. 查看报错原因 4. 分析原因 这里肯定不可能是错误的，依次向下查找； head 标签里边的 meta title script 等都是常规，没有多余的 ‘<’，没有报错； body 标签中 script 的 app.js 的静态资源文件路径错误！ 5. 造成问题的原因 app.js 是脚手架自动引入，也就是说不是代码的问题，而是配置问题； 查看 config 下的
webpack的核心是一切皆模块，所以它其实本质上就是个静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
一般项目不大就利用事件车，公共的Vue实例进行传递数据 一共有两种写事件车的方式，下面一一介绍 利用$emit发射自定义事件和 $on监听自定义事件 $off销毁事件 一、第一种方式 （创建公共文件） src文件夹下建立公共文件 // 建立公共的js文件（事件车），主要用来传递信息 // 引入vue.js import Vue from 'vue'; // 创建空的vue实例 var event = new Vue(); export default event; home.vue文件 <
苹果的iOS 10已经正式对外推送，相信尝鲜的用户已经更新到最新的系统。然而，如果web站没有及时支持https协议的话，当很多用户在iOS 10下访问很多网站时，会发现都无法进行正常精确定位，导致部
为了保障即构线上抓娃娃H5方案能够普遍的适配所有浏览器，即构团队在视频网络完成视频转码，把视频转成MPEG1。然后，在用户侧H5和视频网络之间加入接入服务器，把基于UDP的私有协议转成WebSocke
我是 盛瀚钦，沪江 CCtalk 前端开发工程师，Taro 框架的 issue 维护志愿者，主要侧重于前端 UI 编写和团队文档建设。
Vite 意在提供开箱即用的配置，同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性，并有完整的类型支持。
大体相同，但小程序直接this.data的属性是不可以同步到视图的，必须调用this.setData()方法！
最近接到多端开发，因为老项目使用的React，考虑到迁移成本，选择了Taro，迁移成本相对较低，且上手较快。
Vite 意在提供开箱即用的配置，同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性，并有完整的类型支持。 Vite 将会使用 esbuild 预构建依赖。Esbuild 使用 Go 编写，并且比以 JavaScript 编写的打包器预构建依赖快 10-100 倍。
在移动时代 Web 的开发方式逐渐从 PC 适配时代转向 Hybird 的 Webview。以前，我们只需要了解一下 PC Chrome 提供的几个操作行为，比如 DOM、BOM、页面 window.location 跳转等等。你的一切行为都是直接和 浏览器打交道，只要规规矩矩的按照 W3C/MDN 上面的文档开发即可。比如，我需要你实现一个截屏的需求，后面一查文档，发现 API 不支持，没法做，直接打回~
本文由 IMWeb 团队成员 Ciccy 首发于 IMWeb 社区网站 imweb.io。点击阅读原文查看 IMWeb 社区更多精彩文章。 webpack的核心是一切皆模块，所以它其实本质上就是个静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。官网显示的这幅图很形象地描述了这个过程： webpack4相比于3做了很多优化，最大的改变就是支持了零配置打包，不再强制要求必须进行繁琐的webpac
可能很多人脑海中已经出现了这样一个动画，当浏览器中页面尺寸不断变化时，内容也在随之变化。简单说，响应式网站设计是一种允许设计和代码响应设备屏幕大小的方法。
在组件入门这篇教程中，学院君已经给大家演示了插槽（slot）功能的基本使用，插槽的主要作用就是在组件中分发父作用域的内容，这个父作用域可以是 Vue 全局容器（可以看作是一个全局的「根组件」），也可以是父组件。
据官方介绍，Kbone 是一个致力于微信小程序和Web端同构的解决方案。具体来说，因为微信小程序的底层模型和 Web 端不同，所以如果我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的。
相信很多朋友字进行php开发时都遇到相同的问题，那就是H5移动端安装苹果底部返回难题，直至今晚终于被小编给解决了，原来只需要引入一个JS，就解决了所有问题。
笔者之前花了大量的时间在思考如何设计和实现H5页面可视化编辑器H5-Dooring，从第一个版本到现在经历了很多次版本迭代和优化，也收到了很多宝贵的建议，目前刚好完成了移动端数据可视化的基本设计和落地方案，在这里特地总结和复盘一下。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
