
H5开发
ahubenkui
这个作者很懒,什么都没留下…
展开
-
webpack 的使用
在导入新的工程的时候,发现通过npm run dev 的时候第一次是localhost:8080,然后是localhost:8081,这样不停的占用端口,后来发现 我们的打包webpack.config.dev.js 中没有对server 端口进行指定,解决办法是 devServer: { disableHostCheck: true, host: '0.0.0.0', ...原创 2019-12-02 19:49:12 · 188 阅读 · 0 评论 -
H5 开发问题总结
1 在使用-webkit-overflow-scrolling: touch;属性的时候,在ios 机器上,出现划不动的问题,解决方案是将属性去掉或者参照https://www.w3cways.com/1988.html2 animationIterationCount 属性值 在ios 中,点击后值设置为0 后,button 消失。解决方案,修改anima...原创 2019-11-07 18:19:38 · 298 阅读 · 0 评论 -
h5 性能优化
最近在做个h5 的项目,涉及到性能方面的优化,现在做个总结1 压缩图片,同时将大图换成cdn 方式,通过网络的方式拉取图片,减小包大小2 通过懒加载的方式,在render 中添加判断条件,这样render 就不会重复渲染,或者不需要初始渲染的控件就不渲染,比如dialog,蒙层。3 请求服务的时机改变,不必要一开始就发的服务,可以在主服务成功后去调。后面待续。。。。参考文档...原创 2019-11-03 21:33:41 · 156 阅读 · 0 评论 -
js 和 android 交互实现
最近参与开发h5 项目,在从natvie 跳转的时候,h5 的首页包裹着webView,我开始比较关心native 和 h5 是如何交互的在js 封装的库里,我看到window.MobileNavi && MobileNavi.configBtn(JSON.stringify(params));代码实现的功能是配置title 的样式,这里是通过 h5 去调用andro...原创 2019-11-01 14:48:49 · 277 阅读 · 0 评论 -
h5 UI 效果总结
1 居中height 50px ,同时设置line-hight 50px2 图片添加描边border-style:solid;border-width: 3px;border-color:#fef7b6;3 轮播界面组合设置lineHeight 的固定高度4 在js 开发中有涉及字符串的 undfine,null,"" 的判断,如果挨个判断会生成很长一段代码,...原创 2019-10-28 20:26:33 · 368 阅读 · 0 评论 -
H5 学习资料总结
1 https://www.cnblogs.com/chunlei36/p/6415582.html React Component Lifecycle(生命周期)2 https://www.cnblogs.com/openzig/p/9384623.html React Component Lifecyclemac 开发工具配置1https...原创 2019-10-25 10:59:18 · 465 阅读 · 0 评论 -
H5 开发常见命令
1 npm i在使用run install pack 的时候,经常会报错,错误信息中显示npm 和 node 版本不对,在使用npm install 也完成了对node 的升级,但是还是报错尝试了下 npm i 问题解决我们看下npm i 命令的 作用1. 用npm i安装的模块无法用npm uninstall删除,用npm uninstall i才卸载掉2. npm i会帮助检测...原创 2019-10-24 20:23:43 · 865 阅读 · 0 评论 -
h5 横滑效果的实现
最近做了h5 项目,要实现横滑动的效果,使用overflow 的属性能实现看下css 的实现.list { overflow-x: scroll; overflow-y: hidden; margin-top: 20px; align-items: center; width: 100%; hight: 100%;}.outside { displ...原创 2019-10-22 20:37:16 · 916 阅读 · 0 评论 -
h5 开发环境搭建
1 在使用浏览器进行调试的时候经常会出现端口占用的情况,使用命令sudo lsof -i :3000这个命令是查看端口3000 的使用情况,当端口有比较多的时候,通过这个命令看端口的使用情况通过sudo kill -9 41769当我看到3000 端口的占用的线程id,使用这个命令去杀死端口,41769 就是占3000 端口的pid ,通过这个命令清除端口占用2 ...原创 2019-10-14 16:08:36 · 1055 阅读 · 0 评论