前端
低调之人
偶尔写写博客
展开
-
通过post或ajax请求后response header 设置cookie未更新值
有时间在做验证码校验时,服务端会存放当前浏览器用户的临时验证码信息,比如通过session、cookie等方式进行存放,在校验的时候也方便使用和更新等。系统是通过cookie进行存放到浏览器端,cookie的值是经过加密,用户是看不到未加密的数据,当用户第一次进入页面,图形验证码会生成一个code,同时往浏览器写入cookie;用户可以多次点击重新生成验证码,相应的cookie值也要进行更新替换,否则校验的时候无法通过。原创 2022-10-12 14:28:09 · 2269 阅读 · 0 评论 -
VScode设置NPM脚本窗口
在资源管理器里有多个窗口,比如:打开的编辑器、文件夹、npm脚本、大纲,可以很快捷的查看和操作一些功能。最近vscode突然升级更新,然后打开项目就出现如上图窗台,缺少打开的编辑器、npm脚本,不能快捷的运行项目、打包等,需要手动在终端输入命令。那如何解决?解决方案:在资源管理器右侧点击“...”=》npm脚本,进行勾选就能显示。...原创 2022-03-09 18:33:15 · 4213 阅读 · 1 评论 -
Js 数组筛选重复项
js数组去重复:Array.prototype.distinct = function () { var arr = this, result = [], i, j, len = arr.length; for (i = 0; i < len; i++) { for (j = i + 1; j &...原创 2018-04-09 14:37:16 · 101396 阅读 · 0 评论 -
微信公众号JS接口安全域名配置:config:fail,invalid url domain
在配置微信公众号时,我们经常先是用测试账户管理进行配置,毕竟是开发模式,往往会出现以下问题:config:fail,invalid url domain。注册微信服务报错,如何解决?解决:你配置的url是否正确?有没有把http去掉呢?正确 URL:hzwxgzh.s2.natapp.cc错误 URL:http://hzwxgzh.s2.natapp.cc需要在js接口安全域名以及功能配置那里进行...原创 2018-03-14 12:58:18 · 141354 阅读 · 1 评论 -
微信开发平台Api接口返回码说明
返回码说明地址:点击打开链接返回码错误码描述说明40001invalid credential不合法的调用凭证40002invalid grant_type不合法的grant_type40003invalid openid不合法的OpenID40004invalid media type不合法的媒体文件类型40007invalid media_id不合法的media_id40008invalid ...原创 2018-03-05 14:02:29 · 119768 阅读 · 0 评论 -
WebUploader上传图片插件
学习地址:http://fex.baidu.com/webuploader/文档接口:http://fex.baidu.com/webuploader/document.htmlDemo:http://fex.baidu.com/webuploader/demo.htmlWebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件...原创 2018-03-05 13:56:14 · 119335 阅读 · 0 评论 -
监控键盘enter事件实现自动提交函数
页面引用如下js,即可实现点击enter键,实现自动提交函数:document.onkeydown = function (e) { if (!e) e = window.event; if ((e.keyCode || e.which) == 13) { login();//处理事情 }};...原创 2018-03-05 09:37:11 · 122497 阅读 · 0 评论 -
C# css文件引用缓存问题
现在浏览器都会缓存css、js文件等,如果更改css文件的内容,浏览器是不会自动获取最新的文件,这样的机制也是为了更快速的访问网站,我们可以在引用文件时在后面加一个随机数,这样每次都会重新请求。 <link href="~/Content/css/style.css?v=@Guid.NewGuid()" rel="stylesheet">比如:带一个参数v,使用生成Guid随机数。G...原创 2018-02-25 13:59:24 · 138656 阅读 · 0 评论 -
js判断是否微信浏览器
可以通过userAgent是否在微信浏览器里发起的请求:function isWeixn () { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; }...原创 2018-02-24 14:02:13 · 140557 阅读 · 0 评论 -
IE使用layer关闭时触法beforeunload事件
在使用layer弹出层时,会用到end回调函数,单独处理一些事件,并结合浏览器beforeunload事件。但是在IE浏览器里,官方是这样解释的:点击目标为非本页面的a链接就会触发onbeforeunload事件,然而layer里的关闭链接使用的就是a标签(href="javascript:;")。其他浏览器是不会触法onbeforeunload事件,只有IE特例。目前官方也没有进行修复这个问题,...原创 2018-04-11 13:08:39 · 97517 阅读 · 0 评论 -
设置圆角border-radius值为50%安卓各版本会变形
在H5页面通过css样式设置圆角,比如border-radius:50%,这样的方式,在不同的安卓浏览器里,其表现的形式也会有不一样,会出现大小不一致,有些扁圆,有些大,有些小,但是在IOS系统不会出现问题。经排查,如果使用rem单位表示宽高,会有问题,如下:.car-radius { width: 0.2rem; height: 0.2rem; border-radius...原创 2018-06-01 16:42:27 · 53655 阅读 · 0 评论 -
微信公众号-实名实人核验-读数、动作活体测试地址url
关注“实名实人核验”微信公众号,找到产品体验菜单,点击“读数活体”或者“动作活体”,进行实名认证体验。读数活体测试地址:https://iauth.wecity.qq.com/html/demo.html?appid=4394动作活体测试地址:https://iauth.wecity.qq.com/html/demo.html?appid=4393 ...原创 2018-08-01 13:17:26 · 30925 阅读 · 1 评论 -
vscode调试vue项目
vscode如何调试vue项目,通过F5进行断点调试,类似与vs进行调试,vscode需要安装插件以及配置launch.json文件。 步骤一:1.找到“扩展”或者按快捷键“Ctrl+Shift+X”,如下图,输入Debugger for Chrome查找,并安装。2.项目里创建“launch.json”文件,内容如下:关键是json配置:{"name": "chr...原创 2018-09-01 15:08:20 · 43665 阅读 · 9 评论 -
win7系统vscode配置中文语言
vscode如何设置未中文语言,其实只需要更改一个配置文件即可。步骤:1.按“Ctrl+Shift+P”,会弹出搜索框,输入:Configure Display Language2.点击会打开locale.json文件,将"locale":"en"改成"locale":"zh-CN"即可3. 重启一下vscode即可。 ...原创 2018-09-01 15:26:29 · 6622 阅读 · 0 评论 -
H5页面加载时先放大再恢复正常
在做H5页面时,如果主页的元素内容比较多,可能就会导致页面第一次加载时,会先放大然后在恢复正常,影响用户体验,从网上查找了一些解决办法,觉得比较近好的的有2种方式,我采用是第一种方案,如下:方案一:将此脚本放到body标签前,就可以解决此问题,但是有个瑕疵,还是有点闪动,效果行。<script type="text/javascript"> function re...原创 2018-09-04 13:50:23 · 7620 阅读 · 0 评论 -
jquery weui在plus上兼容性问题,导致样式变形、冲突
我们在使用jquery weui插件时,在iphone上使用都正常,但是只要是在plus的屏幕都是变形,不管是plus 8 、plus 7 等,都是导致样式出现冲突,兼容性等问题,那如何解决?一:打开jquery-weui.css文件,找到media only screen and..这几行样式,注释掉就可以了,如下图:具体代码:@media only screen and (m...原创 2018-09-01 18:18:56 · 7641 阅读 · 0 评论 -
vue打包后样式文件引用加载顺序错误,导致样式错乱
项目开发环境下,运行应用程序样式正常,但是通过npm run build打包后,放到服务器上,再次访问,就会出现css错乱,自定义的css文件被其它组件的样式给覆盖了,比如引用了iview.css样式,就会被此文件覆盖。解决方案:import Vue from 'vue';import 'iview/dist/styles/iview.css';import App from './...原创 2018-09-21 13:31:59 · 14018 阅读 · 2 评论 -
服务器上post访问接口提示:请不要使用非法的URL地址访问,您访问的URL地址不被允许
一、起因本地的电脑以及公司的电脑部署了应用程序(.net core),做了前后端分离,然后使用post的方式进行获取数据,正常情况是不会报错误。但是将应用程序发布到客户的服务器,就会出现状态码403,然后页面提示如下错误:请不要使用非法的URL地址访问最可能的原因是:• 您正在试图非法攻击。• 您访问的URL地址不被允许。二、尝试解决1、更换二级域名;----不...原创 2019-08-13 19:10:59 · 13603 阅读 · 0 评论 -
vue微信H5长按无法弹出识别二维码
一、场景使用vue写了一个H5项目,然后在IOS微信公众号里可以长按识别二维码,以便用户关注,但是发现在微信公众号无法弹出识别。vue的路由是默认的:hash。二、查找原因网上搜索了很多方案,修改样式、尺寸大小、甚至加上logo,都是无法成功。如果单独的写一个静态页面,放一张图片,然后在微信公众号里是可以识别。但是只要在vue搭建的项目里,就是无法访问,就单独放一个图片也不...原创 2019-08-29 09:18:53 · 6256 阅读 · 0 评论 -
js验证身份证号码包括最后一位字母
通过正则进行js验证身份证号码:var numRegex = /^([a-zA-Z\d_]{1,18})$/; if (!numRegex.test(val)) { return '请输入身份证号码或格式不正确!' ; }原创 2018-02-24 13:53:10 · 139293 阅读 · 0 评论 -
C# Base64转换为图片
将base64字符串转换为Image图片,现在移动端手机上,有些H5页面上传图片,就是将图片转换为base64位,可以选择直接存储这个字符串,也可转换本地图片,代码入下: var base64 = ""; base64 = base64.Replace("data:image/png;base64,", "").Replace("data:image/jgp;base64,", "").Re原创 2018-02-02 13:45:19 · 148577 阅读 · 2 评论 -
IOS微信浏览器返回事件popstate监听
问题描述:通过监听popstate事件,来判断是否点击返回按钮,比如从A页面跳转到B页面(监听popstate),然后再跳转到C页面,点击返回的按钮,测试成功,包括安卓版,但是问题来了,IOS版的微信,是会立即触法popstate事件,导致直接从C页面跳转到A页面,其他的支付宝(安卓、IOS)、微信(安卓)都是可以,就是微信IOS版不行。经过查找相关资料,选择了一个方法,不过有点弊端,但是...原创 2018-01-08 15:35:23 · 148295 阅读 · 4 评论 -
html5将图片转换base64进行上传、应该能解决微信内置浏览器上传图片
有些安卓的微信浏览微网站,不能通过file上传文件、图片,但是ios系统的都是可以上传图片。网上有很多人说是微信阉割了file的上传功能,但是微社区确实可以上传图片,应该是他们自己写的一个上传插件,就是将图片转换成base64然后传到服务器进行转换图片。html5有个功能就可以将图片转换base64,那就是FileReader。实现:function readFile(obj){原创 2014-12-04 13:54:51 · 190166 阅读 · 4 评论 -
imgareaselect图片裁剪、js裁剪案例
imgareaselect官网:http://odyniec.net/projects/imgareaselect/进行下载、以及查看官网案例、文档。原创 2014-11-05 16:38:08 · 143749 阅读 · 0 评论 -
js字节转换、字节转换GB等
function bytesToSize(bytes) { if (bytes === 0) return '0 B'; var k = 1024; sizes = ['B','KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; i = Math.floor(Math.log(bytes) / Ma原创 2014-11-05 16:51:05 · 158160 阅读 · 2 评论 -
web页面操作cookie
if(document.cookie.indexOf('waring=2014-05-08') $('body').prepend('得图云将在2014年5月12日(周一、二)开始进行域名备案的转移,届时请访问临时域名:www.detuyun.cn,给您带来不便,望谅解!<a style="display:inline-block;background:url(/assert/imag原创 2014-05-20 14:53:31 · 141134 阅读 · 0 评论 -
krpano HTML5全景漫游
目前有个插件叫krpano HTML5 Viewer可以实现全景原创 2014-04-29 10:35:21 · 181095 阅读 · 0 评论 -
embed遮挡div层,无法显示
例如代码:原创 2014-04-21 16:27:01 · 145856 阅读 · 0 评论 -
网页用样式模仿按钮图标
有些网页需要用按钮来显示,能够跳转页面。实现这个很简单,用一个背景图片即可。但是有些麻烦,需要美工专门设计图片。直接用样式就能够实现这个功能。 代码: 国内新闻 科技新闻 军事新闻 国际新闻 样式原创 2014-03-12 09:43:43 · 140703 阅读 · 0 评论 -
百度地图API授权ak失败
当申请过百度地图密钥后,引用百度地图:运行网页时提示:“百度未授权使用地图API,可能是因为您提供的密钥不是有效的百度开放平台密钥,或此密钥未对本应用的百度地图JavasoriptAPI授权。……”。下面给出的地址是:http://lbsyun.baidu.com/apiconsole/key#说明你申请key后,密钥进行配置。在你申请的页面有个密钥配置点开进行配置。1.例原创 2014-03-04 10:46:46 · 149218 阅读 · 1 评论 -
js转换Date日期格式
有时候做项目会用到js的date日期格式,因为Date()返回的格式不是我们需要的,Date()返回格式:Thu Mar 19 2015 12:00:00 GMT+0800 (中国标准时间)而我们则需要这样的格式:2015-3-19 12:00:00除非是在后台处理好时间格式,然后在页面直接显示。那如何用js格式化date日期值呢?1.j原创 2015-03-19 16:41:16 · 263378 阅读 · 8 评论 -
ArcGIS API for JavaScript 初始化配置路径
ArcGIS API for JavaScript :https://developers.arcgis.com/javascript/jssamples/1.首先你需要下载arcgis_js_api文件包。2.在IIS上发布一下下载的文件加,如:arcgis_js_api。3.找到文件init.js,用记事本打开,需要修改一下路径: 例如你的iis访问路径为:原创 2015-12-24 18:01:55 · 144941 阅读 · 2 评论 -
z-index层重叠事件顺序以及解决办法
在做项目时,常常会用到弹出一个层,然后在这个层上进行操作,操作完成时就关闭弹出层,或者点击别的地方进行关闭层。通常都会在div样式中设置z-index的值,比如父层设置z-index:100,子层就设置大于100,起到弹出父层时,子层能够显示。例如(简单写一下): 关闭弹出层:$("#div1").hide(); //需要引用jquery.js文件我们也可以点击父层其余原创 2016-07-08 14:24:03 · 150592 阅读 · 0 评论 -
HTML显示json字符串并且进行格式化
通过pre标签进行格式化展示,使用JSON.stringify()方法转换。代码如下:HTML显示json字符串并且进行格式化{ "name": "Brett", "address":"北京路23号", "email": "123456@qq.com" } var text = document.getElementById('show_p').innerTex原创 2018-01-31 10:57:35 · 187712 阅读 · 0 评论 -
json时间字符串带T
在处理时间格式时,特别是通过json序列化datetime类型,返回给前端进行展示,你会发现的字符串带T。例如:2017-09-05T13:08:56.080在时间和日期之间会帮我们加个字母大些T,那如何解决呢?一、提前在后端处理时间格式将datetime类型转换成string类型,不要以datetime类型进行json序列化,这样可以避免问题。二、在前端通过js进行格原创 2017-09-07 09:58:07 · 154176 阅读 · 1 评论 -
dotdotdot.js 中文特殊字符
在使用jquery.dotdotdot.min.js插件时,你会发现如果文本是中文的特殊字符,此时就无法解析了,因为需要配置插件wap属性,如下代码:$(".descript").dotdotdot({ wrap: 'letter' //注:中文必须改为letter });默认的配置是:word ,所以需要考虑中文的特殊原创 2017-08-03 11:07:23 · 143270 阅读 · 1 评论 -
li标签value属性值变化为2147483647
在IE浏览器下获取li标签value属性值变化为2147483647。如下代码: 1服务大厅 2服务大厅 3服务大厅 4服务大厅 获取li标签样式为active的value属性值:$('.network-list .active').attr('value')理想中的值应该是:332100 但是实际取出的值原创 2017-01-11 18:07:07 · 141601 阅读 · 0 评论 -
js判断图片是否加载成功
将标签设置一个属性isLoad=“false”表示是否加载成功,这样可以查看图片状态,成功了设置true。jquery.js文件不要忘记引用。 $(function () { $(".pic-wape img").each(function() { var img = $(this); img.load(functi原创 2016-12-01 16:16:07 · 152597 阅读 · 0 评论 -
web设计器--设计流程图(raphael)源码myflow.js(三)
分享一下myflow.js源码:其余的文件比如myflow.editors.js等就不贴出来了,代码太多,只是贴出核心的js。如果想要别的文件,私信我。(function($) { var myflow = {}; myflow.config = { editable : true, lineHeight : 15, basePath : '', rect : {/原创 2016-08-31 15:00:18 · 155193 阅读 · 50 评论 -
web设计器--设计流程图(raphael)(一)
案例是采用raphael的js文件进行画图,适用web设计,可以下载案例,里边是一些html的案例,下载后自己研究一下数据格式引入到自己的项目里。Demo下载地址:http://download.csdn.net/detail/lilinoscar/8332927Code:<link type="text/css" href="lib/jquery-ui-原创 2015-01-06 16:40:18 · 172121 阅读 · 25 评论