随笔分类 -  小程序、VUE

上一页 1 2
《Vue 编程房内考》
摘要：古人有云：码农爱coding，则为之计深远。 众人问：何为之？ 古人曰：底层、算法和架构。 众木然。 古人又曰：多看源码。 以下内容是我在学习 Vue 2.5.2 源码时的一个总结。 第一章 活捉 旁白：既然是学习 源码，首先要搞清楚的是—— 是什么东西？不然，天知道你在学什么玩意儿。所以，找到 对 阅读全文
posted @ 2017-11-07 13:55 Liaofy 阅读(571) 评论(0) 推荐(0)
微信小程序框架——wepy使后感
摘要：更新：2018年1月10日15:32:22 在 及部分机型下会有样式混乱的问题，经查找，原因是缺少浏览器前缀，需要加 。 解决方案见链接： "wepy less autoprefix" 另外：如果直接引入了 文件，需要改成 。 再另：如果使用 ，使用： "wepy plugin autoprefix 阅读全文
posted @ 2017-10-12 13:06 Liaofy 阅读(81663) 评论(12) 推荐(4)
[微信小程序]——bug记录
摘要：记录日常开发小程序遇到的一些小问题： input 输入框（unfixed） 描述：输入框 的时候，placeholder会往上面跳动一下 当 scroll view 遇上 fixed 描述：给整个页面包一个 fixed 定位，在我的 5s 真机上，button不显示。只去掉``标签就行。 阅读全文
posted @ 2017-10-10 09:55 Liaofy 阅读(620) 评论(0) 推荐(0)
react.js 点击事件传递参数的方法
摘要：` ` 阅读全文
posted @ 2017-08-11 15:54 Liaofy 阅读(1837) 评论(0) 推荐(1)
react-router-dom 手动控制路由跳转
摘要：基于 react router 4.0 版本，我们想要通过 JS 手动控制路由跳转，分三步： 第一步：引入 propTypes 第二步：定义context 的router属性 第三步：控制跳转 ` ` 阅读全文
posted @ 2017-08-10 17:00 Liaofy 阅读(4012) 评论(0) 推荐(0)
Vue 部署单页应用，刷新页面 404/502 报错
摘要：在 Vue 项目中，可以选择 hash或者 history.pushState() 实现路由跳转。如果在路由中使用history模式： 那么，当我们 npm run build 完成并部署到服务器后，刷新某个路由下的页面，会出现 404 或者 502 错误。 这是因为刷新页面时访问的资源在服务端找不 阅读全文
posted @ 2017-07-22 16:09 Liaofy 阅读(11464) 评论(0) 推荐(1)
Vue 项目优化，持续更新...
摘要：一、减少打包的体积 通过vue cli 初始化项目后，使用 生成的JS文件往往会很大，加载时间过长导致页面长时间白屏，所以我们尽可能的使用一下方法来减少打包体积。 1.1 通过cdn 引入vue.js、vue router 对于vue.js、vue router、axios等静态文件来说，不需要我们 阅读全文
posted @ 2017-07-03 09:50 Liaofy 阅读(509) 评论(0) 推荐(0)
VUE 项目刷新路由指向index.html
摘要：背景描述： VUE 项目经过 npm run bulid 生成静态文件上传到服务器后，当我们切换路由并刷新页面，nginx 服务器会报 502 或者 404 错误。 原因分析： 我猜测是因为在 VUE 项目中，路由是利用H5的 history ，看起来页面 url 发生了变化，其实根本就在同一个页面 阅读全文
posted @ 2017-06-17 12:17 Liaofy 阅读(6972) 评论(0) 推荐(0)
微信小程序redirect 到tab不刷新
摘要：// 更新2018/11/20：现在小程序的页面栈长度为10 更正 2018/11/20： 经过一段时间的实践，我发现以前方法存在很多问题，比如 getCurrentPages 方法并不在官方的 "API" 列表中，__route__ 属性是私有的，存在被废弃/替代的可能；又比如原来的代码掺杂了许多 阅读全文
posted @ 2017-05-19 11:20 Liaofy 阅读(2403) 评论(2) 推荐(0)
[vuex]——使用vuex解决模块间传值问题
摘要：二月的第四个周末，在家。受寒流的影响，深圳天气持续冰冻了好几天，天冷人就变得懒动，迷迷糊糊睡到了快十点，终于在饥饿的催促下起床。 和妹子吃完粥后，百无聊赖。透过窗户，发现太阳依旧没有露头的打算，我们也就失去了外出的兴致。 在看电影、打Dota、撸代码间来回，犹豫不决，终于还是下决心继续学习VUE。 阅读全文
posted @ 2017-02-26 18:39 Liaofy 阅读(25390) 评论(2) 推荐(0)
【vue】——使用watch 观察路由变化，重新获取内容
摘要：更新： 11 29 时隔半年，又重新使用VUE进行开发，有了新方案—— "beforeRouteLeave" 在组件内直接使用，前提是你用了 : beforeRouteLeave (to, from, next) { // 导航离开该组件的对应路由时调用 // 可以访问组件实例 } 完..... 问 阅读全文
posted @ 2017-02-20 12:21 Liaofy 阅读(31824) 评论(1) 推荐(3)
【vue】——vue.js 获取当前 自定义属性值
摘要：假设有一个标签h5, 我们给它添加了一个自定义属性值，（item.id是从动态添加的） 点击h5 标签，如何才能获取当前对应的自定义属性值呢？ 想当然的我最开始这样写： <h5 class="left t-title" @click='getDataId' :data-id="item.id"></ 阅读全文
posted @ 2017-02-19 11:19 Liaofy 阅读(26800) 评论(4) 推荐(5)
【vue报错】——listen EADDRINUSE :::8080 解决方案
摘要：问题原因： 此项错误表示 8080 端口被占用 解决方案一： 打开cmd 输入：netstat ano 查看所有端口信息，如图，找到端口 8081，以及对应的 PID 输入：tskill PID 即可杀死进程 解决方案二： 打开cmd 输入：netstat ano 查看所有端口信息，如图，找到端口 阅读全文
posted @ 2017-02-17 13:21 Liaofy 阅读(12198) 评论(0) 推荐(2)
【vue】——Axios 中文说明
摘要：http://www.kancloud.cn/yunye/axios/234845 阅读全文
posted @ 2017-02-16 19:34 Liaofy 阅读(342) 评论(0) 推荐(0)
【vue】——CDN或全局引入CSS、JS。
摘要：在入口文件index.html中添加 ` ` 阅读全文
posted @ 2017-02-16 13:08 Liaofy 阅读(5393) 评论(0) 推荐(0)
【微信小程序】——实战开发之和风（含demo）
摘要：微信小程序之和风 序 凑了一把微信小程序的热闹！12月，小程序正式发布，很火，但随之而来的是各种冷水，唱衰之调随处可见。但作为一个小前端，岂能有新技术却弃之不顾之理，更何况是微信出品的？抱着学习和研究的态度，才有了今天的这个我称之为DEMO的和风小程序，以及小小的总结。 源代码在这里：https:/ 阅读全文
posted @ 2017-01-25 14:57 Liaofy 阅读(847) 评论(2) 推荐(0)
【微信小程序】——wxss引用外部CSS文件及iconfont
摘要：小程序引入外部文件的方式是：@import "*/*.wxss"; 因为业务需要，正在开发的小程序中需要使用iconfont，很容易想到了H5的引入方式： 因为此段css样式是通用的，就把它放在了lib/style/font.wxss中，此时文件目录如下： 通过@import 的方式引入到需要用到的 阅读全文
posted @ 2017-01-24 16:07 Liaofy 阅读(55359) 评论(2) 推荐(3)
【微信小程序】——rpx、px、rem等尺寸间关系浅析
摘要：最近开发微信小程序，在写样式表的时候发现用PX的效果不太理想，而官方文档用rpx来做响应式布局单位，就仔细研究了下，在此做个小总结： 这里先引用官方定义的尺寸单位‘rpx’：可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则 阅读全文
posted @ 2017-01-24 11:25 Liaofy 阅读(3896) 评论(0) 推荐(0)
快速搭建微信小程序开发环境
摘要：1.工具软件： 注：本文介绍的工具软件已分享到百度云盘，直接下载并按照本文介绍安装即可。 开发工具 v0.7 百度云链接: https://pan.baidu.com/s/1jIQ7i8A密码: aqn4 开发工具 v0.9 百度云链接: https://pan.baidu.com/s/1o7IHo 阅读全文
posted @ 2017-01-19 16:20 Liaofy 阅读(801) 评论(0) 推荐(0)

上一页 1 2