- 博客(57)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 node-modules里源码的正确修改方式
**需求：插件不满足要求，需要修改源码，但是上传代码到git仓库时，我们通常会忽略node_modules文件上传，这样导致另一个同事下载代码时，需要重新npm install，那么下载下来的node_modules文件就是原本的，而不是我们当时修改过的，所以这个时候需要同事也手动修改源码。下面时解决这个问题的方法 具体步骤：在跟目录下新建一个scripts文件夹在新建的scripts建一个代替node_modules的文件夹，取名最好不要叫node_modules(因为上传代码时同样会被忽略)，我
2022-02-18 15:28:49
3252
6
原创 git常用命令
一、git init 初始化仓库git config 配置用户信息git remote add origin [线上仓库地址] 新增远程仓库的关联git remote rm origin 删除远程仓库的关联git add 添加到暂存区git commit -m ‘[本次提交的备注信息]’ 代码提交（每一次commit都会有一个新的版本号）git push origin [分支名] 推送到远程仓库git status 查看当前仓库的状态git
2022-02-07 17:28:44
117
原创 实现vue数据双向绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2022-01-24 17:00:50
132
原创 Vscode 一次性批量删除代码中的console.log
正则表达式可以帮助我们提高工作效率，我们可以通过正则表达式来搜索，并一次性批量删除。可以在全局搜索中输入正则表达式，查询所有的前端日志：[^]*console.log[^]*，将console.log替换为空格。通过正则表达式批量的删除空格，查询所有空行：^\s*(?=\r?$)\n这里想要分享的并不是这个小技能，而是思考问题的方式，如果一件事情重复次数超过3次，那么停止吧，想想是否可以抽象，批量完成。...
2022-01-04 16:17:18
2123
2
原创 js文件下载功能总结
每次写下载都要百度这次自己记录一下，图片打开的话有时候是预览这个方法可以下载文件而不是打开预览downloadFile(filePath,fileName) { console.log(filePath); var request = new XMLHttpRequest(); request.responseType = "blob"; let fileUrl = filePath; // 文件路径 request.open("GET", fi
2021-11-20 14:52:18
2411
原创 error eslint@5.8.0: The engine “node“ is incompatible with this module.报错
报错error eslint@5.8.0: The engine “node” is incompatible with this module. Expected version “^6.14.0 || ^8.10.0 || >=9.10.0”. Got “9.3.0”error Found incompatible module.解决：yarn config set ignore-engines true反正执行完就不报错了。No why…...
2021-01-16 16:13:38
1648
2
原创 git删除本地分支和远程分支的命令 一个分支强制覆盖另一个分支
1、使用命令git branch 查看本地分支2、使用命令git branch -r 查看远程分支3、使用命令git branch -a 查看所有分支 其中，remote/origin/master表示的是远程分支一、删除远程分支git push origin --delete 分支名称删除之后使用git branch -r远程已经没有了二、删除本地分支git branch -d 分支名称删除之后使用git branch 本地已经没有了...
2020-12-15 16:05:43
793
原创 git rebase 合并代码到master分支
首先在dev分支rebase -i master 会出来vi编辑器在里面drop掉不需要合并的代码其他的都pick就可以了，然后编辑完成之后切换分支到master，在master分支上rebase dev 这样master上面的就是你在dev上面pick的提交rebase完成之后push master 这样master的合并就完成了切换到dev 然后把刚刚drop掉的提交在恢复回来我这里使用的是reset --hard，就可以回到你所有的dev的提交了然后rebase一下master在强推一下就可以.
2020-09-03 15:38:00
2679
原创 es6简单的学习
let定义：1、没有域解析，不纯在变量提升 在代码块内，只要let定义变量，在之前使用都是报错 先定义在使用 2、同一个作用域里面，不能重复定义变量 3、for循环，for循环里面是父级作用域，里面又一个4、var声明的变量是属于window的let和const不是{ let a = 12; { let a = 6 console.log(a) ...
2019-04-18 13:51:46
273
原创 vue cli 3.0 安装教程
// 全局安装@vue/cli npm install -g @vue/cli // 创建项目 vue create my-project我在安装这个第一步的时候会报错下面我把错列举在下面 ERROR command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org...
2019-03-13 22:19:27
546
原创 vue npm run build 打包去掉console和警告
在本地开发环境中肯定都会去打印一些数据，但是你如果上传到正式环境呢这些肯定不能再有了，但是你也不能一行一行的去注释掉吧，这样很麻烦所以vue在配置的时候其实是有这个配置的但是需要你自己去配置文件里面修改一下，这样才能方便你的开发二可以达到偷懒的地步，下面就说一下这个配置其实就两行代码就可以了。在build下面的webpack.prod.conf.js里面找到这里添加上drop_consol...
2019-03-07 14:51:33
10626
2
原创 快速搭建react
如今开始学习react觉得还是很有必要的，首先需要安装node和npm。1.安装creat-react-app clinpm install -g create-react-app2.创建工程create-react-app react-seed然后进入项目根目录react-seed安装相关依赖cd react-seednpm install3.暴露配置项由于采用creat...
2018-09-21 11:17:10
2681
原创 webpack过滤console打印
开发环境下需要console打印很多的数据但是放在放在线上又不能又console打印的那些数据，只要在webpack的配置里面加上一段代码就可以过滤掉。找到webpack.prod.conf.js 文件，在这个文件里面有一个plugins 这个是一个数组，在这个数组里面加上下面的代码就可以了：new webpack.optimize.UglifyJsPlugin({ com...
2018-09-03 19:13:15
3664
原创 nginx下部署网站站点
今天有学习到了新的技能，在nginx下部署站点。首先登陆你的服务器ssh@IP地址然后输入下面的命令复制配置文件 sudo cp /etc/nginx/sites-available/default /etc/nginx/sites-available/要创建的文件名复制完成之后配置配置文件 sudo vim /etc/nginx/sites-available/上面创...
2018-08-24 16:20:18
5757
1
原创 使用node搭建服务
最近在看node，听说学会了node就可以做全站所以就想了解下。下面就是自己使用node搭建的一个小服务。首先要安装node，直接官网下载傻瓜式安装就可完成。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。（...
2018-07-12 15:39:18
2750
1
原创 vue登录路由验证的实现方法简单介绍
vue的项目的登录状态如果用vuex状态管理，页面一刷新vuex管理的状态就会消失，这样登录路由验证就没有意义了。可以将登录的状态写到web Storage中进行存储管理。本主要为大家详细介绍了vue登录路由验证的实现，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。 步骤如下：1、在登录组件里，将登录状态写入web Storage里。(一般写入session Stora...
2018-06-20 17:32:53
5251
原创 vue的生命周期概览
最开始运用vue的生命周期还是比较迷茫的，所以在这里记录下自己所用到的生命周期以免自己忘记； mounted: el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.$el 也在文档内。 该钩子在服务器端渲染期间不被调用。 //页面已经完成会执行该函数。activate...
2018-06-19 20:43:42
295
原创 图片缓存解决办法
在写项目时遇到了图片修改或者上传之后，没办法实时的更新图片呢，所以下面呢就可以借助时间戳来完成图片的实时的更改：<template> <img :src="`${coverUrl+'?'+now}`"> //coverUrl对应的是图片的路径然后后面的now就是生成的时间戳</template><script> ...
2018-06-04 19:43:41
9841
原创 html实现点击下载文件
使用a标签完成点击下载文件功能 html <a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a> 这样当用户打开浏览器点击链接的时候就会直接下载文件。但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件，这个时候就需要给a标签添加一个属性“d...
2018-05-25 22:39:42
33944
原创 linux下配置vue项目到服务器上
首先vue项目需要执行 cnpm run build执行完之后会生成一个dist文件夹。 打开终端到你的dist文件夹的上一级执行linux的打包命令： tar cjf dist.tar.bz2 dist这一步就打包完成了然后就是把打包好的文件传输到服务器上： scp dist.tar.bz2 duke@bos:/home/duke/这个就是把打包好的文件传输到服务器上。下面切换到服务...
2018-05-11 17:31:35
22260
原创 vue使用element-ui的el-input监听不了键盘事件解决问题
vue使用element-ui的el-input监听不了键盘事件，原因应该是element-ui自身封装了一层div在input标签外面，把原来的事件隐藏了，所以如下代码运行是无响应的：<el-input v-model="name" placeholder="账号" @keyup.enter="doLogin"></el-input>在执行的时候事件是定义在inp...
2018-05-10 15:59:40
3604
1
原创 vue中子组件触发父组件的方法
方法一：子组件：`<template> <button @click="submit">提交</button> </template> <script> export default { methods: { submit: function () { ...
2018-05-10 15:52:06
3587
原创 es6拼接字符串的方法
字符串拼接是开发时一个必不可少的环节，也是很恶心的一个环节，尤其是又臭又长的html字符串拼接。为什么说html字符串拼接很恶心呢，主要有以下几点：传统的字符串拼接不能正常换行 传统的字符串拼接不能友好的插入变量 传统的字符串拼接不能友好的处理单引号、双引号互相嵌套的问题。 es6的模板字符串解决了以上问题es6 使用“(windows键盘英文输入法下tab键上面那个键)来定义一...
2018-05-02 16:40:39
3457
原创 Mac下破解最新版webstorm
最近因为webstorm一直不稳定所以找到了最终的破解方法。现在官网下载最新版的 webstorm1、下载安装之后去下载一个破解布丁 JetbrainsCrack-2.7-release-str.jar2、打开 finder 中的 应用程序 找到 webstorm 应用，右键选择 显示包内容 打开 contents 文件夹 打开 bin 文件夹。3、将下载好的破解补丁放在 bin...
2018-04-11 11:20:59
1560
原创 MACos 苹果系统密码破解方法解决
开机启动时按“command+S”。这时进入单一用户模式（Single user model）。Mac OS的单一用户模式有准入特权（Root access privilege）而不要求根密码（root password）。出现像DOS一样的提示符 #root>。在#root>下逐步输入以下命令，注意空格区分大小写。第一步：执行硬盘检测（只读）, 这一步可以省略 /sbin/fs...
2018-04-10 22:54:21
10632
原创 vue配合element-UI开发后台系统
前面文章安装了node和cnpm下面就要安装vue这个框架了首先要确保你的node -v npm -v cnpm -v 这些环境都已经配置成功了，若没有的话请出门左拐： node和cnpm安装看着一篇就够了如果都OK了那下面就进入正题首先打开终端在里面输入以下内容 sudo cnpm install -g vue-cli安装成功后输入vue会出现以下内容：在输入vue...
2018-04-10 14:35:19
3392
原创 Mac下安装nodejs、npm和cnpm
今天新配置了MacBook Pro 所以之前的环境都要重新配置所以记录一下免得以后忘记了。首先是打开node官网 nodejs 然后你会看见如下图片 点击上面的任何一个都可以完成下载，下载完成之后找到文件，一路确定傻瓜式安装，到底然后就OK了。 下面来测试下是否安装成功： 打开Mac下的终端输入：node -v 会出现版本号就说明成功了：这样就说明安装成功了，下面在终端输...
2018-04-10 13:56:45
5506
3
原创 vue的路由穿参
今天在写项目时居然把之前的路由传递参数给忘记了，故此纪念一下。首先在你需要跳转路由的模板里面： （我的用到了点击事件）changePassword（password）{ this.$router.push（{name:'changePassword',params:{password:'password'}}）}push的第一个参数就是你要跳转的另一个页面，第二个参数...
2018-04-08 18:38:28
488
原创 一看就会的source tree 免登录方法！
SourceTree是老牌的Git GUI管理工具了，也号称是最好用的Git GUI工具 这里先言言它的好：* 免费* 功能强大：无论你是新手还是重度用户，SourceTree 都会让你觉得很顺手。对于非常重度用户，Source Tree还支持自定义脚本的执行。* 同时支持 Windows 和 Mac 操作系统,(而且在 Windows 环境下，SourceTree是多语言的)* 同时支...
2018-03-30 14:36:00
3931
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人