韩江宇-优快云博客

原创 js正则表达式判断输入是否为数字

js正则表达式判断输入是否为数字 function checkRate(input) { 　　var re = /^[0-9]+.?[0-9]*/;//判断字符串是否为数字//判断正整数/[1−9]+[0−9]∗]∗/ 　　if (!re.test(nubmer)) { 　　　　return `请输入数字` 　　} 　　return input } ...

2021-07-08 15:31:04 8232

计算数组中每个元素出现的次数 let names = ['小名', '小刘', '小赵', '小刘', '小名'], let a = names.reduce((acc, cur, index, arry) => { // acc累加器 cur当前值 index当前索引 arry源数组 acc[cur ] ? acc[cur ]++ : acc[cur ] = 1 return acc }, {}) 输出数组中的最大值 let numbers = .

2021-06-19 12:08:10 197

原创 vue-面试题一排柱状图按照大小排序，可以通过按钮控制大小排序

题目：一排柱状图按照大小排序，可以通过按钮控制大小排序知识点： vue v-for sort（）排序 vue 三元表达式实现方法：使用v-for遍历数组，嵌套遍历一行比一行的柱子多。使用sort（）方法，实现从小到大/从大到小排序通过三元表达式来切换排序状态 <template> <div class="panle"> <p>一排柱状图按照大小排序，可以通过按钮控制大小排序</p> <div class="conta

2021-06-15 14:58:48 539

原创 ES6数组去重

问题：去掉数组a中id重复的对象。 a: [ { id: '1', other: 'xa' }, { id: '2', other: 'xae' }, { id: '1', other: 'xa' }, { id: '3', other: 'xaff'}, ] 解决方案: const b = []; // 初始化数组 a.forEach(item => { b[item.id] = ite

2021-06-09 10:06:01 320

原创 css预处理器--stylus

安装方法 1. 快速安装方法 package.json 文件 "devDependencies": { // 添加这两段 "stylus": "^0.54.7", // CSS的预处理框架，即将stylus转换为css使用 "stylus-loader": "^3.0.2", //让webpack理解stylus } 最后再终端输入命令 npm install 就安装好了使用方法 /** * scoped CSS 表示css样式只作用于当前组件中的元素 * stylus c

2021-05-24 11:52:24 334

原创 echarts图表使用v-show控制图表显示，页面缩成一团问题

问题描述使用v-show控制图表显示，页面缩成一团问题出现的原因：图表默认是隐藏状态，初始化图表的时候因为获取不到容器的实际高宽，绘制失败，需要重新获取容器的宽高再进行绘画。解决方案在切换方法中加入以下代码： this.$nextTick(function () { var myEvent = new Event('resize'); // 创建一个支持冒泡且不能被取消的resize事件 window.dispatchEvent(myEvent); // 事件可以在任何元素

2021-05-12 17:25:37 2341

原创 JS值类型和引用类型的区别

变量类型值类型VS引用类型typeof运算符深拷贝值类型VS引用类型区别：值类型的值存在栈中，引用类型的值刚在堆中。值类型 String,Undefined,Number,Boolean,Symbol 引用类型 Object,Array,null(特殊引用类型，指针指向为空地址) typeof运算符识别所有的值类型识别函数判断是否是引用类型深拷贝判断是不是对象，或者是数组。如果不是，就直接返回初始化返回结果，定义数组跟对象的格式遍历 1.hasOwnProperty //保证k

2021-04-10 19:20:16 259

原创前端面试题目--CSS

盒子模型宽度计算 1. 标准盒子模型宽/高计算：margin + border + padding + height/width offsetWidth：(内容宽度 + 内边距 + 边框)，无外边距 2. IE盒子模型宽/高计算：height/width(包含了padding+border)+margin 4. 盒子模型的设置方式 box-sizing: boder-box // 设置IE盒子模型

2021-04-10 09:25:51 111

原创 Axure学习记录

Axure学习记录不切换页面来切换展示内容 (Dyamic Panel)实现Tab标签（selection group）网格参考线交互基础->变量以及表达式不切换页面来切换展示内容 (Dyamic Panel) 添加Dyamic Panel页面 a. 拖动Dyamaic Panel到页面设置Dymaic panel状态 a. 双击页面上面的Ayamic panel b. 添加panel states name 绘制页面 a. 双击panel states name 给切换按钮

2021-03-08 18:04:45 176

原创 css--line-height继承

line-height继承 body{ font-size:20px; ling-height:50px; // P标签继承50px line-height:1.5; // p标签的font-size16px*1.5=24px line-height:200%; // body font-size20px*200%=40px } p { font-size:16px }

2020-11-16 15:19:06 188 1

原创 CSS--定位

CSS 定位 absolute和relative分别依据什么定位 relative依据自身定位 absolute依据最近一层的定位元素定位（父元素再往上找父元素，直到找到它父元素最近一层的定位元素去定位）定位元素 absolute relative fixed body 案例： <body> <p>absolute 与 relative 定位问题</p> <div class="relative"> <div cl

2020-11-16 15:08:17 106

原创前端学习笔记（2020/5/23）

javaScript 正则表达式 sort排序 css 布局定位正则表达式创建正则表达式有以下两种方式： a. var re = /ab+c/; // 字面量写在//里面 b.var re = new RegExp("ab+c"); // 调用RegExp函数正则表达式方法 1.exec() 在指定字符串中执行一个搜索匹配，它返回一个数组（未匹配到则返回 null）。 2.test() 一个在字符串中测试是否匹配的RegExp方法，它返回 true 或 false。 ma

2020-05-28 10:30:10 120

原创 CSS基础

opacity属性用来设置元素的透明度。值 1 代表完全不透明。值 0.5 代表半透明。值 0 代表完全透明。 text-transform属性来改变英文中字母的大小写。它通常用来统一页面里英文的显示，且无需直接改变 HTML 元素中的文本。下面的表格展示了text-transform的不同值对文字 “Transform me” 的影响。 Value Result lowercase "transform me" uppercase "TRANSFORM ME" c

2020-05-26 16:24:59 133

原创前端学习

JavaScript 数据类型在 JavaScript 中，目前共有 7 种数据类型。（也可分为 9 种）其中，可分为基本类型和引用类型。基本类型：number、string、boolean、symbol（ES6新增）、undefined、null 引用类型：object（广义的对象）广义的对象可分为： ① 狭义的对象（object，如：let a = { x: 1} 这种） ② 数组（array） ③ 函数（function） ...

2020-05-21 17:07:28 114

qq_39305942的博客