- 博客(26)
- 收藏
- 关注
原创 uni-app基础语法
一. 什么是uniapp1,uniapp是由dcloud 公司开发的多端融合框架。uniapp的出现让我们的开发更为方便,一次开发,多端运行。更重要的是学习成本不会很大,因为uniapp主要是Vue语法加上小程序的api,学过vue和小程序,再学uniapp会更加得心应手。2,介绍一下端端分为App端(HTML+ nvue(原生view)native.js(js原生沟通的桥梁) weex内置ios/安卓的模块使用),H5端(h5专用api),各种小程序(微信为主)二. uniapp应用准备工具。
2023-03-08 21:55:09
684
原创 小程序入门到精通一篇就够了!
微信小程序,简称小程序,英文名 MiniProgram ,是一种不需要下载安装即可使用的应用,它实现了应用 “ 触手可及 ” 的梦想,用户扫一扫或者搜一下即可打开应用。对于开发者而言,小程序 开发门槛相对较低 ,难度不及 APP,能够满足简单的基础应用。小程序的主要开发语言是 JavaScript ,小程序的开发 同 普通的网页开发相比有很大的 相似性。开发微信程序必须要安装官方的 开发工具,此工具不但是编写代码所用的工作,还是 开发编译小程序 在电脑上能看到代码运行效果的 模拟器,所以一定要安装。
2023-02-28 21:53:26
1113
原创 React组件传参,生命周期
一、父传子1. props传参props说明1. props是只读对象(readOnly)根据单向数据流的要求,子组件只能读取props的数据,不能修改。2. props可以传递任意数据数字、字符串、数组、对象、布尔、函数、jsx二、子传父子组件调用父组件传递过来的函数,将要传递的数据作为实参传入该函数即可。
2023-02-13 21:21:52
760
1
原创 Webpack 使用
我们可以建一个webpack.common.js文件,然后创建一个webpack.prod.js,webpack.dev.js,那么可以将prod,dev引入common共同引用参数.webpack-dev-middleware webpack-server内部也是采用了该方法,不仅如此,也提供了其它的自定义的功能很强大.默认的情况下,webpack会把引用的文件都会build到单独的文件当中.我们可能会把一些第三方的模块放到一个单独文件里.webpack也提供了便捷的打包流程,项目构建,插件管理等等.
2023-02-10 09:12:34
371
原创 Vue3大菠萝pinia笔记
本质上他是vuex团队核心成员开发的,在vuex上面提出了一些改进。与vuex相比,pinia去除了vuex中对于同步函数Mutations和异步函数Actions的区分。直接在Actions中便能够使用同步和异步方法(在vuex的开发计划中也将会除去同步和异步的区分)。其次相比于vuex,pinia对于typescript的支持性更好,友好的devTools支持,pinia只有1kb,简化了很多方法的写法。由于vuex比较完善,因此,pinia更加适合小型项目,vuex更加适合大型项目。
2023-02-03 08:56:30
682
原创 Vuex入门
Vuex是一个专门为Vue.js应用程序开发的状态管理模式,它由五部分组成分别是:state,actions,mutations,getters,modules。
2022-12-28 21:44:28
504
原创 功能模块总结
(3)全局路由拦截,根据当前用户有没有 token 和 权限列表进行相应的判断和跳转,当没有 token 时跳到 login,当有 token 而没有权限列表时去发请求获取权限等。(1)先对路由进行定义,路由分为初始路由和动态路由,现在讲的初始路由基本上都是 login,其他路由都挂载在 home 路由之下。01 获取员工的数据(其中有员工列表和搜索框),定义一个获取员工列表以及删除员工管理的api方法,可以多次调用。明确这个权限管理模块分为三个页面,分别是员工管理,角色管理,菜单管理。
2022-11-08 01:37:20
1782
原创 Vue3随堂笔记
相信大家都已经学习过Vue2了,对Vue有了一定的了解。那么今天我们就一起来学习有关Vue3的知识点。那为什么要学习Vue3呢,主要是他有以下的特点。(1)新增组合式api(2)更加接近原生(3)更加解耦(react启发)
2022-11-07 02:46:44
96
原创 git使用入门教程
全宇宙最好的版本管理工具系统没有之一作者:linus,linux系统的创始人解决的问题代码的版本管理团队分工协作通俗毕业论文最好一版 毕业论文版本打死不改版 毕业论文9.27A做好,让B用,必须等A常见命令user.name"用户名“git config --global user.email "邮箱全局配置“git init 初始化当前项目git核心概念工作区(写代表的文件夹)暂存盘(隐藏文件夹)版本库分支暂存盘。
2022-11-01 21:24:25
87
原创 百度地图的基本使用
1.public/index.html script引入百度地图。vue-baidu-map 170-基于Vue2的百度地图组件库。01登录注册,获取密钥AK。3mounted初始化项目。4.监听数据变化,更新地图。
2022-10-31 21:57:00
848
原创 echarts入门(详细教程)
1.echarts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。ECharts最初由百度团队开源,并于2018年初捐赠给Apache基金会,成为ASF孵化级项目。2.学习一项技术的关键,还是需要多读官方文档,官网链接Apache ECharts,与之类似的图表库还有D3,HeightCharts。3.echarts的下载(1)从 npm 获取(2)从 CDN 获取(3)从 GitHub 获取。
2022-10-27 23:17:48
1088
原创 Vue篇--Mock.js基础使用方法(建议收藏)
生成随机数据,拦截ajsx安装:npm i mockjs -D使用:官网网址:Mock.jsMock.js的特点:前后端分让前端工程师独立于后端端进行开发。增加单元测试的真实性通过随机数据,模拟各种场景。开发无侵入不需要修改既有代码,就可以拦截Ajax请求,返回模拟的响应数据。用法简单符合直觉的接口。数据类型丰富支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。方便扩展支持扩展更多数据类型,支持自定义函数和正则安装和使用安装步骤。
2022-10-25 00:35:34
565
原创 组件传参+Vuex(建议收藏)
VUE中的几种组件传参方式对于vue来说常见的就是兄弟传值,父子传值1.父传子在父组件中定义数据,子组件通过props接收父组件传递的数据加以使用父组件子组件2.子传父子组件向父组件传递参数3.兄弟组件传值非父子组件之间传值,需要定义个公共的公共实例文件bus.js,作为中间仓库来传值,不然路由组件之间达不到传值的效果。bus.js//导入vue//导出vue创建的空实例。
2022-10-20 23:56:56
737
原创 Vue组件插件
Vue.protoytpr.$toast = Toast将插件挂载到全局的(所有组建的实例都将拥有插件的方法和属性);建议:多用props,少在组件中使用data(降低组件的耦合性,提高复用性)注意:vue时单项数据流,父组件传递给子组件的props是只读(不能修改)Vue.extend(.vue文件)继承.vue文件的构造函数。show(msg,bgColor,color)显示隐藏。2,插件需要在Vue文件中使用Vue.use(插件)1.组件时Vue的一个重要的特点。3,在组件的模板中使用。
2022-10-15 17:43:32
1389
原创 Vue路由详细安装使用方法,脚手架安装使用方法
一个网站的所有页面都继承在一个html的文件里面通过切换div模拟页面的切换1,资源公用2,前后端分离3,页面切换流畅1,对搜索SEO引擎不友好地址改变,不刷新页面,监听地址栏变化实现页面局部更新锚点(hash)变化不会刷新页面;H5新增特性。
2022-10-11 21:44:56
2106
原创 es6补充
代码在局部作用域中执行,就可以读取到当前局部作用域的。Object.assign合并数组,如果没有,会把没有的加上去,如果有第二个会把第一个覆盖。padStart(len,symbol)前面 第一个参数是位数,第二个参数是补齐的内容。var 声明的变量for循环 在单击的时候执行完毕,执行完毕的i的值就是5。2,let声明的关键字是局部作用域,只在一对花括号中启用{}let声明局部作用域 (for循环的局部作用域是互不影响的)1 和let基本一致(局部,不会变量提升,不能重复声明)
2022-09-29 08:53:06
1833
原创 npm随堂笔记,适合新手
npm是什么 node.js的包管理工具(插件/包增删改查) npm包的下载器(默认是从国外)插件/包增删改查) npm包的下载器(默认是从国外)查看全局的安装目录 npm root view-g。指定版本 npm i jquery@2.1 -S。安装package.json 规定的所有包/插件。当前项目的安装目录 npm root view。-g 电脑上的所有项目都可以 使用这个插件。npm init -y所有选项都选yes。npm i jquery -S 简写。npm list查看所有的依赖列表。
2022-09-28 20:53:44
1935
原创 ES6新增字符串数组方法
代码在局部作用域中执行,就可以读取到当前局部作用域的。Object.assign合并数组,如果没有,会把没有的加上去,如果有第二个会把第一个覆盖。padStart(len,symbol)前面 第一个参数是位数,第二个参数是补齐的内容。var 声明的变量for循环 在单击的时候执行完毕,执行完毕的i的值就是5。2,let声明的关键字是局部作用域,只在一对花括号中启用{}let声明局部作用域 (for循环的局部作用域是互不影响的)1 和let基本一致(局部,不会变量提升,不能重复声明)
2022-09-26 21:44:45
2563
原创 Vue第一周实现购物车小案例分享
相信大家一路从原生js过来一路非常的不容易学到最后越来越简单,Vue第一周的购物车小案例分享给大家,祝大家学的开心月薪过万!
2022-09-21 17:38:39
241
1
原创 Vue第一周基础内容大全,Vue入门必看
尤雨溪,v2,v3,结合了angular的指令与react的组件,虚拟dom渐进式javascript框架。
2022-09-21 17:32:32
2209
原创 Vue基础
Vue:bind 绑定property 属性createApp 创建Appmount 挂载结合了angular的指令与react的组件,虚拟dom渐进式javascript框架。
2022-09-19 16:44:20
2413
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人