关-CSDN博客

原创 uniapp好用组件记录

DCloud 插件市场好用组件

2023-08-21 15:32:55 117 1

盒模型分为两类：标准盒模型和怪异盒模型（IE 盒模型）盒模型的组成部分（由外向内）：margin（外边距）+ border（边框）+ padding（内边距）+ content（盒子内容大小）注：标准盒模型的 width 指的是内容 content 的宽度，height 指的是 content 的高度怪异盒模型的 width 指的是内容、边框、内边距总的宽度（content + border + padding）；

2023-08-14 10:41:50 212

转载 2021一面前端面试题

csscalc, support, media各自的含义及用法？@support主要是用于检测浏览器是否支持CSS的某个属性，其实就是条件判断，如果支持某个属性，你可以写一套样式，如果不支持某个属性，你也可以提供另外一套样式作为替补。calc() 函数用于动态计算长度值。 calc()函数支持 "+", "-", "*", "/" 运算；@media 查询，你可以针对不同的媒体类型定义不同的样式。css水平、垂直居中的写法，请至少写出4种？这题考查的是css的基础知识是否全面，所以平

2021-11-01 11:18:13 127

原创 Gulp的安装与配置

#Gulp的安装与配置#标签（空格分隔）：工具下载nodejs安装包安装Nodejs测试配置npm的全局路径全局安装gulp本地安装gulpgulp的实施与使用安装相关插件Gulpfile.jsgulp的API介绍##1. 下载nodejs安装包##去nodejs官网下载软件https://nodejs.org##2. 安装Nodejs##Window：直接下一步下一步式安装。安装好后WIN+R输入cmd调出DOS窗口，输入node看是否有交互，如果没有则查

2021-06-01 15:08:41 487

原创 Visual Studio Code软件应用

Visual Studio Code软件应用标签（空格分隔）：前端软件 VScode新建文件Ctrl+N 新建空白文件；Ctrl+K M 选择该空白文件类型；页面中键入html:5后按Tab键后快速生成HTML5空白模板；VSCode设置常用设置设置字号 “editor.fontSize”: 14，改为12设置字体 “editor.fontFamily”: “Consolas, ‘Courier New’, monospace”，设置tab缩进 “editor.tabSize

2021-06-01 15:07:34 223

原创作用域介绍

作用域标签（空格分隔）：前端作用域定义：它是指对某一变量和方法具有访问权限的代码空间，在JS中，作用域是在函数中维护的。表示变量或函数起作用的区域，指代了它们在什么样的上下文中执行，亦即上下文执行环境。作用域分类作用域全局作用域 , 局部（函数）作用域 , 块级作用域。全局作用域是声明在函数外的，即声明在function外的，它是全局的，在代码的任何地方都是有定义的。//例1如：var a = 1;function show(){ console.log(a

2021-06-01 15:06:48 189

原创 Tab 切换效果实现

Tab 切换效果实现标签（空格分隔）：前端函数方式闭包方式对象方式函数方式函数就是包裹在花括号中的代码块，前面使用了关键词 functionfunction tabHs(obj) { var tab = document.getElementById(obj);//最外层div名称 var hdlis = tab.children[0].getElementsByTagName('li'); var bdlis = tab.children[1].getElem

2021-06-01 15:06:13 191

原创 THIS介绍

THIS标签（空格分隔）：前端什么是this?this是js的关键字；它是对象自动生成的一个内部对象，只能在对象内部使用；随着函数使用的场合不同，this的值会发生变化；this 代表什么？this 的指向/绑定；this 的绑定和函数声明的位置无关，只取决于函数的调用方式（调用位置）；function foo(){ console.log(this.a); //this指向函数本身window；}var obj = { a: 10, fo

2021-06-01 15:05:08 205

原创 uni-app swiper焦点图高度自适应

<uni-swiper-dot :info="details.ImageArray.length == 1?[]:details.ImageArray" :current="bannerCurrent" field="content" :dotsStyles="bannerDotStyles"> <swiper @change="bannerSwiterChange" autoplay class="swiper-box" :style="'height:'+swipe...

2021-06-01 10:26:31 400

weixin_42521951的博客