晊晌·-优快云博客

原创 react路由基本用法（详解）

1，现在react项目里面安装路由插件npm i --save react-router-dom2，在App.js中导入这个路由文件基础路由// 页面组件首页function Home(props){ return( <div> 首页页面</div> )}// 页面组件关于function About(props){ return( <div> 关于页面</div>.

2022-04-08 19:33:51 700

React 是什么？React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”JSX 语法const element = <h1>Hello, world!</h1>;这个有趣的标签语法既不是字符串也不是 HTML。它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描

2022-04-04 14:20:44 477

原创闲来无事，实现一下百度地图~

一，申请成为百度开发者，获得使用地图API接口的权限，获取（AK）码。打开网址：http://lbsyun.baidu.com/然后进行申请账号和申请成为百度开发者的操作这过程中需要邮箱进行验证创建账号完成之后获取到AK码准备工作已经完成在使用中只需要将（AK）码（即密钥）写入代码中即可二、实现首图效果（可以参考开发者指南）编写HTML页面的基础代码1，在这一步我们完成头部文件和地图容器样式的编写，让地图容器充满网页。<!DOCTYPE html>

2022-04-01 20:49:17 951

原创 less基础

一，概览Less （Leaner Style Sheets 的缩写）是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。变量（Variables）无需多说，看代码一目了然：@width: 10px;@height: @width + 10px;#header { width: @width; height: @heig

2022-03-25 20:55:51 125

原创 vue3.0 非常面熟的错误

1，标签错误错误文件所在的目录 \src\views\HomeView.vue:2:3没有结束标签~2.编译问题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-spa...

2022-03-23 21:21:41 359

原创 TypeScript入门

1,什么是TSTS是TypeScript简写，TypeScript是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持，它由 Microsoft 开发，代码开源于 GitHub上。2,TypeScript 的特性类型系统我们知道，JavaScript 是一门非常灵活的编程语言：它没有类型约束，一个变量可能初始化时是字符串，过一会儿又被赋值为数字。由于隐式类型转换的存在，有的变量的类型很难在运行前就确定。基于原型的面向对象编程，使得原型上的属性或方法可以..

2022-03-21 21:12:09 817

原创 mockjs的使用

mockjs入门操作首先先创建一个新的Vue项目，然后安装mockjs 与 axios 安装axios 是为了能模拟后台接口。安装完以后启动我们的项目，在main.js中引入mock.js文件，import '@/mock/mock.js'mock.jsmock.vue文件页面/控制台数据以上就是使用mockjs生成的模拟数据，在开发的时候如果没有数据地址可以使用这个，基本上可以满足平时开发的需要。...

2022-03-21 19:35:40 755

原创 VUE3.0 路由详解

一，下载安装此地址可以直接下载https://unpkg.com/vue-router@4下载后安装：npm install vue-router二，创建路由 HTML：<template>   <!--`<router-link>` 将呈现一个带有正确 `href` 属性的 `<a>..

2022-03-07 09:08:10 1785

原创 VUE的学习从入门到拿捏（二）

1，组件components 组件系统是Vue的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。组件是可复用的 Vue 实例。局部注册：在挂载点内以<组件名>这样的方式来使用组件，在挂载点内组件名称的地方，vue解析之后就会把组件的template模板中的内容展示出来。定义组件const step = { template:`<div><button @click="n--">-</button&gt...

2022-03-02 20:30:55 751

原创轻轻松松学Vue

指令解释：指令 (Directives) 是带有 v- 前缀的特殊属性作用：当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM常用指令v-text ：更新元素的 textContentv-html ：更新元素的 innerHTMLv-bind 当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM语法：v-bind:title="msg"简写：:title="msgv-on：绑定事件语法：v-on:click="say"orv-...

2022-02-28 21:13:38 112

原创 VUE的学习从入门到拿捏（一）

前言概述： Vue是一款前端渐进式框架，简单，高效，生态丰富（插件多）可以很大的提高前端开发效率。是主流的三大框架之一。一，Vue导入1，直接用script标签引入可以在https://unpkg.com/vue@next下载vue文件。下载好vue.js，导入到程序中，通过<script src="js/vue.js"></script>引用vue.js 二，Vue创建应用实例创建一个新的应用实例<div id="app"...

2022-02-24 21:40:45 190

原创 ES6（进阶二）

1，asyc与await声明async函数的几个方法普通声明：async function HelloAsync(){ return "helloAsync";}async function HelloAsync(){ return "helloAsync";}声明一个函数表达式：var Helloasync=async function(){return "helloAsync";}...

2022-02-23 20:26:52 337

原创 ES6进阶

1.类ES6 中有 class 语法。值得注意是，这里的 class 不是新的对象继承模型，它只是原型链的语法糖表现形式。<script type="text/javascript"> //创建一个类 class Animal { // 构造器constructor constructor(name) { this.name = nam...

2022-02-22 20:36:47 219

原创 ES6基础

01.es6概述ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。02. let与const关键字let声明变量：let 允许创建块级作用域，ES6 推荐在函数中使用let定义变量，而非var：let是块级作用域（在一对大{} 里面起作用）{ let a = 15;...

2022-02-21 19:39:41 218

m0_58856160的博客