二、ES6中的解构赋值
解构赋值 ECMAScript 6允许按照一定模式从数组或对象中提取值,对变量进行赋值。这种赋值方式被称为解构赋值。 ECMAScript 6的“解构赋值”本质上属于“模式匹配”。赋值运算符两边的模式相同,左边的变量会被赋予对应位置的值。 变量的解构赋值 从指定的数组或对象中提取值,为指定变量进行赋值。 var/let [变量名1,变量名2,变量名3] = 数组或对象 变量的索引值对应值的索引值。 let [a, b, c] = [1, 2, 3]; console.log(a, b, c); // 1 2 3 赋值失败 let [a] = []; console.log(a); // undefined 以上代码相当于定义了一个变量a,但未初始化(赋值) let [n, m] = [1]; console.log(n, m); // 1 undefined 以上代码表示由于变量只有一个,而定义变量有两个,因此m不会得到值。 不完全解构赋值 即定义变量的数量小于值的数量。 let [a, b] = [1, 2, 3]; console.log(a, b); // 1,2 ...
一、ES6基本概念
ES6的概念以及运行环境 ES6即是一个历史名词,也是一个泛指。含义是5.1版以后的JavaScript的下一代标准。涵盖ES2015、ES2016、ES2017等 WebStorm配置 找到左上角的file,选择setting 选择Languages & Frameworks设置ES6选项。 新版的webstorm已经默认是es6了 Babel编译器 其主要作用是用于将ES2015+代码转化为向下兼容的JavaScript代码。 安装 yarn add @babel/core @babel/cli @babel/preset-env -D yarn add @babel/polyfill 通过以上命令安装后会导致只有当前项目才可以使用babel工具,因此为了所有项目都可以使用babel工具,可以进行全局安装。 yarn global add @babel/core @babel/cli @babel/preset-env yarn global add @babel/polyfill 创建配置文件 也就是在项目根目录创建package.json文 ...
Commit表情符号使用指南
.copy:hover{ color:#f47466; } 前言 写此文的目的仅仅是为了在commit操作时方便快速查找表情符号。因此参考互联网中同类型文章整理此文。参考文章/网站在本文末尾处已列出。 使用 在使用命令行提交commit消息时,可以通过:关键字:的方式进行使用表情。 git commit -m ":tada: Initial commit" 表情列表 点击每行最右侧的复制会复制当前行的emoji代码。 emoji emoji 代码 commit 说明 复制 🎨 (调色板) :art: 改进代码结构/代码格式 复制 ⚡️ (闪电) 🐎 (赛马) :zap: :racehorse: 提升性能 复制 🔥 (火焰) :fire: 移除代码或文件 复制 🐛 (bug) :bug: 修复 bug 复制 🚑 (急救车) :ambulance: 重要补丁 复制 ✨ (火花) :sparkles: 引入新功能 复制 📝 (备忘录) :memo: 撰写文档 复制 🚀 (火箭) :roc ...
个人博客如何选择图床
个人博客如何选择图床
hexo博客每天定时提交网址给百度
项目说明 首先说明下这是一个hexo的插件,和其他插件一样,只需要npm i即可安装。先说说我的需求:需求产生于建站之初,那时百度还搜索不到我的小康博客,因此借助Leancloud的环境搭建了一个每天定时提交的小程序,当时使用django框架进行的开发。后来由于各种原因,发现已经server 500了,不过不清楚原因,但无所谓了,因为我打算合理用actions进行重新开发。同样的出于原版的参考还是打算用python完成,但发现官网贴心的提供了一个curl命令提交。好吧,这就省下了很多事。因此开发了此插件。其原理: 此项目适合什么样的人群 想要提高百度收录量 本人不打算扩展必应搜索,谷歌搜索等其他平台。因此在国内对于大多数人来说百度还是主力,而谷歌不需要你主动,他会自己找到你。 使用了持续集成服务 不适用于本地hexo d命令的人群,因此这个命令不会讲GitHub的配置文件添加进去。因此如果你没有使用持续集成服务,那么可以考虑使用持续集成或者进入public目录手动git提交。 插件如何使用 安装插件 在你博客的根目录打开命令行,安装插件 npm i hexo-b ...
Node安装及更换源
NodeJs的安装 无论是何种系统进行安装,都需要到其官网进行下载。 Windows Windows版本以Windows10 64位为例,为了方便我选择msi安装方式进行安装。 下载 安装步骤 选择安装位置 下一步 接下来一路下一步即可。 验证是否安装成功 终端内输入命令node -v即可验证node是否安装成功。输入npm -v即可验证npm是否安装成功。 Linux 下载安装包 如果是服务器,那么上传到服务器。如果是本地,那么直接解压即可。 解压命令参考tar -xvf 文件名。 切换用户,切换用户到root用户,并将解压出来的文件夹移动。 mv node /usr/local/src/ 变基环境变量 vi /etc/profile export NODE_HOME=/usr/local/src/node export PATH=$NODE_HOME/bin:$PATH 运行命令source /etc/profile使配置生效 多版本管理 对于node的多版本管理推荐使用nvm。其GitHub开源(Windo ...
2、VUE指令的使用
内容输出 大胡子语句 通过 大胡子语句 我们可以很方便的中模板中输出数据,但是这种方式会有一个问题,当页面加载渲染比较慢的时候,页面中会出现 大胡子语句 ,vue 提供了几个指令来解决这个问题 指令中的表达式不需要使用 大胡子语句 v-text <p v-text="title"></p> 弊端:v-text 会填充整个 innerHTML v-cloak <p v-cloak>{{title}}</p> 需要配合 css 进行处理 <style> [v-cloak] { display: none; } </style> v-html 为了防止 xss 攻击,默认情况下输出是不会作为 html 解析的,通过 v-html 可以让内容作为 html 进行解析 v-once 只渲染元素和组件一次,后期的更新不再渲染 v-pre 忽略这个元素和它子元素内容的编译 <!DOCTYPE html> <html lang="en"> <head> ...
1、VUE的基础使用
vue的引用 通过script标签的方式进行引用。 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 组件 vue 的核心功能之一就是组件 组件基本分类 根组件 可复用的功能组件 根组件的创建 通过 vue 提供的构造函数可以实例化出来一个跟组件实例对象 let app = new Vue(options); 应用最顶层的组件,一般情况下,一个独立的应用有且只有一个根组件(节点) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./js/vue.js"></script> </head> & ...
Speak开坑记录
项目说明 一个基于Gitee的“说说”,通过在gitee仓库中的issue进行说说的展示。项目灵感来自于:微博 开坑记录 项目最早写于2020年8月9日,但当时的做法是通过外部载入各种依赖(JQuery、marked等)进行的,虽然中间还有一次试图将其并入js内部,但采用的方式仅仅是通过jQuery的getScript方式,由于同时间所用Hexo博客主题作者更新了pjax,导致出现了一些出人意料地错误。直到9月20日,最终决定通过webpack打包,将其放在一起并放弃jQuery(为了减少体积)。 2021年3月22日,通过vue重构整个项目 3.x 预览地址: https://www.antmoe.com/speak/ 关于数据源的几个问题: 为什么选择Gitee/GitHub作为数据源,而不是直接自建? 选择Gitee/GitHub等现有平台主要因为这样就不需要考虑写身份验证,防刷机制等问题。只需要考虑将其数据读取并存储即可。 为什么选择MongoDB,而不是MySQL? 首先是因为MongoDB官网提供免费的512m的存储,其次身为前端程序员,MySQ ...













