前端
重阳微噪
这个作者很懒,什么都没留下…
展开
-
原生html实现一个mini-react-router
原生html实现一个mini-react-router前言实现一个简单版本的react-router, 揭秘路由的神秘面纱思考• 前端路由本质上是什么• 前端路由里的一些坑和注意点• hash路由和history路由的区别• Router组件和Route组件分别做了什么路由的本质浏览器端的路由不是真实的网页跳转,和服务器没有任何交互,本质上就是对url进行监听,让某个dom节点显示对应的视图路由的区别路由的区别一般来说,前端路由分为两种1、hash 路由, 特征是ur原创 2020-09-22 19:51:16 · 236 阅读 · 0 评论 -
Koa 实战 - 鉴权
学习目标掌握三种常见鉴权方式Session/CookieTokenOAuthsession-cookie方式cookie原理解析// cookie.jsconst http = require("http")http.createServer((req,res)=>{ if(req.url === '/favicon.ico'){ return...原创 2019-12-09 23:31:06 · 524 阅读 · 0 评论 -
前端性能优化02-- 代码执行优化
前端性能优化02节流 防抖重绘 回流vue react (ssr) 常见优化 代码执行的更少,dom 操作更少浏览器如何渲染页面vue源码做过哪些执行层面的优化雅虎军规性能监控 Performance放到控制台执行performance.getEntriesByType(“navigation”)节流、防抖节流,某一段时间只触发一次,避免函数执行次数过多,比如滚动调用...原创 2019-10-30 12:02:57 · 255 阅读 · 0 评论 -
前端性能优化--文件获取优化
前端性能优化01加载文件 css.jshttp 协议的细节从 url 到页面渲染完毕,发生了什么大厂怎么上线前端代码网络层面优化从输入 URL 到页面加载完成,发生了什么?用户输入域名 - 浏览器通过 DNS,把 url 解析成 IP和 IP 地址建立 TCP 链接发送 HTTP 请求服务器接手请求,查库,读文件,返回的 HTTP响应浏览器收到首屏的 html,开始渲...原创 2019-10-30 12:00:51 · 424 阅读 · 0 评论 -
完成 Angular8 构建简单CRM 系统
一、 Angular 简介框架和库框架(Framework)包含库(Library)框架制定了一套规范或者规则 AngulatJS 、 BackBone 、 VueReact + React-Router+ React-ReduxAngular 概述一套框架多平台 TypeScript 书写优势: AngularJS -> Angular (1.0 版本之后) ...原创 2019-08-31 16:07:26 · 650 阅读 · 0 评论 -
webpack+antd+fetch 通讯 , 打包上线
webpack+antd+fetch 通讯1. 引入安装fetchimport "whatwg-fetch"import "es6-promise"2. 在utils中配置fetch文件,定义了一个get请求和post请求的方法,因为内部是promise封装的所以返回的是一个promise对象,通过.then接收具体代码get 方法export function get(url...原创 2019-07-22 10:46:42 · 414 阅读 · 2 评论 -
react 封装通用组件之Modal弹窗
react 封装通用组件之Modal弹窗工作中发现我们在做react后台管理系统的时候,会有大量重复的页面(如下图),比如form表单和table组件、以及接口通讯,新增修改modal等。虽然antd里面的组件已经很简便了,但是遇到众多功能类似的页面,每次都复制大量的代码还是会耗费很大的时间而且不易维护,看起来很不清爽,于是找了个时间就把他们做了二次封装。 尽量涵盖了大多数的业务。Moda...原创 2019-07-20 14:46:20 · 10296 阅读 · 4 评论 -
react 封装通用组件之table组件
react 常用组件API调用的模块化封装–table组件工作中发现我们在做react后台管理系统的时候,会有大量重复的页面(如下图),比如form表单和table组件、以及接口通讯,新增修改modal等。虽然antd里面的组件已经很简便了,但是遇到众多功能类似的页面,每次都复制大量的代码还是会耗费很大的时间而且不易维护,看起来很不清爽,于是找了个时间就把他们做了二次封装。 尽量涵盖了大多数的...原创 2019-07-20 11:32:21 · 5833 阅读 · 2 评论 -
从零开始一个webpack+react项目
从零开始一个webpack+react项目最近在做react组件化的分享,从项目中抽离组件,那么第一步自然是搭建相关的环境本篇旨在从零开始,用最少的配置、最少的代码、最少的依赖来搭建一个最简单的webpack+react环境第一步,初始化项目npm init (注意文件名符合规范)第二步,安装webpack、webpack-cli和webpack-dev-server,...原创 2019-07-05 15:47:45 · 3095 阅读 · 1 评论 -
git的基本使用与常用用法
git的常见用法1. 基本介绍首先介绍下 git 的三个区: 工作区 、 暂存区/过渡区、历史区/版本库工作区: 本地代码编写区 - git init暂存区/过渡区:临时保存代码,承上启下 - git add历史区/版本库:代码提交完成,自动成一个版本号,可用来更改版本,在不同版本中穿梭,配合 git log / git reflog 使用2. 配置用户查看本...翻译 2019-07-04 19:02:16 · 176 阅读 · 0 评论 -
从服务器购买到项目发布上线(ubuntu服务器)
从服务器购买到项目发布上线(ubuntu服务器)服务器的选购购买大品牌 ,推荐阿里云:方便、免费的ssl证书 、大品牌、自带公网IP(非常重要)。七牛云:服务不错,(公网IP需另购)选购注意,系统选错,可以更换磁盘,如果选区错了将不可以更换,比如所在地是杭州,选择华东地区即可,后面的域名、云服务器等选购建议与云主机地域一致。优惠 ,云主机购买,有学生专享优惠。云服务器ECS的优势,高可...原创 2019-07-01 20:12:11 · 518 阅读 · 1 评论