vue3学习之路(二)之基础学习
应用和组件实例创建一个应用实例每个 Vue 应用都是通过用 createApp 函数创建一个新的应用实例开始的:
1const app = Vue.createApp({ /* 选项 */ })
应用实例暴露的大多数方法都会返回该同一实例,允许链式:
1234Vue.createApp({}) .component('SearchInput', SearchInputComponent) .directive('focus', FocusDirective) .use(LocalePlugin)
传递给 createApp 的选项用于配置根组件。当我们挂载应用时,该组件被用作渲染的起点。注意:一个应用需要被挂载到一个 DOM 元素中。例如:如果我们想把一个 Vue 应用挂载到<div id="app"></div>,我们应该传递#app:
123const RootComponent = { /* 选项 */ }const app = V ...
vue3学习之路
经过了漫长的迭代,Vue 3.0 终于在上 2020-09-18 发布了,带了翻天覆地的变化,使用了 Typescript 进行了大规模的重构,带来了 Composition API RFC 版本,类似 React Hook 一样的写 Vue,可以自定义自己的 hook ,让使用者更加的灵活,接下来我们就开始学习vue3.0。
安装vue安装有如下三种方式:
以 CDN package 的形式导入,简而言之就是以<script>标签形式导入 对于制作原型或学习,你可以这样使用最新版本 1<script src="https://unpkg.com/vue@next"></script>
使用npm安装 在用 Vue 构建大型应用时推荐使用npm安装, NPM能很好地和诸如Webpack或Browserify模块打包器配合使用。同时Vue也提供配套工具来开发单文件组件。 12# 最新稳定版$ npm install vue@next
使用官方的CLI来构建一个项目,它为现代前端工作流程提供了功能齐备的构建设置 (例如, ...
typescript学习
基础类型布尔值 boolean最基本的数据类型就是简单的true/false值,在JavaScript和TypeScript里叫做boolean
1let flag: boolean = false;
数字 number和JavaScript一样,TypeScript里的所有数字都是浮点数。 这些浮点数的类型是number。
1234let num1: number = 6 // 十进制let num2: number = 0xf00d // 十六进制let num3: number = 0b1010 // ES6的二进制let num4: number = 0o744 // ES6的八进制
字符串 string和JavaScript一样,可以使用双引号"或单引号'表示字符串。
12let str: string = 'hello typescript'str = 'hello world'
还可以使用模板字符串
1234567let fullname: string = '张三'let age: num ...
Deno学习之路(一)之环境搭建和快速创建项目
Deno是什么?
Deno 是一个简单、现代且安全的 JavaScript 和 TypeScript 运行时环境,其基于 V8 引擎并采用 Rust 编程语言构建。官网:https://www.denojs.cn/
安装Deno
typescript学习之路(一)之环境搭建
Typescript是什么?
TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。官网:https://www.tslang.cn/
安装Typescript有两种主要的方式来获取TypeScript工具:
通过npm(Node.js包管理器)
安装Visual Studio的TypeScript插件
针对使用npm的用户:
1npm install -g typescript
查看是否安装成功:
1tsc -v # tsc --version
查看Typescript命令帮助:
1tsc -h # tsc --help
构建第一个 Typescript 文件在编辑器,新建greeter.ts文件并写入如下内容:
12345function greeter(person) { return "Hello, " + person}let user = "Jane ...
electron学习之路(一)之环境搭建和快速创建项目
electron是什么?
使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序官网:http://www.electronjs.org/
环境搭建使用原生的Node.js开发环境来开发Electron应用。 为了打造一个Electron桌面程序的开发环境,只需要安装好Node.js、npm、一个顺手的代码编辑器以及对你的操作系统命令行客户端有基本了解。
创建第一个electron应用Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个 Node. js 的变体,它专注于桌面应用而不是 Web 服务器端。从开发的角度来看, Electron application 本质上是一个 Node. js 应用程序。 与 Node.js 模块相同,应用的入口是 package.json 文件。 一个最基本的 Electron 应用一般来说会有如下的目录结构:
1234your-app/ |- package.json |- index.js ...
weex学习之路(一)之环境搭建和快速创建项目
weex是什么?
Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架。“Weex” 的发音是 /wiːks/, 和 “Weeks” 同音。weex是阿里开源的一款类似react-native的使用js开发客户端的框架,weex可是认为是vue-native。阿里有另外一个rax框架是类似react的的框架 语法和api基本相同,也支持jsx。weex官网:https://weex.apache.org/zh/vue官网:https://cn.vuejs.org/rax官网:https://alibaba.github.io/rax/
开发环境配置Weex 官方提供了weex-cli 的脚手架工具来辅助开发和调试。首先需要安装Node.js和Weex Cli安装好Node.js后,就可以直接使用 npm 来安装 weex-toolkit, 你也可以通过 yarn 来进行安装。
1npm i weex-toolkit -g
安装结束后你可以直接使用 weex help 命令验证是否安装成功,它会显示 weex 支持的所有指令, ...
Git配置rsa公钥秘钥
gitee配置rsa公钥密钥参考:https://blog.csdn.net/liyanpig/article/details/105879263
在本地命令行输入:1ssh-keygen -t rsa -C "xxxxx@xxxxx.com"
Github配置rsa公钥秘钥
Hexo添加发布说说功能
发表说说/动态功能是使用的artitalk.js,官网
准备
建议使用国际版的LeanCloud因为国际版的leancloud不需要配置serverurl,所以推荐使用国际版,速度没有区别,如果使用国内版的leancloud别忘了填写serverurl即可
前往 LeanCloud 国际版,注册账号。
注册完成之后根据 LeanCloud 的提示绑定手机号和邮箱。
绑定完成之后点击创建应用,应用名称随意,接着在结构化数据中创建 class,命名为 shuoshuo。
在你新建的应用中找到结构化数据下的用户。点击添加用户,输入想用的用户名及密码。
回到结构化数据中,点击 class 下的 shuoshuo。找到权限,在 Class 访问权限中将 add_fields 以及 create 权限设置为指定用户,输入你刚才输入的用户名会自动匹配。为了安全起见,将 delete 和 update 也设置为跟它们一样的权限。
然后新建一个名为atComment的class,权限什么的使用默认的即可。
点击 class 下的 _User 添加列,列名称 ...