指尖上的代码go

2021年4月19日

摘要：注册一个全局自定义指令 Vue.directive('upper-text', { bind: function (el, binding) { el.textContent = binding.value.toUpperCase() } }) 注册一个局部指令 directives: { 'low 阅读全文

posted @ 2021-04-19 15:53 指尖上的代码go 阅读(232) 评论(0) 推荐(0)

面试必考点：前端布局知识

摘要：前言这里所要介绍的布局知识主要是在解决三列布局模式而出现的几种布局解法，其中包含了经典的圣杯布局，双飞翼布局，绝对定位的布局方式，还包含2009年W3C所提出的Flex布局方式和以CSS3所带来的calc计算函数来解决三列布局的方式。本文会通过实例的方式讲解，带你了解为什么没有一种一劳永逸的方法阅读全文

posted @ 2021-04-19 15:45 指尖上的代码go 阅读(185) 评论(0) 推荐(0)

分享 25 个 JS 实用技巧

摘要：本文主要介绍一些JS中用到的小技巧，可以在日常Coding中提升幸福度，将不定期更新~ 1. 类型强制转换 1.1 string强制转换为数字可以用 *1来转化为数字(实际上是调用 .valueOf方法) 然后使用 Number.isNaN来判断是否为 NaN，或者使用 a!==a 来判断是否为阅读全文

posted @ 2021-04-19 15:44 指尖上的代码go 阅读(522) 评论(0) 推荐(0)

2021年4月16日

一般清除浮动的三种方式

摘要：一般清除浮动的三种方式第一种给父元素添加overflow: hidden; 我们都知道overflow:hidden可以溢出隐藏，即当内容元素的高度大于其包含块的高度时，设置该属性即可把内容区域超出来的部分隐藏，使内容区域完全包含在该包含块中。然而"overflow:hidden"还有另外一个特阅读全文

posted @ 2021-04-16 15:09 指尖上的代码go 阅读(288) 评论(0) 推荐(0)

聊一聊CSS文本两端对齐

摘要：事情的起因是这样的，在Review一位同事做的页面时，发现好几处字符之间写了很多空格，于是问他为什么这么做，他说设计要求这几个文本的呈现宽度必须一致，但它们的字符个数又不同，所以就在字符数少的文本中添加空格从而达到文本两端对齐（字符均匀分布）的效果，于是我对他表示了侮辱性的赞美。用添加空格符的方式阅读全文

posted @ 2021-04-16 15:06 指尖上的代码go 阅读(469) 评论(0) 推荐(0)

使用vue自定义指令构建拖放插件

摘要：我们都知道html5的拖放特性，利用它可以很方便的实现拖拽和放置功能，比如一些选择类操作的使用场景，让用户去拖拽比鼠标点击更容易接受和理解。今天我们就利用这一特性，结合vue的自定义指令，来实现一个简单但是实用的拖放插件。为什么叫它插件？因为我们的目标不是开发一个vue组件，而是两个vue的自定义阅读全文

posted @ 2021-04-16 15:04 指尖上的代码go 阅读(263) 评论(0) 推荐(0)

天天都用CSS，你真的懂CSS吗

摘要：作为前端，我们每天都在与CSS打交道，那么CSS的原理是什么呢？一、浏览器渲染开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图：正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，HTML Parser 生成的 DOM 树；其二，CSS Parser 生成的 Style Rul 阅读全文

posted @ 2021-04-16 14:57 指尖上的代码go 阅读(80) 评论(0) 推荐(0)

2021年4月15日

JS从看懂到看开（前端面试题整合）

摘要：解释一下为何[ ] == ![ ] // > true 首先看一张图！[ ] 是 false原式：[ ] == false根据第八条，false通过tonumber（）转换为0原式：[ ] == 0根据第十条，[ ]通过ToPrimitive()转换为' '原式：' ' == 0根据第六条原式：0 阅读全文

posted @ 2021-04-15 14:43 指尖上的代码go 阅读(75) 评论(0) 推荐(0)

初学CSS,这些内容你都知道了吗？

摘要：初学CSS,这些内容你都知道了吗？ CSS介绍引入css样式表方法 CSS选择器 CSS常用属性 CSS介绍： CSS全称是（Cascading Style Sheet）层叠样式表；层叠：层叠就是对一个元素多次设置同一个样式特点： 1）丰富的样式定义 CSS提供了丰富的文档样式外观，以及设置文阅读全文

posted @ 2021-04-15 14:42 指尖上的代码go 阅读(65) 评论(0) 推荐(0)

你需要知道的css布局

摘要：背景布局是我们前端开发中不可避免的，简单回忆一下 css 的布局方案，供大家参考以及自己参阅。居中布局这里的居中布局是不定宽度为前提，固定宽度情况也包含其中。水平居中 inline-block + text-align .parent { text-align: center; } .chi 阅读全文

posted @ 2021-04-15 14:41 指尖上的代码go 阅读(61) 评论(0) 推荐(0)

指尖上的代码go

公告