web
文章平均质量分 54
艾小逗
这个作者很懒,什么都没留下…
展开
-
不同域名的页面进行通信,通过iframe和postMessge进行消息通信
浏览器不同标签页之间进行消息通信,尤其是当这些标签页位于不同域名时,通常需要使用一些特定的技术或协议来实现。WebSocket:WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。它允许服务器主动向客户端发送消息。因此,你可以在每个标签页中设置一个 WebSocket 客户端,连接到同一个 WebSocket 服务器。当某个标签页需要发送消息时,它可以通过 WebSocket 连接将消息发送到服务器,然后服务器再将消息广播到所有连接的标签页。原创 2024-02-19 15:44:59 · 1178 阅读 · 0 评论 -
移动端微信浏览器调试工具整理eruda,微信x5调试工具无法使用,推荐新工具eruda、vconsole和debugxweb
新版本微信x5调试工具,debugtbs.qq.com无法使用,提示不支持切换x5内核推荐新工具`eruda`和`debugxweb.qq.com`原创 2022-06-28 16:57:00 · 5403 阅读 · 5 评论 -
使用html新属性enterkeyhint修改input、textarea中输入法回车键文字
enter表示回车,多出现在``文本域等需要多行输入的场景中。don`表示完成,表示没有更多内容输入,输入结束。go表示前往,, 意思是把用户带到他们输入的文本的目标处。 next表示下一项,通常会移动到下一个输入项那里。previous表示上一个,通常会移动到上一个输入项那里。......原创 2022-06-16 10:32:00 · 2527 阅读 · 1 评论 -
html设置吸顶效果
html设置吸顶效果方法一:js设置window.onscroll = function () { // 滑动时 搜索框吸顶 var headerHeight = $('header')[0].offsetHeight console.log(getScroll()) console.log(headerHeight + '-----' + getScroll().top) if (headerHeight <= getScroll().top) {原创 2021-08-05 19:38:14 · 1135 阅读 · 0 评论 -
img onerror 图片加载失败显示默认图
img onerror 图片加载失败显示默认图<!--第一种--><img src="images/logo.png" onerror="javascript:this.src='images/logoError.png';"><!--第二种--><script>function imgErrorFun(){ var img=event.srcElement; img.src="/image/teacher.png"; img.oner原创 2021-07-14 09:55:52 · 718 阅读 · 0 评论 -
js new Date()打印出来是Invalid Date
js new Date()打印出来是Invalid Date检查了一下,确定了问题是因为接口返回的日期格式是: "2021-05-18 10:00:00"这样 new Date("2021-05-18 10:00:00") 就会是 Invalid Date解决办法是将 日期中的 - 替换成 / 这样 new Date("2021/05/18 10:00:00") 就可以var dStr = "2021-05-18 10:00:00"var d = new Date(dStr.replace(/-/原创 2021-05-20 14:40:11 · 3422 阅读 · 0 评论 -
webSql的基本使用,打开数据库,创建库,创建表,数据基本的增删改查
webSql的基本使用,打开数据库,创建库,创建表,数据基本的增删改查openDatabase(‘数据库名’, ‘版本号’, ‘数据库描述’, ‘设置数据的大小’, ‘回调函数’) */executeSql() 有4个参数1)表示查询的字符串,使用的SQL语言是SQLite 3.6.19。(必选)2)插入到查询中问号所在处的字符串数据。(可选)3)成功时执行的回调函数。返回两个参数:tx和执行的结果。(可选)4)一个失败时执行的回调函数。返回两个参数:tx和失败的错误信息。(可选)创建的数原创 2021-05-17 17:38:46 · 663 阅读 · 0 评论 -
canvas画圆形进度,显示百分比进度
canvas画圆形进度/** * 圆圈进度 * @param el dom元素 * @param num 进度 * @param color num>0时 字体颜色 * @param lineColor 有进度-线颜色 */function drawCircle1(el, num, color, lineColor) { var ctx = el.getContext("2d"); var w = ctx.canvas.width; var h = ctx.canvas..原创 2020-12-14 16:08:05 · 328 阅读 · 0 评论 -
fiddler拦截模拟器中app的请求设置方法
fiddler拦截模拟器中app的请求设置方法fiddler设置Tools -> Options -> connections 设置端口号可以勾选Allow remote compututers connect 过滤pc中请求模拟器中设置设置中选择WLAN,长按连接的网络,手动设置代理主机名:电脑的IP地址【ipconfig查看】端口号:fiddler中设置的一样成功!请求查看...原创 2020-11-16 16:53:59 · 1464 阅读 · 0 评论 -
Fiddler过滤域名或只显示某个域名
一、选中use Filters二、可以根据自己需要进行选择选项一、no zone filter 【 无区域过滤器 】show only intranet hosts 【仅显示内网主机】show only internet hosts 【仅显示互联网主机】选项二、hide the following hosts 【隐藏以下主机】show only the following hosts 【仅显示以下主机】flag the following hosts 【标记以下主机】三、应用acti原创 2020-11-16 16:36:46 · 2107 阅读 · 0 评论 -
webpack笔记-安装依赖整理/url-loader/devtool配置/watch监听文件改变自动打包/resolve.extensions和resolve.alisa
webpack笔记-安装依赖整理安装依赖整理#第一步的安装npm init -y npm i webpack webpack-cli -D#-D 开发依赖,上线不需要npx webpack #这个指令直接就默认生成dist的main.js,默认是生产环境#支持模块化 可以用commonJS语法#安装 挂载到内存的插件npm i webpack-dev-server html-webpack-plugin -D#安装 css-loader style-loader 解析css文原创 2020-09-13 14:03:04 · 616 阅读 · 0 评论 -
如何在同一台电脑上使用github和gitlab,多git账号设置方法
一、生成ssh密钥这里我们要做的事情就是分别对githubn和gitlab生成对应的密钥(默认情况下本地生成的秘钥位于/Users/用户名/.ssh/),并且配置git访问不同host时访问不同的密钥,流程如下:1、 在gitbash中使用ssh-keygen -t rsa -C "公司邮箱地址"生成对应的gitlab密钥:id_rsa和id_rsa.pub2、 将gitlab公钥即id_rsa.pub中的内容配置到公司的gitlab上3、 在gitbash中使用ssh-keygen -t rsa原创 2020-07-01 15:24:58 · 1356 阅读 · 0 评论 -
面向对象编程和面向过程编程的理解及优缺点
面向过程编程 POP(Process-oriented programming)面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步步实现 ,使用的时候再一个一个的依次调用就可以了。面向对象编程OOP (Object Oriented Programming)面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。在面向对象程序开发思想中,每一个对象都是功能中心,具有...原创 2019-08-26 21:07:41 · 2900 阅读 · 0 评论 -
浏览器内核及内核介绍
各主流浏览器内核浏览器内核IE浏览器Trident内核,也是俗称的IE内核;Chrome浏览器统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核;Firefox浏览器Gecko内核,俗称Firefox内核;Safari浏览器Webkit内核Opera浏览器最初是自己的Presto内核,后来是Webkit...原创 2019-08-12 20:45:08 · 1032 阅读 · 0 评论 -
HTTP状态码分类
HTTP状态码分类分类分类描述1**信息,服务器收到请求,需要请求者继续执行操作2**成功,操作被成功接收并处理3**重定向,需要进一步的操作以完成请求4**客户端错误,请求包含语法错误或无法完成请求5**服务器错误,服务器才处理请求的过程中发生错误更详细的HTTP状态码列表,请参考HTTP状态码列表...转载 2019-08-12 19:50:00 · 184 阅读 · 0 评论 -
前端面试题整理js/css
前端面试题整理j、css、html包括:css3选择器、页面布局、数组、表达式、js闭包 等知识点1.一个DIV元素的宽度和高度分别定义为400px和300px,请问以下哪个图表示的是box-sizing:border-box;的谊染结果( A )2、2010 年,Ethan Marcotte提出了“自适应网页设计”(Responsive Web Design)这个名词,指可以自动识别屏...原创 2019-08-16 14:25:00 · 451 阅读 · 0 评论 -
禁用F12,禁用右键触发方法,禁止选中网页上的内容,监听文本复制,监听浏览器窗口变化
禁用F12方法和禁用鼠标右键方法preventDefault() 方法阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交)。禁用F12方法/*禁用f12建*/window.onkeydown = window.onkeyup = window.onkeypress = function (event) { // 判断是否按下F12,F12键码为123 if (...原创 2019-04-01 14:26:51 · 1220 阅读 · 0 评论 -
hbuilder自动保存插件
hbuilder自动保存插件,切换应用时自动保存工具 - 插件安装 - 浏览Eclipse插件市场原创 2019-03-25 11:31:15 · 6832 阅读 · 1 评论 -
selcect 下拉框样式 -添加加下拉图标
给select 下拉选择框添加图标&amp;lt;select&amp;gt; &amp;lt;option value=&quot;1&quot;&amp;gt;1&amp;lt;/option&amp;gt; &amp;lt;option value=&quot;2&quot;&amp;gt;2原创 2018-08-09 17:25:56 · 3626 阅读 · 0 评论 -
56个民族下拉选择框
56个民族下拉选 body&amp;lt;select id=&quot;nation&quot;&amp;gt;&amp;lt;/select&amp;gt;js&amp;lt;script&amp;gt; var nations = [&quot;汉族&quot;, &quot;蒙古族&am原创 2018-08-09 17:36:33 · 10924 阅读 · 2 评论 -
js计时器秒表功能
HTML &amp;lt;input type=&quot;text&quot; id=&quot;timetext&quot; value=&quot;00:00:00&quot; readonly&amp;gt; &amp;lt;button type=&quot;button&quot; onclick=&原创 2018-08-15 17:14:20 · 1578 阅读 · 0 评论 -
浏览器网页链接打开本地exe程序
浏览器网页超链接打开本地exe程序的方法一 、加注册表新建 aclient.reg 文件,加入以下代码,双击运行aclient.reg,就会将以下信息加到注册表中Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\aClient]@=&amp;amp;amp;amp;quot;aClientProtocol&amp;amp;amp;amp;quot;&amp;amp;amp;am原创 2018-08-29 14:05:29 · 11741 阅读 · 6 评论 -
锚点向下偏移,在浏览器顶部靠下显示
//锚点向下偏移 点击a链接后,含有锚点的div显示位置,距离浏览器顶部的间距$('a[href^=#][href!=#]').click(function () { var target = document.getElementById(this.hash.slice(1)); if (!target) return; var targetOffset = $(t...原创 2018-09-03 21:32:24 · 683 阅读 · 0 评论 -
防止浏览器窗口太小,设置最小宽度
页面设置宽高百分比的时候,防止浏览器窗口改变太小,页面内容发生改变 给页面设置最小宽度和最小高度.contain{ width : 100%; min-width: 810px; height: 100%; min-height: 600px;}www.foryh.com...原创 2018-09-17 11:35:45 · 22492 阅读 · 1 评论 -
设置页面高度为浏览器可视窗口大小
设置页面高度为浏览器可视窗口大小&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;title&lt;/title&am原创 2018-09-14 16:41:46 · 4865 阅读 · 0 评论 -
html背景图片设置百分比
html背景图片设置百分比 background-size: cover; //把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。 //背景图像的某些部分也许无法显示在背景定位区域中。 background-size: contain; //把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。body, html { height...原创 2018-10-22 09:26:48 · 13517 阅读 · 2 评论 -
html通过分辨率动态加载css,做响应式页面,响应式和自适应的区别
html通过分辨率动态加载css,做响应式页面响应式和自适应的区别:自适应需要写多个页面,响应式只需一个页面即可自适应通过窗口检测,获取不同的页面;响应式通过窗口检测,在客户端做不同的处理原创 2018-10-22 09:32:39 · 937 阅读 · 1 评论 -
js 回车键触发方法
//回车键触发方法 document.onkeydown =keyEnter; function keyEnter() { if(window.event.keyCode == 13) { //执行方法 submitForm(); } }原创 2018-11-26 13:43:19 · 2165 阅读 · 0 评论 -
li点击添加选中样式
li点击添加选中样式&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;li选中&lt;/title&gt; &lt;sty原创 2018-11-26 13:51:38 · 6738 阅读 · 0 评论 -
csdn自定义栏目滚动词云
csdn自定义栏目-滚动词云效果位置–左侧自定义栏目方法:管理博客--栏目管理--添加自定义栏目--编辑栏目:栏目内容:scrollamount=“2” 代表滚动速度快慢,数字越大速度越快<div class="aside-content clearfix"> <a href="http://aixiaodou.cn" target="_blank...原创 2019-01-07 11:52:51 · 616 阅读 · 0 评论 -
好看的滚动条样式 css改变默认滚动条样式
通过css改变滚动条样式可修改滚动条css:::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.::-webkit-scrollbar-track — 滚动条轨道.::-webkit-scrollbar-track-pi...原创 2019-01-25 14:05:14 · 450 阅读 · 0 评论 -
meta使HTML自适应手机端宽高
meta使HTML自适应手机端宽高将下面一行代码加入到页面head中<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />width=device-width :表示宽度是...原创 2019-01-28 14:34:43 · 2732 阅读 · 0 评论 -
bsgrid-最简单的表格
bsgrid 支持json、xml数据格式 本文使用bsgrid读取json数据引入文件bsgrid.all.min.css CSS样式jquery.min.js jQuerygrid.zh-CN.min.js JS本地化脚本bsgrid.all.min.js JS脚本&amp;amp;amp;amp;lt;link rel...原创 2018-05-11 15:20:55 · 3476 阅读 · 1 评论