首先给大家展示效果图：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 （本地下载）。 权限问题解决思路对于一个前后端分离的项目而言，权限不再是仅仅靠后端来控制，后端只能控制接口的权限，前台的页...