Freya～

摘要： 使用场景：网站用户头像，点击头像，出现下拉框，然后点击下拉框之外的空白，隐藏下拉框。 直接上代码： // 点击头像显示下拉框，点击空白下拉框收起 document.addEventListener('click', event => { const avatar = document.querySe 阅读全文

摘要： css 有一个特定，它是全局的。 这样的特性导致的结果是，一旦你在不同的地方定义了相同的 css 命名，那么它们的样式就会相互覆盖，最终导致的 style 错乱，从而影响整个网页布局。 在Vue中我们通过 Scoped 与 Module 来解决。接下来详细对 scoped 和 module 的使用进 阅读全文

摘要： 使用场景： vue + elementUI 做的管理后台项目 客户要求：新建和编辑时，新窗口打开，保存之后关闭并跳转到列表页刷新列表 解决方式： 调用 API 并保存成功之后，使用了 document.referrer setTimeout(() => { window.location.href 阅读全文

摘要： 最近的需求是：网站使用 polyv 做的直播功能，左侧有一个倒计时功能设计稿效果如图： 前端实现效果如图： 话不多说，直接上代码 HTML 代码片段： <div class="countDown"> <span id="_d"></span>天 <span id="_h"></span> <span 阅读全文

摘要： 场景：前端 vue 开发过程中，vue-quill-editor 组件实现富文本编辑是，客户想要把 【标题一、标题二、... 标题六、文本】设置成固定的样式，实现一键继承样式； 如图所示： 实现： 看起来很简单，可能只需要前端同学把 h1-h6、p 标签的样式在前端代码中修改即可， 但是当时遇到一个 阅读全文

摘要： 场景： 项目运用技术： 移动端：vant 组件库，搜索功能的列表用 vant-list 组件封装，搜索时，连续触发 load 事件，并一直调用 api，处于死循环； 如图所示： 首先考虑的是 vant 组件的问题（受 vant 文档的影响）【未解决，不是此原因】参考：https://youzan.g 阅读全文

摘要： "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 阅读全文

摘要： 问题描述：数据库中存储的文本是带有标签的 html 字符串，显示在页面上包含标签 下面👇用到 dangerouslySetInnerHTML 来解决问题 注意⚠️：dangerouslySetInnerHTML格式不要写错 <div dangerouslySetInnerHTML={{__html 阅读全文

摘要： 问题： 后端返回数据类型，django 默认显示的格式是，例如：April 28, 2017 前端模板渲染想要的数据格式： 2017-04-28； 解决方法： 使用django过滤器设置模板时间格式，例如： {{ data.end_date | date:‘Y-m-d’ }} {{ data.end 阅读全文

摘要： 升级 typescript 版本； 项目原来 ts 版本为：typescript: 3.8.3 升级为 typescript: 4.3.2 即可。 执行 yarn add typescript@4.3.2 或 npm install typescript@4.3.2 阅读全文