自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 基于Vite构建的Vue3+Ts项目打包优化全过程

vite构建的vue3+ts项目,记录打包优化实践全过程。

2023-07-14 22:36:41 5731 1

原创 前端小伙伴想独立开发项目,没有idea,怎么办?看这篇就够了!

project-based-learning仓库里面汇总了,计算机各个方向的项目实践。我倾向于认为它是一个带领计算机小白开发实践的修炼手册。app-ideas我倾向于认为它是一个大型的需求文档仓库。选择你感兴趣的项目就好。该站点旨在收集整理github上一些优秀的开源项目。开发能力不错的小伙伴,可以搜索查找感兴趣的项目,通过源码来模仿实践。我们以一个node项目实践为例。点击进入后,会导航到对应的文档教程 ,一步一步手把手带你实践整个项目流程。一般前两个就足够了,下面来简单介绍一下前面两个仓库。

2023-02-23 21:07:20 649

原创 JavaScript模块化使用及详解

JavaScript没有模块化一直是它的痛点,所以才会产生我们前面学习的社区规范:CommonJS、AMD、CMD等, 所以在ES推出自己的模块化系统时,大家也是兴奋异常ES Module和CommonJS的模块化有一些不同之处: 一方面它使用了import和export关键字;另一方面它采用编译期的静态分析,并且也加入了动态引用的方式import负责从其他模块导入内容;了解:采用ES Module将自动采用严格模式:use strict。

2022-12-10 20:33:17 1065

原创 promise如何使用?一文带你深入学习

在通过new创建一个Promise时,我们需要传入一个回调函数,称之为executorexecutor会被立即执行,并且传入给resolve、reject当我们调用resolve回调函数时,会执行Promise对象的then方法传入的回调函数当我们调用reject回调函数时,会执行Promise对象的catch方法传入的回调函数下面请看代码示例。

2022-12-10 20:24:32 1445

原创 await-async-事件循环

一文带你了解js异步代码执行运行机制。学习事件循环,宏任务、微任务等知识。

2022-11-28 18:34:25 826

原创 nextTick

在我们开发项目的时候,总会碰到一些场景:当我们使用vue操作更新dom后,需要对新的dom做一些操作时,但是这个时候,我们往往会获取不到更新后的dom.因为这个时候,dom还没有重新渲染,于是vue给我们提供了获取新的dom的方法-nextTick。在没有使用nextTick函数的时候,我们点击按钮执行getvalue函数,视图上message确实是更新了,当我们获取dom节点的innerHTML的时候,明显出大事了。获取的dom节点还是未更新前的值,(为什么会出现这种情况呢?

2022-11-28 18:14:00 613

原创 配置了淘宝镜像,但是npm还是会卡住

node.js代理引起的错误

2022-09-20 20:16:44 2544

原创 picGo+腾讯云+typora搭建图床踩坑日记:1安装已中止,安装程序并未成功地运行完成,2.picGo上传失败 error:at Object handle

picGo+腾讯云+typora搭建图床踩坑日记:1安装已中止,安装程序并未成功地运行完成,2.picGo上传失败 error:at Object handle

2022-08-18 22:27:53 1710

原创 深入理解js中的this

this指向的四种绑定规则、this指向面试题、call,apply,bind的js实现。

2022-07-24 22:05:58 283

原创 boostrap4 消除轮播图左右切换按钮的阴影

boostrap4 消除轮播图左右切换按钮的阴影下面是我从boostrap4官网copy下来轮播组件的代码。运行后可以看到,轮播组件功能正常,唯独左右切换按钮,有明显的阴影。站内也查阅了一些方法,无法解决。于是课上请教老师,解决方法是:把左右按钮button 改为 a ,去掉type=“button” data-target改为herf,代码如下图:最后成功解决。...

2022-05-26 17:46:15 315

原创 阿里图标库的使用

vue项目使用阿里图标库的图标1.打开阿里图标库的首页,登录注册一下,搜索需要的图标,加入购物车2.点击首页右上角的购物车,将刚刚加入购物车的图标添加到项目,如果还没有项目就新建一个![在这里插入图片描述](https://img-blog.csdnimg.cn/ada8af1ca51b41a2b45adbeeb4cef32f.png前置工作完成了,接下来是如何在vue项目中使用图标,这里我使用的是symol引用symbol 引用支持多色图标了,不再受单色限制。通过一些技巧,支持像字体

2022-05-21 11:10:36 8838

原创 postcss-pxtorem

vant配置:postcss-pxtorem以及解决 “Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.”问题1.npm安装npm install postcss-pxtorem --save2.utils文件夹下(没有就新建一个),新建一个rem.jscopy以下代码:const baseSize = 37.5 //跟postcss.config.js中rootValue的值是一致的// 设置 rem 函数function

2022-05-09 10:15:22 16211 2

原创 axios的封装与解决跨域

基于github网易云接口,实现axios的封装与解决跨域

2022-05-03 10:46:29 931

原创 二.git的命令与使用

二.git的命令与使用将代码推到本地暂存区//注意,add后面有一个空格git add .将暂存区的代码推到本地仓库//comit后面有一个空格git comit -m '提交说明'将远程的代码拉下来(同事写的代码和你之前写的代码)查看提交的详情信息git log查看具体的版本号,执行效果图。根据版本号可以回退版本输入要回退的版本号,我们先回退到第一次提交的版本,在使用两种方法恢复第二次提交的版本git checkout 594637 //594637是我第一

2022-05-01 17:05:31 371

原创 一.git学习笔记01

一.git学习笔记011.下载安装git1.git官网下载地址:https://git-scm.com/下载好后,直接下一步下一步,安装完成后。2.创建测试文件test,文件右击,出现Git GUI、Git Bash。![在这里插入图片描述](https://img-blog.csdnimg.cn/8042015f35734699902a91b42fedc404.png3.检查git版本//点击Git bash,出现命令行窗口,输入命令,检查版本git version4、在git全

2022-04-27 16:44:05 119

原创 全局引入vant组件库 报:Object(...) is not a function错误

2022.4-1bug记录:在vue2脚手架中,全局引入vant组件库,使用使用vue ui 安装vant依赖,页面显示空白,报Object(...) is not a function错误报错原因:vue ui 安装的是最新vant的3.4.7版本,适用于vue3的,vue2不适用解决方法:在vue ui里面删除vant依赖包,使用npm 安装 2.点几版本的vant,重新npm run serve 就可以正常运行了,安装后可在package.json文件查看版本# Vu..

2022-04-01 16:22:58 2175

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除