![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 79
码云笔记
Hello World!
展开
-
禁止在PC端打开微信小程序[实战教程]
无意发现小程序广告在电脑端经常没广告,导致收入备降!虽然每天只有几块钱的收入,哈哈哈!那么怎么做到禁止小程序使用电脑端微信打开呢?想到获取设备信息判断是否为移动端设备不是就弹窗让用户扫码使用手机微信打开。原创 2024-07-09 23:42:50 · 383 阅读 · 0 评论 -
浏览器“请在微信客户端打开链接”绕过教程
安全技术人员在对微信小程序进行渗透测试的时候,不想打开安卓模拟器或者真机捉包测试。但是偶尔有些小程序在浏览器访问的时候,会提示“请在微信客户端打开链接”。4、选择设备尺寸为刚刚设定的weixinua,刷新访问页面即可看到小程序原本的页面,而非“请在微信客户端打开链接”。那么既然是通过Header头从而实现的方法,那么我们在浏览器新建添加Header头,即可解决问题。在开始前先思考一下,为什么会触发“请在微信客户端打开链接”。3、在设备当中命名为weixinua,添加User-Agent字段,保存。原创 2024-07-05 14:56:56 · 556 阅读 · 0 评论 -
关于Postman接口测试工具详解
从简单的Web应用到复杂的企业级系统,APIs都扮演着重要的角色。例如,通过设置全局变量`baseURL`为你的API服务器地址,之后所有的请求都可以使用这个变量,而无需在每个请求中重复输入。从单个请求的发送到整个API集合的管理,从测试脚本的编写到性能监控的实施,Postman都能提供一站式的解决方案。同时,Postman拥有活跃的社区和丰富的文档资源,无论是查找教程还是解决疑难问题,用户都能得到及时的帮助。这意味着在测试需要权限的API时,Postman能够模拟真实的用户行为,保障测试的全面性。原创 2024-06-28 10:31:42 · 496 阅读 · 0 评论 -
php微信公众号开发之扫码关注并登陆的实现方法
思路分析1.使用公众号接口生成二维码。2.系统接收微信推送过来的事件(关注/扫码)。3.前端轮询二维码扫码状况4.用户点击关注或者扫码二维码后台都会接收到推送通知,然后根据通知实现自己的业务就可以了原创 2024-06-01 15:50:08 · 337 阅读 · 0 评论 -
如何实现PC网站扫码登录?
上面我们介绍了关于如何实现PC端扫码登录的功能,整体流程分为了四个步骤。第一步、二维码的生成(包括随机登录标识等情况);第二步、前端登录检查实现;第三步、移动端调用服务器进行用户状态调整;第四步:超时或者是异常处理。当然这些操作在单机状态下实现起来都没有问题,但是在分布式、高并发情况下需要考虑的内容就比较多了。希望读者可以有所区别。原创 2024-05-21 10:07:42 · 525 阅读 · 0 评论 -
TypeScript 学习笔记——我的个人旅程
TypeScript 为 JavaScript 带来了许多优秀的特性,如类型系统、模块化等,这些特性对于提高代码质量和开发效率都有着重要的作用。通过这篇笔记,我希望能够帮助你快速入门 TypeScript,并在实际项目中发挥其强大的功能。记住,实践是最好的老师,不断尝试和探索将使你更加熟练地使用这个优秀的语言。原创 2024-05-11 10:30:02 · 415 阅读 · 0 评论 -
Element-UI快速入门——我的个人笔记
Element-UI 是一个功能强大且易于上手的 UI 框架,它极大地简化了 Vue.js 项目中界面的开发过程。通过这篇笔记,我希望能够帮助你快速入门 Element-UI,并在实际项目中发挥其强大的功能。记住,实践是最好的老师,不断尝试和探索将使你更加熟练地使用这个优秀的框架。原创 2024-05-11 10:22:04 · 672 阅读 · 0 评论 -
有哪些实用的Chrome命令?
除了标准的浏览器功能外,Chrome还提供了一些实用的命令行工具,可以通过简单的键盘快捷键来使用。在本文中,我们将介绍一些实用的Chrome命令,以帮助您更好地利用Chrome浏览器。这是最常用的快捷键之一。它可以快速打开一个新的标签页,以便您可以在不离开当前页面的情况下轻松访问其他网站。如果您意外地关闭了一个标签页,您可以使用这个快捷键重新打开它。它将在当前页面中显示一个搜索框,让您输入要查找的文本,并高亮显示与其匹配的文本。如果您想查看最近下载的文件列表,这个快捷键可以帮助您快速打开下载页面。原创 2024-05-09 14:41:23 · 983 阅读 · 0 评论 -
【布局技巧】Flex 布局下居中溢出滚动截断问题
方法一:Flex 布局下关键字 safe、unsafe,修改代码量最少,效果完美,核心问题在于兼容性目前不佳;方法二:使用 margin: auto 替代 justify-content: center,兼容性好,问题在于 flex item 不足父容器 100% 时,元素之间间距无法控制;方法三:额外嵌套一层,效果完美,改造量略多一点点。三种方式各有优劣,基于实际面临的业务场景再做选择。原创 2023-12-12 22:52:37 · 1053 阅读 · 0 评论 -
Nuxt.js 生成sitemap站点地图文件
使用nuxt框架生成静态文件支持SEO优化,打包之后需要生成一个文件方便提交搜索引擎进行收录。官网有提供一个插件sitemap但是如果是动态路由需要手动一个个配置比较麻烦,无法自动检索生成。所以自己编写一个生成 sitemap 模块。原创 2023-10-13 00:43:46 · 920 阅读 · 0 评论 -
如何实现图片预加载和加载进度条
今天水一篇文章,图片预加载且展示加载的进度条,在现代的Web开发中,优化用户体验至关重要。一种常见的方法是在页面加载时预加载图片,并展示一个加载进度条,让用户了解加载进度。属性为传入的 URL,从而触发图片的加载,在每个图片加载成功后,用数组长度计算出百分比更新加载进度并将加载的图片添加到页面上,其中的我有一个我踩的坑需要注意一下。在每个图像加载成功后,更新加载进度并将加载的图像添加到页面上,在页面中我使用了加载进度条来展示加载进度。该函数返回一个 Promise,使异步处理图图片加载的成功或失败。原创 2023-09-26 01:56:07 · 488 阅读 · 0 评论 -
浏览器开发者工具打开检测
优先使用方法一,可以在safari firefox中起作用chrome中使用方法二如果禁用了debugger,可以使用方法三,不过方法三属于经验总结,并不一定准确,可能会误判。方法四误判的概率更大,如果可以确定目标浏览器,则可以针对性的使用。原创 2023-09-25 17:05:31 · 399 阅读 · 0 评论 -
如何实现浏览器标签页之间的通信
前端开发过程中,总是避免不了要进行前端标签页之间的通信,最经典的例子莫过于音乐播放网站中,当第一次点击播放列表中的歌曲时,它会打开一个新的标签页进行播放,而当在列表中再次点击歌曲播放时,并不会再多打开一个标签页,而是会在刚才新打开的标签页上播放歌曲。一个不含空格的字符串,用于指定加载资源的浏览上下文的名称。如果该名称无法识别现有的上下文,则会创建一个新的上下文,并赋予指定的名称。在下面的例子中采用audio,作为浏览上下文的名称,让他从始至终只创建一个新的标签页。接口代理了一个命名频道,可以让指定。原创 2023-09-21 21:28:31 · 104 阅读 · 0 评论 -
微信小程序组件: tab标签页
需要传当前值的时候用trigger.event的方法将值传出去接收即可~使用页面代码就不放了因为是正在研发的项目, 按照注释设置参数即可.tada~~~一个自定义的tab就完成啦。原创 2023-09-21 21:23:13 · 1023 阅读 · 0 评论 -
前端界面生成PDF并导出下载
最近,公司后台管理系统有个项目需求,将前端定义好的界面导出PDF文档。我查阅很多文档,发现可以使用html2canvas、jspdf来完成。也可以通过jspdf来绘画PDF文档思路: 通过 html2canvas 将 HTML 页面转换成图片,然后再通过 jspdf 将图片的 base64 生成为 pdf 文件。原创 2023-09-21 21:18:23 · 265 阅读 · 0 评论 -
Js中一些数组常用API总结
Js中数组是一个重要的数据结构,它相比于字符串有更多的方法,在一些算法题中我们经常需要将字符串转化为数组,使用数组里面的API进行操作。本篇文章总结了一些数组中常用的API,我们把它们分成两类,一类是会改变原始数组,一类是不会改变原始数组;一起来看一下吧。原创 2023-09-16 16:13:11 · 32 阅读 · 0 评论 -
js判断两个数组是否存在相同元素的四种方法
以上就是vue项目打包开启gzip压缩具体使用方法的详细内容,更多关于vue打包开启gzip压缩的资料请关注其它相关文章!webpack配置Compression-webpack-plugin压缩gzip文件。作用:提升网络传输率->优化web页面加载时间。原创 2023-09-16 15:57:16 · 3315 阅读 · 3 评论 -
HTML中块级元素和行内元素的总结和区分
块级元素?总是在新行上开始;高度,行高以及外边距和内边距都可控制;宽度缺省是它的容器的100%,除非设定一个宽度。它可以容纳内联元素和其他块元素行内元素?和其他元素都在一行上;高,行高及外边距和内边距不可改变;宽度就是它的文字或图片的宽度,不可改变内联元素只能容纳文本或者其他内联元素设置宽度width 无效。设置高度height 无效,可以通过line-height来设置。设置margin 只有左右margin有效,上下无效。原创 2023-09-14 17:22:32 · 52 阅读 · 0 评论 -
Web项目如何配置Eslint
工作中经常会遇到监听数组发生变化时执行相应的回调触发逻辑,客户应用场景中需要实现对象变量的动态监听,当变量发生变化时触发回调函数,实现事件发送等应用场景。二.利用Proxy对象将监听对象与配置的监听函数进行关联绑定,实现监听属性变化。此种方法存在兼容性问题,低版本浏览器不支持Proxy函数。一.通过改变对象原型prototype方法实现回调监听。通常由以下两种方式实现需求。原创 2023-09-14 17:19:04 · 236 阅读 · 0 评论 -
常用正则表达式大全!(例如:匹配中文、匹配html)
用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'') "onbeforepaste="clipboardData.setData(''text'',clipboardData.getData(''text'').replace(/[^u4E00-u9FA5]/g,''))"验证Email地址:“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$”[1-9])|((1|2)[0-9])|30|31)$”原创 2023-09-12 18:53:24 · 211 阅读 · 0 评论 -
百度地图的简单使用 ——html js
百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用,包含了构建地图基本功能的各种接口,提供了诸如本地搜索、路线规划等数据服务。原创 2023-09-12 18:44:59 · 749 阅读 · 0 评论 -
企业级数据大屏设计如何实现,div+html+echarts
大部分人制作大屏的方式,只是一种图表的堆砌,先把需要的单个图表做完,然后简单地罗列组合在一起,最后改变一下整体颜色,就完成了。整个过程虽然不能说错,但并没有把大屏的优势发挥出来。原创 2023-09-12 18:19:24 · 220 阅读 · 0 评论 -
JavaScript实现列表无限加载
getBoundingClientRect()方法的返回值是一个 DOMRect 对象,这个对象是由该元素的 getClientRects() 方法返回的一组矩形的集合, 即:是与该元素相关的CSS 边框集合。从无限加载这个业务场景出发,埋在列表最下边的加载触发器都非常小且不可见,因此推荐选用第二种,也就是完全出现于视图窗口的方式。在这里,有两种情况,一个是元素是否出现于视图窗口中,另一种则是元素是否完全出现于视图窗口中。至于第一种,更适合检测该元素是否已经出现在视图窗口,但并不要求全部出现的情况。原创 2023-09-12 18:07:32 · 70 阅读 · 0 评论 -
HTML语义化标签探析
什么是HTML语义化HTML语义化就是根据具体内容,选择合适的标签进行代码的编写。便于开发者阅读和写出更优雅的代码,同时让搜索引擎的爬虫能更好的识别。为什么要语义化有利于SEO:搜索引擎的爬虫是读不懂无语义的span和div的,因此语义化标签能使爬虫抓取更多的有效信息。CSS文件读取失败的准备:万一CSS文件挂了,语义化的HTML也能呈现较好的内容结构与代码结构。方便其它设备的解析(如屏幕阅读器、盲人阅读器、移动设备)。便于团队开发和维护。原创 2023-09-12 18:04:52 · 35 阅读 · 0 评论 -
HTML meta标签总结与属性使用介绍
在查阅w3school中,第一句话中的“元数据”就让我开始了Google之旅。然后很顺利的在英文版的w3school找到了想要的结果。(中文w3school说的是元信息,Google和百度都没有相关的词条。但元数据在Google就有详细解释。所以这儿采用英文版W3school的解释。不难看出,其中的关键是metadata,中文名叫元数据,是用于描述数据的数据。它不会显示在页面上,但是机器却可以识别。这么一来meta标签的作用方式就很好理解了。原创 2023-09-12 18:01:11 · 218 阅读 · 0 评论 -
HTML登录注册界面怎么制作?
首先我们先写一个的标签,form标签属于表单标签,通常我们的登录注册界面都是有提交数据的,是和服务器交互用的,用户在提交信息后,给服务器,服务器再根据提交的信息保存,这个时候就需要form标签了。在没有学习CSS样式的前提下,是如何做一个简单的注册界面的。因为只写了一条,整个表单的框还是看不出来的。原创 2023-09-11 22:55:02 · 9145 阅读 · 0 评论 -
纯js实现html转pdf
项目开发中遇到了一个变态需求,需要把一整个页面导出为pdf格式,而且要保留页面上的所有的表格、svg图片和样式。原创 2023-09-11 22:40:21 · 325 阅读 · 0 评论 -
HTML特殊符号对照表,建议收藏!
HTML特殊符号对照表。原创 2023-09-11 22:35:11 · 162 阅读 · 0 评论 -
HTML table、form表单标签的介绍
本篇主要介绍 table、form标签以及表单提交方式。目录1. 标签:在HTML 中定义表格布局。2. 标签:用于创建 HTML 表单。3. 表单提交方式:介绍get、post方法。原创 2023-09-11 22:32:58 · 949 阅读 · 0 评论 -
HTML常见转义字符大全
转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的原因有两个:第一个原因是像“”这类符号已经用来表示HTML标签,因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号,就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严格遵守字母大小写的规则。第二个原因是,有些字符在ASCII字符集中没有定义,因此需要使用转义字符串来表示。表18-3是其中的几个转义字符串。原创 2023-09-11 22:28:45 · 9029 阅读 · 0 评论 -
html页面的CSS、DIV命名规则
其他:content(内容)、skin(皮肤)、title(标题)、from(表单)、pic(图片)、news(新闻)、shop(购物区)、list(列表/清单)、newslist(新闻列表)、downloadlist(下载列表)、piclist(图片列表)、dropmenv(下拉菜单)、cor/corner(圆角)、homepage(首页)、crumb(当前位置导航)对div sidebar的采用这样的命名方式就显得更加适当,因为无论它出现在页面的哪一边,这个名字仍然对开发人员来说直观易懂。原创 2023-09-11 22:25:56 · 208 阅读 · 0 评论 -
前端代码标准最佳实践:HTML篇
其实有关HTML还有很多细节的技巧,需要我们在实践中不断的总结。本文的目的在于抛砖引玉,让大家重视代码的可读性,可维护性,以及代码的性能,在开发的过程中有意识地去考虑这些问题,养成良好的编码习惯比熟悉某项开发技术更重要。原创 2023-09-11 22:23:54 · 85 阅读 · 0 评论 -
HTML整理常用标签及其全称
input type="checkbox" name="name" value="" />input,type='checkbox' 复选框(checkbox)input,type='image' 图片按钮(image)input,type='text' 文本输入框(text)原创 2023-09-11 22:19:06 · 20 阅读 · 0 评论 -
HTML小白零基础快速入门笔记(详细教程)
HTML代码有以下特点:html代码是通过标签来组织的,而标签是由尖括号< >组织的,也可被叫作元素(element)。大部分标签是成对存在的,称之为双标签,少数标签是单独存在的,称之为单标签。双标签,为开始标签,为结束标签,开始标签和结束标签之间的是标签的内容。单标签,只有开始标签,无结束标签。标签是可以嵌套的,一个标签的内容可以是其他一个或者多个标签。开始标签内可以被赋予属性(Attribute),而属性是以键值对形式存在,可存在一个或多个。原创 2023-09-11 22:06:10 · 223 阅读 · 0 评论 -
webGIS简介和应用高德开发平台
将前端可视化技术与GIS技术结合,提供更好的信息展示和用户交互数据持久化。原创 2023-09-10 14:11:24 · 284 阅读 · 0 评论 -
前端部署更新升级后如何通知用户
轮询调用方案:轮询获取网页引入的脚本文件的hash值或者etag来实现。这种方案的优点是实现简单,但存在性能消耗和延迟较高的问题。WebSocket版本方案:在前端部署的同时建立一个WebSocket连接,将后端构建部署完成的通知发送给前端。当后端完成部署后,通过WebSocket向前端发送消息,提示用户刷新页面以加载最新版本。这种方案的优点是实时性好,用户体验较好,但需要在前端和后端都进行相应的配置和代码开发。选择合适的方案取决于具体的需求和实际情况,仅供参考O^O!原创 2023-09-10 14:00:26 · 357 阅读 · 0 评论 -
Vue动态表单字段处理方案
我们可以创建一个自定义的 Vue 指令来跟踪表单项的显示状态,并在表单项显示或隐藏时,对表单数据进行相应的操作。这种方法需要对 Vue 的指令系统有一定的了解,并且在表单项配置中添加指令。创建一个自定义指令,比如 v-model-custom,这个指令的功能是对表单项的显示和隐藏进行追踪,当表单项隐藏时,它会从 formData 中移除对应的属性,当表单项显示时,它会将对应的属性添加到 formData 中。-- 其他输入元素 -->原创 2023-09-10 13:52:17 · 531 阅读 · 0 评论 -
HTML之文本标签学习,及正则表达式匹配html标签笔记
此外,我们还需要考虑起始标签中包含style的数据,另外特殊的标签,对实际获取数据无意义,也需要过滤掉。>([\s\S]*?原创 2023-09-10 00:56:23 · 1147 阅读 · 0 评论 -
整理的HTML+CSS知识点
BFC:block formattting context,块级格式化上下文。BFC可以理解为一个独立的容器,在容器中进行布局不会影响外部的样式。元素设置float:left/right元素设置overflow:hidden元素设置position:absolute等父元素高度塌陷问题margin重叠问题。原创 2023-09-07 15:46:23 · 4177 阅读 · 0 评论 -
前端怎么写HTML邮件模版
邮件模板是outlook等邮件系统支持html解析格式的条件下,利用前端技术通过编写HTML文件生成期望的邮件页面,从而辅助编写邮件的邮件编辑方式。原创 2023-09-07 15:42:25 · 712 阅读 · 0 评论