![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
wang_9909
每天进步一点点,成长足迹看得见。
展开
-
加密图片本地解密后使用blod文件打开
加密图片本地解密后使用blod文件打开原创 2023-01-20 16:59:56 · 630 阅读 · 0 评论 -
safari 浏览器overflow:hidden样式失效,一个css属性完美解决
safari浏览器的样式,总会时不时给你一个“小惊喜”。例如:之前就遇到了safari的一个overflow:hidden样式失效的问题。百度一看,这个问题遇到的人很多,没想到10多年前就出现的问题,现在还会出现(我的出现问题的safari浏览器版本 14.1.2)。 网上对其有着各种各样的帖子,但是其大多数都是以下方案:可能这些方案能很好的解决其他浏览器版本,但是当我用到我这个特定版本时(14.1.2),这些“优秀”的方案却无法解决我的问题。一个“不常见”的css样式却可以完美解决!!!!!......原创 2022-06-27 16:29:38 · 2094 阅读 · 0 评论 -
原生微信小程序实现的UI效果:tab导航栏与内容联动
原生微信小程序可以实现一些UI效果,例如:tab导航栏与内容联动原创 2021-12-20 21:37:22 · 649 阅读 · 0 评论 -
获取浏览器的所在经纬度、联网状态、充电状态,一个Navigator全部都可以实现
获取浏览器的所在经纬度、联网状态、充电状态,一个Navigator全部都可以实现原创 2021-12-14 15:05:04 · 713 阅读 · 3 评论 -
JavaScript正则表达式基础
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl.原创 2021-08-31 21:32:43 · 178 阅读 · 0 评论 -
JavaScript使用数组的every与forEach方法实现 全选以及取消全选功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl.原创 2021-08-20 09:27:58 · 844 阅读 · 0 评论 -
使用FormData对表单(文本框、下拉框、密码框、单选框、多选框等)数据进行获取,简单高效
当我们需要对表单数据进行上送时,经常会使用一些dom操作获取每个input的内容,原创 2021-08-17 21:34:58 · 1644 阅读 · 0 评论 -
js获取地址栏中的“查询字符串”(URL参数)值
面试笔试题遇到了好多次这个,实际开发中也碰到过这个需求。因此,我简单的理了一下思路。下面就会一个简单的代码进行获取URL参数var prestr= location.search;//获取当前地址栏中的“查询字符串”值var str =prestr.slice(1);//截取?后面的字符串var json={}; //定义一个空的对象进行接收if(str.includes('&')){ //判断是否有多组参数 若有则进行split切割生成多个参数数组 var p...原创 2021-08-11 09:03:53 · 530 阅读 · 0 评论 -
js获取本地文件(图片、word文档等)并获取其Base64化的编码,可用于本地文件上传至服务器
在实际开发中,我们有时需要开发一些上传文件的功能,本地文件如何上传?这可能是困扰很多开发人员的一个小问题。现在,我们就用一个input file来解决这个小问题。我们在页面可能先用这个定义一个上传文件的按钮,后面怎么优化就看你们的业务要求了。 <input type="file" name="" id="files">接下来就是核心的JavaScript环节了,我们这里以图片举例。files.onchange = function () { //定义一个匿..原创 2021-08-10 19:04:42 · 47048 阅读 · 0 评论 -
监控鼠标与键盘事件 js
//鼠标点击document.addEventListener('click', function (e) { console.dir(e)})//鼠标右键菜单document.addEventListener('contextmenu', function (e) { e.preventDefault() //取消鼠标右键菜单})//禁止鼠标选中事件document.addEventListener('selectstart', function (e) { e.preventDe原创 2021-08-01 19:33:57 · 599 阅读 · 0 评论 -
jQuery/js获取本地图片并将其Base64化,本地图片上传方法之一
相信各位前端开发的朋友都遇到过将本地图片上传服务器的项目,那么我们应该怎么将图片上传勒?直接上传图片的本地地址?答案当然是不可能这么简单的,我们首先需要知道的是,本地文件上传到服务器时,文件都是以数据流的形式上送的。所以我们可以考虑将图片转为一中数据格式上传到服务器。本文主要以图片base64化的方法展开,当然,这只是总多方法中的一种而已。话不多说 上代码html<input type="file" id="UpLoadImg" /><div id="imgbg" style="w原创 2021-05-11 23:07:59 · 2687 阅读 · 2 评论 -
JQuery/js操作select下拉框 :获取下拉框option的值,对下拉框的进行操作
首先,我们先给出我们需要操作的下拉框的例子:<select id="EEE"> <option value="1">第一个OPTION</option> <option value="2">第二个OPTION</option> <option value="3">第三个OPTION</option> <option value="4">第四个OPTION</option> <opt原创 2021-05-11 22:22:10 · 2677 阅读 · 2 评论 -
uniCoud云函数的创建与调用,三步搞定
1.首先我们需要关联云服务空间,因为阿里云的不收费免费,所以我就选择了这个。如果不会关联的,可以百度一下,很简单的,所以我就不再复述了。2.创建云函数我们点开我们的开发目录,找到这个后右键,会出现“新建云函数”的选项。取一个你认为可以的名字2.自定义云函数,并再次点击你的云函数目录选择上传部署。3.页面调用云函数4.运用后浏览器返回的结果...原创 2021-04-05 18:46:09 · 1699 阅读 · 5 评论 -
uniCloud的数据库的使用(二)之添加
其他和查询一样,可以看https://editor.csdn.net/md/?articleId=115186139不同的是添加为add(data),data为添加的数据db.collection(database) // .field()//多表查询 .add(data) .then((res)=>{ // res 为数据库查询结果 }).catch((err)=>{ }) })...原创 2021-03-24 20:21:41 · 2832 阅读 · 0 评论 -
uniCloud的数据库的使用(一)之 查询
const db = uniCloud.database();const dbCmd = db.command; // 表查询配置const dbOrderBy = 'create_date desc' // 排序字段const dbSearchFields = ['user_id'] // 支持模糊搜索的字段列表db.collection(database)//database为数据库名,其实就是表名 .where(data)//data为查询的条件 一般为字符串形式 //原创 2021-03-24 20:17:25 · 6749 阅读 · 0 评论 -
使用setInteval制作倒计时。
var endTime = new Date('2025-12-12 00:00:00').getTime();//设置倒计时的结束时间时间戳 var time=setInterval(()=>{ var nowTime = new Date().getTime();//获取当前时间的时间戳 let mms = endTime - nowTime; if(mms>0){ let days= parseInt(mms/(1000*60*60*24));..原创 2021-03-16 22:26:01 · 201 阅读 · 0 评论 -
vue中使用 vue-dplayer视频播放器实现hls播放
1.安装依赖npm install vue-dplayer -S2.在mian.js里引入并使用import VueDPlayer from "vue-dplayer";import "vue-dplayer/dist/vue-dplayer.css";Vue.use(VueDPlayer);3.页面使用 完整代码<template> <div class="main"> <d-player ref="player" id="player" :op转载 2021-02-28 00:58:05 · 2702 阅读 · 7 评论 -
JS 正则截取文本匹配的字符串
特别注意,match的对象要为String类型1、js截取两个字符串之间的内容:varstr = "aaabbbcccdddeeefff";str = str.match(/aaa(\S*)fff/)[1];alert(str);//结果bbbcccdddeee2、js截取某个字符串前面的内容:varstr = "aaabbbcccdddeeefff";tr = str.match(/(\S*)fff/)[1];alert(str);//结果aaabbbcccddd3、js截取某个字符原创 2021-02-27 17:07:15 · 2912 阅读 · 0 评论 -
uni-app项目在uniClound中前端托管进行登录时报跨域错误 已拦截跨源请求:同源策略禁止读取位于***** 的远程资源。(原因:CORS 请求未能成功)
111原创 2021-02-22 19:54:32 · 2669 阅读 · 5 评论 -
js判断打开网页的设备是移动端还是PC端
console.log(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent))当输出为true时,说明为移动端,当输出为false时,说明为其他设备(如PC端)想判断特定的设备只需将添加特定的设备型号即可Android:安卓webOS:webOS(LG手机)iPhone/iPod:苹果BlackBerry:黑莓手机…...原创 2021-02-21 18:19:11 · 390 阅读 · 0 评论 -
js检索出html中需要的文本
除了python,我们也能用js检索HTML中的文本首先我们需要定位出我们需要文本的位置在这里,我们可以用window.document.get***来定位getElementById id标签getElementsByClassName class标签............等等2.我们可以用F12观察我们需要定位的地方,在这里我们可以看到,我们需要的文本在这个标签内3.我们就可以检索了function say(){ var dom=window.document.ge原创 2021-01-27 21:57:38 · 1083 阅读 · 0 评论 -
vue的dialog(模态框)和div,切换时自动刷新内容
<div..............:key="new Date().getTime()"></div><dialog.........:key="new Date().getTime(0"><dialog>这个就适合解决延迟等疑难杂症页面出现问题了,不妨试试这个原创 2020-12-24 19:14:48 · 1001 阅读 · 1 评论 -
tcp三次握手与四次挥手
浏览器与服务器端之间有三次握手。简单来说就是:浏览器端与服务器端进行数据传输时需要确认各自都可收发数据三次握手分别是:下面以C为浏览器端,S为服务器端。第一次握手:S可以确认 自己可以接受C发送的报文段第二次握手:C可以确认 S收到了自己发送的报文段,并且可以确认 自己可以接受S发送的报文段第三次握手:S可以确认 C收到了自己发送的报文段...原创 2020-10-30 15:52:45 · 216 阅读 · 0 评论 -
html后台node文件如何在Visual Studio Code(VS Code)中运行调试
如今前端开发人员一般都需要全栈开发能力。后台数据处理我们也需要知道一点。而如果我们去学习java的话就有复杂了。Node.js,作为一款服务端开发工具。非常适合我们前端开发人员对后端的数据进行简单的处理。如果我们在cmd或者服务器端,当我们需要对代码进行处理时,频繁的切入切出就有点烦人了。那么我们是否可以考虑如何使用Visual Studio Code中运行node文件呢?答案肯定是可以的。我们在Visual Studio Code中运行node.js文件,我们需要进行着几步在自己的电脑原创 2020-10-29 11:08:15 · 491 阅读 · 1 评论 -
link和@import的区别
1.从属关系区别@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义RSS、rel 连接属性等。2.加载顺序区别加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加载。3.兼容性区别@import是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link标签作为 HTML 元素,不存在兼容性问题。以上就是link和@import的基本区别。4.DOM原创 2020-10-25 23:03:47 · 205 阅读 · 0 评论 -
vue刷新当前页面,非F5刷新,解决了刷新时出现空白页面的问题
Vue作为目前最流行的前端框架之一。当用户进行操作后需要刷新当前局部的页面时,如果使用location.reload();与this.$router.go(0);这2种刷新,原理分别是F5类刷新以及跳转至当前页面的刷新,虽然也能刷新,但是会造成当前全部页面刷新。如果用户网络不好时,就会出现空白页面的情况。所以我们需要一种全新的页面刷新方式,局部刷新页面1.我们先在APP.vue中使添加下列代码<template> <div id="app"> &原创 2020-10-15 19:01:21 · 3142 阅读 · 0 评论 -
vue-element-admin-master半成品框架简易安装教程,半成品框架基本功能都有的神奇框架
vue-element-admin-master安装其实非常简单1.只需要去官网下载一个zip包,然后解压。如果官网下载慢,也可以选择通过这个下载:https://gitee.com/run__nobug/zip/blob/master/vue-element-admin-master.zip2.用cmd进入当前文件路径,用cnpm安装所需依赖npm/cnpm install等待即可如果想选择cnpm的,但是没有安装cnpm的可以参照这个安装https://blog.csdn.net/wang原创 2020-10-14 20:14:02 · 965 阅读 · 0 评论 -
npm修改仓库路径与cnpm设置淘宝镜像,让下载依赖变得十分快速
总所周知,我们浏览国外的网站时,网速会特别慢,具体原因就不多说了。由于npm的仓库部署在国外,所以我们用这下载依赖时会非常慢。而作为苦逼的程序员有非常需要安装一些依赖,为了解决下载慢的这一问题,国内大佬想出来了通过镜像来下载依赖。国内镜像就有淘宝镜像:http://registry.npm.taobao.org有了镜像,那么下载依赖就有了两种方法1.修改npm仓库路径npm config set registry http://registry.npm.taobao.org2.使用cnpm代原创 2020-10-14 19:39:41 · 1810 阅读 · 2 评论 -
visual Studio Code(VS code)软件中HTML超级好用的一个插件 liveserver,vs code浏览网页
这个插件可以让我们在visual Studio Code中自己浏览html网页安装教程:1.点击左侧的这个2.在搜索框输入liveserver点击install安装即可。3.配置本地VS code浏览网页点击选择 扩展设置找到这个,如果勾上就能使用VS code浏览本地网页了。...原创 2020-10-04 23:28:46 · 1846 阅读 · 0 评论 -
HTML用js求101-200之间的素数,并求其个数
话不多说,直接上代码<script> var n=0; for(i=101;i<=200;i++){ var k=1; for(j=2;j<=9;j++){ if(i%j==0){ k=0; // break;原创 2020-10-04 23:10:50 · 1697 阅读 · 2 评论 -
服务器的java包临时启动与永久启动
当我们开发HTML网页时,需要启动后台的java包。这时,我们可以选择临时启动与永久启动临时启动当我们测试时,可以选择临时启动一个java包。启动命令:首先我们需要进入服务器存放java包的目录然后java -jar ***.jar等待运行。温馨提示:临时启动的java包,不能退出本地与服务器的链接(比如:xshell或者ssh)或者在链接窗口进行其他操作。不然,java包的临时链接可能就会终止。优点:不启动时,不占用服务器的内存。缺点:需要时需要重新启动永久启动当我们的java文原创 2020-10-04 23:02:45 · 704 阅读 · 0 评论 -
模态框中如何动态获取后台中的值,并将后台的值给赋给模态框单选框
首先我们要知道,当单选框中含有checked时,单选框会被中。即<input type="radio" name="blankRadio" id="blankRadio1" value="male" checked>`男<input type="radio" name="blankRadio" id="blankRadio2" value="female" >女此时出现这个样子。想要动态获取,此时就需要先将单选框中所有的checked移除。在这里我建议大家使用remo原创 2020-09-29 16:33:07 · 1072 阅读 · 0 评论 -
html相关基础知识点(二),部分题为面试题
1.@import和link的区别.@import和link的区别1) 所属范围 @import 是css的语法,只能导入样式 link是html的标签,不仅可以加载样式,还可以定义rel属性 rel="stylesheet"表示调用外部样式表2) 加载顺序 页面加载的时候,link标签引入的css被同时加载 @import引入的css在页面加载完毕后再被加载3) 兼容性 @import需要兼容IE5+ link标签,不存在兼容性问题2.css在html中的应用?原创 2020-09-20 18:33:40 · 278 阅读 · 0 评论 -
html相关基础知识点(一)
继承inherit:继承父类属性initial:不继承父类属性给行内元素加高度1.display:block2.设置定位3.浮动box盒子box-sizing: content-box 内容盒子 配合属性直接设置 内容 所占宽度 所占宽度为margin + border + padding +content box-sizing: border-box 边框盒子 配合属性设置直接设置 盒子 所占宽度 所占宽度为 margin + border阴影原创 2020-09-20 18:28:11 · 206 阅读 · 0 评论