
HTML5
文章平均质量分 50
爱吃兔子的小萝卜
联系方式vx(base64):MTc3MTI1MjI3NjM=
展开
-
微信小程序内原生与H5通信方案-一次记录滚动位置引发的血案
很久都没有更新了,分享一点干货吧.最近做一个小程序项目,特点是页面超多,开发周期紧,性能要求不高,都用小程序原生语法写的话 估计要分包,这样就复杂了.于是项目采用了webview嵌套H5的方案,使用vue开发,周期短,开发效率高.写H5页面不可避免的会遇到记录滚动位置的需求.常见使用场景是从列表页点击跳转至详情页,再返回列表页需要保持滚动位置不变.这时候在小程序中一般有3种解决方案1.使用keepalive组件缓存当前页面.这种方案的弊端在于每个业务页面的滚动容器并不相同,有些是基于body原创 2021-03-20 11:39:59 · 1080 阅读 · 0 评论 -
浏览器/node环境下 big5/gbk编码的字符串 urlencode
浏览器端function urlencode(str, charset, callback) { //创建form通过accept-charset做encode var form = document.createElement("form"); form.method = "get"; form.style.display = "none"; form.acceptCharset = charset; if (document.all) { //如果是IE那么就调用d原创 2020-11-08 22:03:37 · 768 阅读 · 0 评论 -
vue react history模式下 微信SDK调用失败解决方案
这里只考虑所有官方的解决方案都尝试过的情况,不考虑因为一些低级原因导致以上的错误。单页应用下前端路由自己维护history,通常都有几十个页面,其中某些页面需要调用微信JSSDK实现某些功能,但是在微信中经常会遇到invalid signature、the permission value is offline verifying之类的报错。而通常这类问题只要通过刷新下当前页面就可以解决。...原创 2018-12-05 14:48:46 · 1362 阅读 · 0 评论 -
借助ajaxPrefilter ajax预处理函数实现ajax拦截器
最近在用requireJS+jquery重构PC官网,原来的代码太冗余,很多方法和变量都重复定义,也没有全局配置的地方。习惯了模块化开发和全局配置的我简直不能忍。原来的代码每次发ajax请求都需要手动序列化JS对象,添加时间戳/token,觉得太麻烦。于是想实现一个ajax的拦截器,能够自动帮我们处理这些。网上找到了一个hookAjax的库,原理类似于修改原生xmlhttprequest对原创 2017-05-27 16:12:03 · 2445 阅读 · 0 评论 -
单页应用(SPA)前端javascript如何阻止按下返回键页面回退
这几年单页应用很流行,利用html5新特性history.pushState/replaceState 可以操作URL无刷新动态加载html内容,达到比较好的用户体验。不过经常会遇到这样一个问题,那就是用户总是习惯于按返回键来返回上一页,移动端页面有弹框的时候,用户期望按下返回键来关闭弹框,这时候却发现返回到了上一页。。。其中的技术原理我们前端同学都知道,不过用户不理解啊,你也没办法解释给他们原创 2017-04-11 18:27:13 · 7674 阅读 · 0 评论 -
angular2.0 webpack css url 图片路径问题
基于angular 2.0 rc4 github上的一个种子项目二次开发 angular2-seed需要修改的几个地方:webpack.config.js增加以下配置项,需要注意的是必须先安装 node-sass、css-to-string-loader、sass-loader、url-loaderfooter.tsfooter.scss原创 2016-07-16 21:57:55 · 5892 阅读 · 0 评论 -
使用nginx搭建前端项目web服务器以及利用反向代理调试远程后台接口
今天给大家介绍的是在前后端分离的趋势下,前端同学们利用nginx来开发和调试自己的前端项目。换做以前,大家正常的前端调试流程可能是这样的。1、首先搭建好后台的语言环境2、把后台代码拉到本机3、通过启动 tomcat或者是apache。4、打开网页正常调试这样的好处是整个流程每个人很熟悉,没什么坑。接口调试不通那就找后台吧。坏处是1、前端同学需要熟悉基本的后台程序运行原创 2016-07-10 14:00:14 · 34323 阅读 · 8 评论 -
常见的网站性能优化
网站部署优化:1、公共库存放CDN,尽量有自己的图片服务器2、项目图片素材合成雪碧图(核心是减少HTTP请求)3、JS、CSS合并、打包、压缩4、JS脚本放底部、CSS脚本放头部 5、开启GZIP压缩6、合理使用缓存(包括304、application cache)代码层面:JS:1、尽量减少操作DOM的次数(因为会触发浏览器重绘机制),如原创 2016-07-10 12:48:07 · 448 阅读 · 0 评论 -
JS性能优化笔记
查看原文一、 让代码简洁:一些简略的表达方式也会产生很好的优化eg:x=x+1;在不影响功能的情况下可以简写为x++; 二、 变量名方法名尽量在不影响语意的情况下简单。(可以选择首字母命名)eg:定义数组的长度可以取名为:ArrLen而不需要取为ArrayLength。 三、 关于JS的循环,循环是一种常用的流程控制。JS提供了三种循转载 2016-04-20 17:45:55 · 582 阅读 · 0 评论 -
angularJS实现无刷新文件下载
$scope.getExcel = function () { $http.post("/production/statistics/export", { storeId: $scope.$parent.currStore.storeId, date: $scope.$parent.ledgerDate.get原创 2015-10-23 17:45:01 · 9349 阅读 · 1 评论