- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 v-if与v-show的理解
v-ifv-if指令的作用：根据表达式的布尔值渲染和移除dom树本质是通过操纵dom元素来进行切换显示表达式的值为true的时候元素存在于dom树中，为false的时候从dom树中移除v-showv-show指令的作用是：根据真假值切换元素的显示状态，本质是修改css里的display来显示隐藏元素共同点当表达式为true的时候，都会占据页面的位置；当表达式都为false时，都不会占据页面位置。且语法格式也相同，都是v-show="表达式或布尔值" ...
2021-10-14 22:41:18
440
原创 防抖和节流
防抖和节流这两个在自己学习时可能不会接触到，或者说接触到但没有去注意。因为在日常的学习中基本不会用到这两个。而当你投入到工作时，这两个就必须得知道了。为什么会用到防抖和节流？当你在工作时写了很多行代码，这时浏览器在运行代码时可能会吃不消，此时就需要防抖和节流来优化浏览器的性能，使得浏览器能够流畅的运行代码。什么是防抖和节流？防抖和节流的作用都是防止函数多次调用。区别在于，假设一个用户一直触发这个函数，且每次触发函数的间隔小于设置的时间，防抖的情况下只会调用一次，而节流的情况会每隔一定时间调用
2021-10-11 20:29:35
162
原创 ES6代理的理解与作用
什么是代理？原理：代理（proxy）是es6新增的功能，可以用来自定义对对象操作的结果。在官方文档中对Proxy的解释是:Proxy 对象用于定义基本操作的自定义行为（如属性查找，赋值，枚举，函数调用等）。 也就是说：Proxy对象就是可以让你去对JavaScript中的一切合法对象的基本操作进行自定义.然后用你自定义的操作去覆盖其对象的基本操作.也就是当一个对象去执行一个基本操作时,其执行的过程和结果是你自定义的,而不是对象的。 其实也可以理解为拦截操作，当你对...
2021-09-28 18:53:29
435
原创 generator函数实现⾃定义迭代器
创建⼀个类数组对象的类，⽤于⽣成类数组对象，并class ArrayLike{//创建一个伪数组constructor(args){for(let i=0;i<args.length;i++){let val = args[i]this[i] = val;}//设置不可迭代属性Object.defineProperty(this,'length',{configurable:true,enumerable:false,value:args.length})}// 请你
2021-09-27 18:47:59
120
原创 jQuery的基本操作2
jQuery的DOM 操作Query 中非常重要的部分，就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。获取或设置HTML的内容和属性三个简单实用的用于 DOM 操作的 jQuery 方法：text() - 设置或返回所选元素的文本内容 //获取id="text"的text内容$("#btn1").click(function(){ alert("Text: " + $("#test").text());...
2021-09-14 19:37:54
104
原创 jQuery的基本操作1
jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。下面是我总结的一些简单的jquery操作。jQuery选择器jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选...
2021-09-10 15:38:48
143
原创 DOM的基本事件总结
事件对象 event 在触发DOM的某个事件时 会产生一个事件对象 event 这个包含所有与事件相关的信息 浏览器默认会把event传入到事件处理函数中 event对象的属性都是只读属性属性 类型 说明 type String 事件类型， bubbles Boolean 事件是否冒泡 stopPropagation() Function 取消事件的进一步捕获或者冒泡 cancelBub...
2021-09-09 20:21:44
134
原创 数组常用的API
功能 传参 返回值 执行环境对象 队列 shift 在头部删除一个 无 被删除的的项 会 unshift 在头部新增任意 新增...
2021-09-05 18:36:49
85
原创 JS - 函数封装冒泡排序
在es5中我们主要学习了基本数据类型和引用数据类型。基本数据类型有String（字符串类型），number（数值类型），Boolean（布尔类型），undefined和null。而引用类型有对象，函数，数组。在数组中我们有许许多多实用的方法，例如栈和队列方法，还有索引、截取、排序和迭代等等方法。其中排序的 reverse()和sort()都可以对数组进行排序。对于排序算法而言，我们熟知的有冒泡排序、快速排序、插入排序和选择排序。其中冒泡排序也就是升序（降序）用的比较多，那么这次来详细的对冒泡排序
2021-08-30 20:29:11
912
原创 前端面试题-CSS
1、块级元素和行内元素的区别块级元素独占一行，行内与其他元素共享一行 块级元素可以直接设置宽高，行内不能直接设置宽高，需要结合CSS的display来设置。 块级元素可以嵌套块级元素和行内元素，而行内只能包含行内元素。2、清除浮动 父子级在子级元素后面添加一个空元素，为其添加clear：both。弊端：增加了无意义的元素结构。 给父级元素设置一个overflow：hidden 解决了第一种方法的弊端 添加伪类元素::after,为需要清除浮动元素的伪对象中设置， ...
2021-08-26 19:14:37
128
原创 JavaScript的五种基本数据类型
JS的五种基本数据类型有Undefined（未定义类型）、Null（空引用数据类型）、 Boolean（布尔类型）、Number（数字类型）和String（ 字符串类型）。Undefined未定义类型：该类型只有一个值undefined。对未声明和未初始化的变量执行typeof操作符都返回undefined，任何定义后未赋值的变量其默认值都是undefined。例如vara //只定义不赋值console.log (typeof a) //那么这就会返回undefined..
2021-08-23 19:25:04
3293
2
原创 Linux常用命令之文档目录的操作命令
创建目录和文档touch：常用于修改文件或者目录的时间属性，包括存取时间和更改时间。若文件不存在，系统会建立一个新的文件（不能创建目录）。常用参数如下a 改变档案的读取时间记录。 m 改变档案的修改时间记录。 c 假如目的档案不存在，不会建立新的档案。与 --no-create 的效果一样。 --no-create 不会建立新档案。当文件已存在$ touch 已存在文件名 #修改文件的时间属性当文件不存在$ touch 创建的新文件名 .
2021-08-22 14:29:24
132
原创 三道简单的前端面试题
1、http和https的区别http传输的数据是未加密的，也就是明文的，网景公司设置了SSl协议来对http协议传输的数据进行加密处理，简单来说https协议是由http和ssl协议构建的可进行加密传输和身份认证的网络协议，比http协议的安全性更高。主要的区别如下： https协议需要ca证书，费用较高。 http是超文本传输协议，信息时明文传输，https则是具有安全性的ssl加密传输协议。 使用不同的链接方式，端口也不同，一般而言，http协议的端口为80，ht...
2021-08-18 19:47:59
113
原创 相对定位 relative和绝对定位 absolute
定位布局在定位布局中有五种定位，分别是静态定位、相对定位、绝对定位、固定定位和粘性定位。我主要要说的是相对定位和绝对定位，一般这两个都是一起出现的。更可以说相对定位是为了当绝对定位的父亲而出现的。相对定位（relative）相对定位顾名思义，相对于某元素产生位移，而这个某元素就是自己本身，也就是说元素移动的时候是相对于【当前元素所在的位置】进行移动。通过top、bottom、left和right来改变自己的位置书写方式为 position:relative除了这些他还有一些特性，
2021-08-14 20:24:27
508
原创 前端面试题之关于浏览器的两道题
1、常用浏览器有哪些，内核都是什么？ 常用浏览器有 IE 火狐(firefox) chrome safari 360 搜狗 等内核：IE 的 是 Trident 火狐的是 Geckochrome 和 safari 用 的 是 Webkit 360 和搜狗这些分极速模式和兼容模式，极速模式用的 Webkit 的内核，兼容模式用的Trident 内核。2、介绍一下你对浏览器内核的理解？浏览器内核主要分成两部分：渲染引擎(Layout Engine 或 Rendering...
2021-08-10 20:27:55
230
原创 CSS选择器
一条CSS语言是由选择器+声明块组成的，如下例p { color: tomato; }p就是选择器，而剩下的由{}和{}里属性与属性值组成的声明就是一个声明块。而p就是一个标签选择器。除了标签选择器还有这许多选择器标签选择器 标签选择器 标签选择器又叫元素选择器，使用元素名可以直接选中相同的元素，下图中的就用到的标签选择器。对html里的P标签和li标签进行样式处理。<!DOCTYPE html><html lang="en"...
2021-08-05 20:19:07
70
原创 表单标签及其属性
表单form，主要用于用户于web服务器进行交互。<form action="" method="get" name=""></form> action: URL 用来处理表单信息的服务器地址 method: 浏览器用来提交表单的http方式，常用的get/post get ： 通过这种方式提交的表单数据会被附加在链接上，通过"?"分割 发送敏感内容不建议使用这种方式 post： 表单数据会存放在请求体，传递给服务器， ...
2021-08-04 22:28:35
590
原创 HTML表格标签及其属性
表格标签主要由下面三个标签组成<table> <tr> <td> </td> </tr></table><table></table>代表着整个表格，而<tr></tr>表示一行，有多少个tr标签就代表有多少行。ty标签里的<td></td>表示行内的一个格子，一个ty标签里有多少个td标签就说明一行里有多少个格子
2021-08-04 12:41:32
952
原创 HTML基本概念、语法、常见的标签、属性
今天主要学了HTML的基础知识，什么是HTML？什么又是HTML5？又是如何用HTML的基础知识做一个简单的基础知识html网页。什么是html
2021-08-02 21:39:02
115
原创 学习前端第三天
Axure深入了解Axure并完善bilibili网站的模仿较于昨天简陋的登录界面，今天我加入了许多交互。实现了页面跳转，简单判断和色彩渲染。登录界面及交互注册界面及交互还有最后的登陆成功后的主界面...
2021-07-28 20:28:34
53
原创 学习前端第二天
初识前端这一天上午我大概的了解到了什么是前端，自己学的又是啥。大前端-web，即所有前端的统称。它包括web网页手机里的app，androi、ios、小程序和手表类的产品里的app最接近用户的UI层等等这些都是关于前端的又了解到软件的基本架构C/S和B/SC/S（Client客户端/Server服务器），是一种软件系统体系结构，这种结构是将需要处理的业务合理地分配到客户端和服务器端。典型的代表软件QQ或Wechat ...
2021-07-28 18:41:10
102
原创 学习前端的第一天
概述 首先、配置了初学前端的工作环境。先安装软件有专业的浏览器火狐或者谷歌。然后安装了vscode，并为其安装了实用的插件，其中包括汉化包和拼写检查等等插件。再者安装了Axure且汉化好软件。最后也是今天最主要的知识点，就是安装git且注册gitee并且学会如何操作git仓库。 git 安装git并检测git版本，安装好后用管理者权限打开cmd，并输入git --version 注册git并学会使用git仓库。重点是提交文件和提交...
2021-07-27 19:44:04
66
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人