工具
邵天宇Soy
这个作者很懒,什么都没留下…
展开
-
javascript断点调试
一、方法11.断点文件位置打开chrome,找到Sources,在一堆的文件夹里面找到你要调试的js文件,打开它:下面是html前端展示: 2.打断点 当你运行代码的时候,例如:操作搜索按钮点击事件,出现未知问题。首先,给Sources里面的js文件打断点。点击你要调试的代码的行数,发现行数会被标记为蓝色(chrome),这说明已经成功打断点了,恭喜你成功了第一步。3.断点调试对断点进行调试,首原创 2017-09-22 18:02:10 · 25702 阅读 · 7 评论 -
原生JS实现表单序列化serialize()
<html> <head> <title></title> </head> <body> &am原创 2018-07-27 21:24:46 · 15753 阅读 · 2 评论 -
JS中的函数绑定以及实现函数柯里化
假设页面有个按钮btn,实现点击打印message信息和事件类型(暂只介绍ES5,ES6中函数绑定运算符::以后会补充)。第一步:var handler = { message:'hello world', handleClick:function(e){ console.log(this.message) console.log(e.typ...原创 2018-08-09 23:38:23 · 1000 阅读 · 0 评论 -
JSON.stringify()、JSON.parse()、toJSON()中过滤器的用法(一)
JSON.stringify()语法:JSON.stringify(value[, replacer [, space]])除了要序列化的javascript对象外,还可以接收另外的2个可选参数。其中,replacer是个过滤器,可以是一个数组或者对象; space控制结果中的缩进和空白符,可以是一个数值或者字符串。我们先定义一个的JSON格式数据,下面会用到:var obj...原创 2018-08-06 21:26:25 · 5598 阅读 · 0 评论 -
JSON.stringify()、JSON.parse()、toJSON()中过滤器的用法(二)
JSON.parse()语法:JSON.parse(text[, reviver])其中,reviver为可选参数,被称为还原函数,规定了原始值如何被解析改造,在被返回之前。var obj = { "username":"hello world", "age":20, "height":"185cm", "address":"Shang原创 2018-08-06 23:17:41 · 508 阅读 · 0 评论 -
JS中的FormData基本使用
FormData为序列化表单以及创建与表单格式相同的数据提供了方法。1,、常用的append键值对:其中,append方法接受一个键值对。var data = new FormData();data.append("key","value")然后可以把data作为传给服务器的数据。2、序列化表单数据(非GET提交)GET提原创 2018-08-07 21:01:11 · 7575 阅读 · 0 评论 -
Web Sockets要点小结
下面是最基本的用法示例:var socket = new WebSocket("ws://www.xxx.com/1.php");//WebSocket对象不支持DOM2级事件侦听,所以只能使用DOM0级定义事件处理//在成功建立连接时触发socket.onopen = function(){ console.log('open')}//在发生错误时触发socket....原创 2018-08-08 21:07:26 · 235 阅读 · 0 评论 -
Centos6.8安装node生产环境
1.安装一些需要用的工具yum install vim openssl build-essential libssl-dev wget curl git2.使用nvm管理node:网址非命令:(github:https://github.com/creationix/nvm)wget -qO- https://raw.githubusercontent.com/creationix/nv...原创 2018-12-20 15:21:55 · 957 阅读 · 3 评论 -
Centos6.8使用nginx配置代理
1.安装nginxyum install nginx2.配置cd /etc/nginx/conf.dvi sty-8081.conf 输入upstream sty{ server 127.0.0.1:8081 } server { #侦听的80端口 listen 80; se...原创 2018-12-20 15:40:12 · 787 阅读 · 0 评论 -
Javascript鼠标滚轮事件兼容写法
1.mousewheel事件(兼容opera,chrome,safari,IE)mousewheel事件对应的event对象包含一个wheelDelta属性。用户滚动鼠标滚轮时,wheelDelta的值是正负120的倍数。 值得注意的是,在opera9.5之前的版本,wheelDelta的正负号是颠倒的,这里不做考虑一般情况下,监听wheelDelta的正负值,就可以确定鼠标滚轮...原创 2018-07-17 21:08:51 · 2042 阅读 · 2 评论 -
DOM结构深度优先遍历(二):TreeWalker
这里是接着上一篇写的DOM结构深度优先遍历(一):NodeIteratorTreeWalker是NodeIterator的一个更高级的版本。TreeWalker的创建document.createTreeWalker(root, whatToShow, filter, EntityReferenceExpansion)其中接收的参数与 document.createNodeIter...原创 2018-07-05 00:05:31 · 2127 阅读 · 0 评论 -
CommonsChunkPlugin的一些总结,以及如何分别打包公共代码和第三方库
如何分别打包公共代码和第三方库现在假设入口文件里面有entry:{ main1:'./app/js-uglify/a.js', main2:'./app/js-uglify/b.js', vendor:['./app/js-uglify/j1','./app/js-uglify/j2']}a.js和b.js是项目文件,j1和j2是第三方插件出口文件配置: output: {原创 2017-09-08 16:03:56 · 9665 阅读 · 0 评论 -
react-hot-loader记录
1.npm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react babel-preset-stage-22.npm install --save-dev react-hot-loader@3.0.0-beta.6或者npm install --save-dev react-hot-lo原创 2017-09-08 16:15:01 · 1473 阅读 · 0 评论 -
jQuery.lazyload源码解析
$.lazyload.js的书写形式与大部分插件相似,结构也相似(略过) 首先看setting,也就是默认配置:var settings = { threshold : 0, failure_limit : 0, event : "scroll", effec原创 2017-09-10 18:49:54 · 727 阅读 · 0 评论 -
浅析encodeURI,encodeURIComponent,decodeURI,decodeURIComponent
Global(所有在全局作用域中定义的属性和函数,都是Global的属性)对象的encodeURI(),encodeURIComponent()方法可以对URI(通用资源标识符)进行编码,以便发送给浏览器。有效的URI不能包含某些字符:例如空格。这2个URI编码方法就可以对URI进行编码,用特殊的UTF8编码替换所有无效的字符,从而让浏览器能够接受。1.encodeURI(),encode...原创 2018-05-05 11:16:50 · 1865 阅读 · 0 评论 -
window中location对象改变浏览器URL和位置
window.location可以简写为location1.打开一个新的url,并在浏览器的历史中生成一条记录:location.assign('http://www.baidu.com/')window.location = 'http://www.baidu.com/'location.href = 'http://www.baidu.com/'2.设置location对象的属...原创 2018-05-29 22:52:54 · 7657 阅读 · 0 评论 -
js判断true和false
截图一张,请欣赏~原创 2018-05-24 22:58:42 · 7461 阅读 · 1 评论 -
利用innerText和textContent去除HTML标签
支持innerText的浏览器包括IE4+,Safari3+,Opera8+,ChromeFirefox不支持innerText,不过支持作用类似的textContent方法简单提一下,innerText、textContent的基本运用:1.获取文本内容<div id="o"> <ul> <li>1</li>...原创 2018-06-26 22:47:50 · 1283 阅读 · 0 评论 -
DOM结构深度优先遍历(一):NodeIterator
NodeIterator和TreeWalker能够基于给定的起点对DOM结构进行深度优先(depth-first)的遍历操作。IE不支持DOM遍历。可以使用下面代码检测浏览器DOM2级遍历能力的支持:var supportTraversala = document.implementation.hasFeature("Traversal","2.0");var supportNode...原创 2018-07-04 23:20:54 · 1709 阅读 · 0 评论 -
Studio 3T for MongoDB 破解教程
转载自:https://blog.csdn.net/justweb/article/details/836196851 创建文件studio3t.bat@echo offECHO 重置Studio 3T的使用日期...FOR /f "tokens=1,2,* " %%i IN ('reg query "HKEY_CURRENT_USER\Software\JavaSoft\Prefs\3...原创 2019-01-23 19:44:27 · 4344 阅读 · 2 评论