![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 141 阅读 · 0 评论 -
H5 开发问题总结
1 在使用 -webkit-overflow-scrolling: touch; 属性的时候,在ios 机器上,出现划不动的问题, 解决方案是将属性去掉或者参照 https://www.w3cways.com/1988.html 2 animationIterationCount 属性值 在ios 中,点击后值设置为0 后,button 消失。 解决方案,修改anima...原创 2019-11-07 18:19:38 · 235 阅读 · 0 评论 -
h5 性能优化
最近在做个h5 的项目,涉及到性能方面的优化,现在做个总结 1 压缩图片,同时将大图换成cdn 方式,通过网络的方式拉取图片,减小包大小 2 通过懒加载的方式,在render 中添加判断条件,这样render 就不会重复渲染,或者不需要初始渲染的控件就不渲染,比如dialog,蒙层。 3 请求服务的时机改变,不必要一开始就发的服务,可以在主服务成功后去调。 后面待续。。。。 参考文档...原创 2019-11-03 21:33:41 · 119 阅读 · 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 · 233 阅读 · 0 评论 -
h5 UI 效果总结
1 居中 height 50px ,同时设置line-hight 50px 2 图片添加描边 border-style:solid; border-width: 3px; border-color:#fef7b6; 3 轮播界面 组合设置lineHeight 的固定高度 4 在js 开发中有涉及字符串的 undfine,null,"" 的判断,如果挨个判断会生成很长一段代码, ...原创 2019-10-28 20:26:33 · 326 阅读 · 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 Lifecycle mac 开发工具配置 1https...原创 2019-10-25 10:59:18 · 428 阅读 · 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 · 793 阅读 · 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 · 825 阅读 · 0 评论 -
h5 开发环境搭建
1 在使用浏览器进行调试的时候经常会出现端口占用的情况,使用命令 sudo lsof -i :3000 这个命令是查看端口3000 的使用情况,当端口有比较多的时候,通过这个命令看端口的使用情况 通过 sudo kill -9 41769 当我看到3000 端口的占用的线程id,使用这个命令去杀死端口,41769 就是占3000 端口的pid ,通过这个命令清除端口占用 2 ...原创 2019-10-14 16:08:36 · 1000 阅读 · 0 评论