- 博客(42)
- 收藏
- 关注
RSS订阅原创 uni-app中使用vue3语法详解
在父子组件传递数据时，通常使用的是 props 和 emit，父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。像这种情况，可以使用== provide 和 inject== 解决这种问题，不论组件嵌套多深，父组件都可以为所有子组件或孙组件提供数据，9、onDeactivated(): 比如从 A 组件，切换到 B 组件，A 组件消失时执行；7、onUnmounted(): 组件卸载完成后执行的函数；
2023-03-09 21:34:36
8536
1
原创 uniapp新手入门
uniapp是由dcloud公司开发的多端融合框架。uniapp的出现让我们的开发更为方便，一次开发，多端运行。更重要的是学习成本不会很大，因为uniapp主要是Vue语法加上小程序的api，学过vue和小程序，再学uniapp会更加得心应手。介绍一下端端分为App端（HTML+ nvue（原生view）native.js(js原生沟通的桥梁) weex内置ios/安卓的模块使用），H5端(h5专用api),各种小程序（微信为主）
2023-03-08 23:23:01
944
原创 redux全网最详细教程
counterAction.js调用CounterReducer动作type后面跟的是常量，需要两个页面一致，所以我们store --type.js 存放reducer动作类型export const INCREMENT="INCREMENT"在其他页面导入，引号就可以去掉了，不容易出错，很规范`import {INCREMENT} from './types'`store有三个核心方法(原生）:dispatch发起动作 触发reducer 返回新的state subscribe 监听s
2023-02-15 21:59:21
1360
原创 react路由详解
在学习react路由之前，我们肯定需要安装路由。大家先运行如下命令安装路由。安装之后随我一起探索react路由。==HashRouter哈希路由（所有的路由组件和方法必须包裹在这个路由里面）==NavLink 导航链接（选中多个action）可以写成下面两种形式`to="/about"` `to={{pathname:"/about"}}`Link导航链接 没有active类，NavLink有active类==Outlet子路由容器== 这一点也是和vue的区别
2023-02-14 22:15:23
1016
原创 react基础
父组件子组件{props.value}接收父组件传入参数defaultProps默认参数。props类组件（有props state 生命周期 ref this）推荐使用函数组件，函数组件只有props,不依赖state 适应性更强，更解构，提高组件的复用性也叫视图组件
2023-02-13 20:39:48
1059
原创 webpack新手入门
webpack是一个前端打包工具，用来处理现代前端错综复杂的依赖关系，生成浏览器可以识别的静态资源。解释一下什么叫依赖关系：就是A插件需要B插件，B插件有D插件， F插件又需要A插件Vue前期脚手架就是用webpack制作。Vue 开始推荐vite构建工具（更快），现在react脚手架 angular等现代框架的脚手架都是依赖webpack。entry入口，入口就是项目运行的起点，告诉webpack从哪开始打包`output 出口
2023-02-09 19:27:15
1203
原创 新手入门TypeScript
1函数的类可以轻松支持多种类型增强程序的扩展性2.不必写冗长的联合类型，增强代码的可读性3.灵控制类型直接的约束。传入什么类型，返回什么类型。泛型是指在定义函数，接口，或类的时候，不预先指定具体的类型而是使用的时候再指定类型泛型中的T就像一个占位符、或者说一个变量;在使用的时候可以把定义的类型像参数一样传入，它可以原封不动地输出。泛型在成员之间提供有意义的约束:成员（函数的参数，返回值,类的实例，成员，类的方法)
2023-02-07 20:13:00
1364
原创 新手入门Pinia
ref() 就是 state 属性computed() 就是 gettersfunction() 就是 actionsimport {// 其他配置... })defineStore() 的第一个参数要求是一个唯一的名字,第二个参数可接受两类值：Setup 函数或 Option 对象（Vue 的选项式 API 类似）const后面的返回值可以任意命名，但是我们最好使用 store 的名字，同时以use开头且以Store结尾。
2023-02-02 19:24:35
1258
原创 Vuex基础概念用法（新手入门）
定义: vue全局状态管理器。有了Vuex在任意组件/页面都可以访问vuex数据，当数据更新的时候，引用vuex的组件视图会自动更新。也就是说Vuex实现数据全局共享，响应式更新。
2022-12-28 23:58:49
1104
原创 Uniapp云开发（Uniapp入门）
uniCloud 是 DCloud 联合阿里云、腾讯云，为开发者提供的基于 serverless 模式和 js 编程的云开发平台。我们之前学习过小程序云开发，那么Uniapp云开发如何操作呢？接下来我们就对如何操作进行讲解。（选uniapp项目，创建项目名称，下面记得勾选uniCloud ）当没有关联云服务空间的时候，会显示下图的状态点击uniClound右键关联云空间，创建关联的同时，点击新建云空间。创建云空间完成之后，右键打开uniCloud Web控制台打开之后，我们需要创建一个服务空间
2022-12-05 20:46:35
6853
2
原创 uniapp进阶版（ Vuex+常用api+自定义组件+第三方插件 ）
上一篇文章我们介绍了uniapp的基础使用，相信大家都已经了解了，那么接下来我们开始学习uniapp进阶，学习vuex以及api和组件插件的使用在讲解之前我们需要了解到vuex的模块构成。vue在页面中使用修改只能通过mutations自定义组件使用easycom方式，使用方式较vue简便了很多。组件定义完以后，可以不用import 导入，不用在components中注册，直接使用。组件传参1. 父组件向子组件传参，通过属性的方式进行传递。
2022-12-01 08:33:03
1284
1
原创 uniapp基础（新手入门）
uniapp是由dcloud公司开发的多端融合框架。uniapp的出现让我们的开发更为方便，一次开发，多端运行。更重要的是学习成本不会很大，因为uniapp主要是Vue语法加上小程序的api，学过vue和小程序，再学uniapp会更加得心应手。介绍一下端端分为App端（HTML+ nvue（原生view）native.js(js原生沟通的桥梁) weex内置ios/安卓的模块使用），H5端(h5专用api),各种小程序（微信为主）
2022-11-28 20:30:52
5365
2
原创 手写jquery（自己封装）
我们都知道`jQuery`，jQuery是一个快速的，简洁的javaScript库。它的出现让我们不用再在html里面插入一堆js来调用命令了，只需使用选择器查找即可。这篇文章主要适合新手，尝试自己去封装jQuery，同时加深对jQuery的理解。
2022-11-23 22:54:00
1052
原创 webpack基础（超级详细建议收藏）
webpack是一个前端打包工具，用来处理现代前端错综复杂的依赖关系，生成浏览器可以识别的静态资源。解释一下什么叫依赖关系：就是A插件需要B插件，B插件有D插件， F插件又需要A插件Vue前期脚手架就是用webpack制作。Vue 开始推荐vite构建工具（更快），现在react脚手架 angular等现代框架的脚手架都是依赖webpack。
2022-11-23 18:13:15
309
原创 webpack详解
webpack是一个前端打包工具，用来处理现代前端错综复杂的依赖关系，生成浏览器可以识别的静态资源。解释一下什么叫依赖关系：就是A插件需要B插件，B插件有D插件， F插件又需要A插件Vue前期脚手架就是用webpack制作。Vue 开始推荐vite构建工具（更快），现在react脚手架 angular等现代框架的脚手架都是依赖webpack。
2022-11-22 20:45:51
472
原创 原型与原型链详解（带图方便理解）
每一个类（构造函数）都有一个显示原型prototype（本质就是个对象）01 类：是创建对象实例的模板 本质上讲类是个函数 (例如Array object String )001 构造函数 ：用new来执行的函数02 实例:就是由类创建的对象 本质上就是对象例如 [1,2,3] {name : "mumu " } , “abc”以上就是面试经常会问到的内容啦，希望对你们有用哈。
2022-11-21 20:37:03
13987
2
原创 小程序--云开发（新手入门必看）
一.云开发的概念二.云数据库的创建三.云函数的定义四.在页面中调用云函数五.在云函数中如何操作数据库六.云开发注意点(避免踩坑❌）七. 上传云文件八. 下载文件九 .排序十.搜索查询Collection.where()十一.分页Collection.skip上传云函数失败怎么办遇到Error: errCode: -401003 api parameter type error | errMsg: parameter.path should be string instead of u
2022-11-17 21:49:07
3229
原创 微信小程序自定义组件（超详细）
（1）在项目根目录中，鼠标右键创建 components 文件夹（2）右击components文件夹,创建item文件夹（3）右击item文件夹，点击新建Component，输入item（今天要介绍的是关于`小程序自定义组件`的相关内容。> 主要分以下几个部分：组件的创建，组件的结构，组件的引用，组件样式，组件的生命周期等。
2022-11-16 21:25:00
16368
原创 微信小程序api详细教程
wx.getWindowInfoSync()获取系统信息（1）statusBarHeight 状态栏高度（2） windowWidth 可用窗口的宽（3） windowHeight 可用窗口的高（4）safeArea 安全区域（5）model 手机型号（6）system 系统ios/android（7） batteryLevel 电量。
2022-11-14 19:54:21
1801
原创 微信小程序详细教程（建议收藏）
小程序就是微信里面app，16年推出，它的内存，源码，图片，存储，接口与数据都有限制。在微信自由分享，不用下载app，能快速的开发，使用微信的api接口。竞品：支付宝小程序，钉钉，美团，头条，抖音，QQ,小程序等。我们发现小程序的界面主要由一下几部分组成项目的组成主要包括以下内容页面组件pages/homehome.wxml 模板文件home.js业务逻辑home.wxss 样式home.json 页面配置特别注意勾选⭐⭐不检验合法域名小程序的限制。
2022-11-11 00:09:42
36610
2
原创 Vue项目功能模块的业务逻辑
我们可以先简单理解一下业务逻辑。不同的项目有不同的功能，不同的功能需要不同的实现，实现这些核心功能的代码就叫业务逻辑。所以说业务逻辑是指一个实体单元为了向另一个实体单元提供服务，应该具备的规则与流程。
2022-11-07 23:13:20
1916
原创 Vue3详细教程
（1）新增组合式api（2）更加接近原生（3）更加解耦（react启发）setup api ref 创建值类型响应式数据方法 在seup内部需要 .value 来访问设置值 reactive 创建引用类型响应式数据方法 defineProps 定义 组传的传参props defineEmits 定义组件发送的事件 watch 监听一个数据的变化 watchEffect 监听多个数据 生命周期 setup中的生命周期，没有beforeCreate与create
2022-11-06 21:36:26
27984
6
原创 git使用详细教程
暂存盘（隐藏文件夹怎么用 如何创建版本库 如何创建分支（5）如果要推送到的文件名和自己的重复怎么办呢，进行如下操作。克隆完成之后C盘和D盘都有了我们创建的内容。（4）非常重要的步骤！添加某种类型的文件到暂存盘。添加任意类型的文件到暂存盘。拉取并合并到本地shi分支。（2）网址是这里的复制即可。工作区（写代表的文件夹）暂存盘（隐藏文件夹）添加某个文件到暂存盘。切换到本地shi分支。(7)下载远程到本地。gitee远程失败怎么办，如何从远程下载到本地，如何配置git
2022-11-01 21:40:22
481
2
原创 百度地图使用的详细教程
百度地图API是一套为开发者提供的基于百度地图的应用程序接口,包括JavaScript、iOS、Andriod、静态地图、Web服务等多种版本,提供基本地图、位置搜索、周边搜索、公交驾车导航、定位服务、地理编码等功能。百度地图API的官网是百度地图使用之前需要注册成为开发者，根据提示进行实名认证，注册成功即可。注册成功之后，打开控制台，进入应用管理，输入应用名称，类型，白名单写英文半角的*。创建成功，显示下图，会显示密钥AK创建一个地图之后，添加比例尺控件，缩放控件，城市列表控件所有叠加或覆盖到地图
2022-10-31 22:13:03
5214
原创 echarts入门教程（超级详细带案例）
1.echarts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会，成为ASF孵化级项目。2.学习一项技术的关键，还是需要多读官方文档，官网链接Apache ECharts,与之类似的图表库还有D3，HeightCharts。3.echarts的下载（1）从 npm 获取（2）从 CDN 获取（3）从 GitHub 获取（2）color调色盘在 option 中设
2022-10-27 21:36:15
112148
12
原创 十分钟带你了解mock.js
1. 什么是mock.js mock.js:是一款模拟数据生成器，可以生成随机数据，拦截 Ajax 请求 它的官网是[mockjs](http://mockjs.com/) 2. 为什么要使用mock.js 由于很多公司，后端还没有做好接口,写好接口文档，有了mock.js前端就不需要等待后端实现接口再写代码。前端可以通过mock.js 参考接口文档自己先模拟数据写业务代码，等待后端准备好，在用后端接口替换自己写模拟数据实现前后端同时开发3.如何使用mock.js
2022-10-24 21:00:35
9231
原创 Vue2以及Vue3的联系与区别
Vue3响应式原理ES6新增的 proxy代理实现的vue3 与Vue2的区别响应式原理不同：Object.defineProperty和Proxy全局挂载方法。
2022-10-23 23:25:41
286
原创 node.js操作sql详细步骤
在本节中，您将学习如何使用mysql模块从node.js应用程序与MySQL进行交互。 我们将向您展示如何使用Node.js连接到MySQL，执行常用操作，如使用mysql模块API执行插入，选择，更新和删除数据库中的数据。在本教程之后，你应该可以使用MySQ作为后端数据库来开发node.js应用程序。从Node.js连接到MySQL数据库服务器
2022-09-29 20:03:09
1644
原创 npm详细介绍带步骤
这一系列的操作我们都会了，那么我们再了解环境，以及如何查看环境生成环境jQuery --save 的简写-S开发环境less --save-dev 的简写-D全局 -g 电脑上的所有项目都可以 使用这个插件查看npm list查看所有的依赖列表npm root view-g 查看全局的安装目录npm root view 当前项目的安装目录。
2022-09-28 21:56:49
574
2
原创 ES6新增方法(数组，字符串，关键字 var let const)
/ filter 过滤不符合条件的元素（返回true保留，返回false过滤掉）// 1 item 0 1 false 过滤。// 2 item 2 3 false 过滤。// 1 item 0 0 true 保留。// 2 item 2 2 true 保留。// 如果查找出的下标与遍历下标一致，元素保留。// filter通常可以实现数组的去重。"我爱我的祖国，我的祖国，是中国的国"// 补齐3位数，不够用0来填充。// 查找所有的数是否都大于5。// 获取元素查找出来的下标。
2022-09-26 21:59:01
424
原创 Vue入门，基础部分看这一篇就够了
渐进式 JavaScript框架 ，vue (读音 /vjuː/，类似于 view)是一套用于构建用户界面的渐进式框架。为什么要使用Vue中文文档完毕 、上手简单 、生态丰富（插件多）、结合了angular的指令与react的组件，虚拟dom来源尤雨溪创造， 有v2,v3两个版本（建议先学v2）Vue官网定义：就是v开头的特殊属性，是联系模板与vue实例的桥梁指令-模板-数据关系 如下图Vue操作让指令联接数据与dom业务操作数据，实现自动更新dom。
2022-09-25 00:35:05
512
2
原创 Vue基础案例（水果搜索，购物车，todolist,留言板，跑马灯)
Vue基础案例（水果搜索，购物车，todolist,留言板，跑马灯)思路以及运用知识点03.todolist思路以及运用知识点04.留言板思路以及运用知识点05.跑马灯思路以及运用知识点
2022-09-21 21:24:18
1666
6
原创 如何用Vue实现选项卡效果以及Vue知识点
概念：Vue是渐进式 JavaScript框架，用于构建用户界面的渐进式框架。Vue的创始人是尤雨溪，2014年Vue.js发布→2016年Vue2.x发布⭐→2022年Vue3.x发布。虽然现在Vue3已经发布，但是还是要把Vue2学会，Vue2是很重要的，建议学完Vue2再学Vue3。vue的官网Vue官网。
2022-09-19 20:37:00
2642
5
原创 如何利用原生JS实现回到顶部以及吸顶效果
2.document.documentElement.scrollTop||document.body.scrollTop获取垂直方向滚动的距离。如果滚动条距离顶部的距离大于100 显示导航nav，否则都是隐藏不显示（这里的高度可以自己设置）。4.设置定时器可以改变滚动条距离顶部的距离（还需要进行判断，如果距离顶部距离为0时，要清除定时器，不然会一直调用，占用内存）。1.需要出现滚动条（设置了box1 box2的高度都为800px ，也可以只设置一个盒子，高度设置大一点，出现滚动条即可）。...
2022-08-10 23:12:50
692
1
原创 初学前端需要掌握的HTML知识点
一、写在前面的话：如果自学前端没有思路，可以参考以下方式1.第一个月 html+css（四周）静态页面html （超文本标记语言）网页骨架 结构层css（层叠样式表） 修饰网页html5+css3 提供了更加漂亮交互更好的样式 移动端 手机端 电脑端pc2.第二个月（4-5周）：JavaScript 脚本语言 面试题较多3.第三个月 （3-4周）；php/node.js 前后端交互 ajax、git 搭建一个服务器4.第四个月 （四周） vuejs框架（市面比较主流）5.第五个月 reactjs框架 小程序
2022-06-18 18:25:57
302
原创 proceed with launch?解决办法
在此处运行出现的错误：一．Errors in workspace proceed with launch？ 1. 解决办法：首先考虑项目的jdk本机安装的jdk版本不一样。2. 点击项目，然后进入Configure build path，找到configure配置路径。3. 点击选择Libraries，选择相应的jre，点击Edit进行编辑，选择本机安装的jdk，保存即可。（此时我的里面并没有jdk）然后在设置里面的属性，高级..
2022-04-03 21:16:35
4676
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人