云上的石头

摘要： 说明 vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。 module.exports = { // 配置项... } publicPath 默认情况下，Vue CLI 阅读全文

摘要： 谷歌浏览器如何调试界面上动态元素 相信很多前端开发者都遇到过一个头痛的问题，页面上需要通过hover，鼠标滑入才会变化的部分UI，无法被调试。 已京东的一些商品分类的二级弹框为例。我们像调试这个弹框时，却发现选中后，弹框就隐藏了。 调试步骤 右键检查该弹框 在元素选项卡下方选中该弹框的父级节点 点击 阅读全文

摘要： 场景 日常开发过程中，很多地方能使用到防抖函数，和节流函数。二者都有一个共同的目的降低函数的执行次数，常见的场景有 防抖 对用户输入的关键字实时检索内容 鼠标不断点击触发，mousedown（单位时间内只触发一次） mousemove事件 用户操作内容的实时保存 节流 scroll 事件 拖拽时，通 阅读全文

摘要： 本地部署前端应用 我们在开发或解决问题后，需要部署代码到线上进行验证，但是有时候去部署环境是可能会直接影响到其他在使用环境的人。这个时候我们可以自己本地去部署代码。去模拟在线上运行的场景。 环境准备 nginx服务器 可以作为服务器的选择有很多。这里我们选择最常用的nginx 下载 下载后，解压到自 阅读全文

摘要： mockApi 开发过程中，前端开发大多数情况下根本就等不到后端的接口。经常会前后同步开发，后期联调。这样前端进行mockApi来模拟和后端交互就尤为重要了。 安装 mocker-api 因为只在开发环境使用 PS E:\DDD\Vue3CLI\stones7> yarn add -D mocker 阅读全文

摘要： 如何在Vue中使用动态CSS 开发过程中，有需要通过script去动态修改css样式中某些属性值，比如 主题切换。 v-bind <style>标记支持使用v-bind 将CSS值链接到组件状态 <template> <div class="text">hello</div> </template> 阅读全文

摘要： 浮动 浮动属性产生之初是为了实现“文字环绕”的效果，让文字环绕图片在网页实现类似word中“图文混排”。 如果给元素设置float: left | right 会导致该元素脱离文档流。像设置的方向靠近。 危害 如何父元素没有设置高度，而所有的子元素都设置了浮动，会导致父元素的高度塌陷为0 如何解决 阅读全文

摘要： HTTP的历史 HTTP 建立之初，主要就是为了将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器。经过慢慢的发展我们的 HTML 页面有了 CSS，Javascript，后来又出现了ajax。我们可以脱离浏览器从服务端获取数据，再后来又出现了手机端。我们要对HTTP进行深入理解满足 阅读全文

摘要： 如何对树结构进行检索，并返回完整路径的树结构 近期有个前端需求，用户想要对树进行检索。 需求详情 要展示所有条件匹配的节点 展示到的节点，若还具有子节点，默认不展开。用户可以继续点击展开查看。 需求分析 找到符合条件的节点，并且 代码示例 以简单的三层结构为示例 const treeData = [ 阅读全文

摘要： ESLint介绍 ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。在许多方面，它和 JSLint、JSHint 相似，除了少数的例外： ESLint 使用 Espree 解析 JavaScript。 ESLint 阅读全文