JaneLifeVlog

2020年11月5日

摘要： Object.assign() 用法一：合并多个对象 const obj1 = {aa:1} const obj2 = {bb:2} const obj3 = {cc:3} const obj = Object.assign(obj1, obj2, obj3) // {a:1, b:2, c:3} 阅读全文

posted @ 2020-11-05 17:50 JaneLifeVlog 阅读(55) 评论(0) 推荐(0)

移动端适配

摘要： 1px边框的问题伪类 + transform：基于media查询判断不同的设备像素比对线条进行缩放 .border_1px:before{ content: ''; position: absolute; top: 0; height: 1px; width: 100%; background-c 阅读全文

posted @ 2020-11-05 16:00 JaneLifeVlog 阅读(73) 评论(0) 推荐(0)

2020年11月4日

前端代码优化 - 如何在代码中减少if else语句的使用

摘要：使用&&/|| if(conected){ login(); } //上述可以简写为：conected && login(); if(a为真){ a=a }else{ a=b } //上述可以简写为：a = a || b 使用三元表达式 if(a==b){ a=c }else{ a=d } 可写成：阅读全文

posted @ 2020-11-04 09:12 JaneLifeVlog 阅读(343) 评论(0) 推荐(0)

2020年11月2日

利用jQuery load 方法加载HTML公共页面,导航菜单自动选中

摘要： $(document).ready(function(){ $(".header").load("header.html"); $(".nav-left").load("nav.html",function(){ var links = $(".nav-left li a"), index = 0, 阅读全文

posted @ 2020-11-02 18:00 JaneLifeVlog 阅读(356) 评论(0) 推荐(0)

获取多个表格数据逐行逐项转化成json数据表格主体

摘要： <table border="1"> <thead> <tr class="tr-background"> <td class="border-left">题目1</td> <td>题目2</td> <td>题目3</td> <td>题目4</td> <td>题目5</td> <td>题目6</td 阅读全文

posted @ 2020-11-02 15:33 JaneLifeVlog 阅读(109) 评论(0) 推荐(0)

点击左侧列表添加到右侧

摘要： html结构左侧用户名单 <div class="layui-tab-item layui-show"> <ul class="userp-user-list" id="myTable"> <li><div><a href="javascript:void(0)">用户1</a></div></l 阅读全文

posted @ 2020-11-02 15:30 JaneLifeVlog 阅读(317) 评论(0) 推荐(0)

Elementui 在线获取表格数据

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>用户信息页</title> <link rel="stylesheet" 阅读全文

posted @ 2020-11-02 15:26 JaneLifeVlog 阅读(1101) 评论(0) 推荐(0)

css进阶(一)

摘要： <style> .lists {display: flex;justify-content: center;} .box {width: 100px;height: 100px;transition: all 0.3s;} .box ~ .box {margin-left: 15px;} .box 阅读全文

posted @ 2020-11-02 15:24 JaneLifeVlog 阅读(43) 评论(0) 推荐(0)

回到顶部超过一定高度后显示

摘要：（1）mouted mounted() { // 事件监听滚动条 window.addEventListener('scroll', this.watchScroll) }, （2）methods methods: { 回到顶部 goTop() { document.body.scrollTop = 阅读全文

posted @ 2020-11-02 15:20 JaneLifeVlog 阅读(140) 评论(0) 推荐(0)

vant 日历组件获取当前时间

摘要：（1）html元素 <span class="f14">{{date_choose}}</span> <van-calendar v-model="date_choose_show" :min- date="minDate" @confirm="date_Confirm"></van-calenda 阅读全文

posted @ 2020-11-02 15:18 JaneLifeVlog 阅读(2476) 评论(0) 推荐(0)

公告