注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. Android 通过 WebView 与js 简单交互实现图文混排与查看大图功能

  2. Android 通过 WebView 与 js 交互实现图文混排, 解决图片适配屏幕问题与查看大图功能

  3. 所属分类：Android

    • 发布日期：2016-04-18
    • 文件大小：24117248
    • 提供者：xiaoxin_android

  1. Cocos2d-JS开发之旅 从HTML 5到原生手机游戏

  2. 目录 第一部分 准 备 篇 第1 章 Cocos2d-JS 介绍 / 2 第2 章 跑起我们的HelloWorld / 10 第一部分总结 / 27 第二部分 做一个简单的小游戏 第3 章 Cocos2d-JS 的平面世界 / 30 第4 章 让世界来点动静 / 51 第5 章 让玩家操纵这个世界 / 72 第6 章 控制小怪按时出现——定时器 / 84 第7 章 游戏界面 / 96 第8 章 不能光说不练——小小碰碰糖 / 122 第9 章 把成果分享到网上 / 143 第二部分总结 / 1

  3. 所属分类：cocos2D

    • 发布日期：2017-09-27
    • 文件大小：47185920
    • 提供者：june199111

  1. 手机端h5页面适配+预加载+获取资源加载进度模板

  2. 里面内容：通过js控制使页面整体缩放的方案，还有一个就是通过js实时检测屏幕大改变html根字体大小的rem布局方案。目前我在使用的是缩放的方案。整体代码基本上是整合的是大牛们分享的一些实用代码

  3. 所属分类：HTML5

    • 发布日期：2017-10-27
    • 文件大小：44032
    • 提供者：github_38305441

  1. Cocos2d-JS开发之旅+完整版

  2. 《Cocos2d-JS开发之旅 从HTML 5到原生手机游戏》 《Cocos2d-JS开发之旅——从HTML 5到原生手机游戏》从简单到复杂逐渐深入介绍Cocos2d-JS，包括HTML5和手机原生游戏两个方面的内容。这些内容融汇了作者多年的工作经验和Cocos2d-JS 的亲身使用教训，有助于读者快速掌握游戏开发的方法和避开不必要的麻烦。 《Cocos2d-JS开发之旅——从HTML 5到原生手机游戏》以两个游戏为线索，每一章的学习都为最终实现游戏而准备。除了基础的Cocos2d-JS使用方

  3. 所属分类：HTML5

    • 发布日期：2018-05-31
    • 文件大小：47185920
    • 提供者：mxlcl0557

  1. 移动端适配+响应式开发参考代码

  2. 设计稿的宽度：designWidth 允许自适应的最大宽度（超过这个值屏幕元素不在自适应增大）:maxWidth 页面顶部加上： 这段js的传入两个参数:一个为设计稿实际宽度，一个为显示的最大宽度（允许的屏幕最大宽度，用来限制屏幕过大之后元素还会自适应增大的） 例如设计稿为750，最大宽度为600，则为(750,600)，屏幕大于600之后就不会自适应变大了，也相当于在用@media属性时min-width只设置到了600，没有后面的屏幕尺寸，就不会再变化了 公式：1rem = 浏览器屏幕宽（

  3. 所属分类：Javascript

    • 发布日期：2018-06-26
    • 文件大小：9216
    • 提供者：tcf_jingfeng

  1. 通用移动端屏幕适配文件flexible.js

  2. 移动端通用适配方案，解决了1px边框的问题和无线缩放的问题。

  3. 所属分类：Web开发

    • 发布日期：2020-04-08
    • 文件大小：2048
    • 提供者：weixin_45395575

  1. flexible.js

  2. flexible.js手淘框架，是一个用来适配移动端的js框架。手淘框架的核心原理就是根据不同的width给网页中html跟节点设置不同的font-size，然后所有的距离大小都用rem来代替，这样就实现了不同大小的屏幕都适应相同的样式了。

  3. 所属分类：Javascript

    • 发布日期：2020-06-12
    • 文件大小：3072
    • 提供者：qq_42109746

  1. flexible.js

  2. 淘宝自适应插件flexible.js，根据屏幕适配html和font-sizi 公式：结果=测量数据/75，比如100px,100/75=1.33333rem,因为rem值(html标签字体大小)插件自己设置了，所以使用就直接写1.3333rem 用法：导入插件=> rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。1rem=16px(浏览器html的像素，可以设定这个基准值），假如浏览器的html设为64px，则下面的元素则1rem=64px

  3. 所属分类：HTML5

    • 发布日期：2020-07-05
    • 文件大小：2048
    • 提供者：qq_43217258

  1. js实现适配不同的屏幕大小

  2. 本文主要介绍了通过js适配不同的屏幕大小的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧

  3. 所属分类：其它

    • 发布日期：2020-10-20
    • 文件大小：28672
    • 提供者：weixin_38699784

  1. html5中使用hotcss.js实现手机端自适配的方法

  2. Html5页面在手机端做自适配是很常见的技术需求，下面介绍下在html页面使用hotcss 简介 使用动态的HTML根字体大小和动态的viewport scale。 遵循视觉一致性原则。在不同大小的屏幕和不同的设备像素密度下，让你的页面看起来是一样的。 1.新建一个项目文件夹，目录结构如下图: src //主要文件在这里 ├── hotcss.js ├── px2rem.less ├── px2rem.scss └── px2rem.styl 2.hotcss.js 文件可以下载官方的,也可

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：206848
    • 提供者：weixin_38697557

  1. 详解移动端h5页面根据屏幕适配的四种方案

  2. 方法一：引入淘宝开源的可伸缩布局方案 引入淘宝开源的可伸缩布局方案：https://github.com/amfe/lib-flexible（此处可点击） 淘宝的其实也和viewport的有点像，但是它主要是根据设备设备像素比设置scale的值，保持视口device-width始终等于设备物理像素，屏幕大小动态计算根字体大小，具体是将屏幕划分为10等分。这块也可以直接用js实现，后面会提到 具体引入和使用方法，移步github查看，非常详细。 方法二：viewport 的使用 github里边，

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：71680
    • 提供者：weixin_38722891

  1. flexible.js实现移动端rem适配方案

  2. 需要了解的基础知识： 物理像素：物理像素又被称为设备像素，他是显示设备中一个最微小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。正是这些设备像素的微小距离欺骗了我们肉眼看到的图像效果。 设备独立像素：也称为密度无关像素，可以认为是计算机坐标系统中的一个点，这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素)，然后由相关系统转换为物理像素。 设备像素比：简称为dpr，其定义了物理像素和设备独立像素的对应关系。它的值可以按此公式计算得到：设备像素比 ＝ 物理像素 / 设备独立像素

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：218112
    • 提供者：weixin_38635166

  1. vue使用rem实现 移动端屏幕适配

  2. 要想移动端适配 并使用 rem  您需要先看这篇文章，配置好less :right_arrow_selector: 在vue 中使用 less，就可以使用rem了 如果项目已经开发的差不多了，没有用到rem 又要使用rem，您用这招。 postcss-pxtorem：转换px为rem的插件 安装 postcss-pxtorem npm install postcss-pxtorem --save   新建rem.js文件 const baseSize = 32 // 设置 rem 函数 fu

  3. 所属分类：其它

    • 发布日期：2020-12-01
    • 文件大小：144384
    • 提供者：weixin_38706100

  1. js实现适配不同的屏幕大小

  2. 话不多说，请看代码： // 通过js适配不同的屏幕大小 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!cl

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：19456
    • 提供者：weixin_38621250

  1. js实现九宫格拼图小游戏

  2. 效果如下： 代码如下： 九宫格拼图 *{ padding: 0; margin: 0; border: 0; } /* *是通配符，给所有的元素去掉默认样式，因为有的浏览器会默认加上一些样式，这可能会给布局带来问题 */ body{ width: 100%; height: 100%; } /* 给body设置100%的高度和宽度，这样就会根据浏览器屏幕大小自动适配 */ #c

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：103424
    • 提供者：weixin_38692666

  1. vue项目中使用lib-flexible解决移动端适配的问题解决

  2. 第一部分：项目中引入lib-flexible 一、项目中安装lib-flexible $ npm install lib-flexible --save 二、在项目的入口js文件中引入lib-flexible import 'lib-flexible' 通过要以上两步，就完成了在vue项目使用lib-flexible来解决移动端适配了。 lib-flexible会自动在html的head中添加一个meta name=”viewport”的标签，同时会自动设置html的font-size为屏幕

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：44032
    • 提供者：weixin_38677472

  1. flexible.js

  2. 移动端适配，配合rem使用，方便快捷适应各种屏幕

  3. 所属分类：Web开发

    • 发布日期：2021-02-11
    • 文件大小：1024
    • 提供者：weixin_39411655

  1. 详解vue.js移动端配置flexible.js及注意事项

  2. 前言 最近在用vue做移动端项目，网上找了一些移动端适配的方案，个人觉得手淘团队flexible.js还是比较容易上手，在这里做下总结。 主体 flexible.js适配方案采用rem布局，根据屏幕分辨率大小不同，调整根元素html的font-size，从而达到每个元素宽高自动变化，适配不同屏幕 1.安装lib-flexible.js npm install lib-flexible --save 1.在项目入口文件main.js中引入lib-flexible import 'lib-flexi

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：118784
    • 提供者：weixin_38587155

  1. html5 分层屏幕适配的方法

  2. 设计大大，这次真的是 按设计稿来 了，因为现在，任何机子都是设计稿标准机！ 开发同学，这下你就直接读设计稿标注就好了啦！ 屏幕适配 屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain、cover 或 fill，多屏常见是 依宽 。 contain 和 cover 还需要 定位 来处理留白和超出的内容。 而同一个 H5 里不同内容往往用不同适配方式，即 分层。 优选CSS 页面加载后 js 往往需要延时至少 70ms 才能获取正确的 webview 宽高

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：179200
    • 提供者：weixin_38546817

  1. vue移动端屏幕适配详解

  2. flexible vue移动端屏幕适配,查看项目地址 效果预览 # 项目clone git clone gitgithub.com:NicolasGui/flexible.git # 进入项目目录 cd flexible # 安装依赖 npm install # 启动服务 localhost:8080 npm run dev 原理概述 插件安装 # 插件一：amfe-flexible npm install amfe-flexible --save #  插件二： node-sass npm i

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：41984
    • 提供者：weixin_38692707
« 12 3 »