摘要: 一、 Vue基础 一、 模板语法 1.1数据绑定 1.1.1文本,v-text、{{}} 在mustache语法中,是可以使用加减乘除运算符的 <div id="app"> <div> {{uage *2}} </div> <div v-text="uage"></div> </div> <scri 阅读全文
posted @ 2020-09-14 14:55 H_pig 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 展开符的使用 展开一个数组 let arr = [1,3,5,7,9]; console.log(...arr); // 1 3 5 7 9 连接一个数组 let arr = [1,3,5,7,9]; let arr1 = [2,4,6,8,10] console.log(...arr,...arr 阅读全文
posted @ 2021-03-31 10:06 H_pig 阅读(81) 评论(0) 推荐(0) 编辑
摘要: npx的使用 npm在5.2版本之后添加了npx命令。 npx的工作原理: 去node_modules/.bin目录查找命令是否存在。找到之后执行 如果在bin目录下找不到命令,那么就会去$path里查找命令,找到后执行 如果都找不到,那么就会创建一个临时的文件下载所需要的的依赖包,使用完成后删除, 阅读全文
posted @ 2021-03-29 14:06 H_pig 阅读(357) 评论(0) 推荐(0) 编辑
摘要: Windows快捷键 Windows快捷键大全主键盘区: Esc 键:escape,退出键。 Tab 键:tabulator key,跳格键,在文本编辑软件中增加四个空格,Windows中可用于切换屏幕上的焦点。 Ctrl 键:control,控制键。 Shift 键:上档键。 Alt 键:换档键。 阅读全文
posted @ 2020-12-29 16:26 H_pig 阅读(1008) 评论(0) 推荐(0) 编辑
摘要: npm安装报错问题 问题描述: 今天忽然发现自己的node环境有问题,就重新安装了一下,但是忘记了之前自己更改过node的全局安装路径,导致安装yarn成功,但显示不是内部或外部命令。错误截图以及更改/查看node全局安装路径的命令附上如下: 查看当前环境node的安装路径命令: 查看全局安装路径 阅读全文
posted @ 2020-12-29 16:13 H_pig 阅读(352) 评论(0) 推荐(0) 编辑
摘要: nvm的安装与使用 一、nvm的下载与安装 1.1nvm下载 官网下载点我下载。 点击下载1.1.7,nvm-setup.zip.(个人只安装过nvm-setup的因为安装和配置相对简单,其他的我没尝试过,有兴趣自己百度,也欢迎留言) 1.2 nvm的安装 反正一直都是下一步就可以了,只说几个注意的 阅读全文
posted @ 2020-12-29 16:08 H_pig 阅读(362) 评论(0) 推荐(0) 编辑
摘要: typroa上传报错,直接使用picgo上传不报错 原因:picGo自己更改了监听接口 排查:打开PicGo,打开设置,打开日志文件 发现端口更改 修改:默认的监听typroa的端口为36677 打开设置server,设置端口(设置页面在上面有图片就不多浪费时间了) 返回typroa重新测试,已经好 阅读全文
posted @ 2020-11-26 16:22 H_pig 阅读(94) 评论(0) 推荐(0) 编辑
摘要: Emmet的使用(HTML/CSS) !或者html:5快速生成h5。 p.p1#p1生成class与id <p class="p1" id="p1"></p> a[href="www.baidu.com"]{我是a标签},生成结果 {}是添加内容[]是设置属性 <a href="www.baidu 阅读全文
posted @ 2020-11-20 09:54 H_pig 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 一、配置环境 本文书写日期为20201116,技术会存在更新迭代,查看本文请知悉 1.1 我们需要安装node环境 下载链接 官网 中文官网 选择稳定版本下载 中文官网下载稍有不同 1.2 node的安装 这里我只说关键的几个地方,其他的都默认下一步安装就好。 更改安装位置 检查功能模块安装是否正常 阅读全文
posted @ 2020-11-16 13:38 H_pig 阅读(221) 评论(0) 推荐(0) 编辑
摘要: 常用的vscode插件 为了方便查找和使用我简单分了一下类,但可能不标准,因为有些插件的功能对应分类很模糊。 一、外观 1.1 vscode-icons 更改vscode的文件图标,更直观的了解是什么类型的文件 1.2 Dracula Official 编译器主题。 主题可以在扩展应用里直接搜索th 阅读全文
posted @ 2020-10-29 20:52 H_pig 阅读(788) 评论(0) 推荐(1) 编辑
摘要: 设置chrome跨域 1.对于旧版本的跨域命令 浏览器图标右键属性,在目标后面添加命令--disable-web-security 2.对新版本的chrome的跨域配置 因为新版本chrome配置跨域浏览器的时候,会更改用户配置文件目录,会清空浏览器的数据(如书签,cookie等)所以为了避免个人文 阅读全文
posted @ 2020-10-28 22:03 H_pig 阅读(564) 评论(0) 推荐(0) 编辑