首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端
MongieLee
创建于2021-06-04
订阅专栏
关于前端开发的记录
等 3 人订阅
共39篇文章
创建于2021-06-04
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Http缓存策略之强缓存和协商缓存
缓存的目的是,减少客户端和服务器之间数据传输,以此来达到减少服务端压力和优化客户端体验,比如一个Web站点,其中某些依赖的资源可能十年都不会变动,此时对这种资源进行缓存就非常合适。常说的缓存一般有两种
React造轮子系列--仿Antd的Modal模态框组件(Typescript+Hooks)
基于Typescript和Hooks写法实现一个Modal弹窗组件 捋清楚实现需求和实现思路 需求(可根据自己喜好定制) 弹窗的标题,主体,底部都可以自定义替换 遮罩层可以设置是否点击可关闭 点击确定
Webpack的使用(搭建Vue+React环境)
认识Webpack Webpack对于目前的前端开发来说具有代表性的模块化打包工具 像常用的三大框架的脚手架,Vue-cli,create-react-app,Angular-cli都是基于Webpa
解决Flutter项目集成极光推送问题--AndroidMainfest.xml中ApplicationName未定义报错
首先按照插件文档配置 JPush Flutter Plugin 上面代码为官方文档的使用说明用法,这样配置后构建会导致一个报错,告诉你AndroidMainfest.xml中的applicationN
React造轮子系列--仿Antd的Message组件(Typescript+Hooks)
基于Typescript和Hooks写法实现模拟一个Message组件 先捋清楚思路 调用消息组件,将一个容器挂载到body元素中,并且拉高z-index保证能出现在元素顶层 消息组件有默认的消失时间
微信小程序使用Promise封装wx.request
平时开发React或Vue项目时,都是使用axios第三方库来发起http请求处理业务,由于会返回一个Promise对象所以使用起来比较方便。在微信小程序中则提供了一个wx.request的原生api
手写实现CustomPromise--掌握Promise
Promise对象在现代前端开发工作日常写业务中使用非常广泛,主要用于解决回调地狱的问题。下面通过一点点的实现一个自己的Promise,加强对其的理解以及实践应用。 正常使用Promise对象时,将要
浅析react-router@6版本中,Navigate组件重定向路由的使用
在版本为6的react-router和react-router-dom的使用中,与旧版有一点差别 没有Switch和Redirect组件可以使用了 新增了一个Routes组件,所有的Route组件都应
React中的错误边界处理
使用错误边界的作用在于,任意的子组件出现渲染错误时,可以自定义处理UI反馈 再定义一个按预期抛出错误的组件 使用时,特地使用了两个错误边界组件来包裹不同的组件来测试效果 在使用时,将ErrorBoun
React Hooks秘籍之从入门到入门
Hooks的官方定义 也就是React版本 > 16.8就可以使用Hooks的方式去编写React代码,有一个前提条件,就是必须理解闭包,文中会提到,不理解的话会对组件的行为感到相当疑惑。 useSt
React中使用Context的3种方式
个人理解转成大白话:Context提供了一个局部的全局作用域,使用Context则无需再手动的逐层传递props。 导入useContext钩子函数,该函数接收createContext()的返回值,返回的结果为该context的当前值,当前的 context 值由上层组件中距…
浅析react-router-config的使用
通过阅读源码,我们可以看到renderRoutes的逻辑实际上是接收路由表routes后,判断并初始化extraProps和switchProps,接着渲染了Switch组件,switchProps作为Switch组件的props传入,Switch组件的子元素通过将routes…
React造轮子系列--参照AntDesign实现Pagination分页组件
总分页数<=9条时全部展示,直接渲染出全部页码即可。当总页数>9条时,必定出现省略项...,只是位置有所区别,点击省略项功能参考antd的,默认(+/-)5个页码。 当前页数减去4(4为单边最多出现的兄弟项数量)<=1时,渲染1-7的连号页码,尾巴渲染省略.…
React实现一个简易可拖曳的Div组件
实现思路为点击div时,记录点击事件中鼠标相对于浏览器窗口可视区域的X,Y坐标,未松开鼠标移动时同样记录X,Y坐标,并计算出此次移动的距离与上次距离的差距,得出结果赋值到top属性和left属性上,达到预期效果前提是position为absolute。
React项目搭建及React基本介绍(Class组件)
(CRA无需安装或配置 Webpack 或 Babel 等工具。 它们是预先配置好并且隐藏的,因此你可以专注于代码,需要自定义及修改可以使用eject命令暴漏webpack配置文件) 关于npm的用法不过多介绍,自行搜索相关文档。 React应用通常使用JSX语法编写程序(不是…
React函数组件
模拟shouldComponentUpdate,返回一个布尔值。在组件接收到新的props或者state时被调用。在初始化时或者使用forceUpdate时不被调用。可以在你确认不需要更新组件时使用。
Vue 如何实现组件间通信
同级组件不能直接传值,需要一个中间桥梁,可以先将数据传递给公共的父组件,然后父组件再将数据传递给需要的子组件。 (不同于组件和 prop,事件名不会被用作一个 JavaScript 变量名或 property 名,所以就没有理由使用 camelCase 或 PascalCase…
JavaScript两种继承的实现思路
通过原型实现继承 通过class(类)实现继承。声明构造函数Baba,添加实例属性color及原型上的方法say
两种深拷贝的实现
如何实现深拷贝 第一种:只适用于符合JSON格式的对象 使用递归的深拷贝,兼容性强一点,Object.hasOwnProperty会忽略原型上的属性
手写并封装一个Ajax
要使用的HTTP方法,比如「GET」、「POST」、「PUT」、「DELETE」、等。对于非HTTP(S) URL被忽略。 表示向其发送请求的URL。 表示需不需要异步执行操作,不传入则该参数默认为true,已完成事务的通知可供事件监听器使用。如果值为false,send()方…
下一页