vscode 如何快速敲出 console.log()
vscode 如何快速敲出 console.log()
问题:调试的时候需要敲console.log() 很xx麻烦哦。如何快速敲呢
思路
找到 vscode 的用户片段
找到想改的语言
编写你的规则
截图然后找到 javascript.json我个人喜欢喜欢写clog😁
Mac同理啊,找到用户片段后输入JavaScript,打开JavaScript.json 后修改文件即可。
接着,想改什么按键就改什么,可以猜测一下下面代码的意思,我改的是输入cl然后回车就可以直接打出console.log(''),并且输入完后光标停留在$1的位置上。
JavaScript.json1234567891011121314{ // Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger t ...
因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies
## 问题
vue : 无法加载文件 ,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1vue uiCategoryInfo : SecurityError: (:) [],PSSecurityExceptionFullyQualifiedErrorId : UnauthorizedAccess
问题图片如下
解决
执行策略的设置问题
1set-executionpolicy remotesigned
之后就可以啦
小程序:扫二维码跳转小程序
扫二维码跳转小程序条件你的小程序必须要上线
方法一把小程序发布到线上
在微信开发者模式中上传你的小程序项目
登录微信小程序官网
提交你的开发版本,进行审核,等待审核通过即可手动发布到线上,找到如图这些地方
生成二维码
打开微信公众平台接口调试工具
填写小程序的 id 和 密钥id 和 密钥在这里找
获取到 taken
然后我们在 postman 中请求一下
12// 请求连接https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=你的accesstoken
12// body 中的 raw,其中 path 是你微信小程序中页面的路径{"path": "pages/demo1/newDanMu", "width": 430}
结果如下
注意:accesstoken 是有时效的,过一会就会失效的,需要重新获取。
参考参考博客1
方法二:跳转到小程序指定页面首先找到你的小程序后台,找到 开发 => 开发 ...
VScode 中代码格式化
# Vue 中代码格式化
问题描述希望在项目代码中后面没有分号,字符串的双引号变成单引号等等
操作
在 vscode 里安装插件 Prettier - Code formatter
然后在项目的根目录下新建文件名为 .prettierrc的文件
编辑此文件
1234{ "semi": false, "singleQuote": true}
,选择配置,选择第一个
之后就在你的项目中,按Alt + Shift + F,规范代码了。
JavaScript 常用内置对象详解
JavaScript 内置对象常用方法总结常用内置对象都有哪些?
Array
Boolean
Number
String
Data
Math
RegExp
Array有几个需要注意的方法,我会详细说明
Array 常用方法总结(表格)
常用方法
作用
返回值
是否改变原数组
追加和删除
arr.push()
尾部追加
追加后的数组长度
改变
arr.pop()
尾部删除
删除的元素
改变
arr.shift()
头部删除
删除的元素
改变
arr.unshift()
头部追加
追加后的数组长度
改变
拼接及切割
arr.join()
数组内元素拼接
String
不
arr1.concat(arr2)
数组之间拼接
拼接后的新数组
不
arr.slice()
切割
切割的数组(左开右闭)
不
arr.splice()
切割
切割的数组(左闭右闭)
改变
排序
arr.sort()
排序
排序后的数组
改变
arr.sort((x,y) => x-y)
从小到大排序
排序后的数组
改变
arr. ...
【前端29_Mongo】芒果数据库使用及常用操作、Mongoose 对数据的增删改查
非关系性数据库:MongoMongo介绍
是一种非关系性数据库,不像MySQL那样有很多条条框框的约束,想怎么存就怎么存。
什么叫数据库,集合,文档?请看下面的栗子。
举个栗子:教学
前提:我想创建一个论坛,论坛里又有很多用户,所以我需要一个论坛数据库,其中还要一个用户集合(表)。
然后切换数据库,并查看当前数据库中的集合
我们可以通过db.集合名.find()方法查看集合中的所有文档(集合中的每条信息叫做文档)
常用操作连接数据库1mongo
查看所有数据库1show dbs
切换数据库1use 数据库名称
展示数据库中的集合1show collections
展示集合中的所有文档1db.users.finds()
删除集合中的所有文档12> db.users.drop()true
Mongoose 插件
官方定义如下:编写 MongoDB 验证,转换和业务逻辑是非常麻烦的. 所以我们发明了 Mongoose.
我个人的理解:就是类似JavaScript 和jQuery 的关系。Mongoose 相当于jQuery。
数据库是不需要输入命令的时候建立的, ...
【前端28_Vue-Cli 脚手架】萌新指南、安装脚手架、创建项目、项目目录介绍、路由重定向、路由守卫、Vuex、代码规范ESlint、常用组件:Element、Vue-Axios
Vue-cli 脚手架介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。就是说我们在开发的时候,前期需要配置很多东西(网络组件,路由组件,打包组件等等),有了 Vue-cli 脚手架,他会帮我们集成这些功能
安装可以通过以下命令,在命令行里敲
123npm install -g @vue/cli# ORyarn global add @vue/cli
如果你的 node 版本太低的话也安装不成功,我当时用的是 v10.14 好像,安装失败了,然后更新到 v12.18 就可以安装了
创建一个项目创建项目有两种方法
代码创建
图形界面 GUI
代码创建
找到想要创建项目的文件夹,在此文件夹下打开 cmd,(按住shift + 鼠标右键),在右键菜单里打开powershell或者是git bash。(PS:如果在 PowerShell 中出现cannot be loaded because running scripts is disabled on this system.)问题,打开链接阅读。
输入命令vue create 项目名字
选择安装依赖(b ...
cannot be loaded because running scripts is disabled on this system.
# 问题:PowerShell:cannot be loaded because running scripts is disabled on this system.
情景
想建立个vue项目,执行vue create vueProg001时报错
解决在管理员PowerShell下输入
1Set-ExecutionPolicy RemoteSigned
原因如果使用Windows Server 2008 R2,则必须有x64和x86版本的PowerShell,这两个版本都必须设置其执行策略。
作为管理员,您可以通过在PowerShell窗口中键入以下内容来设置执行策略:
1Set-ExecutionPolicy RemoteSigned
有关更多信息,请参见使用Set-ExecutionPolicy Cmdlet。
PS如果你不在管理员下输入的话,会报错成功之后就可以打代码了
this:它到底指向哪里!箭头函数的this又是啥?
JavaScritp 中的 this总结一句话(永真给的信)大雪纷飞,永真在井上面丢垃圾一封信,信上写着如下内容:
谁最终调用,this 就指向谁。
那么如何理解永真写的话呢?请接着往下看~
默认绑定(指向少主window)
我(this)的职责就是保护指向 少主,少主喜欢用window玩游戏,姑且叫少主window吧。
只狼听从了义父之前的命令,好好保护少主,所以this指针(只狼 )默认绑定(跟随 )的是 window(少主 )
1console.log(this); // window
少主活了几百年,还那么年轻,而且会的东西很多 少主还会a函数,写全局函数的话,也是指向的 window12345function a() { console.log(this);}a() // window//实际上是 window.a(); 我们可以展开window看看
少主还会做日晷,沙漏等小工具,用来做定时器, 定时器是window(少主 )的方法,所以this也会指向window。1234 ...
JavaScript的原型,原型链到底是什么!看完这篇绝对会有感悟~
JavaScript 原型链平常老听别人说什么原型链,我总是半知半解的,终于有时间好好梳理一下!给大家介绍我老婆。
图解我们先来看一下这张图,不理解没关系,我来慢慢解释,先有个印象!当然结衣父母也可以生男孩(我觉得还是生女孩好 ohhhhhh)
关卡1:通过构造函数 => new一个对象听说您还没有对象?没关系,我来给你new一个!
123456789101112131415// 1. 首先通过构造函数,初始化一个女孩儿 function Girl(name, age, bustSize) { this.name = name; this.age = age; this.bustSize = bustSize; this.show = function () { console.log(`初次见面,我叫${this.name},请多指教!`); } } // 2. 实例化一个女朋友 var girlfriend ...