随笔分类 -  前端相关

JS方式实现隐藏手机号码中间4位数
摘要：1.截取 function test (value) { const start = value.slice(0, 3) const end = value.slice(-4) return `${start}****${end}` } 2.截取 function test(value){ cons 阅读全文
posted @ 2021-08-12 16:54 tomingto 阅读(1300) 评论(0) 推荐(0)
《网页布局基础篇》------自动居中-列布局
摘要：1.CSS中的定位机制： 标准文档流 浮动 绝对定位 2.标准文档流 特点： 1）.从上到下，从左到右，输出文档内容 2）.由块级元素和行级元素组成 3.块级元素 特点： 1）.从左到右撑满页面，独占一行 2）.触碰到页面边缘时，会自动换行 常见块级元素即块级标签，如 div,ul,li,dl,dt 阅读全文
posted @ 2020-11-30 17:40 tomingto 阅读(221) 评论(0) 推荐(0)
《网页布局基础篇》—横向两列布局
摘要：主要应用属性： 1. float属性—–使纵向排列的块级元素，横向排列 2. margin属性—–设置两列之间的间距 先写出布局所需要的块： <html> <head> <meta charset="utf-8"> <title>横向两列布局</title> <style type="text/cs 阅读全文
posted @ 2020-11-30 17:37 tomingto 阅读(736) 评论(0) 推荐(0)
《网页布局基础篇》HTML+CSS单列布局--水平居中，垂直居中，水平垂直居中
摘要：https://blog.csdn.net/panlu666_pl/article/details/66480433 一、水平居中 子元素在父元素中水平居中 1.使用 text-align和inline-block 实现 .parent{ text-align:center; } .child{ d 阅读全文
posted @ 2020-11-30 17:30 tomingto 阅读(476) 评论(0) 推荐(0)
Vue初体验（一）
摘要：每个 Vue 应用都需要通过实例化 Vue 来实现。 语法格式如下： var vm = new Vue({ // 选项 }) 接下来让我们通过实例来看下 Vue 构造器中需要哪些内容： 可以看到在 Vue 构造器中有一个el 参数，它是 DOM 元素中的 id。在上面实例中 id 为 vue_det 阅读全文
posted @ 2020-06-13 16:04 tomingto 阅读(220) 评论(0) 推荐(0)