随笔分类 -  H5

React Native 日常报错
摘要：在学习React.js 或 React Native 过程中，有时看着别人的框架或代码，但总是会出现错误，因为React或之中用到的一些包经常更新，有些代码或教程就显得过旧了。 一、日常报错 'config.h' file not found (每次RN新建一个工程都会出现) a. xcode 10 阅读全文
posted @ 2019-02-18 11:37 布尔- 阅读(489) 评论(0) 推荐(0)
vue-图片预览，查看大图
摘要：【前言】 在 vue 项目中经常碰到图片预览需求，也就是点击小图查看大图。也有一些这样的第三方插件，如 vue-preview 等。但使用起来感觉版本经常变，而且有时 UI 需要在预览页面上加更多的东西，所以就自己结合 mint-ui 中的 swipe 组件写了一个很简洁的查看大图组件。实际项目中还 阅读全文
posted @ 2018-04-03 13:37 布尔- 阅读(1984) 评论(0) 推荐(0)
vue-判断设备是手机端还是pc端
摘要：经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置，根据不同的设置跳转不同的路由。 【代码演示】 在 router/index.js 中有两个页面。 在 App.vue 的 mounted 方法中对设置进行判断，如下: 其中 _isMobile() 方法 阅读全文
posted @ 2018-03-20 20:26 布尔- 阅读(28629) 评论(4) 推荐(3)
vue-使用keepAlive对上下拉刷新列表数据 和 滚动位置细节进行处理
摘要：【前言】 使用vue处理项目中遇到列表页面时，有一些细节需要注意，这里总结一下，以便优化以后的代码。如下: 1. 使用mint-ui中的LoadMore组件上下拉刷新时，有时无法触发上拉加载更多的方法。还有ios上滚动不太流畅。 2. 从列表进入详情(列表数据分页请求的)，再返回时，列表页需要记住之 阅读全文
posted @ 2018-02-02 20:36 布尔- 阅读(5657) 评论(0) 推荐(0)
weex 启动 android 模拟器(mac环境)
摘要：一、android studio和android sdk下载 1.android studio下载并安装https://developer.android.com/studio/index.html 下载后会自动安装andriod studio，在下载时如果点canel，那下次还是要重新下载。如果在 阅读全文
posted @ 2018-01-22 22:28 布尔- 阅读(786) 评论(0) 推荐(1)
weex 启动 ios 模拟器
摘要：前提需要的安装 node npm weex-toolkit cocoaPods 1. 创建weex工程 weex create helloWolrd 2. 进入helloWolrd文件夹安装依赖，我用cnpm install的话就会报错，这里最好用npm install npm install 3. 阅读全文
posted @ 2018-01-14 21:27 布尔- 阅读(497) 评论(0) 推荐(0)
atom中开发vue常用插件
摘要：atom: 开发利器，界面友好，配色出色，好用的插件众多。 language-vue: 这个是首推，因为它就是为vue而生的呀，支持很多vue里的提示。在空的vue页面敲tem，vue模板的提示就自动出来了，太爽了。还有一个language-vue-componet，这个我并没有安装，因为它与lan 阅读全文
posted @ 2017-11-26 11:58 布尔- 阅读(2937) 评论(0) 推荐(0)
vue-解决弹出蒙层滑动穿透问题
摘要：最近开发过程中遇到一些小问题(似乎问题总是那么多)，但一直没什么时间去优化与解决。程序员不能被业务绑架，有时间还是花点在代码上😀，开始这次的vue尝试吧。 【遇到的问题】 在一个可滑动列表页弹出一个全屏蒙层，蒙层固定，中间一块显示消息框，当用手滑动蒙层空白处时，滑动事件会穿透到底部列表页，导致列表 阅读全文
posted @ 2017-11-22 23:30 布尔- 阅读(28614) 评论(0) 推荐(1)
vue-微信浏览器左上角返回按钮拦截
摘要：【需求】 在微信公众号开发中，有时需要对浏览器左上角返回按钮进行拦截处理相关的页面逻辑，而并不是让页面直接返回上一页，之前在这个细节点上的一直实现得不是很好。但看到京东购物公众号上的效果却实现得非常好，所以自己也开始了这方面的尝试。京东的效果如下图： 从上图京东购物效果上来看，在点击搜索拉起一个搜索 阅读全文
posted @ 2017-11-20 23:09 布尔- 阅读(13901) 评论(0) 推荐(5)
Template7插入动态模板
摘要：要完成的效果如下图 其中下面添加出来的订单号和订单总价可以看作是接口请求的数据 实现步骤： 1 下载template7:https://github.com/nolimits4web/template7/，下载后将dist目录下的template7.js拖入工程，如下图 其中启动页是index.ht 阅读全文
posted @ 2017-09-23 20:48 布尔- 阅读(495) 评论(0) 推荐(0)