言兮的酒-CSDN博客

原创微信小程序的使用

01 注册小程序 https://mp.weixin.qq.com/wxopen/waregister?action=step1 02 下载并安装小程序开发工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 03开发文档 https://developers.weixin.qq.com/miniprogram/dev/framework/ 特点：点击小程序注册填写信息 ...

2022-04-16 12:00:00 1358

原创实践 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 1089

原创 React基础认识简单包会

起源 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。综述 react安装并运行 1、安装脚手架 //安装脚手架 npm i -g create-react-app 2、创建项目 //创建项目 crerte-react-app myreact //项目名称 ...

2022-04-04 11:45:00 600

原创百度地图，你学会了吗

介绍百度地图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 1061

原创 ECharts快速上手入门教学

ECharts官网网址：Apache ECharts ECharts 是一个制作图表的javascript库首先引入echarts

2022-04-02 08:10:19 7842

原创 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 158

原创 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 973

原创 vue常见错误解答分享

1、Compiled with problems: 编译问题 C:\myel\src\views\HomeView.vue 错误出现文件 3:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs 4:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs 第3行的第一个字符第4函的第一个字符 Mixed spaces and tabs 错误原因：混合的空格与tab no-m..

2022-03-23 19:57:39 5893

原创 ts(typescript)+setup+volar+vue3

ts(typescript) TypeScript 是 JavaScript 的强类型版本，最终在浏览器中运行的仍然是 JavaScript，所以 TypeScript 并不依赖于浏览器的支持，也并不会带来兼容性问题。 TypeScript 这种强类型语言最大的优势在于静态类型检查： 1、强类型 2、遵循ES6 3、编译器严谨的语法检查基本数据类型布尔值 let isDone: boolean = false; 数字 let amount: number = 6; 字符串

2022-03-21 23:24:44 221

原创 MockJS快速入门

众所周知Mock.js因为两个重要的特性风靡前端: 数据类型丰富支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。拦截 Ajax 请求不需要修改既有代码，就可以拦截Ajax请求，返回模拟的响应数据。安全又便捷 mockjs入门操作：开发环境：WebStorm+Vue+MockJs 1.首先搭建一个新的vue项目，进行配置化，具体不知道怎么配置的可以网上查相关资源 2.今天主要讲一下mockjs的配置和使用: 1. 安装：npm install mo..

2022-03-21 19:23:35 1092

原创最全api手册

一、组合api介绍通过创建 Vue 组件，我们可以将界面中重复的部分连同其功能一起提取为可重用的代码段。 setup setup(){ // 执行时机：created } ref 接受一个内部值并返回一个响应式且可变的 ref 对象。 ref 对象仅有一个 .value ，指向该内部值。 const count = ref(0) console.log(count.value) // 0 watch 监听对象的变化 const counter = ref(0) watch(counter

2022-03-17 23:36:16 1321

原创 vue通关基础知识储备

1、8个vue内置指令 {{变量名}} v-text 文本 v-html 可以识别html 标签 v-if v-show v-else-if v-else v-for v-bind v-on2、vue内置组件 <template></template> 模板 <slot></slot> 插槽 <transition></transition> 过渡 <transition-group> 过渡组 <compone...

2022-03-16 23:52:46 169

原创 axios拦截器

在请求或响应被 then 或 catch 处理前拦截它们。 // 添加请求拦截器 axios.interceptors.request.use( function (config) { // 在发送请求之前做些什么 return config; }, function (error) { // 对请求错误做些什么 return Promise.reject(error); } ); // 添加响应拦截器 a

2022-03-10 01:11:02 212

原创 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 514

原创你了解Vue动画 transition吗？

一、动画自动对显示与隐藏的元素添加类名二、参数 .v-enter-active 进入整个过程 .v-enter-from 进入开始状态 .v-enter-to 进入结束状态 .v-leave-active 离开的过程 .v-leave-from 离开开始状态 .v-leave-to 离开结束状态三、transition mode模式 in-out out-in name 名称 enter-active-class 自定义进入class名称 leave-act...

2022-03-02 23:34:42 310

原创 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 2662

原创 Vue的几种指令，你知道几个？

1、文本渲染 v-text v-html {{msg}} 2、属性渲染 v-bind：属性名=“值” ：属性名=“值” 3、条件渲染 v-if v-else-if v-else v-show 4、列表渲染指令 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 774 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 580

原创带你畅游Vue的世界，跟我一起来吧

一、概述 Vue：构建用户界面的渐进式JavaScript框架；特点：简单、高效、生态丰富（插件多）；前端的三大框架： React：Facebook 脸书 Vue：尤雨溪 Angular：Google 二、安装 <script src="vue.js"></script> 三、实例化 ...

2022-02-24 19:38:31 506

原创新增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 376

原创新增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声明本质是function 2、constructor 构造 3、extends 继承 4、new 实例化 5、类名建议大写开头

2022-02-22 20:43:29 522 1

原创新增ES6你不知道的几件事(1)

一、变量声明 let：1、局部作用域；2、不能重复声明；3、不会变量提升； const：1、局部作用域；2、不能重复声明；3、不会变量提升；4、声明必须赋值；5、声明后不能修改；6、建议变量名大写；二、解构 ...

2022-02-21 21:31:38 247 2

m0_67227657的博客