2024-02-15箭头函数中的this指向是它所定义（声明）的位置，可以简单理解成，定义箭头函数中的作用域的this指向谁，它就指向谁。const obj = { name: '张三'}//this 指向 是obj对象//this 指向 的是箭头函数定义的位置，那么这个箭头函数定义在fn里面，而这个fn指向是的obj对象，所以这个this也指向是obj对象//{ name: '张三'}resFn();//{ name: '张三'}_剩余函数

https://www.qianduange.cn//article/2076.html 分类：前端知识

2024-02-13本文中分享的所有CSS技巧都是来自GitHub代码库“css tips tricks”的手工精选，此代码库专为开发者提供专业的CSS技巧。1、文档布局使用仅两行CSS代码，创建一个响应式的文档布局。这个布局风格类似于文档页面，可以很好地展示各种信息。.parent{ display: grid; grid-template-columns: minmax(150px, 25%) 1fr;...

https://www.qianduange.cn//article/1904.html 分类：前端知识

2024-02-12vue数据大屏自适应屏幕分辨率js最近在写vue数据大屏的时候想到屏幕分辨率要自适应问题，按照设计图的百分比写感觉太麻烦，宽高甚至字体大小都要用百分比，就在想有没有其他的方案能实现，相信都用过rem单位，此篇是就rem自适应屏幕分辨率写出js当然也参考了别人的文档，融合之后变成自认为最好用的一个版本下面是js代码;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; va_vue如何快速调整大屏页面的字体适配分辨率

https://www.qianduange.cn//article/1837.html 分类：前端知识

2024-02-11一、使用css直接用固定定位position: fixed。适合使用在导航栏有固定高度，避免导航栏下面的内容被遮盖。下面的盒子就需要调整top的距离。示例代码：<style>*{ margin: 0; padding: 0;}p{ height: 500px;}section{ padding-top: 40px;}div{ height: 40px; width: 100%; color: white; background-color: crims_导航栏固定在顶部

https://www.qianduange.cn//article/1763.html 分类：前端知识

2024-02-11使用CSS3进行增强滑过文字渐变/* 这段代码实现了当鼠标滑过链接时的渐变效果 */a { color: #007c21; transition: color .4s ease;}a:hover { color: #00bf32; }为元素创建圆角  使用CSS3可以在不引入额外的标记或图像的情况下，为大多数元素(包括表单元素、图像，甚至段落文本)创建圆角。<...

https://www.qianduange.cn//article/1704.html 分类：前端知识

2024-02-10在CSS中认为所有的HTML标签都是一个盒子，这些盒子有以下内容：边框border、内容content、内边距padding（内容与边框的距离）、外边距margin（盒子与盒子之间的距离）:read-only 选择有"readonly"的表单元素，注意只读包含禁用，所以也会影响具有"disabled"的表单元素。E:nth-child(n) { css样式 } - n可以是数字，2n，2n-1，even奇数，odd偶数，具体看情况。内边距：元素内容区域和边框之间的距离，可以设置内边距的大小。

https://www.qianduange.cn//article/1664.html 分类：前端知识

2024-02-09前提JavaWeb环境前端代码window.sm2 = function (t) { function i(e) { if (r[e]) return r[e].exports; var n = r[e] = {i: e, l: !1, exports: {}}; return t[e].call(n.exports, n, n.exports, i), n.l = !0, n.exports } var r = {}; _js sm2

https://www.qianduange.cn//article/1643.html 分类：前端知识

2024-02-091.浏览思维导图：2.对象继承$.extent(对象1，对象2)代码展示：3.扩展jQuery类方法：语法：$.extend({方法名：function(){方法体}})4.$.fn.extend案例：全选解释：点击全选框/全选按钮要让复选框全部选中，只要有一个复选框没有选中那么全选框就不能选中5.第三方插件1.概述：jQuery Validate插件为表单提供了强大的验证功能，让客户端表单验证变得更加的简单，同时提供了大量的定制选...

https://www.qianduange.cn//article/1635.html 分类：前端知识

2024-02-09SASS是标准，SCSS是语法SCSS的本质就是SASS CSS，他使用css的语法来完成sass的功能相当于在css的原有的基础上面扩展了4个基础核心点$a:red;一般来说，我们为了更好的理解，我们会用小括号将值包裹起来//对象的定义上面的代码进行遍历，最终生成如下结果之前的数组定义是一样的，数组的定义就是set的定义之前的对象的定义是一样的，对象的定义就是map的定义.box1{

https://www.qianduange.cn//article/1584.html 分类：前端知识

2024-02-08浏览器会忽略注释内的所有内容CSS注释格式：/* 注释内容 */标签（元素）选择器根据HTML标签名称来选择HTML元素语法：标签名 { CSS属性名：属性值; }注意：标签选择器选择的是一类标签，而不是单独某一个标签选择器无论嵌套关系有多深，都能找到对应的标签_css黄河长江鸭绿江

https://www.qianduange.cn//article/1511.html 分类：前端知识