微信小程序和web之间的交互

背景 通常我们写了一套自适应的web程序,想在多种环境中使用.比如app里,微信小程序里,各种app分享中, 假如只是能使用app浏览,问题不大,但是要在被嵌入app里面和app本身交互,就要做各种折腾, 如是就有了本文. 在ReactNative里折腾,请看 这里 接入条件 首先得有开发者权限 你得有台服务器,有权限上传文件,不然验证无法通过 必须是企业小程序,个人和海外小程序无法使用web-...阅读全文
465次浏览0条评论1次感谢

Vue transition动画

官网API: https://cn.vuejs.org/v2/guide/transitions.html 官方的demo点击显示与消失 <div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition ...阅读全文
312次浏览0条评论5次感谢

Vue 入口缓存的问题

关于web的缓存策略,推荐这篇文章:Http缓存机制 在开发时候经常遇到一个问题,我们根据版本号去控制缓存问题,当我们发布新版本,使用心得版本号的时候,发现html里面引用的版本号却是旧的版本号 ,原来是该html文件被缓存了,很多时候我们设置禁止html文件被缓存,但依然会出现被缓存的情况。 <meta http-equiv="Expires" content=&quo...阅读全文
851次浏览1条评论2次感谢

React Native和web交互

React Native和H5交互 //接收来自H5的消息 onMessage = (e)=>{ Log('WebView onMessage 收到H5参数:',e.nativeEvent.data); let params = e.nativeEvent.data; params = JSON.parse(params); Log('WebView onMe...阅读全文
582次浏览0条评论4次感谢

webpack3 升级 webpack4

据说webpack3 比webpack4 编译速度将近快了60%-80%, 成功升级之后,于是来记录下,项目主要是vue ^2.5.9 , webpack ^4.10.2 , webpack-dev-sever ^3.1.4 ,配合升级的还有vue-loader ^15 项目重现编译之后由原来的1.7MB 减少到1.1MB ,看来在压缩这块也是由效果的。 需要修改的地方有以下几点: vue-loa...阅读全文
1793次浏览1条评论2次感谢

VUE路由切换终止异步请求

问题: 在SPA模式开发当中,比如VUE ,当前路由切换的时候如何终止正在发生的异步请求呢, 结果: 假如请求超时并且有设定超时时间。有一堆的异步请求在执行,当用户切换到另一个页面,这些请求还未终止,并且当服务器响应之后,反馈的结果不是当前页面所期待的。最终会误导用户造成一些不必要的结果。也给web 造成性能问题。 解决方案: 把执行的请求存入队列,当路由切换的时候终止队列里的异步请求。 首先搞一...阅读全文
3808次浏览1条评论1次感谢

VUE 路由切换白屏的问题

VUE 路由切换白屏的问题
关于vue 路由切换的白屏,事实上在开发的过程中,我一直没有遇到过。 我有个哥们遇到这个问题,问我怎么解决的, 我晕了,我没遇到这样的问题啊,我怎么解决啊啊啊啊。。 事实上是遇到过一回的。 以下内容于2019-07-25 修改. 服务器部署配置问题 这个问题造成的白屏体现在: 首页可以正常浏览,但是------通过$router.push('/home')跳转页面 正常,然后刷新 就是白屏或4...阅读全文
3964次浏览0条评论2次感谢

WEB 前端跨域解决方案

跨域定义 广义的定义:跨域是指一个域下的文档或脚本试图去请求另一个域下的资源。 1.) 资源跳转: 链接、重定向、表单提交 2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链 3.) 脚本请求: js发起的ajax请求、dom和js...阅读全文
1159次浏览0条评论0次感谢

关于VUE前端项目的优化

关于VUE前端项目的优化
今天终于得空了,我要把kui 说明文档这个项目优化下。打开太慢了,就是这个 http://k-ui.cn 10几秒才能展示完全,真受不了。来张图就明白了 看到这个就没啥好意外了,为什么会这么慢。 因为说明文档的webpack 配置没用vue-cli 脚手架,自己手动配置的,所以问题估计会多些吧 1)webpack配置出错,导致库重复被编译到一个文件里 逐步检查了编译后比较大的文件,发现index...阅读全文
3255次浏览0条评论2次感谢

关于Vue.js的v-for,key的顺序改变,影响过渡动画表现

关于Vue.js的v-for,key的取值,影响过渡动画表现 这个问题是在写Message组件出现的,先看代码部分 子组件: <!-- Notice: --> <transition :name="transitionName" @enter="enter" @leave="leave"> ..........阅读全文
2265次浏览0条评论2次感谢

KUI for Vue

KUI for Vue
一枚前端UI组件库 KUI for Vue <p align="center"> <a href="https://vue.k-ui.cn"> <img width="100" src="https://chuchur.com/kui/vue/logo.svg"> </a&g...阅读全文
7361次浏览1条评论4次感谢

vue数据双向绑定原理-complie

vue数据双向绑定原理-complie
​​ 1)vue数据双向绑定原理-observer ​2)vue数据双向绑定原理-wather​ 3)vue数据双向绑定原理-解析器Complie vue数据双向绑定原理, 和简单的实现,本文将实现mvvm的模板指令解析器 上一步实现了简单数据绑定, 最后实现解析器,来解析 v-model ,v-on:click等指令,和 {{}} 模板数据.解析器Compile实现步骤: 1.解析模板指令,并...阅读全文
1751次浏览1条评论1次感谢

vue数据双向绑定原理-watcher

vue数据双向绑定原理-watcher
​​ 1)vue数据双向绑定原理-observer ​2)vue数据双向绑定原理-wather​ 3)vue数据双向绑定原理-解析器Complie vue数据双向绑定原理, 和简单的实现,本文将实现mvvm的 Watcher 上面的步骤已经实现了监听器, 和订阅器, 当属性发生改变,发出通知, 那么这个通知 是通知谁呢,肯定是订阅者 watcher. Watcher订阅者作为Observer和C...阅读全文
1898次浏览0条评论3次感谢

vue数据双向绑定原理-observer

vue数据双向绑定原理-observer
​​ 1)vue数据双向绑定原理-observer ​2)vue数据双向绑定原理-wather​ 3)vue数据双向绑定原理-解析器Complie vue数据双向绑定原理, 和简单的实现 去他喵的底层原理,框架内核, 老夫写代码只用Jquery 。 个人觉得,不论是否 是长期与之交集, 还是应该看下核心的东西. 多多了解高人是如何实现的 , 这样才能学到更多的知识, 才能成长进步.  倘若某天被...阅读全文
3066次浏览3条评论5次感谢