webApp开发如何提高移动端性能？
移动开发规范概述以下规范建议，均是Alloyteam在日常开发过程中总结提炼出的经验，规范具备较好的项目实践，强烈推荐使用字体设置使用无衬线字体body { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}iOS 4.0+ 使用英文字体 Helvetica Neue，之前的iOS版本降级使用 Helvetica。中文字体设置为华文...
2024-01-10
5种Web开发动画实现方案
前一段时间在做圣诞节运营活动页面的时候，UI给了各种酷炫的动画，看是好看，但是实现起来，头发就得遭殃了。为此，总结了几种Web中多种实现动画的方案。1.css3-transform作为一名优秀的前端开发工程师（切图仔），能自己手动实现的动画绝不依赖于UI，为此css3提供了transform这一工具，其中的多...
2024-01-10
移动 Web 开发最佳实践与中文总结
从 meta 开始本节之后可能也涉及 meta 标签，但为了更加全面的摸透 meta 特地用一节的篇幅来系统概述。一、meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。1、http-equiv 属性的 Content-Type 值（显示字符集的设定）说明：设定页面使用的字符集，用以说明主页制作所使用的文字语...
2024-01-10
React移动web极致优化
最近一个季度，我们都在为手Q家校群做重构优化，将原有那套问题不断的框架换掉。经过一些斟酌，决定使用react 进行重构。选择react，其实也主要是因为它具有下面的三大特性。React的特性1. Learn once, write anywhere学习React的好处就是，学了一遍之后，能够写web, node直出，以及native，能够适应各种...
2024-01-10
web网站平板滑动无效
写一个能在平板，手机，电脑上都能用的网站，样式没有问题，手机和电脑的滑动有效，平板滑动无效，谁知道怎么解决，急用，谢谢！回答问题补充：滑动插件使用的是Jquery.nicescroll.js滑动报错信息...
2024-01-10
开发WebGL的第一步
在本文中，我们将了解什么是 WebGL，以及如何通过与 GPU 进行对话来绘制“三角形”。尽管有更好的方法来实现本文中的例子，例如用具有 2d 上下文的 canvas 甚至可以用 CSS，但我们要从 WebGL 开始。就像 “hello world” 一样，了解它是如何工作的。什么是WebGL？WebGL 的字面定义是 Web Graphics Library（Web图形...
2024-01-10
jQuery移动web开发中的页面初始化与加载事件
页面初始化事件(pagebeforecreate、pagecreate)Jquery Mobile会自动基于page"内的增强的约定自动初始化一些插件。例如：给一个input输入框约定了type=range属性会自动生成一个自定义滑动条。这些自动初始化的行为是受"page"插件控制的，它在执行前后部署部署事件，允许你在初始化前后操作页面，或者甚至自己提...
2024-01-10Java开发web的几种开发模式
本文内容纲要：Java开发web的几种开发模式Java Web开发方案有多种可供选择，这里列举一些经典的开发模式进行横向比较，为Java Web的开发模式选择提供参考。除此之外还有好多方案（如Tapestry和Wicket等等）并不了解，这里就不列举了。JSP＋JAVABEAN开发模式：特点：该模式将业务逻辑与页面表现进行分离...
2024-01-10web 开发之创建本地文件夹的实现方法
web 开发之创建本地文件夹的实现方法 filemanage_util.fullPath 就是创建文件的路径这是跨平台的创建文件夹，不像Android那样还要通过 Environment.getExternalStorageDirectory() 的原生代码来创建实现代码：document.addEventListener("deviceready", onDeviceReady, false);function onDeviceReady() { // alert('ondeviceReady'...
2024-01-10IOS 开发之UIView动画的实例详解
IOS 动画实例详解iOS动画的实现方式多种多样，这里就只记录一下 beginAnimations:context 。在你调用 beginAnimations:context:方法来启动一个动画后,动画并不会立即被执行,直 到你调用 UIView 类的 commitAnimations 类方法。你对一个视图对象执行的介于 beginAnimations:context:方法跟 commitAnimations方法之间的操作(例如移动)...
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-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
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
【前端】移动端WebApp开发，如何实现状态栏沉浸式效果？
webapp如何像一些native app一样使用Android 5.0+和iOS的沉浸式状态栏效果呢？如果单纯的webapp无法实现的话，使用phonegap生产的hybrid app可以实现吗？效果如：回答cordova-plugin-fullscreen状态栏沉浸是靠layout和style实现，webapp页面也需要layout容器支撑，所以实现当然是可以的。webapp并不是纯粹的web，依旧还是脱离不...
2024-01-10
移动端的弹窗滚动禁止body滚动
本文转载于:专业的前端网站➼移动端的弹窗滚动禁止body滚动前言最近一个需求是弹窗展示列表，显然是需要一个滚动条的，而滚动到底部就会穿透到body滚动，而阻止默认行为是不行的，这样两个都滑动不了 所以我在点击出现弹窗的时候在body加了以下css让它没有滚动效果$("body").css({ overflow:"h...
2024-01-10
基于Vue和Vant-ui开发的移动端周历日期选择器
该周历日期选择器是在 基于Vue的小日历（支持按周切换）的基础上改造而来，对其代码进行优化，并引入了Vant-ui新增了年份和月份的选择、一键返回今日的快捷键功能，以及支持4种常用日期格式的选择。总体来说，该日期选择器适用于中小型移动端web项目，非常好用，现在我把它封装成了一个组件...
2024-01-10
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-10swiper4实现移动端导航切换
本文实例为大家分享了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
vue开发：移动端图片上传
因为最近遇到个移动端上传头像的需求，上传到后台的数据是base64位，其中为了提高用户体验，把比较大的图片用canvas进行压缩之后再进行上传。在移动端调用拍照功能时，会发生图片旋转，为了解决这个问题引入了exif去判断拍照时的信息再去处理图片，这是个很好的插件。关于exif.js可以去他的GitHub...
2024-01-10
vue2.0做移动端开发用到的相关插件和经验总结
最近一直在做移动端微信公众号项目的开发，也是我首次用vue来开发移动端项目，前期积累的移动端开发经验较少。经过这个项目的锻炼，加深了对vue相关知识点的理解和运用，同时，在项目中所涉及到的微信api(微信分享，微信支付)，百度地图api(如何实例化地图，给地图添加自定义覆盖物，给地图添...
2024-01-10
css3和js开发web拾色器
本实例中的web拾色器功能使用css3实现页面效果，即在页面上显示的元素用css3样式来实现的。再使用js生成拾色器颜色数据，并控制各元素的鼠标事件。当事件作为反应时，获取到对应的数据并显示颜色值。拾色器的html元素分为三个部分，分别是拾色区域、色系区域和颜色显示区域，如图所示：...
2024-01-10
云开发web应用中使用数据库
如何在 web 应用中使用数据库随着云时代的到来，云开发有着独特的优势相对于传统开发，从数据库而言，cloudbase 提供的云数据库真的很方便，本文就以一个简单的 todolist 小例子来讲解一下如何在 web 应用中使用云开发数据库构建简单的界面下面的这个 todolist 只要包括的功能有：增加事情，删除事...
2024-01-10
Web 开发字体设置最佳方案
字体设置body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti, "Microsoft Yahei",Tahoma,Simsun,sans-serif;}iOS 4.0+（iOS 9以下系统已经非常少） 使用英文字体 Helvetica Neue，之前的iOS版本降级使用 Helvetica。 中文字体设置为华文黑体STHeiTi。iOS 9+ Safari开...
2024-01-10
java web开发之实现购物车功能
为了方便自己以后复习，所以写的比较仔细，记录下自己的成长。 既然是做购物车，那么前提条件是首先需要一系列商品，也就是要建一个实体，这里建了一个商品表、通过查询在浏览器上显示 基本显示已经做好了，现在进入我们的重头戏，Servlet 点击放入购物车时，将访问Servlet购物车代...
2024-01-10
【温故知新】Java web 开发（四）JSTL 与 JDBC 的增删改查
本篇开始使用 jstl 这个 jsp 的标签库，在同一个 Servlet 中实现处理 CRUD 请求，以及使用 jdbc 数据库基本操作。然后你会发现 Servlet 和 jdbc 还是有很多不方便之处，然后在篇章五将开始正式使用框架。 使用 jstl 是为了前后端分离，试想如果 jsp 中嵌入一堆的 java 代码片段，那样的话前端就很难开...
2024-01-10
《Flask web开发》第七章一直报错
问题描述第六章的hello.py还可以正常运行，一到第7章就报错相关代码manage.py代码import osfrom app import create_app, dbfrom flask_script import Manager, Shellfrom flask_migrate import Migrate, MigrateCommandapp = create_app(os.getenv('FLASK_CONFIG') or 'default')manager = Manager(app)migr...
2024-01-10
捅开web应用的那层纱
疑问这篇也是Django连接池试验引发来得，考虑到整个web请求流程的复杂和独立性，新起一篇单独讲解前置之前搞php，java时，经常提到CGI,FastCGI, 且当时听说FastCGI性能更高，但当时未求深入，不知细节原因。以及一个web请求所经历的生命历程，也是算明白，但不是很深入，此篇会细致讲解“网关接口...
2024-01-10
