- 博客(96)
- 收藏
- 关注
RSS订阅原创 【typescript】使用antd中RangePicker组件实现时间限制 当前时间的前一年（365天）
【typescript】使用antd中RangePicker组件实现 时间限制为当前时间的前365天。
2022-07-27 10:42:25
1280
原创 【TypeScript】常见的设计模式
设计模式就是软件开发过程中形成的套路和经验总结，熟悉设计模式能够在编程过程中更高效有自信，毕竟是前人印证过的最好的设计，同时也能够更好地掌控项目，方便预估开发时间以及对团队成员进行管理。通常所提的前端工程化，设计模式才是前端工程化的灵魂。......
2022-07-19 14:27:29
1029
5
原创 【React】合成事件和原生事件
本文主要讲述react合成事件和原生事件，包括事件流、DOM事件流的几个阶段、react合成事件的原理、在react中使用原生事件方法、合成事件和原生事件混合使用时的响应顺序以及如何阻止冒泡。
2022-04-04 21:30:00
3356
1
原创 ES6--Promise基础
文章主要包括ES6中promise的用法：then链式操作的用法、reject、catch、all、race的用法，以及手动实现promise的步骤。
2022-03-17 20:30:00
2545
1
原创 【微信小程序】视图与逻辑（页面导航、页面事件、生命周期、WXS脚本）
本文主要讲述了小程序的视图与逻辑，主要包括页面导航（声明式导航、编程式导航、导航传参）、页面事件（下拉刷新、上拉触底）、小程序的生命周期、WXS脚本及其基础语法。
2022-02-15 20:00:00
447
2
原创 【微信小程序】模板与配置（WXML、WXSS、全局和页面配置、网络数据请求）
本文主要讲述了微信小程序的模板与配置，主要内容有WXML模板语法（数据绑定、事件绑定、条件渲染、列表渲染）、WXSS模板样式（rpx、样式导入）、全局配置（window、tarBar）、页面配置、网络数据请求。
2022-02-13 22:00:00
941
2
原创 【微信小程序】入门概述
本文主要讲述了微信小程序的基础概述，包括微信小程序简介、小程序的项目结构（JSON配置文件、WXML模板、WXSS样式、JS逻辑交互）、小程序的宿主环境（通信模型、运行机制、组件、API）。
2022-02-04 20:00:09
666
1
原创 【Vue】路由、Vue UI组件库
本文主要讲述了Vue路由的基本使用、多级路由、Vue的路由参数（query参数、params参数、路由的props配置）、路由导航、缓存路由组件、两个新的生命周期钩子、路由守卫、路由器的两种工作模式，以及Vue U UI组件库。
2022-02-03 19:00:00
174
2
原创 【Vue】Vuex概念和基本使用
本文主要讲了vuex的概念、vuex的流程、搭建vuex环境、vuex的基本使用、getters的使用、四个map方法的使用、模块化与命名空间
2022-01-27 21:17:49
140
1
原创 【Vue】脚手架、ref、props、mixin混入、插件、scoped样式
本文主要讲述了Vue脚手架的基础概述，包括Vue脚手架的安装、脚手架文件（或模板项目）的结构、关于不同版本的Vue、vue.config.js配置文件，以及ref属性、props配置项、mixin（混合/混入）、插件、scoped样式
2021-12-29 09:19:45
385
2
原创 【Vue】组件基础（组件的嵌套、VueComponent）
本文主要讲述了Vue组件的基础，及初步了解组件化编程，主要包括有模块与组件、模块化与组件化、非单文件组件、组建的嵌套、VueComponent及一个重要的内置关系、单文件组件的组成和基本使用。
2021-12-26 14:40:38
1870
2
原创 【Vue】生命周期简述
本文讲述了Vue的声明周期简单概述，vue生命周期中主要包括8个声明周期钩子函数：创建阶段：beforeCreate、created、beforeMount、mounted运行阶段：beforeUpdate、updated、（activated、deactivated这两个可去掉）销毁阶段：beforeDestroy、destroyed。
2021-12-22 21:48:35
154
2
原创 【Vue】基础(下)：条件渲染、列表渲染(key)、过滤器、内置和自定义指令
本文主要包括了vue的条件渲染（v-if和v-show）、列表渲染（基本列表、key的作用、数据监测、收集表单数据）、过滤器、内置指令、自定义指令等vue基础知识。
2021-12-20 20:36:55
581
2
原创 【JavaScript】归并排序和分治算法
归并排序将待排序的元素分为大小大致相同的集合， 分别对两个子集合进行排序， 最终排序号的子集合合并为有序集合。运用了分而治之的思想（分治法）。 归并排序是八大排序算法其中一种， 归并采用分而治之的思想对排序序列，分解成不可再分的子序列，再对子序列向上合并
2021-12-16 19:37:02
1253
2
原创 【Vue】基础(中)：数据代理、事件处理、计算和监视属性、class与style绑定
有关Vue基础知识，数据代理、事件处理、计算属性、监视属性、class与style绑定等
2021-12-13 21:57:38
955
4
原创 【前端优化】重排(reflow)和重绘(reapint)
在页面的生命周期中，一些效果的交互都有可能发生重排（Layout）和重绘（Painting），这些都会使我们付出高额的性能代价。 浏览器从下载文件至本地到显示页面是个复杂的过程，这里包含了重绘和重排，二者也是最耗时的部分，一旦触发重排，我们对DOM的修改引发了DOM几何元素的变化，渲染树需要重新计算， 使浏览器需要根据新的属性进行绘制。更比而言，重排会产生比重绘更大的开销。所以，我们在实际生产中要严格注意减少重排的触发。
2021-12-10 08:57:22
683
4
原创 【Vue】基础(上)：MVVM、模板语法、数据绑定
Vue基础，包括Vue概述、MVVM架构模式、Vue初识、模板语法、数据绑定、el和data的两种写法。
2021-12-06 21:46:56
693
2
原创 【React】解决antd样式没有显示问题（网页频闪问题）
问题详情最近需要使用Ant Design UI库创建项目，已经创建了五、六次项目了，每次创建项目耗时久、删项目又麻烦不说，展示效果并没有显示antd的样式，整个网页出现不停频闪效果，示例如下：解决方法忘记在App.css文件最前方加入一句：@import "~antd/dist/antd.css";很难忘的两天，故记录一下，警示下次不会再犯...
2021-11-30 21:23:21
1496
3
原创 前端优化 之 图片预加载和懒加载
欢迎学习交流！！！持续更新中…文章目录预加载什么是预加载为什么要用预加载预加载的实现懒加载什么是懒加载为什么要用懒加载懒加载的实现懒加载优化预加载和懒加载的比较预加载什么是预加载 资源预加载是另一个性能优化技术，我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。预加载简单来说就是将所有所需的资源提前请求加载到本地，这样后面在需要用到时就直接从缓存取资源。为什么要用预加载  .
2021-11-30 19:48:22
2888
2
原创 React -- redux详解
欢迎学习交流！！！持续更新中…文章目录redux理解学习文档工作流程redux的核心概念redux理解学习文档英文文档: https://redux.js.org/中文文档: http://www.redux.org.cn/Github: https://github.com/reactjs/redux是什么redux是一个专门用于做状态管理的JS库(不是react插件库)。它可以用在react, angular, vue等项目中, 但基本与react配合使用。作用: .
2021-11-28 20:25:41
5053
2
原创 JS防抖和节流
欢迎学习交流！！！持续更新中…文章目录防抖节流二者区别应用场景防抖和节流都是为了项目优化而出现的，官方没有具体定义的，他们的出现主要是为了解决一些短时间内连续执行的事件带来性能上的不佳和内存的消耗巨大等问题；像这类事件一般像 scroll keyup mousemove resize等等，短时间内不断的触发，在性能上消耗是非常大的，尤其是一些改变DOM结构的操作；节流[throttle]与防抖[debounce]非常相似，都是让上述这类事件在规定的事件从不断的去触发更改成为规定的时间内触发多少.
2021-11-25 18:25:36
8230
7
原创 React路由超详解...
欢迎学习交流！！！持续更新中…文章目录SPA路由react-router-dom普通组件与路由组件的区别路由的基本使用SPASPA是指单页面Web应用（single page web application,即SPA）：整个浏览器应用只有一个完整的页面。同时点击页面中的链接不会刷新页面，只会做页面的局部更新。页面中的数据都需要通过ajax请求获取，并在前端异步展现。目前常使用“单页面-多组件”。路由什么是路由：一个路由就是一个映射关系(key:value)key为路径.
2021-11-22 21:32:26
727
2
原创 进程和线程、单线程、多线程和多进程
欢迎学习交流！！！持续更新中…文章目录进程和线程理论知识二者区别单线程多线程进程和线程由于理论概念难以理解，我在查资料的过程中经常能看到这样一个形象的比喻：除此之外，也可以看一下阮一峰大神的一篇博客：进程与线程的一个简单解释，大神用动画图解释地十分清楚理论知识进程是资源（CPU、内存等）分配的基本/最小单位，具有一定独立功能的程序关于某个数据集合上的一次运行活动。系统由一个个进程(程序)组成，一般情况下，包括文本区域（text region）、数据区域（data region）和堆.
2021-11-17 17:47:34
1057
2
原创 CSS居中方案-----超全
欢迎学习交流！！！持续更新中…文章目录HTML代码水平居中行内元素text-align: center;块级元素margin: auto;绝对定位 + left:0;right:0;margin:0 auto;绝对定位 + 负值的margin-leftCSS3中新增的transform属性垂直居中行内元素单行文字垂直居中：设置 line-height = height块级元素绝对定位 + margin: auto;（未知宽高）绝对定位 利用 transform 属性（未知宽高）绝对性定位 利用 ca.
2021-11-14 21:18:50
405
2
原创 js动画与css3动画的区别
欢迎学习交流！！！持续更新中…文章目录JS动画（逐帧动画）css3（补间动画）总结JS动画（逐帧动画） 首先，在js动画是逐帧动画，是在时间帧上逐帧绘制帧内容，由于是一帧一帧的话，所以其可操作性很高，几乎可以完成任何想要的动画形式。但是由于逐帧动画的帧序列内容不一样，会增加制作负担，且资源占有比较大。 但它的优势也很明显：因为它相似与电影播放模式，很.
2021-11-12 15:43:50
1476
2
原创 React -- BrowserRouter、HashRouter的区别
今天在学习React路由时遇到了有关使用HashRouter与BrowserRouter例子，查询了有关二者的区别，还有HistroyRouter，故想用一篇博客记录一下底层原理HashRouter使用的是URL的哈希值，利用监听hashchange事件来前进后退BrowserRouter使用的是H5的history API，不兼容IE9及以下版本。HistroyRouter 利用了 HTML5 History Interf
2021-11-07 20:25:41
315
2
原创 JavaScript-垃圾回收机制
欢迎学习交流！！！持续更新中…文章目录JS的垃圾回收机制标记清除引用计数JS的垃圾回收机制 众所周知，应用程序在运行过程中需要占用一定的内存空间，且在运行过后就必须将不再用到的内存释放掉，否则就会出现内存的占用持续升高的情况，一方面会影响程序的运行速度，另一方面严重的话则会导致整个程序的崩溃。 JS不像C/C++，JS有自己的一套垃圾回收机制（Gar.
2021-11-02 20:13:08
96
2
原创 React -- PureComponent类和Component类的区别
欢迎交流学习！！！持续更新中…文章目录二者区别总体来说，他们区别不大，几乎完全相同，也可以理解为，Purecomponent是一个有条件的更具性能的Component。二者区别Component是React App的基本构建的单位，也是React中的基本代码复用单位。PureComponent与Component在除了其shouldComponentUpdate方法的实现之外几乎完全相同。PureComponent已经替我们实现了shouldComponentUpdate方法。对于Pur.
2021-10-30 20:15:00
101
1
原创 前端路由 与 后端路由
欢迎学习交流！！！持续更新中…文章目录前端路由后端路由二者比较前端路由的两种模式hashhistroy二者比较路由：路由是根据不同的 url 地址展示不同的内容或页面，是指分组从源到目的地时，决定端到端路径的网络范围的进程。路由工作包含两个基本的动作：1、确定最佳路径2、通过网络传输信息在路由的过程中，后者也称为后者也称为（数据）交换。交换相对来说比较简单，而选择路径很复杂。前端路由前端路由的核心是：改变URL，但是页面不进行整体的刷新。根据不同的hash地址，展示不同前端组件.
2021-10-26 20:21:44
2072
2
原创 React -- 脚手架配置代理
欢迎学习交流！！！持续更新中…文章目录前置说明常用的ajax请求库前置说明React本身只关注于界面, 并不包含发送ajax请求的代码前端应用需要通过ajax请求与后台进行交互(json数据)react应用中需要集成第三方ajax库(或自己封装)常用的ajax请求库jQuery: 比较重, 如果需要另外引入不建议使用axios: 轻量级, 建议使用封装XmlHttpRequest对象的ajaxpromise风格可以用在浏览器端和node服务器端...
2021-10-24 20:38:15
90
2
原创 React -- 脚手架简述
欢迎学习交流！！！持续更新中…文章目录创建项目并启动安装依赖react脚手架项目结构# React应用（基于React脚手架）## react脚手架1、xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果2、 react提供了一个用于创建react项目的脚手架库: create-react-app3、 项目的整体技术架构为: react + webp.
2021-10-22 22:10:41
565
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人