CSS3 Flex 布局

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

微信小程序和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次感谢

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

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

svg画走势图

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

WEB动画的几种实现方式

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

KUI for React

KUI for React
一枚前端UI 组件库 for React 在追求完美视觉体验的同时也保证了其性能高效。 欢迎使用 、批评、指正、吐槽、Star 特性 漂亮的UI,可定制主题 兼容IE9+ 组件丰富,功能强大 更新日志 logs:https://react.k-ui.cn/#/log 文档 Docs : https://react.k-ui.cn Github: https://gitee.com/chuchur...阅读全文
3850次浏览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-) 10-2...阅读全文
1229次浏览1条评论0次感谢

CSS3 动画 animation

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

WEB 前端跨域解决方案

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

HTTP 缓存机制

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