Vue3使用高德地图
为方便用户访问本博客内容,提供文章导航服务,请选择对应的文章进行浏览!
Nprogress使用教程
为方便用户访问本博客内容,提供文章导航服务,请选择对应的文章进行浏览!
Fingerprintjs使用教程
为方便用户访问本博客内容,提供文章导航服务,请选择对应的文章进行浏览!
TS基础
初识 TypeScriptTypeScript 的介绍TypeScript 是一种由微软开发的开源、跨平台的编程语言。它是 JavaScript 的超集,最终会被编译为 JavaScript 代码。
2012 年 10 月,微软发布了首个公开版本的 TypeScript,2013 年 6 月 19 日,在经历了一个预览版之后微软正式发布了正式版 TypeScript
TypeScript 的作者是安德斯·海尔斯伯格,C#的首席架构师。它是开源和跨平台的编程语言。
TypeScript 扩展了 JavaScript 的语法,所以任何现有的 JavaScript 程序可以运行在 TypeScript 环境中。
TypeScript 是为大型应用的开发而设计,并且可以编译为 JavaScript。
TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6+ 的支持**,它由 Microsoft 开发,代码开源于 GitHub 上
TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6+ 的支持,它由 Microsoft 开 ...
React基础
React:用于构建用户界面的 JavaScript 库(框架)英文网站 > 中文网站
特征:
声明式视图
对于声明式组件,当数据变更的时候,React 低层负责高效更新。这种方式代码更加可预见并且更容易调试。
组件化
封装管理数据的组件,通过组合的方式实现复杂的 UI,组件的逻辑采用 js 实现而不是模板,这样可以保持数据在 DOM 之外。
一次学习,随处编写
React 可以进行服务端渲染,也可以用于移动 APP 开发(React Native)
Hello World12345678910111213141516171819202122<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> ...
Uni-App开发项目
uni-app—官方网站
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。即使不跨端,uni-app同时也是更好的小程序开发框架。
使用 uni-app 创建项目环境安装1npm install -g @vue/cli
创建 uni-app1vue create -p dcloudio/uni-preset-vue myapp
配置 AppID在manifest.json中填入 appid
运行并发布 uni-app1npm run dev:%PLATFORM%
%PLATFORM% 可取值如下:
值
平台
h5
H5
mp-alipay
支付宝小程序
mp-baidu
百度小程序
mp-weixin
微信小程序
mp-toutiao
头条小程序
mp-qq
qq 小程序
导入 less1npm i less less-loader --save
ESLint
vscode中的vscode的配置代码123456789"eslint.validate": [ "javascript", "javascriptreact", { "language": "vue", "autoFix": true }],"eslint.autoFixOnSave": true,
微信小程序基础
微信小程序开发准备编辑器VSCode 下载地址
微信小程序开发工具 下载地址
官方 API 文档官方文档
VSCode 推荐安装的插件minapp
小程序的结构目录小程序文件结构和传统 web 对比
结构
传统 web
微信小程序
结构
HTML
WXML
样式
CSS
WXSS
逻辑
JavaScript
JavaScript
配置
无
JSON
基本的项目目录1234567891011121314151617181920│ app.js # 全局的js(入口文件)│ app.json # 全局的配置文件│ app.wxss # 全局的样式文件│ project.config.json # 整个项目的描述文件 类似node中的package.json│├─pages # 小程序对应的页面的目录│ ├─index # 首页│ │ index.js # js文件│ │ index.json # ...
VueX
VueX 介绍
官方网站Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。(管理数据共享的工具)
看图结论:
state 管理数据,管理的数据是响应式的,当数据改变时驱动视图更新。
mutations 更新数据,state 中的数据只能使用 mutations 去改变数据。
actions 请求数据,响应成功后把数据提交给 mutations
初始化功能安装1npm i vuex --save
新建 store.js 文件123456789101112// 初始化一个vuex的实例(数据仓库) 导出即可import Vue from "vue";import Vuex from "vuex";// 使用安装Vue.use(Vuex);// 初始化const store = new Vuex.Store({ state: null, mutations: null, actions: null,});expor ...
Vue的钩子函数
前言
官方介绍文档
官方使用文档