- 博客(108)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 scroll-view取消滚动条
之前在写scroll-view时，发现移动端自己带了滚动条，在横向滚动的时候就比较不好看，于是想着去除掉页面的滚动条。当时在uni-app官网上看到使用。控制滚动条是否出现，默认为false,于是我就十分的迷惑，既然默认false，为什么我没有设置就出现了滚动条…于是在设置了这两个属性之后就成功去除了滚动条。在百思不得其解的时候去翻了一下微信开放文档，发现。是默认为true的，并且需要和。
2024-05-07 09:09:46
749
原创 @media媒体查询
以上两种形式在现代浏览器中功能相同，only关键字可防止不支持带有媒体功能的媒体查询的旧版浏览器应用给定的样式。它对现代浏览器没有影响。not不会应用于以逗号分隔的媒体查询列表中的每个媒体查询。因此上面两种语句表达意义相同。not会反转整个媒体查询的含义。以上两种语句表达意义相同。and可以连接多个媒体功能。
2024-03-07 11:49:35
489
原创 Ant Design Vue中tabs标签页切换导致页面变宽的问题
问题在使用Ant Design Vue进行开发的时候，使用了tabs标签页，在页里面套用了表格，但是在页面切换后，会发现页面的width会变大差不多2倍，这样会导致页面一些结构的样式发生变化。解决在查阅一些资料之后，看到有人说可能是Ant Design在进行table封装时使用了自适应的问题，解决方法就是在外层盒子加上绝对定位。于是，我在外层盒子添加绝对定位:position:absolute;，然后给页面宽为100%:width:100%，很欣喜的发现这个问题解决了，切换tabs之后页面再也不会变
2022-04-25 09:50:29
3144
原创 前端需要了解的HTTP基础
HTTP什么是协议？用于计算机网络中数据传输的一个规则和标准TCP/IP的四层协议链路层->网络层->传输层->应用层当你输入URL之后发生了什么？（超经典面试题）域名解析：通过域名解析（DNS)服务器对当前域名进行解析，找到其对应的IP地址。通过TCP的三次握手建立连接，使用TCP协议保证数据传递的安全性和完整性三次握手之后进行数据传递。通过四次挥手，断开连接。浏览器接收到服务器端相应的数据后，进行数据渲染，形成页面。TCP协议面向连接的、可靠的字节流服务T
2021-09-14 14:54:07
177
原创 class、static和异常处理--JavaScript
class、static和异常处理Class类：ES6引进了class的概念，作为对象的模板，可以使用关键字class来定义类。使用class定义类，不需要添加function关键词，如下定义一个名为Person的类，直接使用class Person；在Person类中创建一个work方法，直接使用work(){}。 class Person{ constructor(name,age){ this.name=name;
2021-09-14 14:52:12
228
原创 面向对象-JavaScript
9.9面向对象对象的组成：属性、方法创建对象的方法字面量方式创建对象实例创建对象（代码冗余）工厂模式创建对象（可以隐藏细节但结构不明确）构造函数创建对象//创建一个构造函数function Phone(brand, type, screen) { this.brand = brand; this.type = type; this.screen = screen; this.functions = function() {
2021-09-14 14:51:27
83
原创 递归以及递归的简单应用 JavaScript
递归以及递归的简单应用执行上下文[代码的执行环境]全局执行上下文函数执行上下文eval执行上下文（已经很少使用了，不推荐使用）执行上下文调用栈[先进后出]全局上下文入栈函数上下文入栈函数上下文出栈全局上下文出栈递归当不满足条件时，函数调用自身，满足条件时，递归返回。*递归实现阶乘function play(num) { // 2.此时num=3，判断num不等于1，跳过if // 4.此时num=2，判断num不等于1，跳过if
2021-09-14 12:20:30
109
原创 全局变量与局部变量、闭包 -JavaScript
全局变量与局部变量、闭包定义在function外部的变量：全局变量定义在function内部的变量（有var）：局部变量定义在function内部但没有var的变量：全局变量；想要在全局中使用，必须先调用一次方法使用场景：全局变量：少用，一直常驻内存中，不易被销毁，容易出现命名冲突，适合公用的变量局部变量：函数执行完即被销毁，无法被持久化作用域函数作用域：函数内部使用全局作用域：整个网页范围块级作用域：{}，在整个大括号内let的特点：let增加了块级作用域，就是大括号{}
2021-09-14 12:19:44
454
原创 ES6的几个新特性-JavaScript
ES6新特性ECMAScript 6严格模式如果写在全局，则全局都是严格模式，如果写在函数内，则函数内是严格模式"use strict"一定要写在第一行，全局第一行或函数中的第一行必须使用变量修饰符，否则报错this不再指向window不能使用arguments.callee"use strict"//1.必须使用变量修饰符，否则报错x='123';//报错//2.this不再指向windowfunction play(){ console.log(this);//th
2021-09-14 10:53:36
317
1
原创 防抖、节流-JavaScript
防抖、节流防抖(debounce)JS中的防抖是指触发一个事件后，在一段时间内函数只执行一次，如果在这段时间内事件再次被触发，则重新计算这段时间。例如你进公司，公司大门口安装了一个感应门，它感应人进去十秒后关门，当第一个人进去之后，开始十秒钟倒计时，在这十秒钟第二个人进去了，在第二个人进去之后，将之前的倒计时清空，计时器重新调整到十秒，倒计时结束后关门。为什么需要防抖呢？如果没有防抖，感应门每进去一个人立即关门，在人多的时候，会频繁开关门，损耗较大。一个小实现页面的滚动条，滚动的时候在控制台输
2021-09-14 10:47:47
161
原创 if、switch、for、while
if控制语句、switch控制语句、for循环语句、while循环语句文章目录if控制语句、switch控制语句、for循环语句、while循环语句流程控制， 选择结构if条件判断单选结构分支结构多条件分支switch选择结构循环结构while循环do-while循环for循环双重循环break语句continue流程控制， 选择结构程序的运行流程有三种（三种结构）顺序结构选择结构ifswitch循环结构if条件判断单选结构语法：if(条件){语句;}执行逻辑：如果条
2021-09-08 19:16:05
432
原创 DOM详解-JavaScript
DOM文章目录DOMdom事件页面加载dom查询dom增删改样式操作获取内部样式创建函数返回具体样式（考虑兼容）修改样式封装元素大小和偏移量事件对象事件冒泡事件委托事件绑定事件传播domDOM（Document Object Model），文档对象模型。通过dom模型可以让sj操作页面中的html标签和样式，从而改变页面的结构和样式document（文档）：表示整个html网页文件（各种标签） html标签存在完整的层次结构object（对象）：当浏览器将html加载到内存中会
2021-09-08 19:08:54
345
原创 javascript数组
文章目录数组使用字面量创建数组添加元素删除数组的提取slice数组连接的方法concat方法join方法reverse数组翻转数组遍历循环+下标forEachmap()filter()过滤reduce()排序sort()二维数组数组数组：内置对象中的一种作用：用来存储一组数据， 解决多个数据存储的问题数组添加数据：数组中添加的数据也被称为数组中的原始语法： var 变量 = new Array(); 使用typeof检查数据类型时， 返回object，说明数组也是一种对象 普通对象使用属性
2021-08-24 17:46:13
353
原创 javascript函数
函数文章目录函数函数参数基本类型传参引用类型传参函数返回值函数的作用域全局作用域函数作用域声明提前全局变量的声明提前函数的声明提前参数对象立即执行函数this对象箭头函数函数变量的作用：临时保存数据，保存的数据有类型，后期js会出现变量的类型，用来保证放入变量中的数据符合数据类型的规范运算符的作用：连接变量或字面量，创建计算表达式，获取计算结果流程控制的作用：使变量按照设计的逻辑正确执行对象的作用：存储一组相关的数据包含方法，后期可以按照面向对象的方法去设计和组装程序函数：封装一段业务逻辑di
2021-08-24 17:44:13
370
原创 JavaScript原生对象
原生对象文章目录原生对象属性规范字面量创建对象遍历对象中的属性基本类型和对象类型内置对象Datemath对象string对象js数据类型基本类型：String、Number、Boolean、null、Undefined对象类型：Object存储方式上有区别：基本类型：直接存储数据对象类型：间接存储数据，保存数据的"地址"，通过地址获取数据对象：数据类型的角度：一种复合数据类型，象容器，同时装不同的数据可以保存多个相关的不同类型的数据，以整体的方式体现创建对象1、 使用new + O
2021-08-24 17:36:28
306
原创 算术运算符-JavaScript
算术运算符运算符：也是操作符，通过运算符可以对一个或多个值进行运算操作,并获取运算结果使用算术运算符操作字面量±*/%，例如：var res = 10 + 20;console.log(res);//输出结果为30typeoftypeof也是一个运算符，获取变量的类型，返回字符串。返回的值有：number，string，object，underfined，boolean。var temp = true;//这里面可以放各种类型的值console.log(typeof temp);//输出为
2021-08-24 17:27:25
345
原创 JavaScript基础-变量、数据类型
8.9JS基础JS代码需要编写在script标签中JS语言输出信息//1. 浏览器弹出一个警告框alert('页面中的警告信息');//2. 页面输出内容document.write('页面body中的输出信息');//3. 控制台输出信息console.log('控制台输出信息');代码的默认执行顺序，由上往下，只有前面的执行完毕后，后面的才执行。JS的位置<!-- 1. js代码可以放置在标签的特定属性中（不方便后期维护，不推荐使用）--><button
2021-08-24 17:25:47
102
原创 BFC的定义和作用
BFC的定义和作用文章目录BFC的定义和作用开启BFC解决外边距重叠问题BFC解决浮动元素覆盖问题开启BFC属性解决浮动问题：在页面中的元素都有一个隐含的属性，这个属性叫做BFC(Block Formatting contnt)，该属性可以开启或关闭当开启元素的BFC属性时，元素有如下特征：父元素的垂直外边距不会和子元素重叠。（不会产生外边距传递）开启BFC的元素不会被浮动的元素覆盖。开启BFC的父元素可以包含浮动元素。开启BFC解决外边距重叠问题为任意元素添加父元素并开启BFC<
2021-07-26 12:16:32
147
原创 相对定位、绝对定位、固定定位、元素的层级、透明度
文章目录相对定位绝对定位固定定位元素的层级透明度定位：将指定的元素放到页面的任意位置通过position属性设置定位:position:static;没有开启定位，默认值。position:relative;开启相对定位。position:absolute;开启绝对定位。position:fixed;开启固定定位。可以使用left、top、right、bottom属性设置元素的位置left表示相对于定位位置左侧的偏移量to表示相对于定位位置上侧的偏移量bottom表
2021-07-24 17:51:37
639
原创 盒子模型、盒子的边框、内外边距、外边距的重叠传递、display属性、overflow属性、内连盒子、怪异盒模型、文档流、浮动、基本布局、高度塌陷、清除浮动
盒子模型、盒子的边框、内外边距、外边距的重叠传递、display属性、overflow属性、内连盒子、怪异盒模型文章目录盒子模型、盒子的边框、内外边距、外边距的重叠传递、display属性、overflow属性、内连盒子、怪异盒模型盒子模型盒子模型的边框盒子的内边距盒子的外边距外边距的重叠和传递外边距重叠外边距传递浏览器拥有默认样式display属性overflow属性内联盒子box-sizing盒子模型盒子模型(Box Model)：页面中的任何元素都可以看成一个四边形的盒子有了盒子模型，就可
2021-07-24 17:45:08
294
原创 CSS引入方式、选择器、选择器的优先级、CSS长度单位、颜色单位、字体样式、文本样式、伪类样式、列表样式、背景属性
CSS引入方式、选择器、选择器的优先级文章目录CSS引入方式、选择器、选择器的优先级CSSCSS含义CSS引入CSS语法CSS选择器选择器的优先级CSSCSS含义css含义：层叠样式表（Cascading style sheets） 作用：修饰页面中的标签，如颜色、大小、间距等，对页面的元素进行定位和布局 含义：所谓层叠，可以将网页想像成一层一层的结构，层次高的样式会覆盖层次低的样式，我们的CSS可以为每一层设置不同的样式，处于文档最底层被称为文档流，元素默认都在文档流存放。CSS引入
2021-07-24 17:40:13
182
原创 表格标签、表单标签
表格标签、表单标签文章目录表格标签、表单标签表格标签``表单标签表格标签<table><table>标签表示表格，<tr>表示表格中的行，<td>表示表格中的单元格。<th>表示表头。单元格td必须设计在tr中，th也必须在tr中table中的一些属性： 单元格跨列：colspan。 单元格跨行：rowspan。 内容和单元格之间的间距：cellpadding。 单元格间的间距：cellspacing。html5中将表格
2021-07-24 17:37:04
725
原创 HTML网页、元素、标签、常用的特殊字符、行内元素、块级元素、有序列表、无序列表、定义列表
HTML网页、元素、标签、常用的特殊字符文章目录HTML网页、元素、标签、常用的特殊字符网页是由什么构成的HTML中的标签结构元素及元素的属性注释环境HTML标签HTML常用标签标签介绍图像标签相对路径绝对路径meta标签标签规则内联标签``超链接标签``案例其他标签特殊字符常用的特殊字符网页是由什么构成的 网页是由HTML标签、CSS样式和JavaScript代码构成的，HTML是网页的源代码。 结构：HTML——超文本标记语言（除了文本之外还有图片、视频、音频等） 样式：CSS 动作
2021-07-24 17:28:18
1017
原创 vue笔记：v-for，v-model，记事本案例
v-for根据数据生成列表结构，经常与v-for使用，语法是（item,index） in数据，item和index可以和其他指令一起使用。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
2021-02-02 13:26:03
273
原创 vue中的v-show，v-if，v-bind
v-show根据表达式的真假，切换元素的显示和隐藏。原理是修改display。指令后面的内容可以为布尔值也可以为表达式，最终都会解析为布尔值，值为true时元素显示，为false时元素隐藏。表达式的值改变后，对应元素的状态会更新。<div id="app"> <button @click="changeIsShow">显示隐藏状态切换</button> <button @click="addAge">增加年龄</but
2021-02-01 15:02:08
292
7
原创 vue中的v-text，v-html，v-on属性
v-text设置标签的文本值(textContent)，无论内容是什么，只会解析成为文本。v-text是将数据设置给标签的文本属性，替换文本属性中原来的值，例如上图，通过程序的运行可以看出，高先生替换掉了第一个h2文本属性中的陕西这个值。在v-text属性中也可以使用字符串的拼接，例如：v-htmlv-html改变innerHTML值，内容中有html结构时可以被解析为HTML标签，例如：v-onv-on为元素绑定事件，绑定的方法写在methods属性中。v-on:可以简写为@。
2021-01-31 20:25:29
1193
原创 jQuery显示隐藏效果、滑动效果、淡入淡出效果、animate
jQuery效果显示隐藏效果show()、hide()、toggle()show()显示效果show([speed,[easing],[fn]])参数可以全部省略，无动画直接显示。speed：三种预定速度（“slow”,“normal”,“fast”）或者表示动画时常的毫秒数值（如：1000）。easing：用来指定切换效果，默认是"swing",可用参数"linear"。fn：回调函数，在动画完成时执行的函数，每个元素执行一次。hide()隐藏效果hide([speed,[easin
2021-01-06 11:38:37
566
原创 jQuery修改CSS样式、jQuery修改CSS样式类，简单案例-tab栏切换
jQuery修改css样式参数只写属性名，则是返回属性值$(this).css("color");参数是属性名，属性值，中间用逗号分隔，则表示设置一组样式。这种方式中属性必须加引号，值如果是数字可以不加引号和单位$(this).css("color","red");参数可以是对象形式，方便设置多组样式。属性名和属性值用冒号隔开，属性名可以不加引号,属性值为数字时可以不加引号和单位，但是不是数字时，需要加引号；如果是复合属性如backgroundColor需要采取驼峰命名法。$(this).c
2021-01-05 19:40:36
7176
原创 jQuery案例--仿淘宝精品栏
jQuery案例–仿淘宝精品栏在淘宝（今天我去找了找没找到）之前会有这样一个小窗口，推荐一些精品的东西，左边有推荐的东西，右边会有图片，鼠标放在商品名称上，商品名称的背景颜色会变成红色，而且右边的图片会变成相对应的图片。今天我们来实现一下这个案例。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" conten
2021-01-05 17:46:01
595
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人