- 博客(31)
- 收藏
- 关注
RSS订阅原创 JS——Promise 对象
概述Promise 对象是 JavaScript 的异步操作解决方案，为异步操作提供统一接口。它起到代理作用（proxy），充当异步操作与回调函数之间的中介，使得异步操作具备同步操作的接口。Promise 可以让异步操作写起来，就像在写同步操作的流程，而不必一层层地嵌套回调函数。注意，本章只是 Promise 对象的简单介绍。为了避免与后续教程的重复，更完整的介绍请看《ES6 标准入门》的...
2018-12-31 08:46:09
379
原创 JS——定时器
setTimeout()setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。var timerId = setTimeout(func|code, delay);上面代码中，setTimeout函数接受两个参数，第一个参数func|code是将要推迟执行的函数名或者一段代码，第二个参数delay是推迟...
2018-12-28 18:24:22
322
原创 JS——异步操作概述
单线程模型单线程模型指的是，JavaScript 只在一个线程上运行。也就是说，JavaScript 同时只能执行一个任务，其他任务都必须在后面排队等待。注意，JavaScript 只在一个线程上运行，不代表 JavaScript 引擎只有一个线程。事实上，JavaScript 引擎有多个线程，单个脚本只能在一个线程上运行（称为主线程），其他线程都是在后台配合。JavaScript 之...
2018-12-27 18:40:37
147
原创 ECMAScript 位运算符
位运算 NOT位运算 NOT 由否定号（~）表示，它是 ECMAScript 中为数不多的与二进制算术有关的运算符之一。位运算 NOT 是三步的处理过程：把运算数转换成 32 位数字 把二进制数转换成它的二进制反码 把二进制数转换成浮点数例如：var iNum1 = 25; //25 等于 00000000000000000000000000011001var iNum...
2018-12-27 15:27:08
126
原创 CSRF攻击方式
一.CSRF是什么？ CSRF（Cross-site request forgery），中文名称：跨站请求伪造，也被称为：one click attack/session riding，缩写为：CSRF/XSRF。二.CSRF可以做什么？ 你这可以这么理解CSRF攻击：攻击者盗用了你的身份，以你的名义发送恶意请求。CSRF能够做的事情包括：以你名义发送邮件，发消息，盗取你的账号，甚...
2018-12-27 13:18:22
178
原创 CSRF攻击原理及防御
一、CSRF攻击原理 CSRF是什么呢？CSRF全名是Cross-site request forgery，是一种对网站的恶意利用，CSRF比XSS更具危险性。想要深入理解CSRF的攻击特性我们有必要了解一下网站session的工作原理。 session我想大家都不陌生，无论你用.net或PHP开发过网站的都肯定用过session对象，然而session它是如何工作的呢？如果你不清...
2018-12-27 12:10:11
181
原创 XMLHttpRequest对象详解
XMLHttpRequest(XHR)是一个API对象，其中的方法可以用来在浏览器和服务器端传输数据。这个对象是浏览器的js环境提供的。从XHR获取数据的目的是为了持续修改一个加载过的页面，XHR是Ajax设计的底层概念。XHR使用的协议不同于HTTP，不仅可以使用XML格式的数据，也支持JSON，HTML或者纯文本。WHATWG组织负责维护一个动态的XHR标准文档。W3C基于WHATWG标准...
2018-12-27 11:38:37
847
原创 ajax和axios、fetch的区别
1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});传统 Ajax 指的是 XMLHttpRequest（XHR）， 最早出现的发送后端请求技术，隶...
2018-12-27 10:50:08
5173
原创 Ajax同步和异步的区别
之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题。 最近的项目用了到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面出去假死状态，当这个AJAX执 行完毕后才会继续运行其他代码页面假死状态解除。 而异步则这个AJAX代码运行中的时候其他代码一样可以运行。 jquery的async:false,这个属性 默认是t...
2018-12-27 10:19:33
109
原创 微信小程序App()方法与getApp()方法
App()注册一个小程序小程序的入口方法//app.jsApp({ onLaunch: function(options) { console.log("onLaunch"); }, onShow: function(options) { console.log("onShow"); // Do something when show. ...
2018-12-26 15:59:20
57820
5
原创 微信小程序rpx与px如何换算
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px设备 设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度 iPhone5 1rpx = 0.4...
2018-12-25 18:11:39
9252
原创 微信小程序动态修改页面标题setNavigationBarTitle
微信小程序是可以动态修改页面标题的。 首先我们来看看静态是怎么实现的 在对应页面的json文件里面加入下面代码就可以实现了{ "navigationBarTitleText": "素材图库"}效果图如下： 其他动态的也是十分简单，毕竟是提供好了的接口，我们调用一下就行了。接口嘛，那就要操作对应的js文件咯。参考地址 quwei: function (...
2018-12-25 16:04:52
419
原创 如何给 v-html 渲染出的内容添加样式
在 vue 中，如果要渲染一段 html 内容，可以使用 v-html 标签，渲染出来的内容会带有原来的页面标签和样式，如果想要修改内容里面的样式要怎么做呢？有的人会说，这还不简单，直接在 style 里面写相应的样式不就完了吗，实际实践过会发现，根本就不行，如果像原来那样直接写的话是根本不起作用的，而且进入调试模式会发现，在每个 class 里面，vue 都给加上了 data-xxxxx 的...
2018-12-25 14:50:46
878
1
原创 js的基本数据类型有哪些？
js的基本数据类型有哪些？ECMAScript中有5中简单数据类型（也称为基本数据类型）: Undefined、Null、Boolean、Number和String。还有1中复杂的数据类型————Object，Object本质上是由一组无序的名值对组成的。其中Undefined、Null、Boolean、Number都属于基本类型。Object、Array和Function则属于引用类型，...
2018-12-21 16:21:56
170
原创 JS创建对象的几种方式
1.最简单的方式--创建一个Object实例1 var person = new Object(); //创建实例2 person.name = "BlueBeginner"; //给实例添加属性3 person.age = 21; //添加属性4 person.sayName = function(){ //添加方法5 alert(...
2018-12-21 16:01:56
99
原创 vue H5网页开发调用扫一扫安卓正常，ios第一次进入网页点击扫码失败第二次点击之后全部扫码正常解决方法
出现这个问题需要把wx.scanQRCode()写在wx.ready(function () {}里即可解决，代码如下：备注：其中还要注意的是返回给后台得url需要是#之前的url，需要截取一下var str = window.location.href.split('#')[0]...
2018-12-21 09:59:31
3666
1
原创 webstrom2018补丁破解方法
webstrom2018最新补丁下载链接https://pan.baidu.com/s/1_rHmnKOJkR8rIB02OuMM2w 密码：ms4a第一步:将补丁复制到安装目录的bin目录下（自己的电脑安装的路径）D:\...\WebStorm\binPS：一定要把这个jar包复制到这个bin目录，不然后面操作可能无法进行。第二步：修改同目录下的 WebStorm.exe.v...
2018-12-19 10:07:23
393
原创 IOS微信6.7.4输入框失去焦点，软键盘关闭后，被撑起的页面无法回退到原来正常的位置
IOS微信6.7.4输入框失去焦点，软键盘关闭后，被撑起的页面无法回退到原来正常的位置 近期在开发微信H5页面时碰到这个问题，如图，软键盘弹起后，若原输入框被遮挡，页面整体将会上移，然而当输入框失焦，软键盘收起后，页面未恢复，这也是ios的微信版本更新6.7.4之后才遇到的bug。目前的解决办法是给输入框（或select选择框）添加失去焦点的事件，当输入框失去焦点，页面自动滚动到顶...
2018-12-13 12:05:25
1598
原创 报错：Win10 这台计算机中已经安装了 .NET Framework 4.5.2/4.6.1/4.7.1等等任何版本 或版本更高的更新
Win10系统自带的.net framework版本为4.7，自己安装.NET Framework 4.5.2时会提示：这台计算机中已经安装了 .NET Framework 4.5.2 或版本更高的更新。解决方法下载安装.net framework的开发版或者说开发包。开发版地址https://www.microsoft.com/net/download/visual-studio-sd...
2018-12-12 17:39:44
56520
2
原创 Fiddler 4 抓包手机配置代理后不能上网解决办法
今天根据网上配置Fiddler后手机不能上网，后经过查找，终于找到解决办法 1.检查Fiddler需要用到对应的.net framework 在Help->About 即可查看需要的版本 （安装之后重启电脑）可能遇到的问题：a、不知道自己电脑所安装的.NET Framework版本号，解决方法如下：如果还不清楚请看链接https://docs.micro...
2018-12-12 17:32:52
13064
1
原创 反编译获取任何微信小程序源码
一、前言最近在学习微信小程序开发，半个月学习下来，很想实战一下踩踩坑，于是就仿写了一个阿里妈妈淘宝客小程序的前端实现，过程一言难尽，差不多两周时间过去了，发现小程序的坑远比想象的要多的多！！在实际练手中，完全是黑盒的，看到人家上线的小程序的效果，纯靠推测，部分效果在绞尽脑汁后能做出大致的实现，但是有些细节，费劲全力都没能做出来。很想一窥源码，查看究竟，看看大厂的前端大神们是如何规避了小程序的各...
2018-12-12 14:49:28
612
原创 使用Fiddler对iPhone苹果手机进行数据抓包分析
配置Fiddler首先下载安装Fiddler，运行后选择菜单Tools->Fiddler Options。选中"Decrpt HTTPS traffic"，Fiddler就可以截获HTTPS请求：选中"Allow remote computers to connect"，是允许别的机器把HTTP/HTTPS请求发送到Fiddler上来：配置完成后重启Fiddler。...
2018-12-12 09:35:58
1190
原创 rem是如何实现自适应布局的？
摘要：rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？rem（fo...
2018-12-12 09:32:45
220
原创 从URL输入到页面展现的背后
前言打开浏览器从输入网址到网页呈现在大家面前，背后到底发生了什么？经历怎么样的一个过程？先给大家来张总体流程图，具体步骤请看下文分解！总体来说分为以下几个过程:DNS 解析:将域名解析成 IP 地址 TCP 连接：TCP 三次握手 发送 HTTP 请求 服务器处理请求并返回 HTTP 报文 浏览器解析渲染页面 断开连接：TCP 四次挥手一、URL 到底是啥URL（Uni...
2018-12-11 11:23:57
348
原创 微信开发：清除微信浏览器缓存
1.安卓系统：打开http://debugx5.qq.com/（可以在微信消息里面打开） 拉到底部勾选，然后清除即可 2.苹果系统：退出账号，重新登录
2018-12-10 10:35:21
832
原创 [Vue warn]: Error in render: "SyntaxError: Unexpected token ' in JSON at position 1"
一，场景：字符串转对象；var str = "{'bankRate':5,'YINGUO':0}"二，操作：JSON.parse(str)时候，报错[Vue warn]: Error in render: "SyntaxError: Unexpected token ' in JSON at position 1"三，原因：使用parse这个方法，要求很严格，必须是js...
2018-12-09 22:29:59
16448
1
原创 Unexpected token o in JSON at position 1 报错原因
写在前面的话这个问题在之前做项目时碰到过一次，当时按照网上的做法，去掉JSON.parse()这一层转换后就没有这个报错了，数据也能正常使用，就没多想，也没深究是什么原因。可是这次又碰到了，所以这次我必须要弄明白原因。先看看它的作用JSON.parse()用于从一个字符串中解析出json对象,如var str = '{"name":"LeonWu","age":"18"}'JSON...
2018-12-09 22:28:59
2706
原创 微信网页授权（前端）
前言前段时间，项目对旧版的微信公众号进行改版，需要对部分页面进行微信授权，我们的网页授权通过前后端进行，前端负责发起请求和调用后台接口，后台负责获取微信端的回调以及提供前端所需的接口。整个微信授权完成了，期间磕磕碰碰，踩了不少的坑，因此总结和梳理一下整个微信授权流程的前端工作。1. 微信授权的整体流程2. 微信授权开发过程2.1 获取微信公众号的AppID和AppSecret ...
2018-12-04 17:39:49
5412
原创 flex布局实例
之前的随笔从阮一峰老师那里学到了flex的基本用法及作用，现在来把flex具体运用到实例中，看看flex的弹性布局效果。1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现HTML代码：<div class="demo"> <div class="inner"> ...
2018-12-04 14:28:44
281
原创 Flex Basis与Width的区别
Flex Items的应用准则content –> width –> flex-basis (limted by max|min-width)也就是说，如果没有设置flex-basis属性，那么flex-basis的大小就是项目的width属性的大小 如果没有设置width属性，那么flex-basis的大小就是项目内容(content)的大小下面通过给一个1000px的...
2018-12-04 14:04:54
144
原创 Http报头Accept与Content-Type的区别
1.Accept属于请求头， Content-Type属于实体头。 Http报头分为通用报头，请求报头，响应报头和实体报头。 请求方的http报头结构：通用报头|请求报头|实体报头 响应方的http报头结构：通用报头|响应报头|实体报头2.Accept代表发送端（客户端）希望接受的数据类型。 比如：Accept：text/xml; 代表客户端希望接受的数据类型是xml类型Cont...
2018-12-03 10:48:55
151
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人