js做webapp - 腾讯云开发者社区

文章/答案/技术大牛

发布

如何优化workbuddy做WEBAPP的同步

最近因为想减轻宿舍管理员抄水表的工作，想到做一个APP，一是减轻宿舍管理员的工作量，二是提高工作效率和准确性，因为高校每个学生的每个月用水是有补贴的，需要根据每个宿舍所住的人数来核算水费，于是我就开始0基础做宿舍水表抄表系统...，因为这个系统是宿舍管理员录入数据，数据包括学生信息，学生人数，水表每个月的抄表数据，同时后勤处长或其他人员要随时查看录入进度，最后核算的水费，所以需要各各终端同步数据，最好的办法就是系统挂云端，做成WEBAPP...2、将同步方案调整为每次终端登录时，先同步云端数据，看和本地数据是否一样，不一样的以云端数据为准，本地数据修改时做记录，修改完成后点保存，同步到云端。结果造成云端数据经常丢失。

2001 0

基于React.js实现webapp的技术实践

发现落地是可行的，我们有4名前端同学，从调研到上线，大概花了1个半月的时间，期间有踩一些坑，后面会说，整个开发总体来说是非常顺利的，下面进入正题~~ 产品简介线上应用：mami.baidu.com 我们做的是一个移动端的单页...webapp，可以在这个h5页面完成商品选择->支付->订单跟踪整个闭环 ?...以上几个特征在母婴项目中也得到了很好的体现，redux是做单页web应用很好的选择。...React-router react-router作为webapp的路由模块，提供了丰富的功能，调用非常简单，react-router对pushstate支持很好，视图切换可以直接p-ajax ?...这套技术实现，框架库代码压缩后大于200K,gzip后实际传输大小为60K+，更适合大型的webapp。

5K8 0

您找到你想要的搜索结果了吗？

是的

没有找到

react hooks+redux+immutable.js仿网易云音乐打造精美webApp

今天给大家介绍一下我最近做的开源项目。...5、JS变量名(包括函数名)采用小驼峰的方式，组件名或者styled-components导出的样式容器名都采用大驼峰，常量名所有字母大写。...由于传视频比较麻烦，但是图片又比较单调，无法体现这个webApp的动感，因此以下采用gif. 1、推荐部分首页推荐: ? 推荐歌单详情: ?...关于未来的规划，我是这么安排的: 月底完成收藏、播放历史功能 10月份之前完成登录功能和评论模块 10月中旬之前实现MV模块同时撰写《手摸手，一起用React实现网易云音乐webApp》系列拆解文章...最后，我要好好感谢那些帮助过我的人和项目，让我有底气开始做这个项目，克服一个个难关。感谢黄轶前辈vue音乐实战课程，让我学到了非常多的原生JS技能和组件封装技巧。

1.8K2 0

HBuilder开发webapp

一、HBuilder调试webapp步骤官网：http://www.dcloud.io/ ?

3.4K3 0

Webapp Testing 实用指南

Webapp Testing 实用指南导读：本文整理自开源社区 Agent Skills 合集的中文翻译版本，围绕 To test local web applications, write na 提供可直接上手的操作指南...browser.new_page() page.goto('http://localhost:5173') # 服务器已在运行且就绪 page.wait_for_load_state('networkidle') # 关键：等待 JS

1121 0

移动端 webapp meta小结

对于传统WEB页面来说，980的宽度在iphone上显示是很正常的，也是满屏的，但对于webapp而言，可能就有点问题了，在iphone上我们的webapp在竖屏下通常宽度都是320。

1.8K3 0

IDEA new maven webapp project

groupId ：the unique identifier of the organization or group that created the pro...

6811 0

Weinre --WebApp 调试工具

weinre 作为一种远程调试工具，在结构上分为三层：目标页面（target）：被调试的页面，页面已嵌入 weinre 的远程 js，下文会介绍； Debug客户端（client）：本地的 Web Inspector...官网上也有相应的平台支持说明： Platforms supported - debug server 服务端任何支持 node.js 的平台。...启动成功后看到如下界面：给目标页面添加一行脚本 Target Script http://localhost:8081/target/target-script-min.js#anonymous js#anonymous"> 我们可以在命令行中使用 ipconfig

