微信小程序webview保存图片

背景 在小程序的 webview 里保存图片. 因为微信的 js-sdk 没有提供 saveImageToPhotosAlbum 方法 更多 web 和小程序的交互, 请看 这里 解决思路 先加载 微信 js-sdk <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>...阅读全文
218次浏览2条评论0次感谢

CSS3 Flex 布局

CSS3 Flex 布局
兼容性 2009 年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局 标 1 仅支持旧的 flexbox 规范,不支持包装。 标 2 仅支持 2012 语法 标 3 不支持 flex-wrap,flex-flow 或 align-content 属性 标 4 部分支持是由于存在大量错误(参见已知问题) 概念 Flex 是 Flexible Box ...阅读全文
447次浏览0条评论3次感谢

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

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

Vue 入口缓存的问题

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

跨域的常见问题和解决方案

第一种 No 'Access-Control-Allow-Origin' header is present on the requested resource The response had HTTP status code 404 出现这种情况的原因如下: 本次 ajax 请求是“非简单请求”,所以请求前会发送一次预检请求(OPTIONS) 服务器端后台接口没有允许 OPTIONS 请...阅读全文
652次浏览0条评论1次感谢

svg画走势图

svg画走势图
先说说 viewBox 是干嘛的,就是按比例缩放视图的。用图形来表示 <svg width="300" height="200" style="border:1px solid #ddd"> <rect width="80" height="70" style="fi...阅读全文
955次浏览2条评论1次感谢

WEB动画的几种实现方式

WEB动画的几种实现方式
WEB 的动画实现多种多样,随着 H5 的发展,实现动画的方式越来越多了。初步统计实现动画的方式有以下一些方式实现 一、GIF 动画 通常咱们社交聊天的一些动态表情,大多都是 gif 动画。 GIF(Graphics Interchange Format)的原义是“图像互换格式”,GIF 文件的数据,是一种基于 LZW 算法的连续色调的无损压缩格式。其压缩率一般在 50%左右,它不属于任何应用程序...阅读全文
2093次浏览0条评论0次感谢

KUI for React

KUI for React
一枚前端 UI 组件库 for React 基于 VUE 2.x 开发,漂亮的 UI,可定制主题 ,组件丰富,兼容 IE9。 欢迎使用 、批评、指正、吐槽、Star 特性 漂亮的 UI,可定制主题 兼容 IE9+ 组件丰富 兼容 IE9 更新日志 logs:https://react.k-ui.cn/#/log 文档 Docs : https://react.k-ui.cn Github: ht...阅读全文
4099次浏览1条评论7次感谢

CSS3 渐变 gradient

CSS3 渐变 gradient
初次接触 css3 渐变是在很早以前了,觉得这个东西很有意思哈,跟玩 PS 似的,可以做出很多华丽的东西 浏览器支持情况 IE FF Chrome Safari Opera iOS Android Android Chrome 6-9(no) 2-3.5(no) 4-9(部分-webkit-) 3.1-3.2(no) - 3.2-4.3(部分) 2.1-3.0(-webkit-) 1...阅读全文
1410次浏览4条评论0次感谢

CSS3 动画 animation

CSS3 动画 animation
复习下 css3 的动画, 都快不会写了,那会儿挺喜欢 flash 的,可惜了时代在前进。写这里就当是文档看吧 浏览器支持 Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性。 Safari 和 Chrome 支持替代的 -webkit-animation 属性。 注释:Internet Explorer 9 以及更早的版本不支持 anima...阅读全文
1192次浏览0条评论0次感谢

WEB 前端跨域解决方案

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

HTTP 缓存机制

HTTP 缓存机制
Web 缓存大致可以分为:数据库缓存、服务器端缓存(代理服务器缓存、CDN 缓存)、浏览器缓存。 浏览器缓存也包含很多内容: HTTP 缓存、 indexDB 、 cookie 、 localstorage 等等。 这里要说的是 http 缓存。 使用缓存的好处 减少了冗余的数据传输 缓解了网络瓶颈的问题 降低了对原始服务器的要求 降低了距离时延 术语 缓存命中率:从缓存中得到数据的请求数与...阅读全文
3309次浏览24条评论4次感谢