11 2021 档案

摘要:在dom中获取属性的值和设置属性的值代码如下<body class="error_page" οnlοad="startTimes();"><a>链接</a></body> 我想给上面的连接添加一个链接属性href 方法1:<script language="javascript" type="te 阅读全文
posted @ 2021-11-26 14:44 前端白雪 阅读(442) 评论(0) 推荐(0)
摘要:DOM向HTML中添加元素Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'问题 问题:Failed to execute 'appendChild' on 'Node': parameter 1 阅读全文
posted @ 2021-11-26 14:31 前端白雪 阅读(1745) 评论(0) 推荐(0)
摘要:通过canvas画板学习PointerEvent、MouseEvent和TouchEvent 最近想开发个草稿纸功能, 所以学习了下canvas实现简单的画板功能, 但是我们知道在PC端我们可以用MouseEvent来监听我们的鼠标点按相关操作, 移动端可以使用TouchEvent来监听我们手指触摸 阅读全文
posted @ 2021-11-26 10:46 前端白雪 阅读(794) 评论(0) 推荐(0)
摘要:pageX,clientX区别 版权 pageX/pageY:鼠标相对于整个页面的X/Y坐标。注意,整个页面的意思就是你整个网页的全部,比如说网页很宽很长,宽2000px,高3000px,那pageX,pageY的最大值就是它们了。特别说明:IE不支持! // clientX/clientY:事件发 阅读全文
posted @ 2021-11-26 10:16 前端白雪 阅读(540) 评论(0) 推荐(0)
摘要:position:sticky介绍 用户的屏幕越来越大,而页面太宽的话会不宜阅读,所以绝大部分网站的主体宽度和之前相比没有太大的变化,于是浏览器中就有越来越多的空白区域,所以你可能注意到很多网站开始在滚动的时候让一部分内容保持可见,比如,侧边栏的部分区域。position:sticky为此而生。 p 阅读全文
posted @ 2021-11-26 09:41 前端白雪 阅读(3263) 评论(0) 推荐(0)
摘要:js阻止默认事件 (两种方法)及键盘事件onkeydown 、 onkeypress 、onkeyup实例讲解 时间:2018-09-27 本文章向大家介绍js阻止默认事件 (两种方法)及键盘事件onkeydown 、 onkeypress 、onkeyup实例讲解,需要的朋友可以参考一下 阻止默认 阅读全文
posted @ 2021-11-22 09:28 前端白雪 阅读(2376) 评论(0) 推荐(0)
摘要:<html> <head> <meta charset="utf-8"> <title>抽奖web</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> 阅读全文
posted @ 2021-11-19 15:35 前端白雪 阅读(2073) 评论(0) 推荐(0)
摘要:iframe.contentWindow 属性:关于contentWindow和contentDocument区分 定义和用法 contentDocument 属性能够以 HTML 对象来返回 iframe 中的文档,可以通过所有标准的 DOM 方法来处理被返回的对象。 语法:frameObject 阅读全文
posted @ 2021-11-19 15:09 前端白雪 阅读(1481) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function changeStyle(){ var x=document.getElementById("m 阅读全文
posted @ 2021-11-19 15:03 前端白雪 阅读(502) 评论(0) 推荐(0)
摘要:web前端—vue项目.map文件的作用 .map文件的作用:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。有了map就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。注意:生产环境打包一般需要禁止map输出,map文件会造成项目源码泄漏解决办 阅读全文
posted @ 2021-11-19 11:40 前端白雪 阅读(608) 评论(0) 推荐(0)
摘要:相关知识讲解链接 https://blog.csdn.net/qq_24935119/article/details/88577092 对于前端开发中的代码安全性一直是一个不可忽视的问题,前段时间公司就要求我们把我们小程序端的代码再进行混淆。看了很多网址,说的不是很明白,因此也就出了这篇文章和大家分 阅读全文
posted @ 2021-11-19 11:32 前端白雪 阅读(2807) 评论(0) 推荐(0)
摘要:前端js几种加密/解密方法 一、base64加密 base64的github地址 示例 <html> <head> <title>前端的base64使用方法</title> </head> <body> </body> <script> var str = "hello"; var str64 = 阅读全文
posted @ 2021-11-19 11:07 前端白雪 阅读(2416) 评论(0) 推荐(0)
摘要:这是一个最基本的左侧菜单栏,实现的过程很简单,官方的说明文档就有,但是我在导入layer.js之后,直接复制这段官方代码到我的编辑器上时,发现页面是这样的: 发现,绑定属性的菜单并没有下拉选项,这个问题在我导入layer.all.js之后解决了,而且发现如果是在页面的最上方导入的话也没有下拉选项,只 阅读全文
posted @ 2021-11-17 13:55 前端白雪 阅读(1416) 评论(0) 推荐(0)
摘要:链接属性rel='external'、rel='nofollow'、rel='external nofollow'三种写法的区别 SEO站内优化 external , nofollow , rel 大家应该都知道rel='nofllow'的作用,它是告诉搜索引擎,不要将该链接计入权重。因此多数情况下 阅读全文
posted @ 2021-11-17 11:46 前端白雪 阅读(195) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-sc 阅读全文
posted @ 2021-11-17 11:21 前端白雪 阅读(576) 评论(0) 推荐(0)
摘要:jQuery获取data-*属性值 下面就详细介绍四种方法获取data-*属性的值 <li id="getId" data-id="122" data-vice-id="11">获取id</li> 需要获取的就是data-id 和 dtat-vice-id的值 一:getAttribute()方法 阅读全文
posted @ 2021-11-17 11:18 前端白雪 阅读(566) 评论(0) 推荐(0)
摘要:upload.render失效 遇到的问题: 正确代码如下: 分析错误代码: 遇到的问题: 初始化时能正常打开上传,但点击查询后上传按钮失效 代码是渲染页面在后,赋值调用loadLayerEL方法在前,但此时页面的这些值是没有给到的,直接调用上传按钮,此时是不起作用的,需要先给页面渲染,再去调用 i 阅读全文
posted @ 2021-11-17 09:55 前端白雪 阅读(2583) 评论(0) 推荐(0)
摘要:LayUI的Tab选项卡切换显示对应数据 LayUI tab选项卡 + 分页展示 实现 Tab选项卡切换显示对应数据 要求:实现tab选项卡改变的同时展示数据也跟着改变 实现条件: 1、选项卡【官网 – 文档/示例 – 页面元素 – 选项卡】 2、数据表格【官网 – 文档/示例 – 内置模块 – 数 阅读全文
posted @ 2021-11-16 17:56 前端白雪 阅读(1429) 评论(0) 推荐(0)
摘要:jq获取第一个子元素并添加class <div class="main"> <div class="tit">颜色</div> <ul> <li>银色</li> <li>深灰色</li> </ul> <div class="tit">内存</div> <ul> <li>64GB</li> <li>1 阅读全文
posted @ 2021-11-16 15:10 前端白雪 阅读(881) 评论(0) 推荐(0)
摘要:alertPopShow.js 文件 /** mobile web toast、alert、confirm提示框 * 2016.05.25 ghb * toast使用方式: * webToast("屌丝逆袭了","bottom",1000); * webToast("出任SEO","bottom") 阅读全文
posted @ 2021-11-15 16:20 前端白雪 阅读(168) 评论(0) 推荐(0)
摘要:bootstrap下拉列表多选组件 于 https://blog.csdn.net/qq_37677519/article/details/78143522 -水中月- 2017-09-30 16:03:37 92543 收藏 64 分类专栏: bootstrap 文章标签: bootstrap 组 阅读全文
posted @ 2021-11-12 10:34 前端白雪 阅读(745) 评论(0) 推荐(0)
摘要:js获取referer,兼容各种浏览器 js获取referer,适用于Chrome,Firefox,IE等各种浏览器,javascript获取页面来源网址(即referer,当前页面的上一页页面地址).注意,referer在PHP中是通过$_SERVER['HTTP_REFERER']来获取的,而j 阅读全文
posted @ 2021-11-12 10:25 前端白雪 阅读(5403) 评论(0) 推荐(0)
摘要:JavaScript中document.referrer的用法详解 更新时间:2017年07月04日 08:43:36 作者:璿而不华 这篇文章主要给大家介绍了关于JavaScript中document.referrer的用法,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友 阅读全文
posted @ 2021-11-12 10:18 前端白雪 阅读(464) 评论(0) 推荐(0)
摘要:js获取url参数值的两种方式 js获取url参数值的方法有很多,下面也为大家介绍两种 方法一:正则分析法 复制代码代码如下: function getQueryString(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", 阅读全文
posted @ 2021-11-12 09:55 前端白雪 阅读(3622) 评论(0) 推荐(0)
摘要:(function(){})(jQuery)的功能和用途? 1、为什么开发插件都这么写? 2、为什么要穿jQuery进去?在方法中直接用jquery的方法什么的不行吗? 1 首先(function(){})()这种写法 是创建了一个匿名的方法并立即执行(function(){})这个是匿名方法后面的 阅读全文
posted @ 2021-11-08 10:33 前端白雪 阅读(96) 评论(0) 推荐(1)
摘要:为什么用Object.prototype.toString.call(obj)检测对象类型? 转自:https://www.cnblogs.com/youhong/p/6209054.html 最近做了做一些js面试25 Essential JavaScript Interview Question 阅读全文
posted @ 2021-11-08 10:27 前端白雪 阅读(64) 评论(0) 推荐(0)
摘要:toString()方法详解 在类型转换中,经常用到方法valueOf()和toString(),上一篇讲了valueOf()方法,这一篇来说说toString()方法。toSting()方法返回返回对象的字符串表现。 【1】基本包装类型——Boolean型 var obj = new Boolea 阅读全文
posted @ 2021-11-08 10:26 前端白雪 阅读(2285) 评论(0) 推荐(0)
摘要:valueOf函数详解 在类型转换中,经常用到方法valueOf()和他toString(),所有对象(包括基本包装类型)都拥有这两个方法。这篇文章我们先看看valueOf()方法。valueOf()方法会将对象转换为基本类型,如果无法转换为基本类型,则返回原对象。 【1】基本包装类型——Boole 阅读全文
posted @ 2021-11-08 10:25 前端白雪 阅读(3231) 评论(0) 推荐(0)
摘要:CSS 计算属性 calc()的完整指南(上) 2020-05-03 CSS tricks上有一系列的完整指南文章,我后面会翻译这些内容,更新不会一下子完成,而是会分成几个,防止自己因看到文章过长而放弃翻译,一步一个脚印。 CSS有一个特殊的calc()函数,用于做基本的数学运算。下面是一个例子: 阅读全文
posted @ 2021-11-05 15:08 前端白雪 阅读(587) 评论(0) 推荐(0)
摘要:css3 transform:scale(x)实现字体的缩放: css3 transform:scale(x)字体的缩放: transform:scale(x),针对于整体的缩放,缩放的整体包括宽,高,背景。这自然对于内联元素就无法使用此属性,最好使用无属性的span转换成块元素或者行内块元素进行设 阅读全文
posted @ 2021-11-05 15:06 前端白雪 阅读(1493) 评论(0) 推荐(0)
摘要:css文字超出一行就显示省略号 1,css超出一行用点表示 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 2,css超出二行用点表示 overflow:hidden; text-overflow:ellipsis; disp 阅读全文
posted @ 2021-11-03 14:02 前端白雪 阅读(1469) 评论(0) 推荐(0)
摘要:设置背景图片的两种方式,并解决手机端背景图片高度自适应问题 赵世婷 2017-09-19 15:59:43 14372 收藏 5 1 设置背景图片的两种方式: 方式一: .back{undefinedposition: fixed;width: 100%;height: 100%;display: 阅读全文
posted @ 2021-11-03 09:15 前端白雪 阅读(238) 评论(0) 推荐(0)
摘要:css之background的cover和contain的缩放背景图 对于这两个属性,官网是这样解释的: contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。 等比例缩放图象到垂直或者水平其中一项填满区域。 cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景 阅读全文
posted @ 2021-11-03 09:12 前端白雪 阅读(6773) 评论(0) 推荐(0)
摘要:css3手机端h5商品列表页,两列等分排列技巧 .picture_list { width: 100%; overflow: hidden}.picture_list>li { width: 50%; min-height: 120px; float: left; padding: 0px 3px; 阅读全文
posted @ 2021-11-03 09:10 前端白雪 阅读(586) 评论(0) 推荐(0)