首先给大家展示效果图:JS代码: $(function () {//1、通过公共类DD_belatedPNG.fix(".pngFix,.pngFix:hover");//2、直接用选择器:类名,ID,标签DD_belatedPNG.fix(".imgpng,img"); });html代码:DD_belatedPNG实现IE6下的透明背景1、通过公共类pngFixwindow.onload = function () { DD_belatedPNG.fix(".pngFix,.pngFix:hover"); }2、直接用选择器:类名,ID,标签实现DD_belatedPNG.fix(".imgpng,img");css代码:.contain { wi...
1.什么是跨域 我们经常会在页面上使用ajax请求访问其他服务器的数据,此时,客户端会出现跨域问题. 跨域问题是由于javascript语言安全限制中的同源策略造成的. 简单来说,同源策略是指一段脚本只能读取来自同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合. 例如:2.实现原理 在HTML DOM中,Script标签是可以跨域访问服务器上的数据的.因此,可以指定script的src属性为跨域的url,从而实现跨域访问. 例如: 这种...
最近项目的前端使用了jQuery,表单的前端验证用的是jQuery Validate,用起来很简单方便,一直都很满意的。 前段时间,根据需求为表单中的 textarea 类型的元素加上了html富文本编辑器,用的是CKEditor,功能强大,定制方便,也很满意。 不过用CKEditor增强过的 textarea 元素,这个字段要求是非空的,在jQuery Validate总是验证不通过,原因就是在 CKEditor 编辑器填写了内容之后,编辑器并不是立即把内容更新到原来的 textarea 元...
你还在找在小程序成如何将图片转base64存储起来并显示嘛,在这里呢,来瞧瞧。 使用方法js文件 let $this = this; request({url:https://www.dounine.com/hello.jpg,method:GET,responseType: arraybuffer,success:function(res){let base64 = wx.arrayBufferToBase64(res);$this.data.userImageBase64 = data:image/jpg;base64, + base64;;} }); wxml文件 <image src={{userImageBase64}} style=width:90rpx;height:90rpx; /> PS:...
本文实例讲述了JS中getElementsByClassName与classList兼容性问题解决方案。分享给大家供大家参考,具体如下:document(element).getElementsByClassName(classNames:classString);HTML5新添加了这个方法,这个方法可以通过document和html元素调用,接受一个参数,这个参数包含一个或多个类名的字符串,返回带有制定类型的NodeList(存在性能问题),传入的多个类型顺序不重要。这个方法仅仅在标准浏览器下有效,在非标准浏览器下无...
layer介绍 layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。下载及使用访问官方网站。 area属性 layer的宽高是通过area属性设置,例如 area:[‘300px,‘600px],表示定义宽300px;高600px的弹出层; 默认设置:layer宽高都自适应的,即area默认值为‘auto。 maxWidth及maxHeight属性 ‘maxWidth和‘maxHeight分别对应css中‘max-width及...
需求背景经常会有这样的需求,当页面滚动到某一个位置时,需要某个页面元素固定在屏幕顶部,并且有时需要连续滚动吸顶。在PC端主要的实现是通过 CSS 的 position: fixed 属性,但是在移动端,尤其是在安卓端,存在诸多的兼容性问题。 问题position:fixed给移动端带来的问题: IOS8在页面滚动时,吸顶不连续;页面滑动时,不见吸顶,页面滚动停止后,吸顶缓慢出现滚动到顶部之后,会出现两个一样的吸顶, 过一会才恢复正常。footer底...
前言 我们在做微信小程序开发的过程中,总会遇到各种奇葩的问题。今天就把我在小程序开发过程中遇到的各种问题,及对应的解决方案总结在这里,方便以后自己回顾,也方便大家查看。 云开发相关 一 云函数调用失败问题[云函数] [login] 调用失败 Error: errCode: -404011 cloud function execution error | errMsg: cloud.callFunction:fail requestID , cloud function service error code -504002, error message Function not fou...
vue微信网页授权,基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios,开发的微信授权方案。项目地址:vue-wechat-auth 参考了[vue-wechat-login],思路有些不同,本文基于进入所有页面都必须先授权的操作。 与之前写的授权不同之处 这次的逻辑全部在router的beforeEach进行,相较更加简洁明。之前是在一个中间页author.vue中,加上微信授权要跳转很多次 在这里你能找到 微信网页授权前端解决方案,官方文档 如何使用Na...
现状 现在如果产品要接入支付,支付宝和微信都规定必须公司才能申请,对个人而言就没办法了。注册和维护一个公司的成本很高,还涉及到财务会计、纳税等,最后如果不需要了注销公司也会很麻烦。这对于刚起步的产品,或者个人开发者而言成本都很高。 解决方案 那个人还有办法签约微信和支付宝的原生支付接口吗?有!XorPay.com 是微信和支付宝的支付服务商,可以代个人签约微信支付接口 和 支付宝当面付接口,支持 native / jsapi / ...
前言 有echarts使用经验的同学可能遇到过这样的场景,在window.onresize事件回调里触发echartsBox.resize()方法来达到重绘的目的,resize事件是连续触发的这意味着echarts实例会连续的重绘这是非常耗性能的。还有一个常见的场景在input标签的input事件里请求后端接口,input事件也是连续触发的,假设我输入了“12”就会请求两次接口参数分别是“1”和“12”,比浪费网络资源更要命的是如果参数为“1”的请求返回数据的时间晚于参数...
去年年底自己搭了一个vue在移动端的开发框架,感觉体验不是很好。上个星期又要做移动端的项目了。所以我花了两天时间对之前的那个开发框架做了以下优化 自定义vuex-plugins-loading路由切换动画 + keep alive 动态管理缓存组件better-scroll与vue的最佳实践(better-scroll的vue化)自定义指令(vue-finger:包括点击,长按,双击,拖拽移动,多点触控,滑动,旋转,缩放手势)移动端适配方案如何分情况处理页面置顶路由懒加载自定义 ...
本文实例为大家分享了微信小程序授权登录解决方案的具体代码,供大家参考,具体内容如下getUserInfoF:function(){var that = this;wx.getSetting({success: (res) => {console.info(res.authSetting);wx.getUserInfo({success: res => {this.globalData.userInfo = res.userInfoconsole.info("一开始同意授权"+res.userInfo.nickName);if (this.userInfoReadyCallback) {this.userInfoReadyCallback(res)}},fail(err) {console.inf...
在使用react-router时会遇到奇怪的问题,比如当我们从首页进入详情页的时候,首页跳转到详情页,首页滚动的位置,进入到详情页的时候也会被记录下来,原因是由于共享了同一个history,所以对记录有所保留,这显然不符合我们的浏览习惯。 总结种解决方案: 方案一 <Router onUpdate={() => window.scrollTo(0, 0)} history={hashHistory}><Route path="/" component={ App }> </Router>方案二 class Protol extends React.Component...
前言最近一直在忙着一个用vue来做的权限管理的项目,其实在此之前,我也研究过vue的权限如何实现,并且也为之写过一篇博客,但当真正应用在项目中的时候,还是发现了许多问题,所以此篇也会就着我在项目中遇到的一些问题,拿出来和大家分享一下,当然示例代码还是我的github仓库中的ant-design-vue-ms (本地下载)。 权限问题解决思路对于一个前后端分离的项目而言,权限不再是仅仅靠后端来控制,后端只能控制接口的权限,前台的页...