今天来从前端的角度看看网页置灰是如何实现的，以及相关使用技巧！ 实现思路 先来看看一些主流网站是如何实现置灰的： BiliBili： image.png 淘宝： image.png 京东： image.png 掘金： 可以看到，这些网站实现置灰的方式不太一样，但都大同小异。本质上都是使用了 CSS 阅读全文
在 vue 中我们可以使用 Vue.directive()方法注册全局指令。也可以只用 directives 选项注册局部指令。 输入框防抖指令 v-debounce const debounce = { inserted: function (el, binding) { let timer; e 阅读全文
<editor class="richInputContent" id="editor" @input="getEditorContent" @ready="onEditorReady" v-model="html"></editor> methods:{ //初始化富文本编辑器 onEditorR 阅读全文
支持多端——h5、app、微信小程序、支付宝小程序... 支持自定义配置picker插件级数 支持无限级 注意事项：插件传入数据格式为children树形格式，内部包含：id、name 参数 类型 描述 默认值 必选 title string 标题 '' 否 layer number 控制几级联动 阅读全文
html代码如下： <div class="header"> <ul class="nav fr"> <li class="nav-item nav-line"> <a href="/" class="nav-link">首页</a> </li> <li class="nav-item nav-li 阅读全文
canvas 新元素 新多媒体元素 新的语义和结构元素 HTML5提供了新的元素来创建更好的页面结构： 阅读全文
通过css实现隐藏元素方法有如下： display:none visibility:hidden opacity:0 设置height、width模型属性为0 position:absolute clip-path 关于display: none、visibility: hidden、opacity 阅读全文
var、let、const三者区别可以围绕下面五点展开： 变量提升var声明的变量存在变量提升，即变量可以在声明之前调用，值为undefinedlet和const不存在变量提升，即它们所声明的变量一定要在声明后使用，否则报错 暂时性死区var不存在暂时性死区let和const存在暂时性死区，只有等到 阅读全文
写个会常用到的js，点击显示跟随的区域层。获取跟随的是你鼠标所点击的位置 html代码如下： <!-- 表单最外层--> <div class="print-panel"> <div class="name_title"> 不跟随区域 </div> <!-- 点击跟随区域--> <div class 阅读全文
遇到的问题场景：点击按钮 出现自己写的弹窗，点击其他空白处 消失弹窗 思路：点击按钮的时候 获取出现弹窗的focus事件，让它聚焦；点击其他地方相当于这个弹窗失去焦点使用blur事件；同时我们需要给弹窗加一个tabindex="-1" 属性，否者blur事件不生效。 第一步：为元素绑定ref，添加t 阅读全文
浙公网安备 33010602011771号