整日发愁-优快云博客

原创空闲时间写个小程序

小程序概述小程序与普通网页开发的区别：申请账号与安装工具申请账号：开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。 1.进入小程序注册页根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号，在这个小程序管理平台，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作。 2.登录小程序后台，我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了。小程序的 AppID 相当于小程序平台的一个身份证，后续你会在很多地方要用到 AppI

2022-04-17 17:22:44 322

原创 React路由使用详解

安装路由打开cmd 在项目文件夹安装:npm i react-router-dom@5.0 -S(指定5.0版本) 导入路由的相关组件在app.js中添加路由，导入 import { HashRouter as Router, //HashRouter哈希路由 as起别名 router路由 Route, //Route 存放路由的容器 NavLink, //navlink 导航链接 Redirect,

2022-04-10 18:38:01 1289

原创 React基础入门，怎能不会

起源 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。 react特点 1.虚拟dom节点 2单向数据引流 3.组件开发思维 react安装 1.先安装脚手架：npm i -gcreate-react-app 2.创建项目： creact-react-app 项目名称脚手架基础命令 1.运行项目：先切换到运行项目然后执行命

2022-04-05 18:40:06 1072

原创百度地图的基本使用

使用我们需要在百度地图开放平台注册认证，获取密钥，在页面引入 <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=您的密钥" ></script> 然后才能开始使用简单地图创建一个地图需要一个容器（可以定义地图的宽高） <div id="container"></div> &

2022-04-01 18:11:33 2170

原创 vue3常见错误和解决方法

错误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-

2022-03-23 23:26:21 4169

原创想学TypeScript就来看看

了解从 TypeScript 的名字就可以看出来，「类型」是其最核心的特性。TypeScript 是静态类型，弱类型。TypeScript 非常适用于大型项目，ts默认文件后缀名.ts 使用 <script lang="ts" setup> 在 TypeScript 中，我们使用 : 指定变量的类型，: 的前后有没有空格都可以。 JavaScript 的类型分为两种：原始数据类型（Primitive data types）和对象类型（Object types）。原始数据类型包括：布尔值、数

2022-03-21 21:06:00 1563

原创 Mockjs小知识

开始 & 安装在做开发时，当后端的接口还未完成，前端为了不影响工作效率，手动模拟后端接口， mockjs的优点：前后端分离可随机生成大量的数据用法简单数据类型丰富在已有接口文档的情况下，我们可以直接按照接口文档来开发，将相应的字段写好，在接口完成之后，只需要改变url地址即可。安装：使用mockjs需要用npm安装，安装指令：npm install mockjs 使用我们可以在src中新建一个文件mock，里面新建一个mock.js文件将我们自己写的配置放在js文件里面。引

2022-03-21 19:40:19 1201

原创轻松学会Vue3的setup

组合api 通过创建vue组件，我们可以将界面中重复的部分连同其功能一起提取为可重用的代码段。 setup()的执行时机相当于created,没有data 等 <script> export default { setup(){ return { } } } </script> ref 接受一个内部值并返回一个响应式且可变的 ref 对象。 ref 对象仅有一个 .value ，指向该内部值。使用需要引入ref <script>

2022-03-16 20:27:17 706

转载自学Vue路由

入门用 Vue + Vue Router 创建单页应用非常简单：当加入 Vue Router 时，我们需要做的就是将我们的组件映射到路由上，让 Vue Router 知道在哪里渲染它们。 router-link 我们没有使用常规的 a 标签，而是使用一个自定义组件 router-link 来创建链接。 router-link将呈现一个带有正确 href 属性的 a标签,这使得 Vue Router 可以在不重新加载页面的情况下更改 URL，处理 URL 的生成以及编码。 <div id="app

2022-03-04 20:26:11 135

原创 Vue3组件与动画

组件components 组件的组织：通常一个应用会以一棵嵌套的组件树的形式来组织：定义组件 <script> const step = { template:`<div><button @click="n--">-</button>{{n}}<button @click="n++">+</button></div>`, data(){return {n:1}} } </script> 注册

2022-03-02 19:38:38 435

原创 Vue指令基础小总结

文本渲染 {{ }} 语法每个绑定都只能包含单个表达式 <body> <div> {{msg}}</div> <script> const app = Vue.createApp({ data() {return { msg: ‘你好Vue3’ } } }) const vm = app.mount('#app') </script> </body> v-text指令 <div v-text="msg">.

2022-02-28 20:38:34 724

原创学习Vue竟如此简单(接上)

列表渲染 v-for ：我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一的 key，不建议使用index作为key的值（只要key的值唯一就行）演示： <body> <div id="app"> <

2022-02-24 21:25:27 393

原创学习Vue竟如此简单

目录 Vue的安装与使用安装：创建实例： Vue模板语法-文本渲染 {{ }} 语法实例演示： v-text指令实例演示： v-html指令实例演示：属性渲染演示实例：条件渲染演示实例： Vue 作为前端三大框架之一，是一套用于构建用户界面的渐进式框架。简单，高效，生态丰富（插件多）。Vue在2022年发布Vue3.x想必很多想学前端的人都觉得Vue很难，其实不然，不信你往下看。 Vue的安装与使用安装： 1.我们使用Vue可以直接引...

2022-02-24 20:56:59 1164

原创 ES6-进阶2

目录异步与等待 async和await Symob符号迭代器（Iterators） Generator生成器 Proxy 代理总结异步与等待 async和await async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。async 函数中可能会有 await 表达式，async 函数执行时，如果遇到 await 就会先暂停执行，等到触发的异步操作完成后，恢复 async 函数的执行并返回ait 关键字仅在解析值。awasync func...

2022-02-23 20:23:41 196

原创 ES6-进阶

1.ES6 中有 class 语法。值得注意是，这里的 class 不是新的对象继承模型，它只是原型链的语法糖表现形式。函数中使用 static 关键词定义构造函数的的方法和属性： class声明的本质是function <script type="text/javascript"> // 创建一个类 class Animal{ constructor(name) { this.name = name; } say(){ c

2022-02-22 20:43:56 491

原创 ES6-基础

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

2022-02-21 20:18:35 541

weixin_57180500的博客