- 博客(51)
- 收藏
- 关注
RSS订阅原创 px2rem
在main.js中添加：// 设定body文字尺寸const setHtmlFontSize = () => { // 640 默认设计稿大小; 640px = 6.4rem ;每个元素px基础上/100 const htmlWidth = document.documentElement.clientWidth || document.body.clientWidth; // 得到html的Dom元素 const htmlDom = document.getElementsB
2022-05-09 02:03:06
83
原创 动态增减表单项-element ui
<template> <div> <el-form :model="form" ref="form" label-width="100px" class="demo-dynamic"> <el-form-item prop="email" label="邮箱" :rules="[ { required: true, message: '请输入邮箱地址', trigger: .
2022-03-07 22:15:52
465
1
原创 找出字符串中出现次数最多的字符
let str = 'aaassssdtyffnmmm' let temp = {}; for (let i = 0; i < str.length; i++) { if (!temp[str.charAt(i)]) { temp[str.charAt(i)] = 1; } else { temp[str.charAt(i)]++; ..
2022-02-23 15:44:11
221
原创 树形结构数组对象扁平化
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script.
2022-01-04 16:01:36
518
原创 element ui 级联选择器
<el-cascader v-model="ruleForm.levelNo" :options="optionsArr" @change="handleChange" :show-all-levels="false" style="width: 120px" ..
2021-12-28 16:08:49
369
原创 弹性盒实现圣杯布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-12-21 11:05:50
205
原创 element ui 样式修改方法
::v-deep .el-form-item__label::before { content: "*"; color: #f56c6c; margin-right: 4px; } ::v-deep .removeStar label::before { content: ""; color: transparent; }
2021-12-21 10:31:09
289
原创 弹性盒实现浮动布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-12-21 10:30:26
157
原创 三栏弹性盒
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-12-21 10:19:33
61
原创 利用a标签锚点实现tab选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-12-17 10:48:56
410
原创 element ui表格设置不换行
<span style="display: inline-block;white-space: nowrap;word-break: keep-all;">
2021-12-16 16:52:52
1182
原创 elementui tooltip文字提示的使用
<el-row class="el-row" type="flex" justify="space-around"> <el-col :span="22" class="chigubili"> <el-form-item label="股权结构:" prop="shareholdingStructure"> <el-input v-model="ruleForm.shareh..
2021-12-16 16:02:55
463
原创 我的正则表达式笔记
// 大于0的正整数/^\+?[1-9]\d*$/;*代表{0,} +代表{1,} ?代表{0,1}// 整数或者两位小数const myreg = /^([1-9][0-9]*|0)(\.?[0-9][0-9])?$/;//0到100的数字,若有小数,精确到两位const myreg = /^(0|100|[1-9]?\d)(\.[0-9][0-9])?$/;...
2021-12-10 17:36:46
284
原创 element-ui时间选择器开始时间和结束时间相互约束
<template> <div> <el-form> <el-form-item label="开始日期:"> <el-date-picker v-model="ruleForm.startDate" type="date" placeholder="选择日期" :picker-options="pickerIssueOptions".
2021-12-10 16:14:05
451
原创 一个斜三角
<style> div{ position: absolute; left:50%; top:50%; border:100px solid transparent; border-bottom-color:red; transform: skew(30deg); } </style>
2021-11-29 10:17:06
132
原创 快速遍历树型结构的数组，替换对象名
function readNodes (nodes = [], arr = []) { for (let item of nodes) { arr.push(item.id) if (item.children && item.children.length) readNodes(item.children, arr) } return arr}// JSON.parse(JSON.stringify(treeData).re...
2021-11-29 09:42:29
346
原创 两个弹性盒自适应屏幕宽度
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<.
2021-08-19 15:13:21
179
原创 常见http状态码
http://tool.oschina.net/commons?type=5304400 1.语义有误 2.请求参数有误403 服务器已经理解请求，但是拒绝执行405 方法不被允许503 临时的服务器维护或者过载，服务器当前无法处理请求505 拒绝支持在请求中使用的 HTTP 版本...
2021-07-14 10:13:08
48
原创 apply的应用总结
let obj = { name: 'tiny' } function Demo(name) { this.name = name } Demo.prototype.showName = function() { console.log(this.name) } const d = new Demo('bobo') d.
2021-06-25 15:33:54
294
原创 仿写一个简单的Object.assign方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>1</title></head><body> <script> function myObjectAssign(obj1, obj2) { let newObj = {}; .
2021-06-17 18:22:23
105
原创 最简单的继承
function A() { this.money = 100; } function B() { this.name = 'tiny' } B.prototype = new A(); var b = new B(); console.log(b.money);
2021-06-17 11:23:22
36
百度搜索防抖
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" id="input"> <script> const oInput = document.get.
2021-06-17 09:44:28
155
原创 把 Unicode 编码转成对应值
//document.onkeypress=function(e){console.log(String.fromCharCode(e.charCode))}
2021-06-16 17:50:23
133
原创 经典两栏布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { padding: 0; margin: 0; } .right{ position.
2021-06-16 17:25:40
66
原创 我的深度克隆函数-对象克隆
//遍历对象//判断是不是原始值//判断是数组还是对象//建立相应的对象//递归functiondeepClone(origin,target){consttoStr=Object.prototype.toString;constarrStr="[objectArray]";for(l...
2021-06-16 17:09:51
64
原创 我的事件委托
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>事件委托</title></head><body><ul><li>1</li><li>2</li>&...
2021-06-11 11:26:51
50
原创 最简单的拖拽
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>拖拽</title><style>#box{width:100px;height:100px;position:absolute;...
2021-06-09 11:53:31
69
原创 ES6 最简单的async await
<script> async function getUsers() { const res = await fetch(`http://jsonplaceholder.typicode.com/users`); const data = await res.json(); return data; } getUsers().then(users => { ..
2020-10-08 00:13:36
81
原创 配置npm为淘宝镜像
npmconfigsetregistryhttp://registry.npm.taobao.org/npmconfiggetregistry
2020-09-22 00:47:58
176
原创 javascript禁止复制粘贴
// 禁止右键菜单document.oncontextmenu = function(){ return false; };// 禁止文字选择document.onselectstart = function(){ return false; };// 禁止复制document.oncopy = function(){ return false; };// 禁止剪切document....
2020-05-05 16:28:05
209
原创 我的正则表达式总结1
var reg= /^([1]?\d{1,2})$/; //0-100的正整数0-99 (\d{1,2})$0-100 ([1]?\d{1,2})$i 忽略大小写g全局匹配m 多行匹配var reg = /^a/gm;var str = "abcde\na";str.match(reg);------------------------------------...
2019-12-24 04:00:29
134
原创 js求一个字符串的字节长度
//把Unicode编码转成对应值document.onkeypress=function(e){console.log(String.fromCharCode(e.charCode))}//求一个字符串的字节长度functiongetLen(str){...
2019-12-15 20:09:26
500
原创 js弹框功能
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-eq...
2019-11-17 12:14:15
91
原创 vscode常用插件
Auto Close Tag 自动闭合标签Bracket Pair Colorizer 用不同颜色高亮显示匹配的括号Highlight Matching Tag 高亮显示匹配标签Vscode-icons 文件图标TODO Highlight 代码高亮Auto Rename Tag 尾部闭合标签同步修改Vetur...
2019-11-13 01:55:15
308
原创 onload和ready的区别
$(document).ready和window.onload都是在都是在页面加载完执行的函数，大多数情况下差别不大，但也是有区别的。$(document).ready:是DOM结构绘制完毕后就执行，不必等到加载完毕。 意思就是DOM树加载完毕，就执行，不必等到页面中图片或其他外部文件都加载完毕。并且可以写多个.ready。window.onload:是页面所有元素都加载完毕，包括图片等所...
2019-10-31 22:56:55
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人