- 博客(22)
- 收藏
- 关注
RSS订阅原创 微信小程序保姆级入门教程
一、微信小程序特点-小程序依赖微信快，因为免去下载和安装小，一个包不能超过2M强,微信有什么能力它也拥有广,传播微信圈子近10亿用户QQ 微信 支付宝 字节跳动 美团 鸿蒙 都有类似小程序二、使用准备1.注册开发者帐号注册小程序账号2.下载微信开发者工具稳定版3.微信开发文档开发文档三、项目结构四、配置文件1、app.jsonpages 存放项目的页面哪个页面在最前面，哪个页面是默认页面window 项目的窗口“backgroundTextStyle”: “li
2022-04-16 19:42:53
319
原创 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";二、案例1.普通路由
2022-04-09 19:12:42
171
原创 react入门
前言React 是一个用于构建用户界面的 JavaScript 库。React 特点：虚拟dom节点单向数据流组件开发思维提示：以下是本篇文章正文内容，下面案例可供参考一、安装安装脚手架 npm i create-react-app -g 创建项目 create-react-app 项目名称 启动 cd 项目 npm start 二、JXS简介JSX，是一个 JavaScript 的语
2022-04-05 13:43:56
1122
原创 js和vue调用百度地图，实现搜索功能
1：首先打开百度地图开放平台网站百度地图开放平台 | 百度地图API SDK | 地图开发 (baidu.com)https://lbsyun.baidu.com/2：注册一个个人开发者账号。创建好后点击控制台，找到应用管理–我的应用，新建一个应用3：新建一个html，在页面中先导入百度地图，具体步骤如下图页面效果：绘制点线面：图面效果如下图，可双击锁定一个区域接下来实现搜索功能，在文本框里输入文字，然后地图把输入的东西检索并在地图上标记出来，这个功能需要jQuery.js的Aja
2022-04-01 21:19:53
2887
原创 echarts图表应用
1，echarts简介JavaScript的图表库百度捐给apache基金会比较符合中国人习惯HeightCharts , D3为同行2，几个常用的图表类型type：type:"bar"柱状图type:"line"折线图type:"pie"饼图3，实际案例页面效果还可以在同一个容器或创建的实例中放入多个图表, <script> // 01 创建实例 // 主题颜色：默认 drak 深色主题 light亮色 已定义主题 var echart = echa
2022-03-28 22:22:04
642
原创 Less入门
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、Less是什么？二、使用步骤1.安装2.使用三、less的特点1.less可用用@关键字来定义变量2.嵌套3.运算4.转义5.内置函数6.引用与映射7.作用域8.注释9.导入前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、Less是什么？Les.
2022-03-26 20:22:19
2392
原创 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:21:27
363
原创 TypeScript + Vue3.0 ，制作步进器案例
1，TypeScript具有类型系统是JavaScript的超集，可替代应用级的Java script开发，TypeScript支持任意浏览器，任意环境，任意系统并且是开源的，目前前端三大开发框架Vue react Angular都是基于TypeScript，学习TypeScript的前景是大好的2，在这里用TypeScript和Vue做一个简单的步进器再创建一个stepCom.vue组件最后效果：步进器...
2022-03-21 20:03:52
1197
原创 mockjs入门
mockjs定义1，拦截ajax2，生成伪随机数据当前端开发程序员写好了接口文档，没有实现接口文档，先自己造数据，模拟后端，开发前端的功能安装npm i mockjs -D使用1，定义mock.js2，在main.js导入 import ‘@/mock/mock.js’方法Mock(url,method,data)Mock(url,data)Mock(url,method,function(options){return {data数据}})...
2022-03-21 18:31:47
1548
原创 setup最全知识点
setup组合api组合api特点1，更加直观，接近原生js2.，按需加载3，没有this，降低耦合性，提高复用性setup（）相当于created生命周期需要return返回，在模板中使用ref值类型响应对象const count = ref(5)1,在setup访问count值,count.value 来访问2,可以作为dom引用const inp = ref(null) inp.value.innerText - reactive引用类型 响应式 1
2022-03-16 20:43:44
921
原创 vue3 实现点击加载刷新
<template> <div> <button>{{num}}</button> <div class="joks"> <!-- 遍历笑话信息 --> <div class="jok" v-for="item in joks" :key="joks.docid">{{item.summary}} <hr > </div> <button @click=.
2022-03-05 16:37:30
1067
1
原创 vue3 实现数据增删改
html部分<template> <div class="about"> //输入框 <input type="text" v-model="tit" placeholder="请输入标题"> <input type="text" v-model="user" placeholder="请输入发布人"> <input type="date" v-model="times"> <button class="
2022-03-05 14:31:02
6097
6
原创 vue3实现简单轮播图
app挂载创建swiper组件<div id="app"> <swiper :gallery="gallery" style="width:100%"></swiper> </div>css部分 <style type="text/css"> .swiper { position: relative; } .prev { position: absolute; l..
2022-03-05 14:16:14
6895
原创 Vue3.0 Router 路由
1，router-link(页面跳转)我们没有使用常规的 a 标签，而是使用一个自定义组件 router-link 来创建链接。这使得 Vue Router 可以在不重新加载页面的情况下更改 URL，处理 URL 的生成以及编码。<router-link to="/about"><template> <div id="main"> <router-view class="views has-tabs" /> <div clas.
2022-03-05 13:27:16
967
原创 vue3最全安装手册
一，cmd1，win+R打开运行，输入cmd打开命令窗口2，切换盘符d: f:3，切换目录，cd目录地址4，创建目录，md 目录地址5，删除目录，rd 目录地址，rd/s/q静默删除目录与目录内容6，/根目录7，./当前目录8，../上一层目录9，help 查看命令10，help 命令 查看命令用法11，首字母+tab提示当前目录的文件夹12，上箭头：上一个命令13，下箭头：下一个命令14，其他ipconfig 查看ip...
2022-03-02 19:17:15
583
原创 vue3 你不知道的隐藏的小知识
组件组件：一个小的功能分区 意义：复杂项目拆分成简单的组件，让团队开发更高效，组件是可以重复使用的模块 理解：组件其实就是个小的vue，具有data，methods，watch，computed 组件的定义：const steper = {template:`<span>......</span>`}组件注册componets:{steper}组价的使用<steper></steper>组件的参数传递父传...
2022-03-02 18:40:13
546
原创 看一眼就会的Vue3简单数据添加
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>数据添加</title> <script src="js/vue.js"></script> <style type="text/css"> .box{ float: left; margin-right: 30px; } but.
2022-02-26 12:04:45
2064
原创 Vue3最全基础指令
一，概述构建用户界面的渐进式JavaScript框架 前段框架：Vue 尤雨溪 React Facebook脸书 Angular google Jquery二，安装<script src="vue.js">三，实例化模板<div id = "app"> </div>创建appconst app = Vue.createApp({ data(){return {}}}...
2022-02-24 19:38:03
2991
原创 ajax与Promise做一个城市与天气的案例
<body> <div> <span class="city"></span> <span class="weather"></span> </div> <script type="text/javascript"> function getApi(url) { //返回一个promise实例 return new Promise((resolve, reject).
2022-02-23 17:37:34
326
原创 cookie
组成name=value 名/值形式 expires 失效时间（以UTC时间 或 GMT时间） max-age 最大存活时间（生存周期） 数值（秒） path 访问路径 domain 访问域名 secure 安全设置设置function setCookie（ name，value，exday）{ var cookieText = name + “=” value； if（exday > 0）{ var d = new Da...
2022-02-22 20:37:04
304
原创 ES6中你不知道的事
1，变量提升1）let特点：1，局部作用域；2，不能变量提升；3，不能重新声明2）const特点：1，局部作用域；2，不能重复声明；3，不会变量提升；4，声明必须赋值；5，赋值后不能修改；6，建议大写2，解构定义：把对象或者数组解析为单独的变量；数组解构：用 “，” 分割；可以跳过；......剩余值；给默认值；有顺序的例如：let [a,,b,,c,d=10,......res] = arr;对象解构：变量名和对象的键名保持一致；无序的例如·：let {age,na
2022-02-21 19:35:47
512
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人