
前端基础
文章平均质量分 86
前端基础知识,快速上手
BreenCL
一只前端切图仔
展开
-
小程序+UniApp开发笔记
小程序+uni-app开发笔记,基础知识原创 2023-05-10 22:01:30 · 913 阅读 · 2 评论 -
TypeScript基础入门
TypeScript基础概念知识笔记转载 2023-01-11 11:09:55 · 307 阅读 · 0 评论 -
将输入的字符串按输入的正则表达式匹配并返回结果(仿正则表达式测试)
用户可以输入一段和一段用于,这则表达式可以提供几个快捷,如:i、g、m、s,用户输入正则表达式后可以选择修饰符并根据输入的正则表达式字符串和选择的修饰符来生成一个完整的正则去匹配测试字符串并返回结果。原创 2022-09-22 16:39:25 · 790 阅读 · 0 评论 -
通过vite搭建Vue3.x项目
Vue3.x项目搭建一、目标通过vite搭建一个Vue3.x版本的项目,使用JavaScript语法,配合使用Vue3.x全家桶,包含:Vuex和vue-router,并引入Element Plus组件库二、实践环境准备:Node.js、VSCode、Chrome浏览器(安装Node、VSCode编译器这些就不多做赘述了,VSCode建议配合使用Volar插件,有需求自行查找安装方法即可)提醒:项目中所有依赖都是通过npm包管理工具进行安装,读者可以使用cnpm或yarn等工具进行安装原创 2022-03-01 10:59:28 · 2749 阅读 · 0 评论 -
Git解决fatal: Could not read from remote repository.的问题
Git解决fatal: Could not read from remote repository.的问题一、问题当使用Git Bash时,执行命令git pull或者git push的时候出现如下问题:二、解决1. 第一种原因:因为git仓库的用户信息和本地的用户信息不匹配造成的,解决方法也很简单,在git仓库中删除当前用户配置的key后重新生成并配置即可;执行ssh-keygen –t rsa –C "git仓库邮箱",重新生成密钥;执行git config --glob原创 2022-01-19 16:55:39 · 102255 阅读 · 10 评论 -
Vue项目修改浏览器滚动条样式
浏览器修改滚动条样式前言:在Vue项目中会有使用到滚动条的情况,但是会遇到原生滚动条的样式不满足UI设计,因此需要改变滚动条的样式,下面使用两种方式来修改滚动条的样式,以Vue项目举例1.第一种利用Element UI在Vue2.x的项目中我们可以利用Element UI组件el-scrollbar来改变滚动条的样式,虽然API文档中并没有给出el-scrollbar的使用方法,但可以正常使用的,使用方法如下:<template> <div class="outer"&原创 2021-12-10 15:13:16 · 10692 阅读 · 1 评论 -
Vue3.x语法糖setup和组件传参相关API的使用
随着Vue3.2版本的更新,script-setup语法糖也随之产生,免去了写setup函数和export default的繁琐步骤,自定义指令可以直接获得并使用,文章侧重于组件以及组件传参使用,响应式相关内容详见文档Vue3文档。原创 2021-12-09 14:59:58 · 1257 阅读 · 2 评论 -
CSS常用布局一(三栏布局)
CSS常用布局一(三列布局)一、常用的布局前言:浏览网站时会发现圣杯布局和双飞翼布局已经是现今大多数网页布局的主流,因此也成为了前端工程师需要掌握的重要布局方式。而两种布局的效果基本一样,实现了一个两侧宽度固定,中间宽度自适应的三列布局样式。圣杯布局的来历是2006年发在a list part上的文章In Search of the Holy Grail;双飞翼则源自淘宝UED,两者都算是对页面的一种形象的表达,两中布局的异同如下:相同点:两侧宽度固定,中间宽度自适应的三栏布局;中间栏要放在原创 2020-07-20 12:21:12 · 660 阅读 · 0 评论 -
CSS常用布局二(flex布局)
flex布局前言:flex是flexible box的缩写,译为“弹性布局”,用来为盒模型提供最大的灵活性,任何一个容器都可以指定为flex布局,只需要设置“display:flex"即可;行内元素可以通过设置”display:inline-flex“实现;需要注意的是,如果设置了flex布局,则子元素的float、clear和vertical-align属性将失效;1.基本概念使用了flex布局的元素,称为flex容器(flex container),简称为”容器“。它所有的子元素自动生成容器成员,原创 2020-07-20 19:00:07 · 6664 阅读 · 0 评论 -
ES6及ES6+对象、数组方法使用(含力扣题目)持续更新...
1.apply()方法:通过apply可以编写用于不同对象的方法var person = { fullName: function() { return this.firstName + " " + this.lastName; }}var person1 = { firstName: "Bill", lastName: "Gates",}person.fullName.apply(person1); // 将返回 "Bill Gates"原创 2021-08-05 16:42:31 · 287 阅读 · 0 评论 -
宏任务与微任务与异步
在ES5之后,JavaScript引入了Promise,不需要浏览器的安排JavaScript引擎本身就可以发起任务了宿主发起的任务称为宏任务JavaScript引擎发起的任务称为微任务同操作系统一样,等待的行为是一个事件循环,整个循环做的事情基本上就是反复的”等待—执行“1.宏任务在任务队列(task queue)中的函数每次执行的过程都是一个宏观任务宏任务的队列就相当于事件循环宏任务中JavaScript的Promise还会产生异步代码,JavaScr..原创 2021-07-30 14:56:28 · 317 阅读 · 0 评论