- 博客(13)
- 收藏
- 关注
转载 节流与防抖
防抖和节流是针对响应跟不上触发频率这类问题的两种解决方案。 在给DOM绑定事件时,有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll,窗口大小改变事件onresize,瞬间的操作都会导致这些事件会被高频触发。 如果事件的回调函数较为复杂,就会导致响应跟不上触发,出现页面卡顿,假死现象。 在实时检查输入时,如果我们绑定onkeyup事件发请求去...
2019-06-13 10:52:22 187
原创 移动端项目功能点及实现方案 (图片居多)
在项目 开发过程中 遇到的问题花样百出,现在在这里做下个人的项目 问题汇总 给以后的开发做一个 小小的铺垫涉及到大量图片时图片懒加载瀑布流展示图片 (视觉效果)数据 节流与防抖(重点)关于react中的swiper移动端touch 事件载入页面 时的骨架图 (高阶组件)react 中的 hooks (组件的新型书写方式)es6 的proxy查兼容性的网站 can I use...
2019-06-12 17:19:25 1421 1
原创 常见三种设计模式
设计模式是什么呢,在百度上从copy下来一段话:设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。总结一句话就是 ,设计模式就是 多年来前辈大牛们的开发设计经验的一个总结,方便后人使用。常见几种设计模式:...
2019-06-11 14:43:31 2203
原创 面试题整理---C3新特性
css篇新增选择器E:first-letter/E::first-letterE:first-line/E::first-lineE:before/E::beforeE::placeholderE::selectionE:not(s)E:rootE:only-child'E:nth-child(n)E:nth-last-child(n)E:first-of-type...
2019-06-09 08:38:06 413
原创 报错信息整理
在前端开发过程中经常遇到各式各样千奇百怪的错误,然而有些报错信息的指向 及其不明显,或者其 指向的位置 总让我找错方向,痛定思痛 决定将我 近期所遇见的不好解决的错误 进行整理,以方便后续开发1. web页面映射到app上机型 :安卓手机 oppe r7s报错原因: 手机型号版本较低,不支持es6 新语法 导致页面报错,出现白屏解决方案 :下载 补丁包npm i babel-p...
2019-05-15 10:03:20 536
原创 两行代码搞定导航吸顶(position:sticky)
我们在开发页面时 最常见的功能之一 就是导航吸顶 或 tab 吸顶,这两天用react和vue写这个功能时 遇到了个坑当页面只有一个滚动条时 还好,不会出现什么大坑,可以用原生滚动条监听事件处理,但是用原生的话 就还需要考虑上事件卸载问题,我们使用SPA模式开发,内部页面都是组件,若是不卸载的话 后患无穷。 react中也有合成事件 onScroll 但是不知为何 我这个事件注册后始终无法监...
2019-05-09 12:01:52 1850
原创 React虚拟dom及dom Diff的理解
随着近年来前端行业迅速的崛起 前端已经不仅仅局限于将页面展示出来了,更多的是考虑性能的优化和用户的体验,因而越来越多的框架应运而生,angular,react ,vue 三大开源框架 目前在前端行业三足鼎立,人家站稳脚跟的原因必然是将前端的历史遗留问题解决的彻彻底底,同时在很大程度上还解决了很多其他的问题,当然最主要的还是 页面加载速度 及更新速度上。下面简单梳理下虚拟dom 和 diff算法v...
2019-05-08 16:05:32 536
原创 后台管理系统项目流程及逻辑处理(二)
项目总结一整个项目从无到有,从设计分析到产品的最终上线对我们整个团队来说着实不易, 接下来 是我的整个项目完成后的一个整体的复盘 ,总结下采坑点,给以后的项目开发一个参考经验1.登录权限的问题最难也最不容易实现的还是权限这方面的问题,在leader的指点下 这一功能才能真正实现,在上一章中也花大篇幅介绍了下这方面的逻辑 (参考链接https://blog.csdn.net/m0_38127...
2019-05-06 19:53:59 1920
原创 后台管理系统项目流程及逻辑处理(一)
项目流程图考试管理系统流程技术栈 **Vue + element-ui模块设计 (四个模块)***设计图拿到后,我们会根据设计图进行评估分析和模块划分, 内容部分我们这里划分出五个模块试卷管理用户管理考试管理班级管理阅卷管理项目进展管理工具 采用 的是teambition ,这个工具可以安利一下,能高效,清晰的对我们的整个项目进行统筹处理,更适用于团队协作,很是...
2019-05-04 21:40:04 10728 3
原创 vue小demo中的小功能集合(一)
1.tab切换导航 下标控制类 :class='{active:i===index}' @click='index=i'2.动态组件动态组件:<keep-alive> <component :is='navdata[index].components'></keep-alive>保存缓存3.keep-alive 缓存不活动的组件实例属...
2019-04-26 11:03:00 297
原创 登陆权限流程
登陆权限当我们做后台管理系统的项目时 毫无以外的会遇到登陆权限的的问题,个人总结了权限的具体流程RBACroler based accsess controler基于角色的权限访问控制一个管理系统的用户成千上万 我们不可能给每一个用户都添加试图权限或是接口权限,但是内部的角色的数量是确定的 一个角色可以对应多个用户 我们只需要给每一个用户绑定到对应的角色 那么角色的权限就是当前用户所...
2019-04-26 10:58:42 975
原创 es6编译es5
gulp压缩js时遇到的坑 es6编译es5gulp是一个门槛低,上手快,并且比较实用的前端自动化构建工具,正如官方网站所说 gulp 的强大之处 在于它丰富的插件,当然 作为前端小白的我来说 尽管 插件足够丰富,但是对插件的功能不甚了解,等于白给...接下来将分享一下小编在 压缩js时遇到的es6不支持的问题,大家都知道 这个问题只需要将es6编译成es5便可解决,但是度娘上的回答 满目琳...
2019-01-06 16:04:42 311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人