【前端】综合问题及解决方案
文章平均质量分 85
溜溜的阿溜
一个进击的前端小菜鸟
展开
-
前端项目工程化流程--从开发到发布
前端项目工程化流程–从开发到发布 一般来说,一家成熟的公司,早就把项目打包部署、测试、预发及线上发布都实现了自动化或一键操作。因此,对大多数前端开发工程师来说,基本涉及不到这些工程化的事情。但作为一个所谓的前端开发工程师,必然需要对工程化,或者简单来说,我们项目的部署上线流程,有一个清晰的认知。以供我们在面对项目需要迁移、服务器升级、线上节点挂掉等频率虽低但影响很大的一些问题时,能迅速定位并协助后端、运维同学解决问题。&n原创 2021-02-20 11:03:18 · 3423 阅读 · 1 评论 -
如何搭建自己的github-pages个人博客
相信大家都曾想过做一个自己的博客网站,上传一些自己的博文、作品等等,尤其是技术开发人员,就更想有一个属于自己的小天地了。但以往搭建博客网站的方案通常需要买云服务器、买域名等等,非常麻烦。对于需求不高,只想搭建一个静态网站的人来说,那些方案过于繁琐也没有时间维护。本文推荐的一个方案是,基于Github,建立一个自己的github静态网站,过程非常简单,只需要你申请一个github账号(相信开发人员一般是会有的,没有的话,直接去https://github.com注册一个)搭建github page.原创 2020-11-27 18:32:39 · 1430 阅读 · 0 评论 -
CSS规范化及解决方案
CSS规范化及解决方案说到规范,我们会较容易联想到git分支命名及合并规范、发布规范、js编写规范等等,比较容易忽略CSS规范,通常一些大型公司中成熟的前端团队,对css代码编写也会有一套自己的简单规范。规范不必过于苛刻,目的在于提升开发效率、降低维护成本。一、定义一套合理的规范(css命名+属性书写顺序)1、css命名—-BEM规范?在业界之前比较流行的css编写规范是BEM规范【块(block)、元素(element)、修饰符(modifier)】,实际也可根据团队情况制定推动更符合业务场景需要原创 2020-11-04 16:29:34 · 379 阅读 · 0 评论 -
如何将前端代码写的优雅?
前言作为一个前端工程师,令我最头疼的两件事,一个是逻辑混乱且没有注释的js代码,还有一个就是污染严重、命名奇葩的css样式了。在项目开发中,扎实的基础和高超的技术水平固然重要,但是良好的编码风格也是不可或缺的一部分。开发一个业务或许只需要几天或者几个月的的时间,但项目在线上运行和迭代可能有几年甚至十几年。高质量的代码不仅能提升自己的编码风格、方便错误检查,对后续迭代优化的作用是非常显著的。如果不想让几个月后的自己看不懂自己的代码,或者不想让后续开发的小伙伴对着你的git提交记录捶胸顿足的话,请尽可能的原创 2020-10-19 20:24:57 · 1483 阅读 · 0 评论 -
Vue中子组件的弹框滚动条不影响父元素滚动
Vue中子组件的弹框滚动条不影响父元素滚动问题描述解决方法基于Jquery的方式原生JS:给body加上position:fixed==原生JS==:给body加上overflow:hidden问题描述在vue的某个页面的子组件中设置了弹框,主页面和弹窗都有滚动条,当弹窗滚动条滑到底部时,会触发主页面的滑动。怎么禁止主页面的滑动?关闭弹窗后,再恢复主页面的滑动。解决方法基于Jquery的方...原创 2019-02-26 15:26:23 · 5487 阅读 · 0 评论 -
解决弹窗背景锁定及ios兼容问题(显示弹窗时,弹窗内容滚动,背景不随之滚动。关闭弹窗后,背景恢复滚动功能)(ios输入框失焦导致父元素可视区域改变)
最近在工作中遇到了这么一个需求:点击页面按钮,显示弹窗(弹窗内可展开多个列表,列表中有多条输入框,展开时整个弹窗内容超一屏),当弹窗内的内容滚动时,背景不随之滚动(一般滚动到底部或顶部后,内部滚动条会触发背景主页面滚动,如果背景页面超一屏)。当关闭弹窗时,主页面又可以恢复滚动。简而言之,就是弹窗背景锁定问题解决的思路很简单,当弹窗显示时,获取页面scrollTop高度,给背景主页面设置样式p...原创 2019-03-27 00:51:40 · 1296 阅读 · 0 评论