- 博客(137)
- 收藏
- 关注
原创 vue2+ eslint + prettier代码风格统一
接手一个vue2 老项目发现项目格式化失效,重新配置eslint + prettier 保持代码风格统一。
2024-04-10 16:42:41 302
原创 el-select 中加了filterable 点击箭头下拉框回收不去问题
【代码】el-select 中加了filterable 点击箭头下拉框回收不去问题。
2022-11-17 19:08:15 797 2
转载 v-for 更新检测中过程
1.v-for更新监测情况1: 数组翻转情况2: 数组截取情况3: 更新值口诀:数组变更方法, 就会导致v-for更新, 页面更新数组非变更方法, 返回新数组, 就不会导致v-for更新, 可采用覆盖数组或this.$set()<template> <div> <ul> <li v-for="(val, index) in arr" :key="index"> {{ val }} </
2021-12-25 18:55:52 134
转载 Vue全家桶-项目优化上线
1. 项目优化1.1 项目优化策略生成打包报告第三方库启用 CDNElement-UI 组件按需加载路由懒加载首页内容定制1. 生成打包报告打包时,为了直观地发现项目中存在的问题,可以在打包时生成报告。生成报告的方式有两种:① 通过命令行参数的形式生成报告// 通过 vue-cli 的命令选项可以生成打包报告 // --report 选项可以生成 report.html 以帮助分析包内容 vue-cli-service build --report② 通过可视化的UI面板直接
2021-10-08 10:29:05 150
原创 数组一些案例 (重点)冒泡排序.插入排序经典面试题
计算数组和平均值求数组 [2,6,1,7, 4] 里面所有元素的和以及平均值。案例分析① 声明一个求和变量 sum。② 遍历这个数组,把里面每个数组元素加到 sum 里面。③ 用求和变量 sum 除以数组的长度就可以得到数组的平均值 // 1. 求数组 [2,6,1,7, 4] 里面所有元素的和以及平均值。 // (1)声明一个求和变量 sum。 // (2)遍历这个数组,把里面每个数组元素加到 sum 里面。 // (3)用求和变量 su
2021-04-15 16:55:51 249
原创 05-java数组
> 数组概念> 数组的定义> 数组的静态初始化> 地址值> 数组元素访问> 数组索引> 数组遍历,> 数组动态初始化> 数组的两种初始化方式的区别> 数组常见问题> 数组练习
2022-09-26 16:36:34 224
原创 day02-Java基础-注释,关键字,字面量,变量,数据类型,标识符,键盘录入,IDEA相关
> Java基础之注释,关键字,字面量,变量,数据类型,标识符,键盘录入方法,IDEA相关使用
2022-09-23 17:01:37 454
原创 01-TypeScript 介绍-TypeScript常用类型
TypeScriptTypeScript 介绍TypeScript 初体验TypeScript 常用类型TypeScript 高级类型TypeScript 类型声明文件在 React 中使用 TypeScriptTypeScript 介绍TS 官方文档TS 中文参考 - 不再维护[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qOzCqWh9-1646827195897)(./images/TS_logo.png)]TypeScript 是什么
2022-03-09 20:02:22 928 1
原创 vue3基础
Vue3快速上手1.Vue3简介2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy
2022-02-22 19:36:27 191
原创 redux课程
课程说明目的:为React移动端项目做支撑:redux、redux-thunk、react-redux(useDispatch、useSelector )、redux-devtools-extension内容顺序(课程目标):redux单独使用react-redux 结合react项目进行使用中间件react-thunk的基本使用useDispatch, useSelector的基本使用redux模块管理redux-devtools-extensionRedux基本介绍基本介绍概
2022-02-11 21:19:48 285
原创 08-hooks进阶-useRef-useContext-React.memo高阶组件
Hooks其他APIuseRef hookimport { useRef } from 'react' <input className="new-todo" placeholder="What needs to be done?" autoFocus onKeyUp={onKeyUp} ref={inputRef} /> const App = () => { const [col
2022-02-09 17:07:33 877
原创 07-hooks基本使用-useState-useEffect-自定义hooks
React Hooks基础React Hooks 介绍React Hooks 基础React Hooks 介绍Hooks 是什么为什么要有 HooksHooks 是什么Hooks:钩子、钓钩、钩住Hooks 是 React v16.8 中的新增功能作用:为函数组件提供状态、生命周期等原本 class 组件中提供的 React 功能可以理解为通过 Hooks 为函数组件钩入 class 组件的特性注意:Hooks 只能在函数组件中使用,自此,函数组件成为 React 的新
2022-02-06 21:34:37 1766
原创 06-react-组件复用-render-props技术
mixins(已废弃)https://react.docschina.org/blog/2016/07/13/mixins-considered-harmful.htmlmixin引入了隐式依赖关系对于组件中的方法和数据的来源不明确,不容易维护Mixins 导致名称冲突Mixins 导致滚雪球般的复杂性render-props技术组件复用的说明思考:如果两个组件中的部分功能相似或相同,该如何处理?处理方式:复用相似的功能(联想函数封装)复用什么?1. state
2022-02-06 21:32:14 744
原创 05-react原理-setState-组件更新机制-组件性能优化
setState更新数据setState() 是异步更新数据的注意:使用该语法时,后面的 setState() 不要依赖于前面的 setState()1. 当你调用 setState 的时候,React.js 并不会马上修改 state (为什么)2. 而是把这个对象放到一个更新队列里面3. 稍后才会从队列当中把新的状态提取出来合并到 state 当中,然后再触发组件更新。可以多次调用 setState() ,只会触发一次重新渲染this.state = { count: 1 }
2022-01-20 21:31:05 736
原创 04-react组件生命周期
组件的生命周期概述意义:组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等组件的生命周期:组件从被创建到挂载到页面中运行,再到组件不用时卸载的过程钩子函数的作用:为开发人员在不同阶段操作组件提供了时机。只有 类组件 才有生命周期。生命周期的整体说明每个阶段的执行时机每个阶段钩子函数的执行顺序每个阶段钩子函数的作用http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/挂载阶段执行
2022-01-20 21:29:33 81
原创 03-组件通讯-props-组件通讯三种方式-组件通讯-context-props深入-类的静态属性static
目标组件通讯介绍以及为什么要有组件通讯组件的props组件通讯的三种方式 父传子 子传父 兄弟组件Context组件通讯props深入组件通讯组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据。在组件化过程中,我们将一个完整的功能拆分成多个组件,以更好的完成整个应用的功能。而在这个过程中,多个组件之间不可避免的要共享某些数据。为了实现这些功能,就需要打破组件的独立封闭性,让其与外界沟通。这个过程就是组件通讯。props组件是封闭的,要接收外部数据应该通过props来实
2022-01-20 21:23:23 175
原创 02-react组件基础-函数组件-类组件(有状态和无状态组件)-事件处理(this指向)-setState修改状态-表单处理(受控组件和非受控组件)-案例
学习目标能够使用函数创建组件-函数组件能够掌握class语法 extends继承能够使用class创建组件-类组件能够给React元素绑定事件能够使用state与setState能够处理事件中this的指向问题能够使用受控组件方式处理表单组件基本介绍组件是React中最基本的内容,使用React就是在使用组件组件表示页面中的部分功能多个组件可以实现完整的页面功能组件特点:可复用,独立,可组合React创建组件的两种方式函数组件函数组件:使用JS的函数或者箭头函数创建
2022-01-18 20:47:39 972
原创 01-React 基础-JSX-条件渲染-列表渲染-样式处理
React 概述学习目标能够说出react是什么能够说出react的特点能够掌握react的基本用法能够使用react脚手架React 介绍react是一个用于构建用户界面的 JavaScript 库react官网(https://reactjs.org/)react中文网(https://zh-hans.reactjs.org/)React 是一个用于构建用户界面(UI,对咱们前端来说,简单理解为:HTML 页面)的 JavaScript 库如果从mvc的角度来看,
2022-01-18 20:41:02 874
原创 面试题综合
1.HTML5的页面结构同HTML4或者更前的HTML有什么区别? 答:一个典型的WEB页面包含头部,脚部,导航,中心区域,侧边栏。现在如果我们想在在HTML4的HTML区域中呈现这些内容,我们可能要使用DIV标签。但是在HTML5中通过为这些区域创建元素名称使他们更加清晰,也使得你的HTML更加可读以下是形成页面结构的HTML5元素的更多细节:(注意主要考的是标签语意化) <header>:代表HTML的头部数据 <footer>:页面的脚部区域 &.
2021-11-21 12:13:04 5
原创 05-小程序◆ 使用 npm 包 ◆ 全局数据共享 ◆ 分包 ◆ 案例 - 自定义 tabBar
◆ 使用 npm 包 ◆ 全局数据共享◆ 分包◆ 案例 - 自定义 tabBar① 能够知道如何安装和配置 vant-weapp 组件库⚫ 参考 Vant 的官方文档② 能够知道如何使用 MobX 实现全局数据共享⚫ 安装包、创建 Store、参考官方文档进行使用③ 能够知道如何对小程序的 API 进行 Promise 化 ⚫ 安装包、在 app.js 中进行配置④ 能够知道如何实现自定义 tabBar 的效果⚫ Vant 组件库 + 自定义组件 + 全局数据共享使用 npm 包小.
2021-11-06 21:05:58 347
原创 小程序 - 基础加强◆ 自定义组-创建与引用-样式-数据、方法和属性-数据监听器-纯数据字段-组件和页面生命周期-插槽-组件通信-behavior组件代码数据共享
◆ 自定义组件◆ 使用 npm 包 ◆ 全局数据共享◆ 分包◆ 案例 - 自定义 tabBar① 能够创建并引用组件⚫ 全局引用、局部引用、usingComponents② 能够知道如何修改组件的样式隔离选项⚫ options -> styleIsolation( isolated, apply-shared, shared) ③ 能够知道如何定义和使用数据监听器⚫ observers④ 能够知道如何定义和使用纯数据字段⚫ options -> pureDataPatter.
2021-11-04 22:11:57 161
原创 03-小程序 - 视图与逻辑◆ 页面导航 ◆ 页面事件 ◆ 生命周期 ◆ WXS 脚本 ◆ 案例 - 本地生活(列表页面)
① 能够知道如何实现页面之间的导航跳转声明式导航、编程式导航② 能够知道如何实现下拉刷新效果enablePullDownRefresh、onPullDownRefresh③ 能够知道如何实现上拉加载更多效果onReachBottomDistance、onReachBottom④ 能够知道小程序中常用的生命周期函数应用生命周期函数:onLaunch, onShow, onHide -页面生命周期函数:onLoad, onShow, onReady, onHide, onUnload页.
2021-11-02 22:21:44 189
原创 02-小程序 - 模板与配置◆ WXML 模板语法 ◆ WXSS 模板样式 ◆ 全局配置 ◆ 页面配置 ◆ 网络数据请求 ◆ 案例 - 本地生活
◆ WXML 模板语法◆ WXSS 模板样式◆ 全局配置◆ 页面配置◆ 网络数据请求◆ 案例 - 本地生活① 能够使用 WXML 模板语法渲染页面结构⚫ wx:if、wx:elif、wx:else、hidden、wx:for、wx:key② 能够使用 WXSS 样式美化页面结构⚫ rpx 尺寸单位、@import 样式导入、全局样式和局部样式③ 能够使用 app.json 对小程序进行全局性配置⚫ pages、window、tabBar、style④ 能够使用 page.json .
2021-11-01 10:57:01 281
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人