- 博客(22)
- 收藏
- 关注
原创 微信小程序的使用
01 注册小程序https://mp.weixin.qq.com/wxopen/waregister?action=step102 下载并安装 小程序开发工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html03开发文档https://developers.weixin.qq.com/miniprogram/dev/framework/特点:点击小程序注册填写信息...
2022-04-16 12:00:00
1061
原创 实践 react 路由详解
一、安装react-router-dom并启动项目二、使用路由1、导入路由相关组件//导入路由相关的组件//HashRouter哈希路由 as起别名 router路由//router 存放路由的容器//Navlink 导航链接import{HashRouter as Router,Route,NavLink,Redirect,Switch} from 'react-router-dom'function App(){ return (<div>
2022-04-09 13:59:04
963
原创 React基础认识 简单包会
起源React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。综述react安装并运行1、安装脚手架//安装脚手架npm i -g create-react-app2、创建项目//创建项目crerte-react-app myreact //项目名称 ...
2022-04-04 11:45:00
486
原创 百度地图,你学会了吗
介绍百度地图JavaScript API GL v1.0是一套由JavaScript语言编写的应用程序接口。下面通过一个简单的示例,来学习一下快速创建一张“我的地图”,百度地图的“Hello World”<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"
2022-04-02 08:18:50
922
原创 ECharts快速上手 入门教学
ECharts官网网址:Apache EChartsECharts 是一个制作图表的javascript库首先引入echarts
2022-04-02 08:10:19
7274
原创 less,必看
因为 Less 和 CSS 非常像,因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展,这就是 Less 如此易学的原因之一。一、安装在Node.js环境中使用Less://安装:npm install -g less> lessc styles.less styles.css在浏览器环境中使用 Less ://在浏览器环境中使用 Less :<link rel="stylesheet/less" type="text/css" href="
2022-03-27 09:11:07
87
原创 store的使用
import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)import num from './num.js'import str from './str.js' export default new Vuex.Store({ state:{ src:'yuanshi', show:false }, modules:{ num_store:num, str_store:str }.
2022-03-26 21:05:34
897
原创 vue常见错误解答分享
1、Compiled with problems:编译问题C:\myel\src\views\HomeView.vue错误出现文件3:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs4:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs第3行的第一个字符第4函的第一个字符Mixed spaces and tabs错误原因:混合的空格与tabno-m..
2022-03-23 19:57:39
5426
原创 ts(typescript)+setup+volar+vue3
ts(typescript)TypeScript 是 JavaScript 的强类型版本,最终在浏览器中运行的仍然是 JavaScript,所以 TypeScript 并不依赖于浏览器的支持,也并不会带来兼容性问题。TypeScript 这种强类型语言最大的优势在于静态类型检查:1、强类型2、遵循ES63、编译器严谨的语法检查基本数据类型布尔值 let isDone: boolean = false;数字 let amount: number = 6;字符串
2022-03-21 23:24:44
141
原创 MockJS快速入门
众所周知Mock.js因为两个重要的特性风靡前端: 数据类型丰富 支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。 拦截 Ajax 请求 不需要修改既有代码,就可以拦截Ajax请求,返回模拟的响应数据。安全又便捷 mockjs入门操作:开发环境:WebStorm+Vue+MockJs1.首先搭建一个新的vue项目,进行配置化,具体不知道怎么配置的可以网上查相关资源2.今天主要讲一下mockjs的配置和使用:1. 安装:npm install mo..
2022-03-21 19:23:35
1007
原创 最全api手册
一、组合api介绍通过创建 Vue 组件,我们可以将界面中重复的部分连同其功能一起提取为可重用的代码段。setupsetup(){ // 执行时机:created }ref接受一个内部值并返回一个响应式且可变的 ref 对象。 ref 对象仅有一个 .value ,指向该内部值。const count = ref(0)console.log(count.value) // 0watch监听对象的变化const counter = ref(0)watch(counter
2022-03-17 23:36:16
1208
原创 vue通关基础知识储备
1、8个vue内置指令{{变量名}}v-text 文本v-html 可以识别html 标签v-if v-showv-else-ifv-elsev-forv-bindv-on2、vue内置组件<template></template> 模板<slot></slot> 插槽<transition></transition> 过渡<transition-group> 过渡组<compone...
2022-03-16 23:52:46
101
原创 axios拦截器
在请求或响应被 then 或 catch 处理前拦截它们。// 添加请求拦截器axios.interceptors.request.use( function (config) { // 在发送请求之前做些什么 return config; }, function (error) { // 对请求错误做些什么 return Promise.reject(error); });// 添加响应拦截器a
2022-03-10 01:11:02
166
原创 Vue Router的认识(1)
1、router-link我们没有使用常规的 a 标签,而是使用一个自定义组件 router-link 来创建链接。这使得 Vue Router 可以在不重新加载页面的情况下更改 URL,处理 URL 的生成以及编码。 <nav> <router-link to="/">首页</router-link> | <router-link to="/about">关于</router-link>| <router-
2022-03-04 21:06:44
457
原创 你了解Vue动画 transition吗?
一、动画自动对显示与隐藏的元素添加类名二、参数.v-enter-active 进入整个过程.v-enter-from 进入开始状态.v-enter-to 进入结束状态.v-leave-active 离开的过程.v-leave-from 离开开始状态.v-leave-to 离开结束状态三、transitionmode模式in-out out-inname 名称enter-active-class 自定义进入class名称leave-act...
2022-03-02 23:34:42
218
原创 Vue中components几个组件
一、组件(components),意义以及对它的理解?组件:一个小的功能分区;意义:复杂项目拆分简单的组件,让团队开发更高效,组件是可以重复使用的模块;理解:组件其实就是个小的vue,具有data,methods,watch,computed;二、组件的用法组件的定义:const steper = { template:`<span> <button @click="num--">-</button> <input v-m
2022-03-02 19:35:10
2545
原创 Vue的几种指令,你知道几个?
1、文本渲染v-textv-html{{msg}}2、属性渲染v-bind:属性名=“值”:属性名=“值”3、条件渲染v-ifv-else-ifv-elsev-show4、列表渲染指令v-for="(item,index) in list" :key="item"v-for="(value,key) in obj"5、事件响应v-on:事件名=“事件响应”缩写:@事件名="事件响应"行内处理 @chick="num++" 方法响
2022-02-28 19:45:43
682
2
原创 有谁还不知道Vue3中的事件响应,过来~
1、行内处理v-on: 事件名=“事件响应”缩写形式:@click=“num++”eg:v-on:click=“num++”缩写形式:@click=“num++”2、方法响应@click="say"methods:{say(e) //默认会有个事件参数}}3、内联传参@click=“say(msg,$event)” //$event 当前单击的事件对象,x,y位置,元素say(msg,e){}4、事件修饰符.stop 阻止事件冒泡.prev
2022-02-26 15:34:24
471
原创 带你畅游Vue的世界,跟我一起来吧
一、概述Vue:构建用户界面的渐进式JavaScript框架;特点:简单、高效、生态丰富(插件多);前端的三大框架:React:Facebook 脸书Vue:尤雨溪Angular:Google二、安装<script src="vue.js"></script>三、实例化...
2022-02-24 19:38:31
432
原创 新增ES6你不知道的几件事(3)
一、Promise定义:执行异步任务,避免回调地狱 创建: <script>// Promise 主要做异步任务(需要时间等待)任务// 小何对她承诺,明天我们我请你去吃海底捞// 小何不能立即对象需要5000毫秒执行 var p = new Promise((resolve,reject)=>{ setTimeout(()=>{ var n = Math.random(); if(n>.5){ // 可以兑现
2022-02-23 17:41:10
326
原创 新增ES6你不知道的几件事(2)
一、对象1、属性简写eg:var name = "mumu";var obj={name};2、动态属性eg:var obj = {[a+b]:"小曾"}3、函数简写eg:{say(){}}4、继承eg:Object.setPrototypeOf(child.parent)super二、类特点:1、用class声明 本质是function2、constructor 构造3、extends 继承4、new 实例化5、类名建议大写 开头
2022-02-22 20:43:29
461
1
原创 新增ES6你不知道的几件事(1)
一、变量声明let:1、局部作用域;2、不能重复声明;3、不会变量提升;const:1、局部作用域;2、不能重复声明;3、不会变量提升;4、声明必须赋值;5、声明后不能修改;6、建议变量名大写;二、解构...
2022-02-21 21:31:38
188
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人