精华内容
下载资源
问答
  • 前面自己查了一点,都是将h5文件放在安卓的assets目录下面,再用webview.load(url)方法的。 问题是:1 .可以直接拿来用吗?我没有h5。。 2.这样有没有屏幕适配的问题? 3商城的帐号是用的微信...
  • 究竟H5小游戏怎么呢?下面为大家整理了H5游戏制作教程。  H5互动游戏制作方法是怎样  如果想要在微信公 众平台里制作H5小游戏,可以参考以下操作:  ①申请一个微信人家营 销平台帐号,点击绑定公 众 号。 ...

      H5是一系列制作网页互动效果的技术集合,即H5就是移动端的web页面。而H5游戏,你可以看作是移动端的web游戏,无需下载软件即可体验,这就是H5在传播上的优势。究竟H5小游戏怎么做呢?下面为大家整理了H5游戏制作教程。

      H5互动游戏制作方法是怎样

      如果想要在微信公 众平台里制作H5小游戏,可以参考以下操作:

      ①申请一个微信人家营 销平台帐号,点击绑定公 众 号。

      ②用公 众号管理员微信扫 码授权,确认以后你的公 众号就会出现在微信人家平台里面。

      ③在微信人家平台你的公 众号那一栏点功能管理进到制作后台。

      H5小游戏制作并不难,如果想要制作更好的h5小游戏页面,也可以找汇桔宝。百度搜索一下,然后登录进去它的网站。就可以看到各种案例了。里面有多重H5互动游戏模板供选择。
      h5互动游戏制作

    展开全文
  • <div><p>该提问来源于开源项目:anyrtcIO-Community/anyRTC-RTMP-OpenSource</p></div>
  • 在微信H5活动页面里, 为了增强活动的表现力或视觉效果,经常会出现设计师在页面中使用特殊字体库的情况,,如果页面没有复杂的交互,直接将含有特殊字体的片段切成图片就能解决这个问题,但有些场景下是不能这样的...

    怎样解决用到特殊字体的页面因为要加载庞大的字体库导致加载慢的问题

      在微信H5活动页面里, 为了增强活动的表现力或视觉效果,经常会出现设计师在页面中使用特殊字体库的情况,,如果页面没有复杂的交互,直接将含有特殊字体的片段切成图片就能解决这个问题,但有些场景下是不能这样做的,比如说图片是根据用户的输入合成的,这样图片就需要动态生成。

      很自然就会想到,只要在这个页面上加载相应的TTF字体库,就能随意在页面上使用这种字体,但是,汉字的数量是非常多的,字体库体积非常大,少则十几M,多至几十M,如果在一个H5页面加载这么大的文件,对于用户体验(和用户的流量套餐^_^)来说简直就是灾难,那这种情况下怎么办呢?

      我后来想到的解决方案是:利用生成图片验证码的技术,将前端需要生成特殊字体的内容发送到后端,在后端读取特殊字体库并生成图片返回给前端就能解决这个问题,比如说,要将用户输入的称谓或祝福语变成某种特殊字体显示时,在前端页面留一个输入框收集内容,并且在keyup事件里将输入框的内容获取出来并发给服务端,服务端页面负责读取字体库内容,找出对应的文字并且合成图片并以二进制的格式输出,前端就使用一个标签接收输出就能在前端几乎同步地显示了,这个方案能避免前端去加载庞大的字体库,用户体验更好。

      你们有其它更好的实现方案吗?欢迎留言交流..

    以下附上后端的参考代码:
    入口 页

    $text = \tools\Tools::getChar('text');
    //计算字符中出现的中英文和数字分别的数量,精确计算宽度
    preg_match_all("/[0-9]{1}/", $text, $arrNum);
    preg_match_all("/[a-zA-Z]{1}/", $text, $arrAl);
    preg_match_all('/([\x{4e00}-\x{9fa5}]){1}/u', $text, $arrCh);
    $numberCount = count($arrNum[0]);
    $wordCount = count($arrAl[0]);
    $chineseWordCount = count($arrCh[0]);
    $othersCount = mb_strlen($text) - $numberCount - $wordCount - $chineseWordCount;
    $width = ($chineseWordCount+$othersCount)*90 + ($numberCount)*48 + $wordCount*55;
    $height = 130;
    $top = ($chineseWordCount)*5 + $wordCount*6 + $othersCount*40;
    $left = 90;
    if($wordCount > 0 || $numberCount > 0){
        //$left = 50;
    }
    $font = [
        'width' => $width,
        'height' => $height,
        'top' => $top,
        'left' => $left,
        'size' => 60,
        'font' => dirname(__FILE__).'/../font/fangzhenglibian1.ttf',
        'text' => $text
    ];
    $mode = \tools\Tools::getChar('mode');
    switch($mode) {
        case 1:
            $font['color'] = [51, 51, 51];
            break;
        case 2:
            $font['color'] = [248, 225, 155];
            break;
        case 3:
            $font['color'] = [51, 51, 51];
            $font['width'] = $width;
            break;
    }
    \tools\Tools::getTextImg($font);

    生成图片的方法

    /**
    * 根据文字打印图片
    * @param $font 要生成特殊字体图片的文本
    * @param $zoom 放大倍数
    */
    public static function getTextImg($font, $zoom = 1) {
        header('Content-Type: image/png');
        $im = imagecreatetruecolor($font['width'] * $zoom, (isset($font['height'])?$font['height']:30) * $zoom);
        $transparent = imagecolorallocatealpha($im, 255, 255, 255, 127);
        imagecolortransparent($im, $transparent);
        imagesavealpha($im, true);
        $black = imagecolorallocate($im, $font['color'][0], $font['color'][1],$font['color'][2]);
        imagefill($im, 0, 0, $transparent);
        imagettftext($im, $font['size'] * $zoom, 0, $font['top'] * $zoom, $font['left'] * $zoom, $black, $font['font'], $font['text']);
        $arr = ['祝您:', '愿你:'];
        $font['text'] = str_replace($arr, "", $font['text']);
        $arr1 = ['请接受', '新春的祝愿,'];
        $font['text'] = str_replace($arr1, "\t\t\t", $font['text']);
        imagettftext($im, $font['size'] * $zoom, 0, ($font['top'] * $zoom)+3, $font['left'] * $zoom, $black, $font['font'], $font['text']);
        imagepng($im);
        imagedestroy($im);
    }
    展开全文
  • 越来越多的APP内业务使用H5的方式实现,怎样H5页面启动更快是很多人在探索的技术点,本文梳理了启动过程中的各个点,分别从前端和客户端角度去探讨有哪些优化方案,供大家参考。 随着移动设备性能不断增强,web ...

    本文作者:蚂蚁金服高级无线开发专家 bang

    越来越多的APP内业务使用H5的方式实现,怎样让H5页面启动更快是很多人在探索的技术点,本文梳理了启动过程中的各个点,分别从前端和客户端角度去探讨有哪些优化方案,供大家参考。

    随着移动设备性能不断增强,web 页面的性能体验逐渐变得可以接受,又因为 web 开发模式的诸多好处(跨平台,动态更新,减体积,无限扩展),APP 客户端里出现越来越多内嵌 web 页面(为了配上当前流行的说法,以下把所有网页都称为 H5 页面,虽然可能跟 H5 没关系),很多 APP 把一些功能模块改成用 H5 实现。

    虽然说 H5 页面性能变好了,但如果没针对性地做一些优化,体验还是很糟糕的,主要两部分体验:

    1.页面启动白屏时间:打开一个 H5 页面需要做一系列处理,会有一段白屏时间,体验糟糕。

    2.响应流畅度:由于 webkit 的渲染机制,单线程,历史包袱等原因,页面刷新/交互的性能体验不如原生。

    本文先不讨论第二点,只讨论第一点,怎样减少白屏时间。对 APP 里的一些使用 H5 实现的功能模块,怎样加快它们的启动速度,让它们启动的体验接近原生。

    过程

    为什么打开一个 H5 页面会有一长段白屏时间?因为它做了很多事情,大概是:

    初始化 webview -> 请求页面 -> 下载数据 -> 解析HTML -> 请求 js/css 资源 -> dom 渲染 -> 解析 JS 执行 -> JS 请求数据 -> 解析渲染 -> 下载渲染图片

    一些简单的页面可能没有 JS 请求数据 这一步,但大部分功能模块应该是有的,根据当前用户信息,JS 向后台请求相关数据再渲染,是常规开发方式。

    一般页面在 dom 渲染后能显示雏形,在这之前用户看到的都是白屏,等到下载渲染图片后整个页面才完整显示,首屏秒开优化就是要减少这个过程的耗时。

    前端优化

    上述打开一个页面的过程有很多优化点,包括前端和客户端,常规的前端和后端的性能优化在 PC 时代已经有最佳实践,主要的是:

    1.降低请求量:合并资源,减少 HTTP 请求数,minify / gzip 压缩,webP,lazyLoad。

    2.加快请求速度:预解析DNS,减少域名数,并行加载,CDN 分发。

    3.缓存:HTTP 协议缓存请求,离线缓存 manifest,离线数据缓存localStorage。

    4.渲染:JS/CSS优化,加载顺序,服务端渲染,pipeline。

    其中对首屏启动速度影响最大的就是网络请求,所以优化的重点就是缓存,这里着重说一下前端对请求的缓存策略。我们再细分一下,分成 HTML 的缓存,JS/CSS/image 资源的缓存,以及 json 数据的缓存。

    HTML 和 JS/CSS/image 资源都属于静态文件,HTTP 本身提供了缓存协议,浏览器实现了这些协议,可以做到静态文件的缓存。

    总的来说,就是两种缓存:

    1.询问是否有更新:根据 If-Modified-Since / ETag 等协议向后端请求询问是否有更新,没有更新返回304,浏览器使用本地缓存。

    2.直接使用本地缓存:根据协议里的 Cache-Control / Expires 字段去确定多长时间内可以不去发请求询问更新,直接使用本地缓存。

    前端能做的最大限度的缓存策略是:HTML 文件每次都向服务器询问是否有更新,JS/CSS/Image资源文件则不请求更新,直接使用本地缓存。那 JS/CSS 资源文件如何更新?常见做法是在在构建过程中给每个资源文件一个版本号或hash值,若资源文件有更新,版本号和 hash 值变化,这个资源请求的 URL 就变化了,同时对应的 HTML 页面更新,变成请求新的资源URL,资源也就更新了。

    json 数据的缓存可以用 localStorage 缓存请求下来的数据,可以在首次显示时先用本地数据,再请求更新,这都由前端 JS 控制。

    这些缓存策略可以实现 JS/CSS 等资源文件以及用户数据的缓存的全缓存,可以做到每次都直接使用本地缓存数据,不用等待网络请求。但 HTML 文件的缓存做不到,对于 HTML 文件,如果把 Expires / max-age 时间设长了,长时间只使用本地缓存,那更新就不及时,如果设短了,每次打开页面都要发网络请求询问是否有更新,再确定是否使用本地资源,一般前端在这里的策略是每次都请求,这在弱网情况下用户感受到的白屏时间仍然会很长。所以 HTML 文件的“缓存”和跟“更新”间存在矛盾。

    客户端优化

    接着轮到客户端出场了,桌面时代受限于浏览器,H5 页面无法做更多的优化,现在 H5 页面是内嵌在客户端 APP 上,客户端有更多的权限,于是客户端上可以超出浏览器的范围,做更多的优化。

    HTML 缓存

    先接着缓存说,在客户端有更自由的缓存策略,客户端可以拦截 H5 页面的所有请求,由自己管理缓存,针对上述 HTML 文件的“缓存”和“更新”之间的矛盾,我们可以用这样的策略解决:

    1.在客户端拦截请求,首次请求 HTML 文件后缓存数据,第二次不发请求,直接使用缓存数据。

    2.什么时候去请求更新?这个更新请求可以客户端自由控制策略,可以在使用本地缓存打开本地页面后再在后台发起请求询问更新缓存,下次打开时生效;也可以在 APP 启动时或某个时机在后台去发起请求预更新,提升用户访问最新代码的几率。

    这样看起来已经比较完美了,HTML 文件在用客户端的策略缓存,其余资源和数据沿用上述前端的缓存方式,这样一个 H5 页面第二次访问从 HTML 到 JS/CSS/Image 资源,再到数据,都可以直接从本地读取,无需等待网络请求,同时又能保持尽可能的实时更新,解决了缓存问题,大大提升 H5 页面首屏启动速度。

    问题

    上述方案似乎已完整解决缓存问题,但实际上还有很多问题:

    1.没有预加载:第一次打开的体验很差,所有数据都要从网络请求。

    2.缓存不可控:缓存的存取由系统 webview 控制,无法控制它的缓存逻辑,带来的问题包括:

    清理逻辑不可控,缓存空间有限,可能缓存几张大图片后,重要的 HTML/JS/CSS 缓存就被清除了。

    磁盘 IO 无法控制,无法从磁盘预加载数据到内存。

    更新体验差:后台 HTML/JS/CSS 更新时全量下载,数据量大,弱网下载耗时长。

    无法防劫持:若 HTML 页面被运营商或其他第三方劫持,将长时间缓存劫持的页面。

    这些问题在客户端上都是可以被解决的,只不过有点麻烦,简单描述下:

    1.可以配置一个预加载列表,在APP启动或某些时机时提前去请求,这个预加载列表需要包含所需 H5 模块的页面和资源,还需要考虑到一个H5模块有多个页面的情况,这个列表可能会很大,也需要工具生成和管理这个预加载列表。

    2.客户端可以接管所有请求的缓存,不走 webview 默认缓存逻辑,自行实现缓存机制,可以分缓存优先级以及缓存预加载。

    3.可以针对每个 HTML 和资源文件做增量更新,只是实现和管理起来比较麻烦。

    4.在客户端使用 httpdns + https 防劫持。

    上面的解决方案实现起来十分繁琐,原因就是各个 HTML 和资源文件很多很分散,管理困难,有个较好的方案可以解决这些问题,就是离线包。

    离线包

    既然很多问题都是文件分散管理困难引起,而我们这里的使用场景是使用 H5 开发功能模块,那很容易想到把一个个功能模块的所有相关页面和资源打包下发,这个压缩包可以称为功能模块的离线包。使用离线包的方案,可以相对较简单地解决上述几个问题:

    1.可以预先下载整个离线包,只需要按业务模块配置,不需要按文件配置,离线包包含业务模块相关的所有页面,可以一次性预加载。

    2.离线包核心文件和页面动态的图片资源文件缓存分离,可以更方便地管理缓存,离线包也可以整体提前加载进内存,减少磁盘 IO 耗时。

    3.离线包可以很方便地根据版本做增量更新。

    4.离线包以压缩包的方式下发,同时会经过加密和校验,运营商和第三方无法对其劫持篡改。

    到这里,对于使用 H5 开发功能模块,离线包是一个挺不错的方案了,简单复述一下离线包的方案:

    1.后端使用构建工具把同一个业务模块相关的页面和资源打包成一个文件,同时对文件加密/签名。

    2.客户端根据配置表,在自定义时机去把离线包拉下来,做解压/解密/校验等工作。

    3.根据配置表,打开某个业务时转接到打开离线包的入口页面。

    4.拦截网络请求,对于离线包已经有的文件,直接读取

    5.离线包数据返回,否则走 HTTP 协议缓存逻辑。

    离线包更新时,根据版本号后台下发两个版本间的 diff 数据,客户端合并,增量更新。

    更多优化

    离线包方案在缓存上已经做得差不多了,还可以再配上一些细节优化:

    公共资源包

    每个包都会使用相同的 JS 框架和 CSS 全局样式,这些资源重复在每一个离线包出现太浪费,可以做一个公共资源包提供这些全局文件。

    预加载 webview

    无论是 iOS 还是 Android,本地 webview 初始化都要不少时间,可以预先初始化好 webview。这里分两种预加载:

    1.首次预加载:在一个进程内首次初始化 webview 与第二次初始化不同,首次会比第二次慢很多。原因预计是 webview 首次初始化后,即使 webview 已经释放,但一些多 webview 共用的全局服务或资源对象仍没有释放,第二次初始化时不需要再生成这些对象从而变快。我们可以在 APP 启动时预先初始化一个 webview 然后释放,这样等用户真正走到 H5 模块去加载 webview时就变快了。

    2.webview 池:可以用两个或多个 webview 重复使用,而不是每次打开 H5 都新建 webview。不过这种方式要解决页面跳转时清空上一个页面,另外若一个 H5 页面上 JS 出现内存泄漏,就影响到其他页面,在 APP 运行期间都无法释放了。

    预加载数据

    理想情况下离线包的方案第一次打开时所有 HTML/JS/CSS 都使用本地缓存,无需等待网络请求,但页面上的用户数据还是需要实时拉,这里可以做个优化,在 webview 初始化的同时并行去请求数据,webview 初始化是需要一些时间的,这段时间没有任何网络请求,在这个时机并行请求可以节省不少时间。

    具体实现上,首先可以在配置表注明某个离线包需要预加载的 URL,客户端在 webview 初始化同时发起请求,请求由一个管理器管理,请求完成时缓存结果,然后 webview 在初始化完毕后开始请求刚才预加载的 URL,客户端拦截到请求,转接到刚才提到的请求管理器,若预加载已完成就直接返回内容,若未完成则等待。

    Fallback

    如果用户访问某个离线包模块时,这个离线包还没有下载,或配置表检测到已有新版本但本地是旧版本的情况如何处理?几种方案:

    1.简单的方案是如果本地离线包没有或不是最新,就同步阻塞等待下载最新离线包。这种用户打开的体验更差了,因为离线包体积相对较大。

    2.也可以是如果本地有旧包,用户本次就直接使用旧包,如果没有再同步阻塞等待,这种会导致更新不及时,无法确保用户使用最新版本。

    3.还可以对离线包做一个线上版本,离线包里的文件在服务端有一一对应的访问地址,在本地没有离线包时,直接访问对应的线上地址,跟传统打开一个在线页面一样,这种体验相对等待下载整个离线包较好,也能保证用户访问到最新。

    第三种 Fallback 的方式还带来兜底的好处,在一些意外情况离线包出错的时候可以直接访问线上版本,功能不受影响,此外像公共资源包更新不及时导致版本没有对应上时也可以直接访问线上版本,是个不错的兜底方案。

    上述几种方案策略也可以混着使用,看业务需求。

    使用客户端接口

    网路和存储接口如果使用 webkit 的 ajax 和 localStorage 会有不少限制,难以优化,可以在客户端提供这些接口给 JS,客户端可以在网络请求上做像 DNS 预解析/IP直连/长连接/并行请求等更细致的优化,存储也使用客户端接口也能做读写并发/用户隔离等针对性优化。

    服务端渲染

    早期 web 页面里,JS 只是负责交互,所有内容都是直接在 HTML 里,到现代 H5 页面,很多内容已经依赖 JS 逻辑去决定渲染什么,例如等待 JS 请求 JSON 数据,再拼接成 HTML 生成 DOM 渲染到页面上,于是页面的渲染展现就要等待这一整个过程,这里有一个耗时,减少这里的耗时也是白屏优化的范围之内。

    优化方法可以是人为减少 JS 渲染逻辑,也可以是更彻底地,回归到原始,所有内容都由服务端返回的 HTML 决定,无需等待 JS 逻辑,称之为服务端渲染。是否做这种优化视业务情况而定,毕竟这种会带来开发模式变化/流量增大/服务端开销增大这些负面影响。手Q的部分页面就是使用服务端渲染的方式,称为动态直出。

    最后

    从前端优化,到客户端缓存,到离线包,到更多的细节优化,做到上述这些点,H5 页面在启动上差不多可以媲美原生的体验了。

    总结起来,大体优化思路就是:缓存/预加载/并行,缓存一切网络请求,尽量在用户打开之前就加载好所有内容,能并行做的事不串行做。这里有些优化手段需要做好一整套工具和流程支持,需要跟开发效率权衡,视实际需求优化。

    另外上述讨论的是针对功能模块类的 H5 页面秒开的优化方案,客户端 APP 上除了功能模块,其他一些像营销活动/外部接入的 H5 页面可能有些优化点就不适用,还需要视实际情况和需求而定。另外微信小程序就是属于功能模块的类别,差不多是这个套路。

    这里讨论了 H5 页面首屏启动时间的优化,上述优化过后,基本上耗时只剩 webview 本身的启动/渲染机制问题了,这个问题跟后续的响应流畅度的问题一起属于另一个优化范围,就是类 RN / Weex 这样的方案,有机会再探讨。

    展开全文
  • 微信H5开发,怎样禁止手机横屏

    万次阅读 2018-05-04 14:05:03
    页面一团糟在网上找了很多方法,下面网友的建议方法:网上的一些方法后来我就把各个大神H5都拿出来看看,发现基本上有问题。也就是说横屏的体验是很差的,毕竟微信H5是二次开发,没有权限获取相关接口。折腾了一...

    最近开发微信H5时遇到一个非常蛋疼的问题,就是手机横屏显示时,排版出问题了,严重变形。就像下面这样。

    页面一团糟

    在网上找了很多方法,下面网友的建议方法:

    网上的一些方法

    后来我就把各个大神做的H5都拿出来看看,发现基本上有问题。也就是说横屏的体验是很差的,毕竟微信H5是二次开发,没有权限获取相关接口。

    折腾了一天了,没有太好的解决方法。所以在开发的时候,就是基于手机竖屏了,也就是让所有的图片,标签都旋转90度。但前提是必须禁止手机屏幕旋转。

    图片旋转90度的css代码:-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg);

    另外一种方法就是,检测手机屏幕是否是横屏了,css3@media{判断手机横竖屏}:

    检测手机横屏代码:

    @media all and (orientation : landscape) {

    .heng{height:100%;width:100%;text-align:center;background:#fff;position:absolute;z-index: 99999;display:block;}/*横屏时的样式*/

    .heng p{margin:0 auto;color:#000;margin-top:90px;}

    }

    检测手机竖屏代码

    @media all and (orientation : portrait){

    h2{color:green;}/*竖屏时样式*/

    效果

    正常情况

    检测到手机旋转时

    当然,css可以做到的,js也一样可以。我们可以通过访问对象的matches属性:

    if(mql.matches) {console.log('portrait'); // 竖屏}else {console.log('landscape'); // 横屏

    监听屏幕方向变化,通过MediaQueryList对象的addListener方法;

    var mql = window.matchMedia('(orientation: portrait)');

    console.log(mql);

    function handleOrientationChange(mql) {

    if(mql.matches) {

    console.log('portrait'); // 打印竖屏

    }else {

    console.log('landscape'); // 打印横屏

    // 打印日志

    handleOrientationChange(mql);

    // 监听屏幕模式的变化

    mql.addListener(handleOrientationChange);

    展开全文
  • uniapp发布H5怎样去掉标题栏?

    千次阅读 2019-10-10 16:56:21
    uniapp发布H5时,如果不去掉标题栏,那么在微信打开就会造成页面有两个标题栏。 那这个标题栏怎么去掉呢? 下图1和2是有标题栏的效果和源码: 只要在pages.json文件中添加一行"navigationStyle":"custom"代码即可...
  • 微信h5棋牌游戏类app域名被微信拦截封杀屏蔽域名被微信封杀,显示的是链接无法访问。 域名被微信拦截是跟淘宝一样一般提示“如需浏览,请长按网址复制后使用浏览器访问”。域名被微信屏蔽,顾名思义肯定就是看不到!...
  • 蓝信是什么?类似微信,江苏省公安厅也在使用的一款手机移动APP平台,能实现内外网互联...基于蓝信能什么?基于蓝信平台,可以很好的把内外网数据打通,方便办公。有成熟的接口体系进行数据扩展。怎么开发?待续…
  • 实现功能: 题目的加载 文章的上下滑动 题模式 题内容区域的上下滑动动态...首先遇到的问题是题区域与文章区域上下滑动的问题怎样才能自适应屏幕呢 首先在 created函数里,获取当前屏幕的高度 this.clientHe...
  • 那么问题来了,宣传单要怎样做才能达到最大的转化率呢? 有人说,那些H5宣传单可以在朋友圈转得很快啊,转化率肯定比纸质的好太多了,事实的确如此。不过,相信大家都明白一个道理,无论你用什么载体,内容...
  • H5直播源码具有怎样的优势? 品牌宣传的朋友都知道,H5是一个重要的表现方式。H5直播源码研发周期较短,尤其强化了web网页的表现性能。 除了微信之外,不少浏览器都可用H5观看视频,所以相对flash而言,不需要安装...
  • 一个网站有不错的流量,那么它的网站在用户体验方面肯定的不差,尤其是在当前搜索引擎越来越注重用户体验的时代,企业建站更应该注重这一方面的问题,那么怎样提高用户体验度?今天云响建站就以如何提升网站用户...
  • 这几天朋友圈流传着一个「中秋新传说」,关于月老养的网红逃跑到...从立项到制作完成用时不到10天,网红逃跑故事背后,还有怎样的故事?今天无非创意(也就是此次H5的制作团队)将亲自给大家讲讲H5制作幕后那些事...
  • “朱哥什么时候咱一个通过canvas图片上传的功能啊!”,小白一大早向老朱问道。老朱:“这个不能着急,图片上传涉及的功能比较多,你可以先试着一个通过input控件上传的功能,做好以后我们在input上传的基础上...
  • 微信访问链接如何遮罩提示跳转浏览器打开 使用微信打开网址链接时,经常会遇到H5网页打不开,无法下载app等情况。那么此时就需要弹出一个遮罩提示用户在手机浏览器窗口打开。 如此一来就再也不用管微信如何的更新...
  • 为什么很多企业朋友都说现在做网站要选择做H5响应式网站,H5响应式网站是一个怎样的网站呢?与传统网站相比有什么区别呢?它到底有什么好?小编在这里简单给大家介绍一下H5响应式网站。 H5响应式网站,H5响应式自助建...
  • 写在前面整个2018年都被工作支配,文章自17年就断更了,每次看到有消息提示过往的文章被收藏,或者有人点赞,都...那么运用到H5上面,是怎样的表现?网上案例也有很多,这里推荐数英的一篇文章,应用尽有:一镜到底...
  • H5开发:横屏适配

    2018-04-19 18:07:00
    对于竖屏式场景来说,大家的经验会比较丰富,因此,此次主要式探讨下横屏式场景下的一些需要注意的点,特别是怎样横屏适配。 对于 H5 横屏页面来说,要实现横屏的话,主要是解决两点:1.无论用户手持方向如何,...
  • 对于竖屏式场景来说,大家的经验会比较丰富,因此,此次主要式探讨下横屏式场景下的一些需要注意的点,特别是怎样横屏适配。对于 H5 轻互动游戏来说,要实现横屏的话,主要是解决两点:1.无论用...
  • h5写的简单计算器

    千次阅读 2019-08-24 22:40:06
    怎样做这个计算器呢?首先要设计他的界面,其次是交互部分。至于功能嘛,可以进行正常的加减乘除就可以。 界面的设计部分我们考虑使用flex弹性布局,优点易于使用,灵活,对于有规则排版的界面易于设计。 对于交互...
  • h5 canvas实现图片裁剪上传

    千次阅读 2018-02-08 10:19:40
    在上一回《从web图片裁剪出发:了解H5中的blob》中我解释了图片在浏览器中以怎样的形式留存,并且在最后一个example中演示了选择图片、预览最后提交的过程。然而这个预览并没有起到什么卵用,因为只能预览不能处理,...
  • 上一篇: LAYA和TypeScript制作H5入门——页面制作 上一篇里,我们制作了H5的第一个页面。 这一篇开始我们学习如何编写代码,并且让我们的页面...修改顺序是怎样的? 初始化Laya。调用laya.init方法。 我们需要将...
  • 9月15日,无惧17级台风“山竹”,320名开发者齐聚广州贝塔空间共同探讨“怎样做一款赚钱的小游戏”。针对众多开发者关心的重度H5游戏性能优化技巧,我们整理了现场速记分享给大家,详见下文: 王泽:各位开发者下午...
  • H5图片压缩与上传

    2016-12-31 22:43:07
    我们来年看 ChiTuStore 是怎样做的。相关文件 App/Module/User/UserInfo.html,App/Module/User/UserInfo.ts   二、HTML布局 HTML 文件中,有如下二句,第一句就是上图所看到的图片,其中的 class ...

空空如也

空空如也

1 2 3 4 5 ... 7
收藏数 125
精华内容 50
关键字:

怎样做h5