- 博客(17)
- 收藏
- 关注
RSS订阅原创 微信小程序新手入门教程
一、准备工作登录微信小程序官网mp.wx.qq.com注册账号下载微信开发者工具创建小程序项目文件夹，并创建小程序模板选择JS模板二、对小程序页面进行路由配置在pages文件夹中创建一个新的文件夹再在新创建的文件夹中新建pagejs 文件：页面逻辑wxml 文件：页面结构json 文件，页面配置wxss 文件，页面样式打开小程序中的app.json文件在pages下添加新建的页面路径讲新建的页面放在第一个此时左边模拟器显示效果如下即
2022-04-17 19:52:57
4455
1
原创 react路由操作指南
一、安装启动react项目控制台cmd输入指令react-router-dom使用npm start启动react项目二、使用react项目在App.js中导入路由组件创建普通路由完整代码import {HashRouter as Router,Route,NavLink} from "react-router-dom";function App() { return ( <Router> <div classNam.
2022-04-10 14:48:55
697
原创 react入门必看攻略
一、react是什么？react是一个用于构建用户界面的 JavaScript 库二、使用步骤安装react1. 安装脚手架npm i create-react-app -g2. 创建项目create-react-app 项目名3. 启动项目npm start二、元素渲染文本渲染const str = "你好react"function App() { return (<div> <p>{str}</p>
2022-04-05 17:00:10
1383
原创 JS如何实现百度地图
文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结一、script引入百度地图路径apk可在百度地图官网开发者模式创建仓库中自行创建 <script src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=自己的apk" type="text/javascript" charset="utf-8"></script&...
2022-04-01 21:02:46
8134
2
原创 echarts全解析及其用法详解
一、echarts简介百度开发团队制作，开源交给apache基金管理制作图表的JavaScript库同类型产品highCharts D3二、echarts步骤初始化 var echart = echarts.init(dom节点,主题)定义选项option var option = {title标题legend图例color调试版本tooltip提示xAxis轴线XyAxis轴线Yseries系列数据}更新选项 echart.setOp...
2022-03-28 22:14:48
43493
原创 less介绍及其使用方法
Less是CSS预处理器，它扩展了CSS的功能并且CSS预处理器是一种脚本语言，可扩展CSS并将其编译为常规CSS语法，以便可以通过Web浏览器读取。 它提供诸如变量，函数， mixins 和操作等功能，可以构建动态CSS通过 npm 安装npm install less -gLess特点：1，LESS支持创建更清洁，跨浏览器友好的CSS更快更容易2，LESS是用JavaScript设计的，并且创建在 live 中使用，其编译速度比其他CSS预处理器更快。3，LESS保持你的代码以模
2022-03-27 21:56:11
1245
原创 vue3常见错误及解决办法全解析
1.错误位置：错误原因：第24行5列出现错误，缺少>符号2.报错位置：报错原因：在代码31行6列中缺少结束标签3.在代码65行2列中 onMounted未定义，说明onMounted没有引用，也有可能单词写错4.在代码5行3列出，有多余空格，一般只在严格模式中会展示此错误使用ctrl+K格式化文档就可以解决该错误。5.在代码第10行的19-57个字符中存在错误错误原因：模块找不到，不能resolve解决办法：检查...
2022-03-23 20:58:47
4864
原创 Vue3+TS+setup+volar最新总结
一、typescript背景微软推出的typescript>ES6>javascript运行的时候，ts 编译成javascript是一款静态类型的语言,具有以下特点强类型，遵循ES6，编译器严谨的语法检查vue,react，angular，小程序都推荐用tsts默认文件后缀名.ts定义变量字符串const str = ref<string>("abc")const str = ref("abc")根据值类型自动判断改类型变量是什么数字con
2022-03-21 21:47:02
1355
原创 mockjs最新版总结
一、定义1 拦截ajax2. 生成伪随机数据当前端开发 程序员写好了接口文档没有实现接口文档先自己造数据，模拟后端，开发前端的功能等待后端接口做好，和后端联调，更改baseURL实现切换接口服务器二、安装npm i mockjs -D三、使用1. 定义mock.js2. 在main.js 导入import ‘@/mock/mock.js’四、导入mockimport Mock from ‘mockjs’五、方法Mock(url,meth..
2022-03-21 19:44:36
1220
原创 VUE3.2最新总结，不看工地搬砖，看完月入过万
setup组合api一、组合api特点1.更加直观，接近原生js2.按需加载3.没有this，降低了耦合性，提高复用性二、setup（）相当于created生命周期需要return返回，在模板中使用三、ref值类型 响应对象const count = ref(5)在setup访问count值const.value来访问可以作为dom引用const inp = ref(null)<p ref='inp'>inp.value.innerText四、r.
2022-03-21 19:39:27
533
原创 点进来，三分钟告诉你VUE路由怎么写
一、带参数的动态路由匹配1.路径参数在 Vue Router 中，在路径中使用一个动态字段来实现，称之为路径参数。路径参数用冒号:表示。当一个路由被匹配时，它的params的值将在每个组件中以this.$route.params的形式暴露出来。可以在同一个路由中设置有多个路径参数，它们会映射到$route.params上的相应字段。2.响应路由参数的变化使用带有参数的路由时，相同的组件实例将被重复使用要对同一个组件中参数的变化做出响应的话，可以简单地 watc...
2022-03-04 21:12:16
3588
原创 VUE3怎么学？别瞎逛了，点进来十分钟教你学会VUE3
五、指令directives1.自定义指令，可以访问到dom节点2.directive:{'focus':{ mounted(el,binding){//el 当前指令所在的dom//binding指令相关信息//binding.value指令的值 } }}3.钩子函数①created:创建②beforeMount:父组件挂载前③mounted：挂载后④beforeUpdate：更新前六、组件components1.把复杂的项目拆分成简单的组件...
2022-03-02 19:09:39
727
原创 VUE3怎么学？别瞎逛了，点进来十分钟教你学会VUE3
二、内置指令6.v-on①事件响应：v-on:时间名='事件响应'v-on:click='num++'@click = 'num++'②方法响应@click = 'saymethods:{say(e){默认会有个事件参数}}③内联传参@click = 'say(msg,$event)'$event当前单击的事件对象，x，y位置，元素say(msg,e){}④按键修饰符.stop阻止事件穿刺确定哪个按键被按下.enter 回车.esc 取消.delete 删除.s
2022-02-28 19:30:32
393
原创 VUE3怎么学？别瞎逛了，点进来十分钟教你学会VUE3
一、实例化VUE1.模板<script scr:'vue.js'></script>2.创建appconst app = Vue.createApp({ data(){return{}}3.挂载app.mount('#app')二、vue内置指令1.v-text①更新元素的 textContent如果要更新部分的 textContent，需要使用 Mustache 插值。②<span v-text="msg"></sp...
2022-02-24 20:20:41
1233
2
原创 ES6第三讲
十四、异步与等待async和await1.async function say(){ return 'abc'}say().then(res=>{})2.async装饰的函数返回的是一个promise对象3.await只能在函数async中使用当函数遇到await等待await结果，再往下执行4.async function doit(){ var m1 = await say('msg',1000); var m2 = await say('msg2',1...
2022-02-24 20:03:36
168
原创 ES6第二讲
八、类1.constructor 构造器2.super 超级3.extends 继承4.new 实例化 类名建议大写开头5.用class声明 本质是function九、模块化1.<script type="module">2.导出export{name}导出一个export{name，fun}导出多个export default Man;导出默认 只能有一个3.导入import {name} from url 导入一个import {name,fun} ..
2022-02-22 20:26:10
209
原创 ES6第一讲
1.ES6概述ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。
2022-02-22 20:11:56
79
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人