- 博客(7)
- 收藏
- 关注
原创 手写Promise源码
说到Promise,肯定首先想起它的作用—— 异步编程解决方案。出于更为深刻理解它的原因,我尝试手写了一下它的一部分功能的源码。首先,讲一下promise的两个核心方法resolve和reject,它的作用是改变promise对象的状态(resolve:pending --> fulfilled,reject:pending --> rejected),也就是说promise仅有一次更改状态的可能。resolve&reject方法源码const PENDING = 'pendi
2021-02-17 22:53:24
127
原创 Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
今天在学习webpack-dev-server的时候,终端执行命令webpack-dev-server --open时报错Error: Cannot find module 'webpack-cli/bin/config-yargs'通过官方插件issue搜索问题,发现其实是我当前webpack-cli的版本和webpack-dev-serve的版本不兼容的原因,先贴一下我当前下载的版本 "webpack": "^5.17.0", "webpack-cli": "^4.4.0" "webpack-d
2021-01-28 17:13:25
330
原创 前端模块化-个人vue脚手架配置
最近学了一个自己配置一个脚手架,虽然说现在各大主流框架也有非常成熟的脚手架工具了,但是假如我们每个项目都需要用到sass,那么每次我们都需要重新配置,假如我们的package.json里面就写好了常用的模块,每次下完脚手架后,直接npm i 是不是更方便些,出于这个原因,我用Yeoman(作为一个官方文档它真的很难以言喻,传送地址:Yeoman)学了一下这个配置。以下与其说是分享,倒不如说是我的个人笔记。如有不足,烦请指示个人vue脚手架配置题外话最近学了一下自己配置脚手架先准备平常我们常用的v
2021-01-19 17:18:31
166
原创 css3实现拟物风
题外话:拟物风确实挺好看的,虽然现在还不算流行,但是对于设计来说应该是个趋势吧。首先先看一下效果(虽然效果还是有些生硬,仅供参考)代码模块:其实主要运用到css3的box-shadow属性(友情链接:https://www.w3school.com.cn/cssref/pr_box-shadow.asp)<body> <div class="container"> <div class="block"> &
2020-11-27 17:26:45
571
原创 webpack5使用cheap-module-eval-source-map报错
今天在构建typeScript的学习demo时,运行报错,惯性思维先查找了下百度,似乎没找到合适的解答。于是,耐心看了下报错提示,大致是说webpack5的版本规范更严格了,我的某段代码写的不规范。报错我贴一下根据提示,改成eval-cheap-module-source-map,运行成功...
2020-11-12 16:02:32
3141
原创 谷歌浏览器debugger时代码不高亮,出现警示Debugger Paused
出现这个问题的原因是因为我用的谷歌浏览器版本是79的稳定版,解决办法是更新成80的开发者版本https://www.google.com/intl/zh-CN/chrome/dev/
2019-12-17 18:19:03
1778
5
原创 新手小白学习Vue路由
我是用npm下载cli脚手架,官网也有具体教程,下面复制于Vue官网# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖,走你$ cd my-project$ npm run dev接着shell窗口会弹出很多选择项,可以根据具体需求进...
2018-04-24 15:56:06
362
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人