1.6K1 0

webapp开发框架「建议收藏」

安卓和IOS的操作方式，开发模式，界面UI显示方面的差别，也使得原生APP的不同版本体验有很大的区别，光是做兼容性调测，都要花费开发企业不少的时间。...如：Ext js、jQuery。缺点： 1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用 2.需要结合插件使用。...“快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块及很多配套，HBuilder能大幅提升HTML、js、css的开发效率。...AppCan提供强大的设备调用能力，电话、短信、相机、LBS、传感器、数据库等常用的手机功能，开发者可以通过JS接口调用，轻松构建移动应用。...跟JQuery一样是一个轻量级的JS库，一样使用HTML5+CSS+JS的技术。应为轻量级，所以在web加载时比Sencha有一点优势。缺点显而易见，UI控件太少了。

4.3K2 0

webapp开发调试环境--weinre配置

用谷歌调试工具中的手机模拟器模拟手机进行webapp的开发，与真机上的效果还是有些偏差，opera手机模拟器的效果亦不佳。...有时在pc上开发出来的webapp效果良好，在部分真机上就出现了偏差，这时候就需要我们进行微调。在pc上微调后发布到测试环境再在手机上看效果，开发很慢，效率很低。...---- 下面看下效果，这里我用weinre自带的demo页面做示例：手机连接wifi后访问:192.168.0.20:8081/demo/weinre-demo.html ?...但发现weinre安装的默认路径是C:\Users\hp\AppData\Roaming\npm\node_modules，不知道怎么更改此路径o(╯□╰)o，如果你们知道可以进行尝试下) 建议开发webapp...将静态文件上传至自己的服务器空间比如，可以将静态文件上传至自己的域名空间，然后手机访问域名地址（这样做当然是可以访问的了O(∩_∩)O~）建议： 1.webapp开发的时候，将可以连接的页面加上跳转链接

2.2K11 0

移动webapp前端开发小结

公司内部有一款企业社交产品share，近期打算开发手机版，初期规划是通过webapp的方式嵌入到另一款即时通信native app。...之前团队还未接触过手机应用的页面重构工作，这次由我打头炮，搭建这款webapp的基本页面样式框架。...虽然曾经读过几篇关于webapp的经验总结的文章，也了解过HTML5、CSS3的新特性，但是实战起来还需要摸索。下面总结了这次开发的几点经验，分享给大家，若有不当之处欢迎斧正。...2、JS交互效果在web端我们常常会引入jquery文件，但是在移动端我们不得不考虑网络带宽、流量的限制，尽量减少代码量。所以，JS库的使用则是能少则少了。...对于简单的交互效果，建议采用原生的JS来实现。

2.1K2 0

Vue 实战-视频类webApp

在平时的前端开发中，我们更多的是完成螺丝钉的角色，即在公司的前端框架下，实现各种业务逻辑，Vue技术栈并不是难点所在，难点往往在于从 0 到 1 搭建一个完整的实践项目，本项目带领读者开发媲美原生抖音APP的webApp...，使用vue.js作为此项目的技术栈，通过项目脚手架搭建、数据mock、架构设计、代码编写、编译打包，使读者了解前端开发全流程。

8543 0

webapp图片滑动组件转

在慕课网上看到的课程，webapp图片滑动组件，讲师mark,讲的非常好，跟着老师的代码自己抄写了一遍，也算增加些印象 <!

2.1K2 0

使用flv.js做直播

