Mr_Yan的博客

Talk is cheap show me the code!

JS之replaceState与pushState的妙用

场景 text前几天做web站的账单重构,原有的支付路径为www.xxx.com/a/b/c,进入我的账单之后,即www.xxx.com/a后台经过auth2.0认证后,会重定向到www.xxx.com/yy/a/,并且这个yy是一个变量值,微信支付只能设置5个支付路径,如果这样走到支付页面...

2019-04-24 23:30:00

阅读数 78

评论数 0

JS解除事件引用

之前看红宝书,第十三章,解除事件引用,代码是这样子的,有点不太明白。 // 解除引用失败 var btn = document.getElementById('myBtn') btn.addEventListener( 'click', func...

2019-04-15 13:44:02

阅读数 21

评论数 0

iframe知识小结之老项目中嵌套Vue单页应用实践

最近公司因结构变动,将重构的一些新项目放到来老系统中,用到了iframe通信知识,故总结此篇。 同域名下父子页面通信 父页面 <html> <head> <script type="tex...

2019-04-01 23:43:40

阅读数 85

评论数 0

HTTP中204和205的含义

在看elementUI的demo时,发现返回的status是先返回一个204后返回一个201,特此百度了解来做笔记。 201 表示资源被正确的创建。比如说,我们 POST 用户名、密码正确创建了一个用户就可以返回 201 203 203:请求的代理服务器修改了源服务器返回的 200 中的内容,我们...

2019-03-31 22:17:27

阅读数 86

评论数 0

body传参?parameter传参?Request Payload?Query String Parameter?

今天,后端来一个接口,告诉我“要用post请求,parameter形式传参”。over。 初级选手一般听到用post请求,但素用parameter传参一定很懵圈o((⊙﹏⊙))o。那么请先移步看这篇文章,get和post请求其实并没本质区别,他们都是tcp连接,post请求可以将参数放在body中...

2019-03-14 22:11:40

阅读数 122

评论数 0

npm常识总结

cnpm config ls 【查看部分参数】 cnpm config ls -l【查看全部参数】 node.js安装在D盘,cnpm list -g --dept 0 查看的是D盘下的node_modules中模块,所以只能查看出有npm模块 而在C盘中还有一个npm(C:\Users...

2019-01-28 17:21:14

阅读数 62

评论数 0

Mixed Content: The page at 'xxx' was loaded over HTTPS, but requested an insecure resource 'xxx'.

HTTPS页面里动态的引入HTTP资源,比如引入一个js文件,会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源,也会被直接block掉的。 Mixed Content: The page at ‘xxx’ was loaded over HTTPS, but re...

2019-01-28 16:25:55

阅读数 975

评论数 0

React踩坑集锦集合

Warning: Failed prop type: Invalid prop component of type object supplied to Route, expected function 解决办法:是因为 route 中的 component 没有组件和函数 使...

2018-12-25 17:00:20

阅读数 126

评论数 0

VS Code - Debugger for Chrome调试js

最近在自学一些s的内容,用到了vscode来编写代码,一直没有使用过vs调试js的代码,看到左侧有推荐一个插件Debugger for Chrome使用来调试js代码的,对于vs这种开源,需要安装各种插件来支撑我们编写代码的编辑器,在灵活轻量的同时,插件的配置使用对于刚开始入手的童鞋确实有点难度。...

2018-12-03 11:48:46

阅读数 144

评论数 1

实用的 CSS — 贝塞尔曲线(cubic-bezier)和Steps的用法

前言 在了解cubic-bezier之前,你需要对CSS3中的动画效果有所认知,它是animation-timing-function和transition-timing-function中一个重要的内容。 本体 简介 cubic-bezier又称三次贝塞尔,主要是为animation生成...

2018-11-09 10:49:26

阅读数 238

评论数 0

pxToRem插件

前两天维护一个老的项目,用到了Jquery-WEUI框架,发现其UI框架中的css文件大都用的是px,不能够很好的自适应,所以去GITHUB上找到一个插件。postcss-pxtorem。 官方文档很简单明了,我这里就不再讲解怎么使用啦。 ...

2018-11-07 13:35:16

阅读数 528

评论数 0

浅谈Vue.use

先举个? 我们先来看一个简单的事例 首先我使用官方脚手架新建一个项目vue init webpack vue-demo 然后我创建两个文件index.js plugins.js. 我将这两个文件放置在src/classes/vue-use目录下 接下来对这两个文件进行编写 // 文件: src...

2018-10-29 13:29:55

阅读数 344

评论数 0

web中loading的几种方式

大体可分为三类,分别为菊花图类、顶部进度条类、skeleton screen(加载占位图) 菊花图 -----【适合整个页面一起呈现,保持数据的连贯性】 loading菊花图 百分比 gif动画 顶部进度条 ----- 【适合P...

2018-10-25 18:45:18

阅读数 204

评论数 0

IOS中小程序pdf签章问题的解决办法

IOS系统中大于12的操作系统才可以显示签章。解决连接,希望大家多关注和反馈给微信官方。

2018-10-11 18:37:15

阅读数 291

评论数 0

最全面总结 Android WebView与 JS 的交互方式

前言 现在很多App里都内置了Web网页(Hybrid App),比如说很多电商平台,淘宝、京东、聚划算等等,如下图 京东首页 上述功能是由Android的WebView实现的,其中涉及到Android客户端与Web网页交互的实现 今天我将全面介绍Android通过WebView与JS交互的全...

2018-09-25 12:27:02

阅读数 118

评论数 0

WKWebView与H5交互的两种方式

交互方式一:原生交互(以WKWebView为栗子) 1.原生调用H5方法 [wkWebView evaluateJavaScript:@"js方法名" completionHandler:^(id _Nullable response, NSError * _N...

2018-09-21 11:10:06

阅读数 379

评论数 0

小程序刷新页面

场景值:页面有弹层输入框,输入之后,重新请求页面数据,即相当于是刷新按钮。 解决办法: this.onLoad() this.onShow()

2018-09-19 13:58:03

阅读数 1562

评论数 0

微信小程序扫普通二维码跳转

最近一需求,是要做小程序扫普通二维码跳转。看了看微信文档一头雾水,写的不是很清楚。 官方文档传送门:https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html#功能介绍 文档上的几个要点 开放范围 企业...

2018-09-18 11:12:44

阅读数 4774

评论数 28

IOS和Android对JS中Date对象的差异

new Date(); IOS使用 new Date(“2018/05/31 08:00”); //xxxx/xx/xx 必须是这种形式 Andorid使用new Date(“2018-05-31” 08:00); // xxxx/xx/xx | xxxx/x/x 可以是这两种形式

2018-08-14 13:21:02

阅读数 175

评论数 0

Node.js读写中文内容文件操作

由于Node.js仅支持如下编码:utf8, ucs2, ascii, binary, base64, hex,并不支持中文GBK或GB2312之类的编码,因此如果要读写GBK或GB2312格式的文件的中文内容,必须要用额外的模块:iconv-lite 安装模块:npm install ico...

2018-08-09 14:54:04

阅读数 271

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