H_M99-优快云博客

原创如何快速上手小程序开发（史上最全）

01 开发前准备登录微信小程序官网：mp.wx.qq.com（这里以微信小程序为例）申请属于你个人的小程序账号（分为个人和企业，在这申请个人很容易）按照文档，下载微信开发者工具，进行登录，创建一个新的文件夹，他会自动给你生成默认的文件，然后填入你的appID，模板一般选择JavaScript模板。02 页面文件的配置1.配置文件 app.jsonpages 存放项目的页面，哪个页面在最前面，哪个页面就是默认页面；windows 项目的窗口："backgroundTextS

2022-04-17 00:53:38 3596

原创 react路由如何快速上手

01 路由安装安装指令：npm i react-router-dom@5.002 路由组件HashRouter 哈希路由BrowserRouter 浏览器路由Route 存放路由的页面NavLink 导航链接Link 链接Redirect 重定向Switch 一次只匹配一个路由

2022-04-16 12:16:30 462

原创每一位前端工程师都绕不开的——百度地图

01 完成头部文件和地图容器样式的编写，给地图容器一个宽高。<div id="container"></div><style type="text/css"> #container{height: 600px;width: 800px;} /*容器地图的宽高 */</style> 02 引入百度地图API文件<script type="text/java.

2022-04-01 20:20:42 402

原创如何简单使用echarts实现数据可视化？

01 echarts简介百度开发团队制作，开源交个apache基金管理制作图表的javascript库同类型产品hightCharts D302 echarts步骤1. 初始化var echart = echarts.init(dom节点,主题)2. 定义选项optionconst option = { title标题 legend图例 color调试版本 tooltip提示 xAxis 轴线X yAxis 轴线Y series 系列数据}3. 更新选.

2022-03-28 22:54:01 873

原创关于Less你知道多少？赶紧来看看叭~

01 关于LessLess是一门CSS扩展语言，也称为CSS预处理器。其实常见的css预处理语言除了Less，还包括sass和stylus。使用Less之前需要先安装Less，Less的安装步骤如下：（1）先安装node.js；（2）基于安装的node.js，使用命令“npm install -g less”进行Less的安装。02 Less的使用在Less中，注释的写法与css中的写法保持一致 // ，/* */。变量命名规则：@变量名:变量值;@color:red;..

2022-03-27 23:15:30 1102 1

原创 Vue3.0了，快来看看这些错误你遇到过吗？

在Vue3.0中，有这些常见错误，快来看看这些错误你遇到过吗？遇到又如何解决呢？01 没有捕捉到的类型错误Uncaught TypeError错误出现的文件 C:\myel\src\views\AdminView.vue错误原因:e.preventDefault 不是一个函数解决办法:将click后面的.prevent去掉即可02 编译问题Compiled with problems:1)错误出现的文件 C:\myel\src\views\HomeView...

2022-03-23 23:05:10 1182

原创初识TS你需要知道哪些内容？

TS是什么TS( TypeScript )是由微软推出的，是JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持，运行的时候，ts 编译成javascript。由于js本身是弱类型语言，所以天然不存在类型系统，而ts这种静态类型的语言，相比最大的优点是类型系统的引入，强类型，遵循ES6，编译器严谨的语法检查。因此，像vue，react，angular，小程序等都推荐使用ts。此外，ts默认文件后缀名为 .ts ，同样script标签内容也变为<script lang

2022-03-21 21:57:15 713

原创 Vue3那些实用小知识~

Vue3之Mockjs的使用01 Mockjs的特性为什么mockjs在前端这么受欢迎呢，首先它有很多特性，如下：数据类型丰富支持生成伪随机数据，如文本、数字、布尔值、日期、邮箱、链接、图片、颜色等等拦截 Ajax 请求不需要修改代码，就可以拦截Ajax请求，返回模拟的响应数据，安全便捷没有接口文档，也能造数据 ...

2022-03-21 20:27:32 1270

原创 Vue3那些实用但是你不知道的知识~

Vue3之setup组合api01 setup组合api的特点：更加直观，接近原生js 按需加载没有this，降低了耦合性，提高复用性02 setup（）方法相当于created生命周期，需要 return 返回，在模板中使用。setup编写的代码更加直观，接近原生js03 ref 值类型响应式数据在setup访问count值，count.value 来访问const count = ref(5)可以作为dom引用const inp = ref(nu...

2022-03-16 19:52:15 229 1

H_M99的博客