51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#单网页
不刷新网页修改url链接:history.pushState()和history.replaceState()新增、修改历史记录用法介绍
最近遇到了在不刷新页面的情况下修改浏览器url链接的需求,考虑到可以通过history.pushState()解决。现在将我理解的一些内容分享一下,不对的地方欢迎大家指出。 在使用方法前首先需要了解它的兼容性,history.pushState()存在一定的兼容性问题,可以通过 https://cani...
代码星球
·
2020-06-27
修改
刷新
网页
url
链接
JS获取当前网页内容,创建文件并下载,URL.createObjectURL和URL.revokeObjectURL
有时候需要在前端侧对于动态生成的内容进行下载,比如页面上某一段文本信息,再比如对页面进行分享的时候,希望分享图片是页面内容的实时截图,此时,这个图片就是动态的,纯HTML显然是无法满足我们的需求的,借助JS和其它一些HTML5特性,例如,将页面元素转换到canvas上,然后再转成图片进行下载。 原理其实很简单,我...
代码星球
·
2020-06-27
JS
获取
当前
网页
内容
网页性能优化:防止JavaScript、CSS阻塞浏览器渲染页面
网页中引用的外部文件:JavaScritp、CSS等常常会阻塞浏览器渲染页面。假设在<head>中引用的某个JavaScript文件由于各种不给力需要2秒来加载,那么浏览器渲染页面的过程就会被阻塞2秒,直到该JS文件下载并执行完后才继续。 前端性能调优时必须排除任何潜在的渲染阻塞点,让浏览器在最短时间...
代码星球
·
2020-06-27
网页
性能
优化
防止
Javascript
纯CSS + 媒体查询实现网页导航特效
纯css+媒体查询实现网页导航特效 附上效果图: 代码如下,复制即可使用:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document...
代码星球
·
2020-06-27
CSS
媒体
查询
实现
网页
程序某一模块加载监听事件和整体网页加载监听
1、我们平常监听这个网页是否加载完毕其实很简单window.onload=function(){alert('所有资源加载完毕!')}2、有时候是需要监听某一个模块加载,就需要用到JQ event.stopPropagation()方法现在是要监听id为ADcover的标签是是否加载完毕document.ge...
代码星球
·
2020-06-27
加载
监听
程序
某一
模块
网页布局-左侧固定,右侧自适应
在网页布局中,以前只考虑了两列、三列的布局方式,但是没有过多的去考虑在两列、三列布局的情况下实现某些自适应的情况;今天遇到这个问题,在这里mark一下; 方法一:左侧元素浮动或者绝对定位的方式脱离文档流,让两个块级元素能够在同一行显示。然后margin-left的值设置为左侧元素的宽度;在这里利用了div的一...
代码星球
·
2020-06-22
网页
布局
左侧
固定
右侧
Web 网页直接打开 Windows 软件
日常开发中,经常会遇到需要在浏览器就可以直接引导用户打开软件的功能,例如国内的迅雷、QQ一般桌面软件分不同的操作系统,如Windows、Linux、MacOS 效果如下: 以Windows为例:其实原理就是通过到Windows注册表添加规则,然后使用协议打开本地电脑的可执行文件。注册表(Regist...
代码星球
·
2020-06-19
Web
网页
直接
打开
Windows
雅虎网页优化14条原则
网站最基本的东西是什么?——内容?SEO(搜索引擎优化)?UE(用户体验)?都不对!是速度!内容再丰富的网站,如果慢到无法访问也是毫无意义的;SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭;UE设计的再人性化的网站,如果用户连看都看不到也是空谈。所以网页的效率绝对是最值得关注的方面。如何才能提...
代码星球
·
2020-06-17
雅虎
网页
优化
14条
原则
20行js代码制作网页刮刮乐
分享一段用canvas和JS制作刮刮乐的代码,JS部分去掉注释不到20行代码效果如下盖伦.jpg刮刮乐.gifHTML部分<body>![](img/gailun.jpg)<canvasid="canvas"width="400"height="300"></canvas></...
代码星球
·
2020-06-14
20行
js
代码
制作
网页
python爬虫-提取网页数据的三种武器
常用的提取网页数据的工具有三种xpath、css选择器、正则表达式1.xpath 1.1在python中使用xpath必须要下载lxml模块: lxml官方文档:https://lxml.de/index.html pipinstalllxml 然后导入: fromlxmlimportetree 使...
代码星球
·
2020-06-14
python
爬虫
提取
网页
数据
JavaScript之简易http接口测试工具网页版
简易http接口测试工具网页版,支持get、post请求,支持json格式消息体,form表单暂不支持。 httpClient.html1<!DOCTYPEhtml>2<htmllang="en">3<!--模仿postman编写一个简易的http接口测试工具-->4<...
代码星球
·
2020-06-13
Javascript
简易
http
接口
测试工具
微信网页扫码登录的实现
文档1:为了让用户登录网站的门槛更低,微信扫一扫登录变得越来越广泛,所以最近加紧赶制的项目中有用到这个功能,此篇文字的出发点基于微信开放平台已经配置好域名(80端口)并且认证成功获得app_id和secret并有权限调用微信的接口。好了,就先谈一谈微信扫码登录的整个流程吧。 第一步,我们必须得把二维码放在页面上显示。...
代码星球
·
2020-06-13
微信
网页
扫码
登录
实现
用户对动态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...
代码星球
·
2020-06-13
用户
动态
PHP
网页
访问
PHP批量抓取远程网页图片并存到本地实现方法和源码
做为一个仿站工作者,当遇到网站有版权时甚至加密的时候,WEBZIP也熄火,怎么扣取网页上的图片和背景图片呢。有时候,可能会想到用火狐,这款浏览器好像一个强大的BUG,文章有版权,屏蔽右键,火狐丝毫也不会被影响。 但是作为一个热爱php的开发者来说,更多的是喜欢自己动手。所以,我就写出了下面的一个源码,php远...
代码星球
·
2020-06-13
PHP
批量
抓取
远程
网页
在php中分别使用curl的post提交数据的方法和get获取网页数据的方法
在php中分别使用curl的post提交数据的方法和get获取网页数据的方法整理分享一下额,具体代码如下:(1)使用phpcurl获取网页数据的方法:$ch=curl_init(); //设置选项,包括URL curl_setopt($ch,CURLOPT_URL,"http://www.nettu...
代码星球
·
2020-06-13
数据
方法
php
分别
使用
首页
上一页
...
17
18
19
20
21
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他