照顾好自己i-CSDN博客

原创微信小程序入门教程

微信小程序特点小程序依赖微信快，因为免去下载和安装小，一个包不能超过2M 强，微信有什么能力它也拥有广，传播微信圈子近10亿用户QQ 微信支付宝字节跳动美团鸿蒙都有类似小程序注册微信开发者账号微信公众平台https://mp.weixin.qq.com/下载微信开发者工具稳定版https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html接下来给大家介绍下wx小程序的项目结构

2022-04-17 20:09:08 399

原创快速入门 React 路由

安装安装版本为5.0npm i react-router-dom@5.0 -S导入路由相关组件import { HashRouter as Router,//HashRouter哈希路由 as起别名 router路由 Route,//router 存放路由的容器 NavLink,//navlink 导航链接 Redirect,// Redirect 重定向 Switch,// Switch一次匹配一个页面} from "react-router-dom";普通

2022-04-09 20:07:55 961

原创 React简单安装、使用

前言react是fachebook公司产品用于创建用户界面的javascript库React 特点：虚拟dom节点单向数据流组件开发思维一、安装脚手架安装npm i create-react-app -g创建项目create-react-app 项目名启动项目cd 项目名npm start二、jsx语法JSX，是一个 JavaScript 的语法扩展（ JavaScript 与 HTML 结合）。我们建议在 React 中配合使用 JSX，JSX

2022-04-05 14:49:34 1472 1

原创百度地图的使用方法，及vue中调用

1.百度地图的注册使用密钥点开下面连接进行注册然后登录百度账号https://lbsyun.baidu.com/?qq-pf-to=pcqq.group点开控制台进入我的应用创建后会有个密钥（AK）这个引入地图是要用3.页面引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>4....

2022-04-01 21:59:30 2738

原创浅谈 echarts数据可视化

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

2022-03-28 23:31:08 1301

原创 less的简单运用

Less是CSS预处理器，它扩展了CSS的功能并且CSS预处理器是一种脚本语言，可扩展CSS并将其编译为常规CSS语法，以便可以通过Web浏览器读取。它提供诸如变量，函数， mixins 和操作等功能，可以构建动态CSSLess的优点：1，LESS支持创建更清洁，跨浏览器友好的CSS更快更容易2，LESS是用JavaScript设计的，并且创建在 live 中使用，其编译速度比其他CSS预处理器更快。3，LESS保持你的代码以模块化的方式，这是非常重要的，通过使其可读性和容易改变。4，

2022-03-27 21:34:07 976

原创 Vue常见错误解决

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-spaces-and-tabs第3行的第一个字符第4函的第一个字符Mixed spaces and tabs错误原因：混合的空格与tabno-mix..

2022-03-23 21:23:11 1387

原创 ts + Vue3.0 + setup + volar

TypeScript具有类型系统是JavaScript的超集，可替代应用级的Java script开发，TypeScript支持任意浏览器，任意环境，任意系统并且是开源的，目前前端三大开发框架Vue react Angular都是基于TypeScript，学习TypeScript的前景是大好的做个简单的步进器<template> <div class="home"> <h1>vue+ts+setup+volar</h1> &l.

2022-03-21 21:13:33 1009

原创浅谈mockjs

定义1.拦截ajax2.生成伪随机数据当前端开发程序员写好了接口文档没有实现接口文档先自己造数据，模拟后端，发开前端的功能等待后端接口做好，和后端联调，更改baseURL实现切换接口服务器安装npm i mockjs -D使用1.定义mock.js2.在main.js导入import '@/mock/mock.js'mock.js文件// 导入mockjsimport Mock from 'mockjs';// 拦截接口地址/api/getData 拦截g

2022-03-21 19:48:20 1207

原创史上最全api知识

一、组合api介绍通过创建 Vue 组件，我们可以将界面中重复的部分连同其功能一起提取为可重用的代码段。setupsetup(){ // 执行时机：created }ref 接受一个内部值并返回一个响应式且可变的 ref 对象。 ref 对象仅有一个 .value ，指向该内部值。const count = ref(0)console.log(count.value) // 0watch监听对象的变化const counter = ref(0)watch(co

2022-03-16 21:30:55 743

原创三分钟带你走进Vue Router

router-link(页面跳转)我们没有使用常规的 a 标签，而是使用一个自定义组件 router-link 来创建链接。这使得 Vue Router 可以在不重新加载页面的情况下更改 URL，处理 URL 的生成以及编码。<router-link to="/about"><template> <div id="main"> <router-view class="views has-tabs" /> <div class="ta

2022-03-05 15:00:22 604 1

原创 Vue一看就会的过渡动画

Vue 提供了内置的过渡封装组件，该组件用于包裹要实现过渡效果的组件。组件进入和离开 DOM 的钩子使用内置的 <transition> 组件 <button @click="flag=!flag">切换</button> <br> <transition name="fade"> <img src="./images/sun.jpeg" alt="" width="120" v-if="flag"> </...

2022-03-02 19:20:29 737

原创 Vue中必须要了解的基础知识

一、模板语法指令是带有 v- 前缀的特殊 attribute。指令的属性值预期是单个 JavaScript 表达式文本渲染 {{ }} 语法const app = Vue.createApp({ data() {return { msg: ‘你好Vue3’ } }})const vm = app.mount('#app') v-text 指令和 v-html 指令<div v-html="raw"></div><div v-t...

2022-02-28 20:00:20 705

原创 vue那些你不知道的隐藏知识

欢迎大家阅读本篇文章，相信很多人之前只是听说过Vue并浅浅的了解过，现在本博主带大家一起了解一下Vue的用处以及隐藏小知识。Vue 是一套用于构建用户界面的渐进式框架。它的特点就是简单、高效，生态丰富（插件多）。简单的介绍就到这里吧，接下来带大家走进Vue，一起看下丰富多彩的框架世界。一、创建应用实例用createApp 函数创建一个新的应用实例，完整代码如下：<!DOCTYPE html><html> <head> <meta chars

2022-02-24 21:03:27 516 1

原创 ES6新增数据类型之基本类型

一、SymbolSymbol 是一种新的数据类型，它的值是唯一的，不可变的var sym = Symbol( "符号" );console.log(typeof sym); // symbol这里 Symbol 前面不能使用 new 操作符。如果它被用作一个对象的属性，那么这个属性会是不可枚举的二、迭代器（Iterators）迭代器允许每次访问数据集合的一个元素，当指针指向数据集合最后一个元素时，迭代器便会退出。它提供了 next() 函数来遍历一个序列，这个方法返回一个包含 d

2022-02-23 19:20:34 1723

原创史上最全ES6新增知识点(二)

一、类ES6 中有 class 语法。值得注意是，这里的 class 不是新的对象继承模型，它只是原型链的语法糖表现形式。函数中使用 static 关键词定义构造函数的的方法和属性：class Animal { constructor(color,age){ this.color = color; this.age = age; } yeil(){ alert...

2022-02-22 21:39:51 299 1

原创 ES6新增史上最全知识点(一)

变量声明 let 1.局部作用域 2.不能重复声明 3.不会变量提升 const 1.局部作用域 2.不能重复声明 3.不会变量提升 4.声明必须赋值 5.声明后不能修改* 6.建议变量名大写解构把对象或者数组解析为单独的变量数组用，分割可以跳过...剩余值给默认值...

2022-02-21 20:31:14 493

weixin_56511814的博客