蓦然JL

摘要： 渐变色边框 如果我们前端最亲爱的UI设计师，让我们给盒子绘制一个渐变色的边框，而且盒子的宽高还需要随着内容变化而变化，那我们就不能通过切图来解决问题，所以我们可以这么说： 但是我相信优秀的你肯定不会说做不了，所以我下面列举三种方案来帮你排忧解难： 1、 border-image（看需求） 该属性与b 阅读全文

摘要： 一、介绍 最近在一个项目的宣传页中，设计师使用了文字描边效果，之前我确实没有实现过文字的描边效果，然后我在查阅资料后，知道了实现方法。文字描边分为两种：内外双描边和单外描边，也就是指在给文字加上描边效果后，描边的方向是向内外同时占用文字空间还是只向外扩充文字空间的区别。 二、具体代码 1、文字内外双 阅读全文

摘要： 1. 安装svg依赖 在vue中首先需要安装可以加载svg的依赖。npm安装：npm install svg-sprite-loader --save-dev 2. 创建svg文件夹存放svg图标 创建icons文件夹，在icons文件夹下创建svg文件夹存放本地svg图标。 3. vue.conf 阅读全文

摘要： css文字渐变色 background-image: linear-gradient(to right, #ce25c0, #d6e56e, #ee2cb3, #deae42); -webkit-background-clip: text; color: transparent; display: 阅读全文

摘要： 今天来从前端的角度看看网页置灰是如何实现的，以及相关使用技巧！ 实现思路 先来看看一些主流网站是如何实现置灰的： 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提供了新的元素来创建更好的页面结构： 阅读全文