- 博客(19)
- 收藏
- 关注
RSS订阅原创 Component inside ＜Transition＞ renders non-element root node that cannot be animated. 动态组件切换的时候卡住
动态组件切换的时候卡住，显示空白。组件要求其子节点必须是一个元素节点。
2024-04-17 23:56:31
197
1
原创 小程序入门第一课，从申请账号开始带你认识微信小程序
微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。
2022-04-15 21:39:38
579
原创 快速入门 react 之 react 路由
目录安装导入路由相关组件路由配置Route props（ 路由参数 ）matchlocationhistory普通路由路由传参子路由没有匹配（ 404 ）安装npm i react-router-dom@5.0指定安装 5.0 版本导入路由相关组件import { HashRouter as Router, Route, NavLink } from 'react-router-dom'路由组件 解...
2022-04-09 19:08:26
791
原创 快速入门 react - 第一课
React是一个用于构建用户界面的 JavaScript 库。React 特点：虚拟dom节点 单向数据流 组件开发思维安装 1. 安装脚手架 npm i create-react-app -g 2. 创建项目 create-react-app 项目名称 3. 启动 cd 你的项目 npm...
2022-04-04 22:32:28
710
原创 第一次接触百度地图？前端看这篇就够啦
想要使用百度地图，首先要注册一个账号百度地图开放平台 | 百度地图API SDK | 地图开发创建地图1. 引入百度地图API文件<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=您的密钥"></script>密钥就是访问应用下面的一串字符 2.初始化地图逻辑首先创建地图实例，之后用一...
2022-04-01 21:03:39
1103
1
原创 浅谈 echarts 数据可视化开发
Apache ECharts一个基于 JavaScript 的开源可视化图表库同类型产品还有：hightCharts 、D3echarts步骤1. 初始化var echart = echarts.init(dom节点,主题)2. 设置选项option参数const option = {title 标题legend 图例color ...
2022-03-28 22:30:34
464
原创 浅谈 less
css预处理语言 less stylus sass变量 @color:red;h1{color:@color;}嵌套 ul{ color:red; li{ line-height:48px; a{text_decoration:none &:{color:#f70;} } }}运算 @w:10;.s1{padding:@w*2;}.s2{padding:@w+...
2022-03-28 08:59:50
95
原创 ts + vu3 + setup + volar 入门
TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。是由微软开发的自由和开源的编程语言。在运行的时候，ts编译成JavaScript。它是一门静态语言，静态语言的特点：强类型 遵循ES6 编译器严谨的语法检查ts默认文件后缀名为 .ts在 ts 中的 script 标签：<script lang="ts" setup></script>数据类型JavaSc...
2022-03-22 00:35:26
182
原创 使用 mock.js 后 再也不用追着后端要接口啦
生成随机数据，拦截 Ajax 请求当前端开发程序员写好了接口文档，没有实现接口文档，就可以先自己造数据，模拟后端，开发前端的功能。等待后端接口做好，和后端联调，更改baseURL，实现切换接口服务器。安装npm i mockjs -D使用可以在 src 中新建一个 mock 目录，在里面新建一个 mock.js然后在 main.js 中导入import '@/mock/mock.js'mock的三种写法Mock(url,method,data)Mock(..
2022-03-22 00:12:13
1097
原创 如何在 vue 中使用 axios ？
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。安装win+r 打开控制台 cd /项目名 npm i axios -S引入单页面引用import axios from 'axios'从node_modules导入的包不需要加./ ../全局配置在 main.js 里配置：// 导入axiosimport axios from 'axios'// 默认请求的基础url（如果...
2022-03-08 15:45:45
11346
1
原创 浅谈 vue3 路由 router（1）
将 Vue Router 添加到组合中时，我们需要做的就是将我们的组件映射到路由并让 Vue Router 知道在哪里渲染它们。vue-router默认使用是Hash模式，Hash模式主要是通过url中的hash值来变化的。Hash（即#）是url的一个锚点，代表的是网页中的一个位置，当hash值变化时，浏览器就滚动到相应的位置，所以不会重新加载页面。在hash值变化的同时url会被浏览器记录下来，这样既可以使用浏览器的后退了。简单来说，就是通过改变url中#...
2022-03-05 17:19:26
2589
原创 Vue3零基础学习指南之Vue基础（2）— 表单绑定、计算、监听与样式
目录表单绑定文本与多行文本复选框 checkbox单个复选框多个复选框单选框 radio选择框 select表单修饰符计算 computed监听 watchclass与style绑定classstyle自定义指令 directives钩子函数表单绑定你可以用 v-model 指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。它会根据...
2022-02-28 21:27:28
1881
原创 ES6补充-异步与等待、符号、迭代器、代理以及生成器
异步与等待async 异步async作为一个关键字放到函数前面，用于表示函数是一个异步函数。async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。 // 用 asyc 装饰函数 返回的是promise对象 async function say() { return "你好ES6" } say() .then(res => console.log(res)) console.log(say());...
2022-02-23 20:30:36
1407
原创 ES6进阶
类ES6 中有 class 语法。值得注意是，这里的 class 不是新的对象继承模型，它只是原型链的语法糖表现形式。特点：用class声明，本质是function constructor 构造 extends 继承 new 实例化 类名建议首字母大写举例说明： class todo{ constructor(gogo) { this.name = gogo } out(){ return this.name+"我出来啦！..
2022-02-22 21:51:52
1323
原创 ES6基础
let与const关键字letlet是块级作用域 不能重复声明 let声明变量不会变量提升constconst是块级作用域 不能重复声明 const声明变量不会变量提升 建议大写 声明必须赋值 声明后不能修改*（复杂数据可以修改。eg：数组）解构 解构就是把数组或者对象拆分为单个的变量解构数组解构数组是按顺序的交换变量 var a =15; var b =33 var [a,b]=[b,a]结果：不定参（剩余值）与跳...
2022-02-21 20:42:07
1341
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人