- 博客(20)
- 收藏
- 关注
原创 windows安装npm环境,运行vue脚手架 -- node.js
在使用之前,先类掌握3个东西,明白它们是用来干什么的:npm: nodejs 下的包管理器。webpack: 它主要用途是通过CommonJS 的语法把所有浏览器端需要发布的静态资源作相应的准备,比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要npm install 就可以安装。
2023-05-05 11:21:39 696 1
原创 如果没有当前页总页数总条数实现分页的方式
首先请求数据获取到数据后把数据传递给递归公式,将数据转换为数组包数组的形式,然后我们通过修改他的下标修改数据,来实现分页。举个例子:我有一个数组这个数组是我请求到的所有数据,里面有100个对象,我要把这100个对象分成50个数组,每个数组有两个对象,这50个数组用一个大数组包起来,我点击第几页返回我一个下标,通过这个下标修改他的数据的下标实现分页的功能。
2023-05-05 11:19:14 286
原创 JS+Vue 基础和核心常识 应聘常问面试题
防抖:防抖就是在事件触发后n秒内只能执行一次这个函数,如果再次执行这个事件就重新计算秒数,当事件不被触发n秒后执行一次这个函数。节流就是连续触发一个事件但是在n秒钟只执行一次回调。举个例子↓:节流就是技能CD,蓝,冷却, 只要冷却没好你就用不了技能。防抖就是回城,只要你被敌人打断就要重来。作用域分为全局作用域和局部作用域↓全局作用域:就是在全局作用域中声明的变量,任何地方都可以被访问,声明变量时不适用任何关键。
2023-03-27 09:26:40 796
原创 安装卸载node,vue,Vue封装路由,vuex,及路由传参,路由拦截,axios普通封装
1.为什么要使用模块化?解决组件通信的繁琐,方便操作数据,组件中数据按需调用。每个页面数据隔离储存,解决数据臃肿问题,使用模块化较为方便。2.vue提供的组件有哪些?vue-router,vuex,等等...3.什么是声明式导航及编程式导航?声明式导航通过 router-link 跳转的,编程式导航通过 this.$router.push跳转4.为什么vue模块化中state数据写成函数?vuex模块化封装,state数据写成函数是为了防止冲突。5.项目上线后还需要axios吗?
2023-03-27 09:23:21 656
原创 Vue中配置开发,上线全局环境变量
Vue中配置开发环境变量首先在vue项目根目录与src文件同级.env.production 生产环境变量.env.development 开发环境变量直接创建这两个文件即可在文件中定义变量复值为参数例如:# 开发环境port=9999VUE_APP_BASE_URL="https://www.thenewstep.cn/v1/vue3system/api"VUE_APP_BASE_API="/api"配置完成后如何使用?下面利用解决跨域代码举例:const { defineC
2023-03-27 09:21:28 120
原创 最简单的方式理解高内聚低耦合,一句话让你明白高内聚低耦合
耦合就是元素之间的关联度,感知依赖度如:模块,对象,功能之间关联。举例:当我们在A元素调用B元素,B元素有问题或者不在的时候,A元素就不能正常工作,那么就说明A元素和B元素的耦合度较高这种耦合度可以称为100%。这都将影响元素A的正常工作,影响项目可维护性和易变更性。同时元素A只能运行在元素B中,这也大大的降低了A元素的可复用性。正因为耦合的种种弊端,我们才需要在软件设计上追求低耦合。
2023-03-27 09:19:58 643
原创 element-ui 上传图片
element-ui 上传图片action 上传地址list-type 圆框上传图标框headers 请求头 Authorization配置获取tokenon-success 有三个参数response, file, fileList 里面有上传完成后的地址和生成的id <el-upload action="https://meituan.thexxdd.cn/apit/uploadres" list-type="picture-card" :headers="header
2023-03-27 09:17:24 1539
原创 Vue3 技术栈,vant,适配移动端,css全局变量,持久化插件,拦截器,使用配置流程
assets 静态资源components 通用组件composable 组合功能通用函数 *router 路由services 接口apistores 状态仓库styles 样式 *types ts类型 *utils 工具函数views 页面main.ts 入口文件App.vue 根组件。
2023-03-26 11:04:20 811
原创 Uni-app小程序+Vue2 Or Vue3 封装网络请求方案+思路
配置封装代码 ,接收请求的基地址,传递的数据接口api,请求方式,参数等…
2023-03-26 10:51:56 670
原创 Vue项目打包优化流程详解
Vue 是单页面应用,可能会有很多的路由引入 ,这样使用 webpcak 打包后的文件很大,当进入首页时,加载的资源过多,页面会出现白屏的情况,不利于用户体验。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应的组件,这样就更加高效了。这样会大大提高首屏显示的速度,但是可能其他的页面的速度就会降下来。
2023-03-26 10:49:19 1497
原创 面试题——his小程序
分包就是把一个完整的小程序项目,按照需求划分为不同的子包,最终打包成不同的分包,用户再使用时按需进行加载,唯一好处就是提升性能,优化小程序首次启动的下载时间。复制代码。
2022-10-19 23:00:33 394
原创 小程序——下拉刷新,上滑更新 事件记录
打开微信开放平台: 框架-全局配置-window1.backgroundColor 窗口的背景色2.backgroundTextStyle 默认值:dark 下拉 loading 的样式,仅支持dark/light3.enablePullDownRefresh 是否开启全局的下拉刷新。默认false设置为true4.onReachBottomDistance页面上拉触底事件触发时距页面底部距离,单位为 px。默认50设置60以上配置要写在json文件中然后去框架-框架接口-页面-page-
2022-10-14 22:53:03 471
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人