为什么要在这个时候探索flv.js做直播呢？原因在于各大浏览器厂商已经默认禁用Flash，之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能，这样的用户体验很致命。...可以看出在浏览器里做直播，使用HTTP-FLV协议是不错的，性能优于RTMP+Flash，延迟可以做到和RTMP+Flash一样甚至更好。...flv.js兼容方案由于目前flv.js兼容性还不是很好，要用在产品中必要要兼顾到不支持flv.js的浏览器。...缩短这个收集时间(也就是减少GOP长度)可以优化延迟，但这样做的坏处是导致视频压缩率不高，传输效率低。关闭音视频服务器的I桢缓存可以优化延迟，坏处是用户看到直播首屏的时间变大。...浏览器端开启flv.js的Worker，多进程运行flv.js提升解析速度可以优化延迟，这样做的flv.js配置代码是：{ enableWorker: true, enableStashBuffer

14.9K10 5

移动端Webapp中的那些Bug

持续更新… 测试浏览器 Chrome: 61.0.3163.73 Safari: 10.0（IOS 10.3.3） Github: webapp-bugs 1....html,js,output // 这样是可以弹出键盘的 submitBtn.onclick = function(e) { e.preventDefault(); inputEmail3...document.createElement('div'); createDiv.style.display = 'none'; document.body.appendChild(createDiv); // 未做兼容...input { text-shadow: rgba(0,0,0,0) 0px 0px 0px; } input.force-redraw { text-shadow: none; } JS...另外，如果一个页面中有输入框，聚焦之后，滑动过程中在IOS上可能会出现不流畅的问题，其实可以这么做：监测页面的touchmove事件，如果当前页面存在着输入框被active，那么直接让其blur，保证滑动过程中没有输入框被聚焦

3.6K5 0

用vue实现简易的音乐webApp

1、前言学了半个月的vue，做这个小项目也做了半个月；数据是实时抓取自QQ音乐的api接口，主要的功能实现是对网页版的qq音乐功能来做参考。...，数据的动态抓取，因为要开学了，所以歌词页面和搜索也还没完善，后面也会慢慢的更新解决具体效果首页榜单排行榜 github地址：https://github.com/Ewall1106/webApp...3、下一步首先的话还是会要继续夯实js基础，然后会梳理下这半个来月做这个小项目过程中遇到的问题，将知识点再整理一下写成文章，巩固一下知识点的同时也希望能为大家提供点帮助。...然后会把接下来的搜索、歌手等几个页面完成，完善整个webApp，然后也想引用下mint-ui这个vue组件，完善下页面，丰富下效果 4、总结通过这个项目学到的东西当然是不言自明的。...学无止境，前端要学的东西感觉实在太多了，但是还是要立足根本，继续把js基础打好、学好英文；前端吧，坚持与热爱比什么都重要，最后引句话共勉吧：人一能之，己百之；人十能之，己千之。

1.1K2 0

Node.js 使用 RSA 做加密

详细的原理可以参考以下文档： RSA算法原理（一） RSA算法原理（二） node-rsa 在 node.js 中使用 rsa 算法，我们使用的是 node-rsa 这个包。

7.4K2 1

理论 | 使用flv.js做直播

4.7K1 0

Asp.net+Vue2构建简单记账WebApp之四（vue.js构建记账主页面）

这里写图片描述二、全局引入模块在main.js 中引入 import Vue from 'vue' import App from './App' import router from '....template> 记账页面统计页面 2、修改路由文件( router文件夹下面的index.js...给组件标签绑定事件时需要使用.native 例如绑定点击事件使用 v-on:click.native="f" 4、关于vue-router 和 mint-ui的更多用法参见官网 5、这样编写将页面模块化，而且一个页面相关的js

1.3K3 0

Asp.net+Vue2构建简单记账WebApp之五（vue.js构建记账页面）

div> import { Toast } from 'mint-ui'; // 引入mint-ui弹窗，对于js

9621 0

点击加载更多

如何优化workbuddy做WEBAPP的同步

基于React.js实现webapp的技术实践

react hooks+redux+immutable.js仿网易云音乐打造精美webApp

HBuilder开发webapp

Webapp Testing 实用指南

移动端 webapp meta小结

IDEA new maven webapp project

Weinre --WebApp 调试工具

webapp开发框架「建议收藏」

webapp开发调试环境--weinre配置

移动webapp前端开发小结

Vue 实战-视频类webApp

webapp图片滑动组件转

使用flv.js做直播

移动端Webapp中的那些Bug

用vue实现简易的音乐webApp

Node.js 使用 RSA 做加密

理论 | 使用flv.js做直播

Asp.net+Vue2构建简单记账WebApp之四（vue.js构建记账主页面）

Asp.net+Vue2构建简单记账WebApp之五（vue.js构建记账页面）

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