闻心阁

一蓑烟雨看苍生,半壶浊酒笑红尘

网页调试控制台注入jQuery

2018-09-06 约 1 分钟读完 搬砖秘籍
最近调试一个React写的网站,想在控制台进行DOM操作。虽然目前浏览器已经原生支持了querySlector,但还是不如使用jQuery方便,由于项目本身并未引入jQuery,在控制台中调试还遇到了一点困难。方法总比困难多,找了一个办法在控制台成功注入了jQuery。 注入方法 var script = document.createElement("script") script.type = "text/javascript" script.src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" document.body.appendChild(script) 其实就是给网页动态加了一个引用jQuery的script标签。 改进版本 上面的方法,如果遇到网络慢的情况下,就无法确切的知道脚本有没有加载成功。解决这个问题一是可以换一个国内CDN的地址,另一种方法就是在脚本加载完成后输出一个信息,也就是监测onload方法。如下 : var script = document.createElement("script") script.type = "text/javascript" script.src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" script.onload = function(){console.log("jQuery is ready!")} document.body.appendChild(script) EOF

使用jquery.simple-scroll-follow实现滚动跟随

2018-05-03 约 1 分钟读完 搬砖秘籍
在开发麻辣GIS的时候需要实现一个滚动跟随的效果,写得自己脱了一层皮,各种计算,不过好歹实现了。最近把个人博客也想加上这个效果,不想再重复造一次轮子。于是发现了这个:sutara79/jquery.simple-scroll-follow 尝试使用了一个发现还不错,比自己重新写一次要好得多。不过有些效果还是自己手动调教。 Demo 本站右侧的广告就是了,但触底的效果还是有点问题,等我搞定了再来总结一下。

Inject jQuery into Any Webpage

2016-10-08 约 1 分钟读完 搬砖秘籍

Even MVVM framework is more and more popular in the web front developments, but the strength of jQuery cannot be replaceable. Sometimes, we need the jQuery’s useful APIs to achieve some complex actions, but many webpages give up jQuery, so some skills is needed to inject the jQuery into the webpages which had abandon the jQuery library.

继续阅读

jQuery $.ajax Method Ignored the Undefined Values

2016-08-07 约 1 分钟读完 搬砖秘籍
Recently, I used jQuery to get the data from the server client via $.ajax method. As we known that, we should send the request with some parameters. The code as follow. $(document).ready(function(){ $.ajax({ url:'http://127.0.0.1/jq-undefined.php', data:{ para1 : 1, para2 : 2, para3 : undefined }, success:function(data){ alert(data); }, }); }); According to Chrome DevTools, I get the result: Yep, jQuery is smart, it can ignore the undefined values and avoid a lot of server errors. 继续阅读