摘要: 美术宝 loader和plugin原理的区别: 1、loader和plugin原理的区别【Loader】:用于对模块源码的转换,loader描述了webpack如何处理非javascript模块,并且在buld中引入这些依赖。loader可以将文件从不同的语言(如TypeScript)转换为Java 阅读全文
posted @ 2020-06-23 10:47 前端菜园子 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 在业务开发过程中,想必大家经常会需要查看一个元素的位置及大小并修改它的 CSS,因此就会频繁使用到 DevTools 中的选择元素功能 其实我们可以使用一个 CSS 技巧给所有元素加上outline,这样就能迅速了解自己所需的元素位置信息,无须再选择元素查看了。 我们只需要添加以下 CSS 就能为任 阅读全文
posted @ 2020-03-24 09:47 前端菜园子 阅读(276) 评论(0) 推荐(0) 编辑
摘要: webpack 打包优化并没有什么固定的模式,一般我们常见的优化就是拆包、分块、压缩等,并不是对每一个项目都适用,针对于特定项目,需要不断调试不断优化。 对于 webpack4,建议从零开始配置,在项目初期,使用 webpack4 默认的配置。 接下来,本篇文章会列出所有适用于 webpack 优化 阅读全文
posted @ 2020-03-20 16:29 前端菜园子 阅读(1020) 评论(0) 推荐(0) 编辑
摘要: 前言 缓存,这是一个老生常谈的话题,也常被作为前端面试的一个知识点。 本文,重点在与探讨在实际项目中,如何进行缓存的设置,并给出一个较为合理的方案。 在介绍缓存的时候,我们习惯将缓存分为强缓存和协商缓存两种。两者的主要区别是使用本地缓存的时候,是否需要向服务器验证本地缓存是否依旧有效。顾名思义,协商 阅读全文
posted @ 2020-03-11 10:23 前端菜园子 阅读(390) 评论(0) 推荐(0) 编辑
摘要: https://www.cnblogs.com/yyhh/p/5140852.html 阅读全文
posted @ 2020-02-24 10:20 前端菜园子 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 按钮(button)可能是网页中最常见的组件之一了,大部分都平淡无奇,如果你碰到的是一个这样的按钮,会不会忍不住多点几次呢 通常这类效果第一反应可能就是借助canvas了,比如下面这个案例点击预览(建议去codepen原链接点击预览访问,segmentfault内置的预览js会加载失败) 效果就更加 阅读全文
posted @ 2020-01-20 11:46 前端菜园子 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 前言 在一个项目中,一些功能会涉及到重要的数据管理,为了确保数据的安全,我们会在项目中加入权限来限制每个用户的操作。作为前端,我们要做的是配合后端给到的权限数据,做页面上的各种各样的限制。 需求 因为这是一个工作上的业务需求,所以对于我来说主要有两个地方需要进行权限控制。 第一个是侧边菜单栏,需要控 阅读全文
posted @ 2019-12-13 10:45 前端菜园子 阅读(2907) 评论(0) 推荐(1) 编辑
摘要: 1)、cd : 改变目录。 2)、cd . . 回退到上一个目录,直接cd进入默认目录 3)、pwd : 显示当前所在的目录路径。 4)、ls(ll): 都是列出当前目录中的所有文件,只不过ll(两个ll)列出的内容更为详细。 5)、touch : 新建一个文件 如 touch index.js 就 阅读全文
posted @ 2019-11-15 18:12 前端菜园子 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 一、什么是服务端渲染(SSR)? Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。服 阅读全文
posted @ 2019-10-15 11:43 前端菜园子 阅读(68) 评论(0) 推荐(0) 编辑
摘要: 判断js中的数据类型有一下几种方法:typeof、instanceof、 constructor、 prototype、 $.type()/jquery.type(),接下来主要比较一下这几种方法的异同。 先举几个例子: 1、最常见的判断方法:typeof 2、判断已知对象类型的方法: instan 阅读全文
posted @ 2019-10-14 14:31 前端菜园子 阅读(1731) 评论(0) 推荐(0) 编辑