游客xihcpujmlllzi_社区达人页

2022年04月

• 04.26 21:35:28
  发表了文章 2022-04-26 21:35:28

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

  上午折腾了一下Jenkins持续集成，由于公司使用自己搭建的svn服务器来进行代码管理，因此这里Jenkins是针对svn服务器来进行的配置，后面稍微介绍了下针对Github管理的项目的Jenkins配置 之前项目每次修改之后都需要本地npm run build一次手动发布到服务器上方便测试和产品查看，有了Jenkins持续集成之后只要svn或者git提交之后就会自动打包，很方便，此次记录以备后询。 声明： 后面的项目地址与打包地址都是使用em-mes，自行修改； 另外还有路径等，根据自己情况自行修改； 感兴趣的同学可以加文末的微信群，一起讨论吧～

  
• 04.26 21:27:04
  发表了文章 2022-04-26 21:27:04

  Vue项目数据动态过滤实践

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

  
• 04.26 21:19:58
  发表了文章 2022-04-26 21:19:58

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

  周末想顺便把已经做好静态页面的webApp项目做一下SEO优化，由于不想写蹩脚的SSR代码，所以准备采用预渲染，本来想着网上有这么多预渲染的文章，随便找个来跟着做不就完了嘛，结果年轻的我付出了整个周末..... 这篇文章就记录一下最后是怎么配置的 T.T 声明： 以下配置只保留有必要的 生成目录这里使用base代替，请自行修改 vue-cli模板使用webpack，其他模板类推 webApp - 在线预览 Github - 配置了预渲染的demo 感兴趣的同学可以加文末的微信群，一起讨论吧～
• 04.26 21:16:28
  发表了文章 2022-04-26 21:16:28

  Vue项目骨架屏注入实践

  相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代，如今已发展到前后端分离，这种开发方式大大提升了前后端项目的可维护性与开发效率，让前后端工程师关注于自己的主业。然而在带来便利的同时，也带来了一些弊端，比如首屏渲染时间(FCP)因为首屏需要请求更多内容，比原来多了更多HTTP的往返时间(RTT)，这造成了白屏，如果白屏时间过长，用户体验会大打折扣，如果用户网速差，则FCP会更长。

  
• 04.26 21:11:47
  发表了文章 2022-04-26 21:11:47

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

  这个插件根据选定的目录内容中的 h1, h2, h3, h4, h5, h6 标签来自动生成目录插入到选定的目录容器中，并且提供一个漂亮的样式效果。 监听内容区滚动 点击跳转功能 兼容性：IE10+ (由于使用了 node.classList) 地址戳这里 github地址，欢迎star，issue，pr ~ 感兴趣的同学可以加文末的微信群，一起聊聊吧～

  
• 04.26 21:07:44
  发表了文章 2022-04-26 21:07:44

  JS 正则表达式必知必会

  在实际做项目过程中会经常遇到需要验证的情况，这时候如果对正则表达式不够了解，就需要经常去网上找，显得low，为了能够自己手写正则，在下花功夫做了一些笔记，并且用这些知识做了一个正则的代码库，方便平时自己使用。 声明： ES9代表ES2018，如果特性后加了ES9，那么代表是ES2018中新增的特性 感兴趣的同学可以加文末的微信群，一起讨论吧～

  
• 04.26 20:59:15
  发表了文章 2022-04-26 20:59:15

  CSS中重要的BFC

  在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流、普通流三种。而普通流其实就是指BFC中的FC。FC(Formatting Context)，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。常见的FC有BFC、IFC，还有GFC和FFC。
• 04.26 20:54:38
  发表了文章 2022-04-26 20:54:38

  JS 中可以提升幸福度的小技巧

  本文主要介绍一些JS中用到的小技巧，可以在日常Coding中提升幸福度，将不定期更新~ 感兴趣的同学可以加文末的微信群，一起讨论吧～

  
• 04.26 20:47:59
  发表了文章 2022-04-26 20:47:59

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

  vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养，同时对一些阅读源码时的想法进行总结，出产一些文章，作为自己思考的输出，本人水平有限，欢迎留言讨论~

  
• 04.26 20:40:28
  发表了文章 2022-04-26 20:40:28

  Web Worker 初探

  以前我们总说，JS是单线程没有多线程，当JS在页面中运行长耗时同步任务的时候就会导致页面假死影响用户体验，从而需要设置把任务放在任务队列中；执行任务队列中的任务也并非多线程进行的，然而现在HTML5提供了我们前端开发这样的能力 - Web Workers API，我们一起来看一看 Web Worker 是什么，怎么去使用它，在实际生产中如何去用它来进行产出。
• 04.26 20:33:23
  发表了文章 2022-04-26 20:33:23

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

  vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养，同时对一些阅读源码时的想法进行总结，出产一些文章，作为自己思考的输出，本人水平有限，欢迎留言讨论~

  
• 04.26 20:26:10
  发表了文章 2022-04-26 20:26:10

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

  vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养，同时对一些阅读源码时的想法进行总结，出产一些文章，作为自己思考的输出，本人水平有限，欢迎留言讨论~

  
• 04.26 19:51:21
  发表了文章 2022-04-26 19:51:21

  Vue 使用中的小技巧（下）

  在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~ 感兴趣的同学可以加文末的微信群，一起讨论吧～
• 04.25 22:32:50
  发表了文章 2022-04-25 22:32:50

  Vue 使用中的小技巧（上）

  在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~ 感兴趣的同学可以加文末的微信群，一起讨论吧～