抱歉，您的浏览器无法访问本站
本页面需要浏览器支持（启用）JavaScript
了解详情 >

React Router路由原理前端路由的本质是监听 URL 的变化，然后匹配路由规则，显示相应的页面，并且无须刷新页面，核心是改变视图的同时不会向后端发出请求。目前前端使用的路由就只有两种实现方式:Hash 模式和 History 模式 Hash 模式Vue-router 默认是 hash 模式 www.test.com/#/ 就是 Hash URL（有 /#/ 就是...
前端

定义柯里化是指将一个函数分解为一系列函数的过程，每个函数都只接收一个参数函数柯里化，英语：Currying，高阶函数的一个特殊用法。是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术 一个简单的例子: 12345678910function add(a, b) { return a + b}add...
前端

什么是内存泄露程序的运行需要内存。只要程序提出要求，操作系统就会给内存。进程应及时释放不再用到的内存。不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak）大多数语言提供自动内存管理，减轻程序员的负担，这被称为垃圾回收机制（garbage collector） 垃圾回收引用计数思想：跟踪记录所有值被引用的次数（阮一峰说引用计数是最常使用的，红宝书说到 2008 年为止标记清除...
前端

常见兼容性问题 png24 位的图片在 iE6 浏览器上出现背景，解决方案是做成 PNG8 浏览器默认的 margin 和 padding 不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一，但是全局效率很低，一般是如下这样解决： 1body,ul,li,ol,dl,dt,dd,form,input,h1,h2,h3,h4,h5,h6,p{ margi...
前端

概念解决JS单线程，遇到计算密集型或高延迟的任务时发生阻塞的问题Web Worker 的作用，就是允许主线程创建 Worker 线程，承担一些费时的任务Worker线程可以有多个，但是使用完最好计时关闭 一个简单的例子帮助理解改进前： 123456789101112<body> <button id="btn">点击</button&g...
前端

知识储备常用的鼠标事件 click dbclick：双击 mouseenter：当鼠标指针首次移动到元素上时触发。不冒泡 mouseleave：当鼠标指针移出元素时触发。不冒泡 mousedown：当元素上按下鼠标按钮时候触发 mouseup：当元素上释放鼠标按钮时触发 mousemove：当鼠标指针在元素内部移动时重复地触发 mouseover：当鼠标指针移动到元素上时触发 mouseou...
前端

缘起：前段时间面试SXF二面的时候发现自己项目经验有点少，一些组件实现思路也不清晰，决定恶补一波。该项目来源是慕课网上的《Vue全家桶+SSR+Koa2全栈开发美团网》，于近期学习完毕。 基础知识Koa2Koa2是基于Nodejs的web框架对Node.js的http进行了封装（封装了一个服务器），用 Promise + async 实现异步 （Koa1是用Generator，Express...
前端

缘起：该项目是 7 月末刚开始学 Vue 的时候，一开始看官方文档，觉得不够扎实，需要一些实战练习，所以在慕课网上看《Vue2.5 开发去哪儿网 App 从零基础入门到实战项目》做了此项目。后来又自己从头到尾把项目敲了一遍。最近复习又把这个项目的实现过了一遍，总结成此博文后来又给这个项目搭了个基于Koa2的服务器，完善登录验证等功能 组件实现首页 header 组件：用 Vuex 获取城市数...
前端

模块化的好处解决命名冲突、提高代码的复用性和可维护性 模块化的实现方式立即执行函数在早期，使用立即执行函数实现模块化是常见的手段，通过函数作用域解决了命名冲突、污染全局作用域的问题。少用了 1234(function(globalVariable){ globalVariable.test = function() {} // ... 声明各种变量、函数...
前端

性能优化概括主要的是： 降低请求量：合并资源，减少 HTTP 请求数，minify / gzip 压缩，webP，lazyLoad。 加快请求速度：预解析DNS，减少域名数，并行加载，CDN 分发。 缓存：HTTP 协议缓存请求，离线缓存 manifest，离线数据缓存localStorage。（HTML 文件每次都向服务器询问是否有更新，JS/CSS/Ima...
前端

2 / 4