前端工程
19篇文章 · 4订阅
  • vue客户端渲染首屏优化之道
    1、 dll动态链接库， 使用DllPlugin DllReferencePlugin，将第三方库提取出来另外打包出来，然后动态引入html。可以提高打包速度和缓存第三方库 主要是分离 第三方库，自定义模块（引入超过3次的自定义模块被分离），webpack运行代码（runtim…
    Webpack
  • 如何利用webpack来提升前端开发效率（二）？
    通过如何利用webpack来提升前端开发效率（一）的学习，我们已经能够通过webpack的loader和piugin机制来处理各种文件资源。细心的小伙伴们发现了缺少了对字体文件和HTML中<img>标签的资源处理，那让我们先来解决这个问题。 随后在命令行执行npm run bu…
    Webpack
    如何利用webpack来提升前端开发效率（二）？
  • 【手把手】15分钟搭一个企业级脚手架
    笔者在开发 cli 的过程中，调研流行的 cli 并形成最佳实践，本文旨在用最短的篇幅实现主要功能，揭露核心原理，同时提供 demo 仓库与大家学习探讨。 一个命令，就可以把我预设的完整的工程目录创建好，特别方便效率。 上面雏形脚手架可以很好的服务于个人需求，但是毕竟过于干瘪和…
    JavaScript
  • Scss 中比较常用的mixin(可能有些你还不知道😃)
    多行文本溢出...
    SCSS
  • webpack原理
    查看所有文档页面：全栈开发，获取更多信息。 原文链接：webpack原理，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。 在了解 Webpack 原理前，需要掌握以下几个核心概念，以方便后面的理解： Entry：入口，Webpack 执行构建的第一步将从 Entr…
    Webpack
  • 【面试篇】寒冬求职之你必须要懂的Web安全
    随着互联网的发展，各种Web应用变得越来越复杂，满足了用户的各种需求的同时，各种网络安全问题也接踵而至。作为前端工程师的我们也逃不开这个问题，今天一起看一看Web前端有哪些安全问题以及我们如何去检测和防范这些问题。非前端的攻击本文不会讨论(如SQL注入，DDOS攻击等)，毕竟后…
    JavaScript
  • 【CSS系列】命名千万条，BEM第一条
    没有太重视“命名”这个似乎不在技术范畴之内的东西，随着项目更新迭代变得庞大，维护起来欲哭无泪。尤其是在CSS中，一个高效的命名规范到底有多重要？ 之前看到过一种丑丑的命名（"__"和"--"）不以为然，这正是本文探讨的主题——BEM命名规范。 1. BEM简介 2. BEM命名…
    CSS
  • 常见六大Web安全攻防解析
    在互联网时代，数据安全与个人隐私受到了前所未有的挑战，各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据？本文主要侧重于分析几种常见的攻击的类型以及防御的方法。 XSS (Cross-Site Scripting)，跨站脚本攻击，因为缩写和 CSS重叠，所以只能叫 XSS…
    JavaScript
  • js对文件和二进制操作的一些方法汇总
    之所以说它是个万能的对象是因为它可以读取任意格式的内容,最近我尝试过用 FileReader 读取过 psd, ppt, 各种图片等等. 虽然很多情况下,它读出来的是我们完全看不懂的东西.不过通过一定的转换,理论上我们可以在浏览器里面打开任何文件类型. 由于 FileReade…
    JavaScript
  • 如何利用webpack来提升前端开发效率（一）？
    create-react-app project vue create project等命令。 ... 可能大家在遇到上述开发场景时，可能就二话不说，直接开启编辑器，撸起袖子就是“代码一把梭”。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器(mod…
    Webpack
    如何利用webpack来提升前端开发效率（一）？