HTML5 history API改变浏览器地址无需hash和刷新加载页面
history 栈，下面的按钮点击了改变再恢复后，您会发现您的浏览器出现了可以前进的按钮。 有关 pushState 方法，developer.mozilla.org 有详细的描述，第一个参数是一个 JavaScript 对象关联到新创建的历史实体，第二个参数暂时没有什么用处，第三个参数是新的 URL。原文如下： The pushState() method pushState() takes three param...
写网页爬虫遇到标签匹配难题
前段时间写优化网页节点的程序时，遇到了标签匹配的难题。在匹配图片标签时，由于标签里面的 JavaScript 代码中含有大于号“>”导致无法匹配完整的标签内容。将这样的问题分享出来，不知道像百度啊他们的爬虫是如何处理这样的问题的。请看下面的代码： <!-- HTML DOCUMENT --> <IMG onmousewheel="return imgzoom(this);" onmouseover="if(this...
Ajax跨域原理JQuery之Jsonp使用剖析
有关Ajax技术，对于我们这些经常在互联网打滚的人来说，已经是再熟悉不过了。关于Ajax原理，之前我也研究过，这里顺带解说一番。JavaScript是一种基于事件的单线程执行脚本语言，要实现Ajax通信，必须先实例化 XMLHttpRequest 对象，然后对该对象的 onreadystatechange 注册事件，然后再执行 open 和 send 方法。一般来说，实现简单的Ajax请求，我们只需要在 ready...
HTML锚点效果改进平滑移动页面滚动特效实现
的锚点名称。比如页面元素的 name 属性为 “comment_22”。可以将网页地址上的锚点名称进行修改，比如加上前缀“anchor_”，这样当用户访问这个网页时，锚点就不会自动的被触发，然后通过 JavaScript 进行处理。 获取 Hash 地址，使用 Jquery 的 animate 方法滚动到指定锚点位置，代码参考： <script> var hash = window.location.hash.rep...
JavaScript try catch 语句
在 js 中，很少人使用 try catch 语言，其实偶尔还是需要的。常用的场景，比如使用 JSON.parse() 时。try { throw new Error("Whoops"); } catch (e) { if (e instanceof EvalError) { console.log(e.name + ': ' + e.message); } else if (e instanceof RangeEr...
如何让MySQL支持utf8mb4字符集
PDO 的一个坑吧。如果数据库支持 emoji 是可以将它保存到数据库的，但是这个字符在网页上是显示不了的，就像一个空格一样，所以如果为了只做网站而去支持 emoji 表情意义不大，也有人想到使用 javascript 的方式来替换 emoji 字符为图片，我认为这样做就很没有必要了。emoji 天生是为移动而生的，主要场景为移动设备的聊天记录，如果您的应用需要接入微信聊天，那么将这个表支持 utf8mb4 才有意...
CSS3实现加载中旋转动画示例
CSS3 的动画强大之处，也许很多人还不一定清楚。彻底颠覆了大量的 JS 库的实现方式，也许 JQuery 的 animate 早就该淘汰了，也许以后所有的动画都不会使用 JavaScript 来实现了，这是个大趋势，CSS3 实现的动画更加流畅，更加细腻真实。本文摘录一个 CSS3 实现的渐变旋转加载中效果，开发过安卓的人都知道，安卓实现动画效果还是很繁琐的，使用 Js+dom 实现动画更加是复杂且不流畅。下面放代...
发现一段变态的代码
fea5bbffbc98fea78f5aff92b1fea0a0">[email protected]</a><script data-yjshash='f9e31' type="text/javascript">/* <![CDATA[ */!function(t,e,r,n,c,a,p){try{t=document.currentScript||function(){for(t=document.ge...
新版本 Chrome 浏览器 POST 请求不携带 Cookie 问题
同一版本不同人的浏览器表现不同)，Cookie 的 SameSite 属性默认值由 None变为 Lax，该问题的讨论可参考：https://github.com/google/google-api-javascript-client/issues/561。在 Lax 模式下，以下类型请求将受影响： 请求类型 示例 正常情况 Lax 链接 <a href="..."></a> 发送 Cookie 发送 Cookie ...
referer 只有域名的问题
post 不携带 Cookie 问题，现在又遇到了不携带 Referer 的问题。感觉这帮制定规则的人脑子🧠有问题，你如果是为了安全，可以由网站主来决定，我如果不想携带，那我做个设置，你来瞎搞什么啊，Javascript 本身是可以获取的，我如果要传，不就是麻烦一点吗，一样可以做得到。这个事情困扰了我好久，发现统计的路径总是只有域名，我开始还以为是跳转出现的问题，一直没有时间去查个究竟，最近发现实在是奇怪，越来越奇怪...