随笔分类 - 前端
前端之路！
摘要：新建文件夹request，在里面放一个文件index.js，代码如下： export const request = (params) => { return new Promise((resolve,reject)=>{ const baseUrl = 'https://www.cnblogs.c
阅读全文
摘要：new关键字的作用 创建一个对象并且将构造函数内的this指针指向该对象。代码如下： function Func() { // 构造函数名字首字母一般大写 this.name = "nerd"; this.age = 18; } let handsome_guy = new Func(); cons
阅读全文
摘要：两个原因： 路径写错了 项目中没有vuex。安装： npm i vuex
阅读全文
摘要：代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte
阅读全文
摘要：代码如下： <script> let username = document.querySelector("[name=username]"); let password = document.querySelector("[name=password]"); let password_again
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：xhr兼容性问题 xhr对象的获取方式在IE和非IE下是需要使用不同方法。 语法： 标准浏览器支持的方法为：XMLHttpRequest() IE浏览器支持的方法为：ActiveXObject() 例子： if(window.XMLHttpRequest){ xhr = new XMLHttpReq
阅读全文
摘要：使用方法如下： document.oncontextmenu = function(){ event.returnValue = false; } 拓展：屏蔽F12键： document.onkeydown = function(e){ if(e.code == "F12"){ event.retu
阅读全文
摘要：js代码如下，我只是记录下代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
阅读全文
摘要：clip-path CSS 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏。剪切区域是被引用内嵌的URL定义的路径或者外部svg的路径，或者作为一个形状。clip-path属性代替了现在已经弃用的剪切 clip属性。 用法如下： /* 多边形，绘画点的位置，坐标
阅读全文
摘要：如果想将文字设置为背景图片的颜色，需要如下步骤： 第一步：设置背景图片 background-image: url("3.jpg"); 第二步：设置属性 background-clip: text; 第三步：将文字颜色改为透明 color: transparent; <!DOCTYPE html>
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：全部实现完毕！收工！轮播图告一段落！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=\, initial-scale=1.0"> <title>轮
阅读全文
摘要：废话不多说，上代码！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=\, initial-scale=1.0"> <title>Document<
阅读全文
摘要：原文：https://blog.csdn.net/wqxiaongqi/article/details/82194027 第一步：使用window画图工具取色 第二步：转换成16进制：https://c.runoob.com/front-end/55
阅读全文
摘要：原文：原文链接 在css下添加如下代码即可： * { cursor: url("Aero_arrow.cur"),auto; }
阅读全文
摘要：在css中只需要加入如下代码即可： html{ scroll-behavior: smooth; }
阅读全文