vue 移动端的开发
一：cli 的安装：cnpm install -g @vue/cli默认是安装在如下目录：C:\Users\xiaocj\AppData\Roaming\npm\node_modules\@vue如果要改变安装路径，则：编辑Path 添加Node.js安装路径 如：C:\Program Files\nodejs添加环境变量：NODE_PATH C:\Program Files\nodejs\node_modules npm config set prefix "C:\Progr...
2024-01-10
移动端和Web前端开发的区别
简介： 前端这门技术，从诞生发展至今不过寥寥十余年。如果说前十年是 PC 前端的时代，那后十年一定是属于移动前端的时代。特别是随着网络制式的发展，移动设备在全球范围内得到了空前的普及，在前端领域，Hybird Web、React Native、Weex、Flutter 等等一系列新的移动前端技术也如同雨后春笋般冒出来...
2024-01-10
webApp开发如何提高移动端性能？
移动开发规范概述以下规范建议，均是Alloyteam在日常开发过程中总结提炼出的经验，规范具备较好的项目实践，强烈推荐使用字体设置使用无衬线字体body { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}iOS 4.0+ 使用英文字体 Helvetica Neue，之前的iOS版本降级使用 Helvetica。中文字体设置为华文...
2024-01-10
vue开发：移动端图片上传
因为最近遇到个移动端上传头像的需求，上传到后台的数据是base64位，其中为了提高用户体验，把比较大的图片用canvas进行压缩之后再进行上传。在移动端调用拍照功能时，会发生图片旋转，为了解决这个问题引入了exif去判断拍照时的信息再去处理图片，这是个很好的插件。关于exif.js可以去他的GitHub...
2024-01-10
Chii：移动端web页面调试工具
Chii 是一款与 weinre 类似的远程调试工具，主要是将 web inspector 替换为最新的 chrome devtools frontend。Demo请扫描二维码或在手机上直接访问：https://chii.liriliri.io/tests/demo.html打开 https://chii.liriliri.io/ 并点击 inspect 按钮开始调试示例页面。如果想在其它页面尝试，请在浏览器地址栏上输入以下代码。...
2024-01-10
移动 Web 开发最佳实践与中文总结
从 meta 开始本节之后可能也涉及 meta 标签，但为了更加全面的摸透 meta 特地用一节的篇幅来系统概述。一、meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。1、http-equiv 属性的 Content-Type 值（显示字符集的设定）说明：设定页面使用的字符集，用以说明主页制作所使用的文字语...
2024-01-10
移动端H5开发神器之vconsole
在开发移动端时，不像开发PC端那么方便，有控制台，可以查看各种网络请求，以及打印的日志。那么Tencent团队就开发出了一款工具，模拟PC端的控制台，可以查看打印日志以及网络请求，甚至还有Localstorage等信息。使用方法：// 在入口文件main.js中引入即可，记得安装依赖import VConsole from "vconsole";n...
2024-01-10
swiper4实现移动端导航切换
本文实例为大家分享了swiper4实现移动端导航切换的具体代码，供大家参考，具体内容如下首先导入<link rel="stylesheet" href="css/swiper.min.css" ><script src="js/jquery-1.10.1.min.js"></script><script src="js/swiper.min.js"></script>(这里用的是Swiper 4.0.7版本)在写入html内容<div id=header> <div class="head-top"> <h...
2024-01-10
VSCode移动端开发Vue 开发及调试方法
APP使用dcloud-hbuilderX打包。只打包了前端项目地址，更新前端不需要更新APP。编辑器: vscode生产系统，设备管理：使用iview组件库：http://v1.iviewui.com/docs/guide/install泰啤物流，出版物流：使用vant组件库：https://youzan.github.io/vant/#/zh-CN/vuex组件：https://vuex.vuejs.org/zh/打包工具： hbuilde xnode-sass 淘宝镜像地址npm...
2024-01-10
移动端CSS适配方案：vw、flexible
何谓移动端适配？首先我们要有期望希望只一套 css，希望只有一套设计稿。因为多一套就会多出一些工作量，我们希望工作量小。希望高度还原设计稿，最好是设计稿转换成图片，图片在手机打开什么样子，网页就长什么样子。带着我们的期望，我们来看看移动端设备 ：ios（375*667、414*736 等） ...
2024-01-10
【前端】移动端WebApp开发，如何实现状态栏沉浸式效果？
webapp如何像一些native app一样使用Android 5.0+和iOS的沉浸式状态栏效果呢？如果单纯的webapp无法实现的话，使用phonegap生产的hybrid app可以实现吗？效果如：回答cordova-plugin-fullscreen状态栏沉浸是靠layout和style实现，webapp页面也需要layout容器支撑，所以实现当然是可以的。webapp并不是纯粹的web，依旧还是脱离不...
2024-01-10
Vue+Webpack构建移动端京东金融（一、开发前准备）
一、开发前准备1.node环境搭建去node.js官网下载长期支持版本的node，采用全局安装，安装方式自行百度网址：https://nodejs.org/zh-cn/安装后在cmd命令行运行如下代码，若返回版本信息则说明安装成功 1node -v2.GitHub创建-码云整个项目通过码云来托管代码，用到的工具是Git。2.1.创建码云账号...
2024-01-10
vue2.0做移动端开发用到的相关插件和经验总结
最近一直在做移动端微信公众号项目的开发，也是我首次用vue来开发移动端项目，前期积累的移动端开发经验较少。经过这个项目的锻炼，加深了对vue相关知识点的理解和运用，同时，在项目中所涉及到的微信api(微信分享，微信支付)，百度地图api(如何实例化地图，给地图添加自定义覆盖物，给地图添...
2024-01-10
【Web前端问题】移动端 视频评论页布局
现在遇到一个需求，就是移动端的视频与底部评论同时存在，如下图现在有个问题就是 视频在大多数移动端浏览器中一旦播放都会悬浮置顶，并跟随滚动且z-index最高层,底部唤醒评论框会被视频挡住且无法看到自己输入的文字，还有ios的fixed问题，我现在的解决方案是在触发input 聚焦时，将视频元素隐...
2024-01-10
基于Vue和Vant-ui开发的移动端周历日期选择器
该周历日期选择器是在 基于Vue的小日历（支持按周切换）的基础上改造而来，对其代码进行优化，并引入了Vant-ui新增了年份和月份的选择、一键返回今日的快捷键功能，以及支持4种常用日期格式的选择。总体来说，该日期选择器适用于中小型移动端web项目，非常好用，现在我把它封装成了一个组件...
2024-01-10
移动端的弹窗滚动禁止body滚动
本文转载于:专业的前端网站➼移动端的弹窗滚动禁止body滚动前言最近一个需求是弹窗展示列表，显然是需要一个滚动条的，而滚动到底部就会穿透到body滚动，而阻止默认行为是不行的，这样两个都滑动不了 所以我在点击出现弹窗的时候在body加了以下css让它没有滚动效果$("body").css({ overflow:"h...
2024-01-10
【Web前端问题】移动端上滑翻页效果如何实现
首先，如图底部所示，三个向上的箭头会是一闪一闪的效果，滑动可以进行翻页；要求：1.页面是占满整屏的，背景始终不变，只是背景上的内容很长，会超出屏幕；2.滑动的时候就翻至下一页，类似于fullPage插件的效果；怎样用jQuery实现这样的效果，包括布局应该怎么布局？希望大神给指导一下，没...
2024-01-10
VUX--基于WeUI和Vue(2.x)开发的移动端UI组件库
基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面VUXreact/angularelement其他UI库...
2024-01-10
请问 移动端开发 滚动条在底部导航上边如何让滚动条去下边
我不想让这个滚动条在底部菜单上边 太难看 如何解决这个问题 请教回答你这应该是整个page滚动吧 试着上下两端固定 中间自适应 然后滚动...
2024-01-10
【Web前端问题】移动端当滚动高度大于某个值时固定导航如何处理？
$(window).scroll(function(){ if ($(this).scrollTop() > h) { $os.addClass("fixed"); }else{ $os.removeClass("fixed"); } })自己使用了scroll和touchmove是可以实现，不过有点问题。在iPhone上会出现当手不离开屏幕的情况下，fixed效果不会出现，而且在快速滚动的情况下，fixed的效果会...
2024-01-10
5种Web开发动画实现方案
前一段时间在做圣诞节运营活动页面的时候，UI给了各种酷炫的动画，看是好看，但是实现起来，头发就得遭殃了。为此，总结了几种Web中多种实现动画的方案。1.css3-transform作为一名优秀的前端开发工程师（切图仔），能自己手动实现的动画绝不依赖于UI，为此css3提供了transform这一工具，其中的多...
2024-01-10IOS 开发之UIView动画的实例详解
IOS 动画实例详解iOS动画的实现方式多种多样，这里就只记录一下 beginAnimations:context 。在你调用 beginAnimations:context:方法来启动一个动画后,动画并不会立即被执行,直 到你调用 UIView 类的 commitAnimations 类方法。你对一个视图对象执行的介于 beginAnimations:context:方法跟 commitAnimations方法之间的操作(例如移动)...
2024-01-10
web网站平板滑动无效
写一个能在平板，手机，电脑上都能用的网站，样式没有问题，手机和电脑的滑动有效，平板滑动无效，谁知道怎么解决，急用，谢谢！回答问题补充：滑动插件使用的是Jquery.nicescroll.js滑动报错信息...
2024-01-10web 开发之创建本地文件夹的实现方法
web 开发之创建本地文件夹的实现方法 filemanage_util.fullPath 就是创建文件的路径这是跨平台的创建文件夹，不像Android那样还要通过 Environment.getExternalStorageDirectory() 的原生代码来创建实现代码：document.addEventListener("deviceready", onDeviceReady, false);function onDeviceReady() { // alert('ondeviceReady'...
2024-01-10
React移动web极致优化
最近一个季度，我们都在为手Q家校群做重构优化，将原有那套问题不断的框架换掉。经过一些斟酌，决定使用react 进行重构。选择react，其实也主要是因为它具有下面的三大特性。React的特性1. Learn once, write anywhere学习React的好处就是，学了一遍之后，能够写web, node直出，以及native，能够适应各种...
2024-01-10
腾讯移动 Web 对外分享组件接口文档
组件地址http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js组件功能定制微信，手机 QQ，QQ 空间 APP 内的分享内容。组件接口/** * 定制接口 * @param opts 定制内容 */setShareInfo({ title: '父爱，在你看不到的地方', // 分享标题 summary: '父爱如山，感觉不到只因身在此山中', // 分享内容 pic: 'htt...
2024-01-10jQuery移动web开发中的页面初始化与加载事件
页面初始化事件(pagebeforecreate、pagecreate)Jquery Mobile会自动基于page"内的增强的约定自动初始化一些插件。例如：给一个input输入框约定了type=range属性会自动生成一个自定义滑动条。这些自动初始化的行为是受"page"插件控制的，它在执行前后部署部署事件，允许你在初始化前后操作页面，或者甚至自己提...
2024-01-10
开发WebGL的第一步
在本文中，我们将了解什么是 WebGL，以及如何通过与 GPU 进行对话来绘制“三角形”。尽管有更好的方法来实现本文中的例子，例如用具有 2d 上下文的 canvas 甚至可以用 CSS，但我们要从 WebGL 开始。就像 “hello world” 一样，了解它是如何工作的。什么是WebGL？WebGL 的字面定义是 Web Graphics Library（Web图形...
2024-01-10
