Loading

摘要: 2021年6月2号更新 官方提供webpack配置描述信息:https://www.webpackjs.com/configuration/ 我的项目地址:https://github.com/cirry/webpack-template 项目根据最新webpack版本,不断优化代码,复制即用,gi 阅读全文
posted @ 2021-05-31 22:40 菜小牛 阅读(376) 评论(0) 推荐(0) 编辑
摘要: 在使用WebStorm开发的时候,node_modules文件夹不显示,关闭监听node_modules文件夹,node_modules文件夹也消失不见了。不关闭排除node_modules文件夹,又会导致软件爆内存。 先看看自己这个是不是勾上了。 下面的情况是linux情况下遇到的,windows 阅读全文
posted @ 2021-05-28 14:27 菜小牛 阅读(4654) 评论(0) 推荐(0) 编辑
摘要: Vue使用Ref跨层级获取组件实例 示例介绍 在开发过程中,我们难免会使用到跨层级的ref实例获取,大部分情况下,我们都可以通过组件自身的parent或者children去找到需要的实例。但是当层级不明显或者太深的时候,用此方法难免过于臃肿和低效率。 如下图所示,我们通过组件E去获取组件D的组件实例 阅读全文
posted @ 2021-01-25 09:36 菜小牛 阅读(2234) 评论(1) 推荐(0) 编辑
摘要: 下载zsh sudo apt-get install zsh sudo apt-get install git 下载oh-my-zsh 因为zsh配置起来太麻烦了,直接安装oh-my-zsh即可,前往oh-my-zsh官网: https://ohmyz.sh 使用命令: $ sh -c "$(cur 阅读全文
posted @ 2021-01-24 00:22 菜小牛 阅读(5318) 评论(1) 推荐(1) 编辑
摘要: 找到对应的文件夹 cd ~/.config 删除sougouPY相关包 rm -rf sougouPY* 重启 备注:后来发现这个版本的各大输入法都有不同的bug,还是使用sunpinyin比较好,别折腾了 阅读全文
posted @ 2020-10-19 10:18 菜小牛 阅读(455) 评论(1) 推荐(0) 编辑
摘要: utils.js文件 export function debounce(func , wait , immediate = true){ // 定义一个timeout计时器 let timeout return function (){ // 如果每次进入函数的时候timeout有值,说明等待时间还 阅读全文
posted @ 2020-09-19 15:24 菜小牛 阅读(3279) 评论(0) 推荐(0) 编辑
摘要: 下载nodejs 打开nodejs官网:https://nodejs.org/en/download/,选择下载linux版本64位。 上传文件并解压 上传压缩包 可以通过一些软件,将下载下来nodejs压缩包( 当前版本:node-v12.18.3-linux-x64.tar.xz )上传至服务器 阅读全文
posted @ 2020-09-01 23:33 菜小牛 阅读(7030) 评论(0) 推荐(0) 编辑
摘要: Svn: not configured Svn中报错 svn: not configured,总是弹框:[Authentication Required], 需要填写:[path to certificate] 和 [certificate passphrase] 碰到这种情况,点取消,然后菜单栏中 阅读全文
posted @ 2020-08-26 18:34 菜小牛 阅读(2284) 评论(0) 推荐(0) 编辑
摘要: 安装webstorm 我使用的linux环境是linux mint 19.3 Cinnamon,其他发行版本的linux应该差别不大。 下载linux版本的webstorm 附上链接https://www.jetbrains.com/webstorm/download/#section=linux, 阅读全文
posted @ 2020-08-25 23:40 菜小牛 阅读(664) 评论(0) 推荐(0) 编辑
摘要: 浅克隆(浅拷贝) 在数据类型为引用类型的时候,当你给这个变量赋值,其实是引用这个变量在内存中的地址。如下: var obj = {name: 'ccc', age: 18} // 定义一个变量为对象,引用类型 var cloneObj = obj // 创建一个新变量,并赋值 console.log 阅读全文
posted @ 2020-07-29 09:42 菜小牛 阅读(11218) 评论(5) 推荐(0) 编辑
摘要: 借用构造函数 这种技术的基本思想很简单,就是在子类型构造函数的内部调用超类型的构造函数。另外,函数只不过是在特定环境中执行代码的对象,因此通过使用apply()和call()方法也可以在新创建的对象上执行构造函数。 function Box(name){ this.name = name } Box 阅读全文
posted @ 2020-07-18 17:09 菜小牛 阅读(815) 评论(1) 推荐(0) 编辑
摘要: 目录前提知识理解原型理解原型对象实例属性与原型属性的关系更简单的原型语法原型的动态性理解原型链别忘记默认的原型确定原型和实例的关系谨慎地定义方法原型链的问题 前提知识 类函数的一种特殊特性:所有的函数默认都会拥有一个名为prototype的公有并且不可枚举的属性,它会指向另一个对象: functio 阅读全文
posted @ 2020-07-15 23:40 菜小牛 阅读(1865) 评论(0) 推荐(0) 编辑
摘要: 工厂模式 function createPerson(name, age){ var o = new Object(); // 创建一个对象 o.name = name; o.age = age; o.sayName = function(){ console.log(this.name) } re 阅读全文
posted @ 2020-07-13 19:18 菜小牛 阅读(927) 评论(0) 推荐(0) 编辑
摘要: 2020-7-10更新 Rainbow Fart 插件现以发布到 VSCode 商店,安装过 VSIX 版本的用户请卸载之前的版本,从商店安装。 从 VSCode 扩展商店 下载并安装。(更新vscode后已能找到插件,具体vscode版本见评论) 在 VSCode 的菜单栏中找到 查看 - 命令面 阅读全文
posted @ 2020-06-18 21:22 菜小牛 阅读(22345) 评论(5) 推荐(2) 编辑
摘要: 自定义调整视频播放速度 在b站的播放页面,按下f12,打开控制台 在控制台中复制下面代码,想几倍速就把2.5改成你想要的播放速度 document.querySelector('video').playbackRate = 2.5 复制粘贴完后回车即可,下次想修改的时候按上下键搜索之前输入过的命令 阅读全文
posted @ 2020-05-29 19:41 菜小牛 阅读(4159) 评论(0) 推荐(1) 编辑
摘要: 源代码 遇到的问题 写完了之后数据加载,渲染等等都是没有问题的,但是测试总是提上滑刷新不能用,因为是远程开发,测试提就得改,看代码看文档,看半天看不出来问题,想到了兼容性问题,发现也有人遇到这个坑。安卓手机的上滑加载是正常显示的,但是苹果手机触发不了上滑加载功能。 解决办法 给容器的父类加上下面的样 阅读全文
posted @ 2020-05-22 14:39 菜小牛 阅读(411) 评论(0) 推荐(0) 编辑
摘要: 为什么要使用babel插件? 首先要了解babel插件是干嘛的,随着js的语法规范发展,出现了越来越多的高级语法,但是使用webpack打包的时候,webpack并不能全部理解这些高级语法,需要我们使用一些插件来把高级语法,转为低级语法后打包。babel就是将高级语法转为低级语法的工具。 不使用ba 阅读全文
posted @ 2020-04-25 23:46 菜小牛 阅读(1108) 评论(0) 推荐(0) 编辑
摘要: 为什么要使用url-loader 在前面已经介绍了css文件可以使用第三方loader去加载。 在一个项目中,也不仅仅只有html,js和css文件,还有图片文件,字体文件等等。当我们给一个css样式设置背景图片时: 你会发现,webpack打包的时候会报错。 报错:无法处理这种格式的文件,解决这个 阅读全文
posted @ 2020-04-24 23:31 菜小牛 阅读(3776) 评论(0) 推荐(0) 编辑
摘要: 为什么要使用第三方loader 一般引入样式文件,我们会在html中引入样式标签。 很明显,这样就跟之前在script中引入js文件一样,会导致二次请求。我们希望webpack像处理js文件一样处理样式文件。 如何引入样式 于是我们在入口文件,在main.js中通过import方式引入样式文件。 如 阅读全文
posted @ 2020-04-23 23:43 菜小牛 阅读(3120) 评论(0) 推荐(0) 编辑
摘要: 在内存中生成index.html页面 在前面的内容中我们已经知道了如何在内存中打包main.js并引入到页面中。 同样的,我们也可以把index.html也打包放入到内存中。 安装html-webpack-plugin插件 cnpm install html-webpack-plugin -D 在w 阅读全文
posted @ 2020-04-23 00:05 菜小牛 阅读(1614) 评论(0) 推荐(0) 编辑