cchhllll的博客

Component inside ＜Transition＞ renders non-element root node that cannot be animated. 动态组件切换的时候卡住

cchhllll — Wed, 17 Apr 2024 23:56:31 +0800

动态组件切换的时候卡住，显示空白。组件要求其子节点必须是一个元素节点。

小程序入门第二课 — 组件与WXML语法

cchhllll — Fri, 15 Apr 2022 23:41:24 +0800

组件、WXML语法

小程序入门第一课，从申请账号开始带你认识微信小程序

cchhllll — Fri, 15 Apr 2022 21:39:38 +0800

微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

快速入门 react 之 react 路由

cchhllll — Sat, 09 Apr 2022 19:08:26 +0800

目录安装导入路由相关组件路由配置 Route props（路由参数） match location history 普通路由路由传参子路由没有匹配（ 404 ）安装 npm i react-router-dom@5.0 指定安装 5.0 版本导入路由相关组件 import { HashRouter as Router, Route, NavLink } from 'react-router-dom' 路由组件解...

快速入门 react - 第一课

cchhllll — Mon, 04 Apr 2022 22:32:28 +0800

React是一个用于构建用户界面的 JavaScript 库。 React 特点：虚拟dom节点单向数据流组件开发思维安装 1. 安装脚手架 npm i create-react-app -g 2. 创建项目 create-react-app 项目名称 3. 启动 cd 你的项目 npm...

第一次接触百度地图？前端看这篇就够啦

cchhllll — Fri, 01 Apr 2022 21:03:39 +0800

想要使用百度地图，首先要注册一个账号百度地图开放平台 | 百度地图API SDK | 地图开发创建地图 1. 引入百度地图API文件密钥就是访问应用下面的一串字符 2.初始化地图逻辑首先创建地图实例，之后用一...

浅谈 echarts 数据可视化开发

cchhllll — Mon, 28 Mar 2022 22:30:34 +0800

Apache ECharts 一个基于 JavaScript 的开源可视化图表库同类型产品还有：hightCharts 、D3 echarts步骤 1. 初始化 var echart = echarts.init(dom节点,主题) 2. 设置选项option参数 const option = { title 标题 legend 图例 color ...

浅谈 less

cchhllll — Mon, 28 Mar 2022 08:59:50 +0800

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+...

ts + vu3 + setup + volar 入门

cchhllll — Tue, 22 Mar 2022 00:35:26 +0800

TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。是由微软开发的自由和开源的编程语言。在运行的时候，ts编译成JavaScript。它是一门静态语言，静态语言的特点：强类型遵循ES6 编译器严谨的语法检查 ts默认文件后缀名为 .ts 在 ts 中的 script 标签：数据类型 JavaSc...

使用 mock.js 后再也不用追着后端要接口啦

cchhllll — Tue, 22 Mar 2022 00:12:13 +0800

生成随机数据，拦截 Ajax 请求当前端开发程序员写好了接口文档，没有实现接口文档，就可以先自己造数据，模拟后端，开发前端的功能。等待后端接口做好，和后端联调，更改baseURL，实现切换接口服务器。安装 npm i mockjs -D 使用可以在 src 中新建一个 mock 目录，在里面新建一个 mock.js 然后在 main.js 中导入 import '@/mock/mock.js' mock的三种写法 Mock(url,method,data) Mock(..

浅谈 vue3.2 之组合式 API

cchhllll — Wed, 16 Mar 2022 19:49:45 +0800

组合API介绍，setup语法糖

如何在 vue 中使用 axios ？

cchhllll — Tue, 08 Mar 2022 15:45:45 +0800

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。安装 win+r 打开控制台 cd /项目名 npm i axios -S 引入单页面引用 import axios from 'axios' 从node_modules导入的包不需要加./ ../ 全局配置在 main.js 里配置： // 导入axios import axios from 'axios' // 默认请求的基础url（如果...

浅谈 vue3 路由 router（1）

cchhllll — Sat, 05 Mar 2022 17:19:26 +0800

将 Vue Router 添加到组合中时，我们需要做的就是将我们的组件映射到路由并让 Vue Router 知道在哪里渲染它们。 vue-router默认使用是Hash模式，Hash模式主要是通过url中的hash值来变化的。 Hash（即#）是url的一个锚点，代表的是网页中的一个位置，当hash值变化时，浏览器就滚动到相应的位置，所以不会重新加载页面。在hash值变化的同时url会被浏览器记录下来，这样既可以使用浏览器的后退了。简单来说，就是通过改变url中#...

下班前几分钟，我彻底弄懂了 cmd 和 nmp

cchhllll — Wed, 02 Mar 2022 21:18:34 +0800

1111111111111

Vue3零基础学习指南之Vue基础（2）— 表单绑定、计算、监听与样式

cchhllll — Mon, 28 Feb 2022 21:27:28 +0800

目录表单绑定文本与多行文本复选框 checkbox 单个复选框多个复选框单选框 radio 选择框 select 表单修饰符计算 computed 监听 watch class与style绑定 class style 自定义指令 directives 钩子函数表单绑定你可以用 v-model 指令在表单、

及<select>元素上创建双向数据绑定。它会根据...
</article>
<article>
<h1>Vue3零基础学习指南之Vue基础（1）— 模板语法与指令</h1>
<p>cchhllll — Thu, 24 Feb 2022 21:30:28 +0800</p>
学习vue3第一期 — 模板语法
</article>
<article>
<h1>ES6补充-异步与等待、符号、迭代器、代理以及生成器</h1>
<p>cchhllll — Wed, 23 Feb 2022 20:30:36 +0800</p>
异步与等待

async 异步

async作为一个关键字放到函数前面，用于表示函数是一个异步函数。async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。

// 用 asyc 装饰函数 返回的是promise对象
			async function say() {
				return "你好ES6"
			}
			say()
			.then(res => console.log(res))
			console.log(say());

...
</article>
<article>
<h1>ES6进阶</h1>
<p>cchhllll — Tue, 22 Feb 2022 21:51:52 +0800</p>
类

ES6 中有 class 语法。值得注意是，这里的 class 不是新的对象继承模型，它只是原型链的语法糖表现形式。

特点：

用class声明，本质是function
	constructor 构造
	extends 继承
	new 实例化
	类名建议首字母大写
举例说明：

class todo{
				constructor(gogo) {
				    this.name = gogo
				}
				out(){
					return this.name+"我出来啦！..
</article>
<article>
<h1>ES6基础</h1>
<p>cchhllll — Mon, 21 Feb 2022 20:42:07 +0800</p>
let与const关键字

let

let是块级作用域
	不能重复声明
	let声明变量不会变量提升
const

const是块级作用域
	不能重复声明
	const声明变量不会变量提升
	建议大写
	声明必须赋值
	声明后不能修改*（复杂数据可以修改。eg：数组）
解构

解构就是把数组或者对象拆分为单个的变量

解构数组

解构数组是按顺序的
交换变量

var a =15;
			var b =33
			var [a,b]=[b,a]

结果：

不定参（剩余值）与跳...
</article>
</main></body></html>