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

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

Vue transition动画

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

Vue 入口缓存的问题

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

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("...阅读全文
908次浏览0条评论7次感谢

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 ,看来在压缩这块也是由效果的。 需要修改的地方有以下几点: ...阅读全文
2011次浏览2条评论2次感谢

VUE路由切换终止异步请求

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

VUE 路由切换白屏的问题

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

WEB 前端跨域解决方案

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

关于VUE前端项目的优化

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

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

关于 Vue.js 的 v-for , key 的取值,影响过渡动画表现 这个问题是在写 Message 组件出现的,先看代码部分 子组件: <!-- Notice: --> <transition :name="transitionName" @enter="enter" @leave="leave"> .....阅读全文
2467次浏览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://www.chuchur.com/kui/vue/logo.svg"> &l...阅读全文
7634次浏览1条评论9次感谢

vue数据双向绑定原理-complie

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

vue数据双向绑定原理-watcher

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

vue数据双向绑定原理-observer

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