鸿*雁-CSDN博客

原创 vscode 编辑器内网代理设置

打开设置-搜索-代理-在http:Proxys中输入代理服务器地址端口npm代理操作查看：https://blog.csdn.net/heyw886/article/details/108200445

2020-10-16 10:32:49 4572

在项目中我们使用input标签设置type属性为file，上传文件后需要清空选中的文件，<input type="file" ref="clearFile" name="file" id="file"><button @click="clearFile"></button><script>methods:{ clearFile() { this.$refs.clearFile.value = ''; // 清空file文件}}&

2020-08-28 16:07:44 4795

原创 vue v-if和v-show的区别

v-ifvsv-showv-if是“真正的”条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。一般来说，v-if有更高...

2020-08-25 17:00:31 465

原创 npm配置代理下载包内网

npm config set proxy=http://127.0.0.1:8087npm config set https-proxy http://server:port | npm config set registry=http://registry.npmjs.org若配置完成使用报错或者不走，npm config set registryhttp://registry.npm.taobao.org2、取消代理npm config delete proxy | npm config...

2020-08-24 15:40:41 2391

原创 mysql pk、nn、qu、b、un、zf、ai、g代表的意思

使用mysql workbench建表时，字段中有PK,NN,UQ,BIN,UN,ZF,AI几个基本字段类型标识。PK：primary key 主键NN：not null 非空UQ：unique 唯一索引BIN：binary 二进制数据(比text更大的二进制数据)UN：unsigned 无符号整数（非负数）ZF：zero fill 填充0 例如字段内容是1 in...

2020-03-25 16:28:37 5047

原创 git-设置新的远程仓库路径

1.查看当前远程仓库路径git remote -v2.设置新的远程仓库路径git remote set-url origin git@git.taient.com:web/tie-frontend.git

2020-02-03 15:38:48 1957

原创 node-puppeteer 环境配置

Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过DevTool协议控制 Chromium 或 Chrome.Puppeteer 默认以headless模式运行，但是可以通过修改配置文件运行“有头”模式Puppeteer在浏览器中手动执行的绝大多数操作都可以使用它来完成生成页面 PDF。抓取 SPA（单页应用）并生成预渲染内容（即“SSR”（服务器端渲染））...

2019-10-18 17:01:56 700

转载浅析 NodeJs 的几种文件路径

一、挖坑 & 掉坑：缘起一段这样的代码：fs.readFile('./docs/use.md', function (err, buffer) { if (err) { return console.log('error: ', err); } console.log('OK'); });本地运行时一切 OK，线上部署时却死活找不到...

2019-07-11 11:28:09 663

转载 30个极大提高开发效率的Visual Studio Code插件

译者按：看完这篇文章，我打算从 Sublime Text 转到 Visual Studio Code 了！原文:Immensely upgrade your development environment with these Visual Studio Code extensions 译者:Fundebug本文采用意译，版权归原作者所有我们的 VSC(VSCode)...

2019-07-10 11:13:19 1024

原创 vscode编辑器使用

1、修改编辑器的语言使用快捷键组合【Ctrl+Shift+p】<br> 在搜索框中输入“configure display language”<br>2、vscode其实就是披着编译器的编辑器。很多功能可以去商店下载扩展的使用，下面给出个实用扩展的介绍链接，大家可以各取所需：http://www.cnblogs.com/zhangy...

2019-07-10 11:11:17 1554

转载 Vue.js中 watch(深度监听)的最易懂的解释

假设有如下代码：<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: '#root', data:...

2019-07-03 10:50:56 181

转载 JS获取页面URL信息小总结

转载：https://www.jianshu.com/p/073f79c5e438下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href (设置或获取整个 URL 为字符串)var test = window.location.href;alert(test);...

2019-07-03 10:45:14 97

转载 js判断数组中是否有重复值得三种方法

转载：https://blog.csdn.net/wszcy199503/article/details/76638578方法一:function isRepeat() { var ary = new Array("111", "22", "33", "111"); var s = ary.join(",") + ","; for (var i = 0; ...

2019-07-03 10:38:43 13716

转载 javascript定时器，取消定时器，及js定时器优化方法

2019-07-03 10:33:22 1094

原创 Node.js热部署代码，实现修改代码后自动重启服务方便实时调试

在开发或调试Node.js应用程序的时候，当你修改js文件后，总是要按下CTRL+C终止程序，然后再重新启动，即使是修改一点小小的参数，也总是要不断地重复这几个很烦人的操作。这是因为Node.js 只有在第一次引用到某部份时才会去解析脚本文件，以后都会直接访问内存，避免重复载入。Node.js的这种设计虽然有利于提高性能，却不利于开发调试，因为我们在开发过程中总是希望修改后立即看到效果，而...

2019-06-03 17:32:26 1637

原创 vue样式加scoped后不能覆盖组件的原有样式解决方法

2019-05-30 14:36:44 1591

原创远程连接服务器异常修复（WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!）

一、一开始使用SSH，连接远程服务器的时候是没问题的。但是后来对阿里云主机初始化了一下之后，再也连不上了。一直报一个错。@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! @@@@@@@@@@@@@@@@@...

2019-05-27 10:07:49 1893

原创服务器*node---端口杀死端口操作（一）

用nodejs express框架写了一个简单的网页，用node bin/www启动之后（或者用npm启用在package.json中配置），正常关闭node 服务接口：一般都用 ctrl + c 关闭；但是有的时候打开服务的终端界面不小心被cancel掉了，再用node bin/www就会提示 “Port 8888 is already in use”，这时候还能怎样关闭重启？...

2019-05-15 18:08:12 3315

转载浅谈fetch

Why Fetch在开发过程中,我们向服务端发送请求,一般会使用三种方式, XMLHttpRequest(XHR)，Fetch ，jQuery实现的AJAX。其中, XMLHttpRequest(XHR)和Fetch是浏览器的原生API，jquery的ajax其实是封装了XHR。让我们首先来比较一下这三者的使用示例。XMLHttpRequestvar xhr;if (windo...

2019-03-11 11:21:58 143

原创服务器----端口（一）

一、我们在本地直接检测服务器的某个端口是否能调通？命令行：telnet 服务器ip 端口号注释：如果没有安装telnet 执行命令行 brew install telnet出现 Escape character is '^]'. 表示端口是通的关闭命令行执行control+】然后按q 就退出了...

2019-02-27 18:09:26 254

转载服务器---操作文件*下载，上传（二）（通过scp操作）

利用scp传输文件 1、从服务器下载文件 scp username@servername:/path/filename ./ 例如scp root@*****:/home/kimi/test.txt 把*****服务器地址上的/home/kimi/test.txt 的文件下载到 ./ 2、上传本地文件到服务器 scp /path/local_filename user...

2019-01-18 16:40:16 193

原创服务器---命令行编辑文件（二）

有时候需要登陆服务器看自己下载的东西的位置，刚登陆进去通过ll或者ls你会发现什么东西都没有。但是这个服务器我确实安装了很多的服务啊比如： php、nginx、mysql等。那是因为我们这些都放到了/usr/local里面了。我们需要操作 cd /usr/local 操作进入我的服务器文件里面了。1、删除文件 rm -rf 文件名称2、通过ssh将服务器的文件下载到...

2019-01-13 16:49:26 3059

转载如何使用SSH登录远程服务器

默认配置Windows下有很多SSH工具。在这里我是用的是命令行。使用SSH连接服务器的命令如下：ssh IP地址1一般来说为了安全性考虑，端口号等一些参数并不会使用默认值。这样的话命令就变成这样：ssh 用户名@IP地址 -p 端口号1如果连接成功的话会提示你输入远程服务器的密码。全部成功之后SSH就会显示远程服务器的提示符，这时候就说明连接成功了。密钥登录每次登录S...

2019-01-11 15:59:04 2773

原创 git命令行--提交代码

1、git status 获取当前项目中改变的值2、git add . 将改变的文件添加到待提交中3、git commit -am 'wangge' 保存到本地仓库4、git pull 下拉代码5、git push 上传代码6、有时候我们会遇到这样的情况开发功能开发到一半突然线上有问题需要紧急修改这时我们要怎么做才能不让我们开发的代码丢失并且不用发布。我们需要 gi...

2018-12-29 22:05:50 327

原创 css3样式系列-盒子阴影效果

div{margin-top:100px;margin-left:100px;width:300px;height:100px;background-color:#ff9900; box-shadow:20px 0px 30px 10px #abcdef inset;/zz//*这6个值分别是：left值、top值、透明度、阴影外延宽度、颜色、向里凹陷（选填，默认为外延）...

2018-12-20 12:25:20 6700

转载 JavaScript 判断对象中是否有某属性的常用方法

判断对象中是否有某属性的常见方式总结，不同的场景要使用不同的方式。一、点( . )或者方括号( [ ] )　　通过点或者方括号可以获取对象的属性值，如果对象上不存在该属性，则会返回undefined。当然，这里的“不存在”指的是对象自身和原型链上都不存在，如果原型链有该属性，则会返回原型链上的属性值。 1 2 3 4 5 6 7...

2018-12-20 12:23:46 272 1

转载 js操作对象、字符串、数组的方法（二）

var str='abcd1235玩2432';1.charAt 返回指定索引出的字符（不改变原来的字符串）var a=str.charAt(0);console.log(a); //'a'console.log(str); //'abcd'2.charCodeAt 返回指定索引出的unicode字符（获取unicode编码）str.charCodeAt(0); /...

2018-12-20 12:21:49 212

原创服务器---软件安装操作（一）

服务器操作系统是CentOS 7.4 64位（安装软件通过oneinstack安装）1、yum install -y net-tools 相当于在本地OSX操作系统中的 brew install wget 命令行（安装wget）2、curl -L -O http://mirrors.linuxeye.com/oneinstack-full.tar.gz 和wget安...

2018-12-15 17:55:09 810

转载 GIT 常用命令

学无止境，精益求精！十年河东，十年河西，莫欺少年穷！学历代表你的过去，能力代表你的现在，学习代表你的将来！本篇博客是转发的别人的，原文地址：http://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.htmlGit图形化界面我用的还可以，但是命令就不太会了，索性和大家一起学习下Git命令的用法...一般来说，日常使用只要记住下图...

2018-11-26 11:35:32 84

原创 css样式-选择父元素下的非一个子元素

在调整样式中我们经常会遇到这样的情况，相邻且相同元素之间间隔20px时并且第一个元素没有变化。<div> <span>这是第1个元素</span> <span>这是第2个元素</span> <span>这是第3个元素</span> <span>这是第

2018-11-15 18:54:27 3333

原创 css样式 - 使用display: inline-block;布局时错位问题

在页面中我们经常会左右布局。左边宽度固定右边宽度布满整个盒子比如这样的 .content_module { height: calc(100% - 0.8rem); /*padding: .15rem .5rem .5rem;*/ .modal_box_left { display: inline-block; wi...

2018-11-15 15:37:48 1442

转载 js实现表格的选中一行

先设想下它的实现效果：1、原始样式：2、鼠标滑过时：3、鼠标选中点击某一行我们来记录下它的详细实现，尽管它看起来如此简单。1、先写html语言，当然还是应用的前几天相同的代码，可是多了一点点... <div id="testDiv" style="width: 60%;margin-left: 10%;margin-top: 50px;height...

2018-10-29 16:42:32 7635

转载 vue-router 基本使用

路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。　　点击之后，怎么做到正确的对应，比如，我点击hom...

2018-10-17 15:45:09 154

转载前端学习之正则表达式

正则表达式，又称规则表达式，英语名称：Regular Expression，在代码中常简写为regex、regexp或RE。是对字符串操作的一种逻辑公式。正则表达式主要有3个用处：1、替换文本，可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字。例如屏蔽一些骂人的特定文字等。2、提取字符串中的某些特定字符串。3、测试字符串的某个模式。例如，输入...

2018-09-19 16:25:06 162

转载 webpack 介绍 & 安装 & 常用命令

webpack系列目录webpack 系列一：模块系统的演进 webpack 系列二：webpack 介绍&安装 webpack 系列三：webpack 如何集成第三方js库 webpack 系列四：webpack 多页面支持 & 公共组件单独打包 webpack 系列五：webpack Loaders 模块加载器 webpack 系列六：前端项目模板-w...

2018-09-18 10:41:53 297

转载 vue报错（一）

刚刚运行一下以前的一个Vue+webpack的demo，运行之后没有出现想象中的效果，并且报错Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘ 错误代码：import Test from './src/main'module.exports...

2018-09-11 10:46:58 295

转载在VUE应用中配置ESLint(代码检查)

eslint配置方式注释配置：使用js注释来直接嵌入ESLint配置信息到一个文件里配置文件：使用一个js文件，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置可以写在一个文件名为.eslintrc.*的文件或者在package.json文件里的eslintConfig项里，这两种方式ESLint都会自动寻找然后读取，或者你也可以在命令行里指定一个配置文件。 ...

2018-09-11 10:18:09 41282 1

转载 module.exports与exports，export与export default之间的关系和区别

首先我们要明白一个前提，CommonJS模块规范和ES6模块规范完全是两种不同的概念。CommonJS模块规范Node应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的expo...

2018-09-11 10:13:35 163

原创开发vue插件-插件实现v-model功能

最近在开发自己的富文本编辑器插件，在开发中遇到了很多问题其中我觉得比较好的问题就是在你定义的插件中实现双向绑定。就好像input中v-model的功能类似。v-model语法：在vue中我们实现表单的双向绑定时代码一般时这样写的：<input type="text" v-model="value" style="line-height: 30px;">data () ...

2018-09-10 11:15:15 853

原创开发vue插件-打包生成js文件配置（一）

vue脚手架搭建网上有很多教程，并且在以前我的一篇博客中记录了vue-cli脚手架安装和使用的步骤，在这里我就不多加描述了。如果小伙伴们有兴趣可以看一下vue-cli搭建使用的这篇文章：https://mp.csdn.net/postedit/78109675。好了废话不多说了，接下来我们聊聊插件开发的一些问题：1、对于vue插件开发小伙伴们可以看一下vue官网上的介绍vue插件开发官网。...

2018-09-05 11:17:55 9924

空空如也

空空如也