使用VScode 插件debugger for chrome 调试react源码的方法
代码调试,是我们前端日常工作中不可或缺的能力了吧!在面向dom开发的时代,我们开发时直接在chrome里打断点是很方便的。但是,当我们面向组件开发时(react),浏览器拿到的是我们编译过后的代码,还想在浏览器里打断点几乎是不可能的了。场景那怎么办,方法总是比困难多!愚蠢的我想到了console/d
代码调试,是我们前端日常工作中不可或缺的能力了吧!在面向dom开发的时代,我们开发时直接在chrome里打断点是很方便的。但是,当我们面向组件开发时(react),浏览器拿到的是我们编译过后的代码,还想在浏览器里打断点几乎是不可能的了。场景那怎么办,方法总是比困难多!愚蠢的我想到了console/d
爬取TOP500的音乐信息,包括排名情况、歌曲名、歌曲时间。网页版酷狗不能手动翻页进行下一步的浏览,仔细观察第一页的URL:http://www.kugou.com/yy/rank/home/1-8888.html这里尝试将1改为2,再进行浏览,恰好是第二页的信息,再改为3,恰好是第三页的信息,多次
一. meta方法打包好的入口index.html头部加入 二. 清理表单的方法其实form表单的缓存对于我们书写还是有帮助的,一般情况不建议清理,但是有时候为了安全问题等,需要清理一下!三. ajax方法$.ajax({url:'www.haorooms.com',dataType:'json'
基础概念SSR:即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java,php 等开发语言来实现,随着 Node.js 和相关前端领域技术的不断进步,前端同学也可以基于此完成独立的服务端渲染。过程:浏览器发送请求 -> 服务器运行 react代码生成页面 -&g
原因: 在使用vuejs、angularjs开发时,经常会遇见在如Chrome这类能够快速解析的浏览器上出现表达式({{ express }} ),或者是模块(div)的闪烁。对于这个问题由于JavaScript去操作DOM,都会等待DOM加载完成(DOM ready)。对于vuejs、angula
今天使用webpack-sample初始一个vue-cli项目,在app.vue文件中添加了个钩子函数ready,可是ready内的事件一直不执行,检查了webpack文件和package.json也没发现什么问题,浏览器也没报错或者提示,很令人捉急。然后去github看了webpack-simpl
今天在浏览网页时无意中发现了这段JS劫持搜索引擎代码。劫持搜索引擎正常搜索过来的流量,这是黑帽seo常用的劫持方法。特意解密出来供大家了解其劫持原理。源码打印帮助javascript">var _$ = ["google", "aol", "yahoo", "bing", "msn", "ho
大家在写div+css的时候经常会用到弹出层,由于IE6的bug,所以当使用多个标签重复写弹出层的时候会遇到后面的层压在了弹出层的上面,这种问题在火狐浏览器下可以用z-index来解决,但是在IE6下面是不起作用的,下面的代码给大家提供了一种此类问题的解决办法,原理如下:用Jquery给弹出层的z轴
我实验了一下 : 使用IE内核的浏览器 都支持 火狐好像不行 实现代码如下: function callExe() { // new ActiveXObject("Wscript.Shell").run("notepad.exe D:\\a.png.txt"); // new ActiveXO
前端开发者应该很清楚 Javscript 脚本的 function 函数对象可以通过 call 或 apply 方法,使其改变内部作用域(this)所指向的对象,实现更多可扩展的功能开发。ie 原生支持 function 对象的 call 和 apply 方法,在 firefox 或其它浏览器下也得