#单网页

不刷新网页修改url链接:history.pushState()和history.replaceState()新增、修改历史记录用法介绍

  最近遇到了在不刷新页面的情况下修改浏览器url链接的需求,考虑到可以通过history.pushState()解决。现在将我理解的一些内容分享一下,不对的地方欢迎大家指出。  在使用方法前首先需要了解它的兼容性,history.pushState()存在一定的兼容性问题,可以通过 https://cani...

JS获取当前网页内容,创建文件并下载,URL.createObjectURL和URL.revokeObjectURL

  有时候需要在前端侧对于动态生成的内容进行下载,比如页面上某一段文本信息,再比如对页面进行分享的时候,希望分享图片是页面内容的实时截图,此时,这个图片就是动态的,纯HTML显然是无法满足我们的需求的,借助JS和其它一些HTML5特性,例如,将页面元素转换到canvas上,然后再转成图片进行下载。  原理其实很简单,我...

网页性能优化:防止JavaScript、CSS阻塞浏览器渲染页面

  网页中引用的外部文件:JavaScritp、CSS等常常会阻塞浏览器渲染页面。假设在<head>中引用的某个JavaScript文件由于各种不给力需要2秒来加载,那么浏览器渲染页面的过程就会被阻塞2秒,直到该JS文件下载并执行完后才继续。  前端性能调优时必须排除任何潜在的渲染阻塞点,让浏览器在最短时间...

纯CSS + 媒体查询实现网页导航特效

 纯css+媒体查询实现网页导航特效 附上效果图:  代码如下,复制即可使用:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document...

程序某一模块加载监听事件和整体网页加载监听

1、我们平常监听这个网页是否加载完毕其实很简单window.onload=function(){alert('所有资源加载完毕!')}2、有时候是需要监听某一个模块加载,就需要用到JQ event.stopPropagation()方法现在是要监听id为ADcover的标签是是否加载完毕document.ge...

网页布局-左侧固定,右侧自适应

在网页布局中,以前只考虑了两列、三列的布局方式,但是没有过多的去考虑在两列、三列布局的情况下实现某些自适应的情况;今天遇到这个问题,在这里mark一下; 方法一:左侧元素浮动或者绝对定位的方式脱离文档流,让两个块级元素能够在同一行显示。然后margin-left的值设置为左侧元素的宽度;在这里利用了div的一...

Web 网页直接打开 Windows 软件

日常开发中,经常会遇到需要在浏览器就可以直接引导用户打开软件的功能,例如国内的迅雷、QQ一般桌面软件分不同的操作系统,如Windows、Linux、MacOS 效果如下: 以Windows为例:其实原理就是通过到Windows注册表添加规则,然后使用协议打开本地电脑的可执行文件。注册表(Regist...

雅虎网页优化14条原则

网站最基本的东西是什么?——内容?SEO(搜索引擎优化)?UE(用户体验)?都不对!是速度!内容再丰富的网站,如果慢到无法访问也是毫无意义的;SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭;UE设计的再人性化的网站,如果用户连看都看不到也是空谈。所以网页的效率绝对是最值得关注的方面。如何才能提...

20行js代码制作网页刮刮乐

分享一段用canvas和JS制作刮刮乐的代码,JS部分去掉注释不到20行代码效果如下盖伦.jpg刮刮乐.gifHTML部分<body>![](img/gailun.jpg)<canvasid="canvas"width="400"height="300"></canvas></...

python爬虫-提取网页数据的三种武器

常用的提取网页数据的工具有三种xpath、css选择器、正则表达式1.xpath  1.1在python中使用xpath必须要下载lxml模块:  lxml官方文档:https://lxml.de/index.html    pipinstalllxml  然后导入:    fromlxmlimportetree  使...

JavaScript之简易http接口测试工具网页版

简易http接口测试工具网页版,支持get、post请求,支持json格式消息体,form表单暂不支持。 httpClient.html1<!DOCTYPEhtml>2<htmllang="en">3<!--模仿postman编写一个简易的http接口测试工具-->4<...

微信网页扫码登录的实现

文档1:为了让用户登录网站的门槛更低,微信扫一扫登录变得越来越广泛,所以最近加紧赶制的项目中有用到这个功能,此篇文字的出发点基于微信开放平台已经配置好域名(80端口)并且认证成功获得app_id和secret并有权限调用微信的接口。好了,就先谈一谈微信扫码登录的整个流程吧。  第一步,我们必须得把二维码放在页面上显示。...

用户对动态PHP网页访问过程,以及nginx解析php步骤

www.example.com|Nginx|路由到www.example.com/index.php|加载nginx的fast-cgi模块|fast-cgi监听127.0.0.1:9000地址.|www.example.com/index.php请求到达127.0.0.1:9000|php-fpm监听127.0.0.1...

PHP批量抓取远程网页图片并存到本地实现方法和源码

做为一个仿站工作者,当遇到网站有版权时甚至加密的时候,WEBZIP也熄火,怎么扣取网页上的图片和背景图片呢。有时候,可能会想到用火狐,这款浏览器好像一个强大的BUG,文章有版权,屏蔽右键,火狐丝毫也不会被影响。 但是作为一个热爱php的开发者来说,更多的是喜欢自己动手。所以,我就写出了下面的一个源码,php远...

在php中分别使用curl的post提交数据的方法和get获取网页数据的方法

在php中分别使用curl的post提交数据的方法和get获取网页数据的方法整理分享一下额,具体代码如下:(1)使用phpcurl获取网页数据的方法:$ch=curl_init(); //设置选项,包括URL curl_setopt($ch,CURLOPT_URL,"http://www.nettu...
首页上一页...1718192021...下一页尾页