SHERlocked的前端小站

64

使用API自动生成工具优化前端工作流

SHERlocked93 11月22日发布
42 收藏

在工作中，我们的前端工作流一般开始于前后端协商好Api文档之后，再针对这个Api文档做mock模拟数据，然后用做好的mock进行开发，后端开发完毕之后再改一下API数据的BaseURL切换到正式API进行联调；如下

31

Git 学习笔记

SHERlocked93 10月12日发布
26 收藏

最近公司的代码管理工具要从SVN转到Git上，因此虽然之前用过Git，但是都是一些简单的推送提交，因此还是有必要进行一些系统的学习，这里做一下笔记，以备后询，且不定期更新。

80

CSS 中重要的层叠概念

SHERlocked93 9月21日发布
59 收藏

最近在项目的过程中遇到了一个问题，menu-bar希望始终显示在最上面，而在之后的元素都显示在它之下，当时设置了 z-index 也没有效果，不知道什么原因，因此找了一下css有关层叠方面的资料，解决了这个问题，这里...

17

windows本地安装部署 Easy Mock

SHERlocked93 9月14日发布
13 收藏

在前后端分离的开发方式下，后端如果暂时没数据，前端为了开发方便可以使用模拟数据来对付一下，目前提供模拟数据的平台已经有不少，大多数都是自带Api管理的，比如Yapi、sosoApi、epLinker、Easy-Mock甚至我们可...

12

Vue项目数据动态过滤实践

SHERlocked93 9月8日发布
11 收藏

这个问题是在下在做一个Vue项目中遇到的实际场景，这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-)，过程中会涉及到一些Vue源码的概念比如$mount、render watcher等，如果不太了解的...

2

Vue项目预渲染机制引入实践

SHERlocked93 9月2日发布
2 收藏

周末想顺便把已经做好静态页面的webApp项目做一下SEO优化，由于不想写蹩脚的SSR代码，所以准备采用预渲染，本来想着网上有这么多预渲染的文章，随便找个来跟着做不就完了嘛，结果年轻的我付出了整个周末..... 这...

59

Vue项目骨架屏注入实践

SHERlocked93 8月20日发布
43 收藏

相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代，如今已发展到前后端分离，这种开发方式大大提升了前后端项目的可维护性与开发效率，让前后端工程师关注于自己的主业。然而在带来便利的同时，...

54

JS 中的offset、scroll、client总结

SHERlocked93 8月10日发布
47 收藏

经常碰到offset、scroll、client这几个关键字，每次都要各种实验，这里总结一下。两张图镇楼，随时翻阅 1. offset offset 指偏移，包括这个元素在文档中占用的所有显示宽度，包括滚动条、padding、border，不包...

34

一个骚气的文章目录自动生成器了解一下

SHERlocked93 8月9日发布
17 收藏

这个插件根据选定的目录内容中的 h1, h2, h3, h4, h5, h6 标签来自动生成目录插入到选定的目录容器中，并且提供一个漂亮的样式效果

22

Vue源码阅读 - 批量异步更新与nextTick原理

SHERlocked93 7月19日发布
18 收藏

vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养...

9

Web Worker 初探

SHERlocked93 7月15日发布
12 收藏

以前我们总说，JS是单线程没有多线程，当JS在页面中运行长耗时同步任务的时候就会导致页面假死影响用户体验，从而需要设置把任务放在任务队列中；执行任务队列中的任务也并非多线程进行的，然而现在HTML5提供了我...

18

Vue源码阅读 - 依赖收集原理

SHERlocked93 7月7日发布
21 收藏

vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养...

24

Vue源码阅读 - 文件结构与运行机制

SHERlocked93 7月1日发布
28 收藏

vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养...

25

Vue 使用中的小技巧

SHERlocked93 4月22日发布
51 收藏

在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~

1

JS 静态类型检查工具 Flow

SHERlocked93 4月13日发布
2 收藏

本文主要介绍了解决JS作为弱类型语言没有类型检查痛点的静态类型检查工具 Flow ，并且介绍了在WebStorm中使用Flow的方法，最后介绍了一些常用的Flow语法。

5

JS throttle与debounce的区别

SHERlocked93 4月10日发布
8 收藏

一般在项目中我们会对input、scroll、resize等事件进行节流控制，防止事件过多触发，减少资源消耗；在vue的官网的例子中就有关于lodash的debounce方法的使用，当时也提到了throttle，但一直没搞明白节流 throttle...

4

几种浏览器存储方法及其优缺点

SHERlocked93 3月21日发布
5 收藏

在做项目的过程中，我们经常遇到需要把信息存储在本地的情况，比如权限验证的token、用户信息、埋点计数、客户配置的皮肤信息或语言种类等，我们可以暂存一下避免浏览器不必要的请求和客户多余操作，给客户使用带...

2

CSS margin合并问题

SHERlocked93 3月14日发布
1 收藏

在CSS当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠外边距。

4

使用Jenkins持续集成前端项目并自动化部署到Nginx服务器

SHERlocked93 3月2日发布
3 收藏

上午折腾了一下Jenkins持续集成，由于公司使用自己搭建的svn服务器来进行代码管理，因此这里Jenkins是针对svn服务器来进行的配置，后面稍微介绍了下针对Github管理的项目的Jenkins配置

3

JS 活学活用正则表达式

SHERlocked93 2月12日发布
5 收藏

/\B(?=(\d{3})+(?!\d))/g：正则匹配非单词边界\B，边界后面必须跟着(\d{3})+(?!\d)

使用API自动生成工具优化前端工作流

Git 学习笔记

CSS 中重要的层叠概念

windows本地安装部署 Easy Mock

Vue项目数据动态过滤实践

Vue项目预渲染机制引入实践

Vue项目骨架屏注入实践

JS 中的offset、scroll、client总结

一个骚气的文章目录自动生成器了解一下

Vue源码阅读 - 批量异步更新与nextTick原理

Web Worker 初探

Vue源码阅读 - 依赖收集原理

Vue源码阅读 - 文件结构与运行机制

Vue 使用中的小技巧

JS 静态类型检查工具 Flow

JS throttle与debounce的区别

几种浏览器存储方法及其优缺点

CSS margin合并问题

使用Jenkins持续集成前端项目并自动化部署到Nginx服务器

JS 活学活用正则表达式

51 篇文章

1 位作者

SHERlocked93