前端
关注
分享
扫一扫
cbat01
这个作者很懒，什么都没留下…
展开
-
js localeCompare() 方法实现字符串数组排序
localeCompare()方法返回一个数字来指示一个参考字符串是否在排序顺序前面或之后或与给定字符串相同。语法：str.localeCompare(compareStr)当 引用字符串 在 比较字符串 前面时返回 -1当 引用字符串 在 比较字符串 后面时返回 1相同位置时返回 0'a'.localeCompare('b') // 返回-1'b'.localeCompare('a') // 返回 1'a'.localeCompare('a') // 返回 0应用可以结合原创 2021-01-24 17:40:04 · 2407 阅读 · 2 评论 -
三元运算符中不能使用return问题解决
一开始在三元运算符中使用return时遇到报错：(/[aeiouAEIOU ]/.test(n) ? return n : return n + 'egg')查找资料发现在使用三元运算符需要用到return时，需要将return放在三元运算符最前面return (/[aeiouAEIOU ]/.test(n) ? n : n + 'egg')...原创 2021-01-11 14:20:27 · 3361 阅读 · 0 评论 -
js中ASCII码与字符互相转化方法
字符转ASSCII码charCodeAt()'A'.charCodeAt() // 65ASCII码转成字符：String.fromCharCode()String.fromCharCode(65) // A原创 2021-01-09 19:21:09 · 1509 阅读 · 0 评论 -
【Codewars】＜8kyu＞Sum Mixed Array
题目Given an array of integers as strings and numbers, return the sum of the array values as if all were numbers.Return your answer as a number.这道题目要我们实现的是，计算数组所有项的和，数组包含数字跟字符串，如果是字符串的话，转成数字计算。结果返回数字类型。即使用js计算数组各项总和，数组可能包括字符串例子sumMix([9, 3, '7', '3'原创 2021-01-06 16:14:49 · 392 阅读 · 0 评论 -
substr()、substring()、slice()方法的用法与区别
概括substr()、substring()、slice()三种方法都可以用于字符串截取，其中slice()可以用于数组。简单用法比较如下：var str = 'Hello, javascript!'str.substr(1,4) // "ello"str.substring(1,4) // "ell"str.slice(1,4) // "ell"var arr = ["Mike", "Cameron", "Tom", "Jack"]arr.slice(1,3) // ["C原创 2021-01-04 13:44:11 · 1880 阅读 · 2 评论 -
nginx部署多个vue项目如何配置
使用同一域名或者ip去部署访问多个前端项目，比如域名/ip直接访问官网，域名/ip后面带路径去访问其它项目一、 最终效果官网访问地址: http://192.168.27.119/login项目二访问地址：http://192.168.27.119/biz/login项目三访问地址：http://192.168.27.119/admin/login二、 vue项目中的配置修改注：http://192.168.27.119/login 这个项目无需配置路径，直接打包即可。下面以项目二，通过/bi原创 2020-10-22 15:00:02 · 2723 阅读 · 1 评论 -
vue 使用bus实现组件间（如：兄弟组件）传递事件
例如兄弟组件A和组件B，B要调用A的某个事件一、新建bus.js，并引用/**bus.js**/import Vue from 'vue'const bus = new Vue()export default busbus.js我放在src/assets/utils路径下面二、在B组件页面里// 引入 bus.jsimport bus from '@/assets/utils/bus'// 通过$emit() 传递事件bus.$emit('showTime') // showT原创 2020-07-08 10:26:19 · 1013 阅读 · 0 评论 -
js四元运算符
js实现四元运算符一般的三目运算符就能解决大部分判断筛选的问题，但是当遇到多个数据判断时就可以通过三目运算的嵌套来达到目的。var row.status == 0 ? '未支付' : (row.status == 1 ? '已支付' : '作废')"项目中例子：sex == 'F' ? patientSex = '女' : (sex == 'M' ? patientSex = '男' :...转载 2019-12-03 17:54:46 · 7300 阅读 · 0 评论 -
layui中tab选项卡页面刷新后，不能停留在原选项卡页面问题解决
layui中tab选项卡页面刷新后，不能停留在原选项卡页面问题解决原创 2019-11-15 17:17:03 · 4442 阅读 · 6 评论 -
echarts 图表tooltip数据实现降序排列
echarts 图表tooltip数据默认是按照series中的数据位置排序。最近遇到需要实现降序排序功能。实现代码如下：tooltip: { trigger: 'axis', formatter: function(params){ let newParams = []; let tooltipString = []; newParams = [...params]; ...原创 2019-11-01 11:58:49 · 6411 阅读 · 2 评论 -
echarts 横坐标（x轴）文本显示不全问题
xAxis添加上"axisLabel":{ interval: 0 }即可实现全部显示。xAxis: { type: 'category', name: '医生名称', "axisLabel":{ interval: 0 }}当文字太多 发生堆叠时，可以设置倾斜角度，使文本倾斜，更好显示。xAxis: { type: 'category', name: '医生名称',...原创 2019-11-01 11:11:33 · 2042 阅读 · 0 评论 -
echarts 数据重新加载,原数据依然存在图表上的问题
echarts 数据重新加载,原数据依然存在图表上这是因为多次调用时option选项默认是合并（merge）的，加上true表示不合并配置myChart.setOption(option,true); // 加上true表示不合并配置...原创 2019-10-29 14:29:06 · 3375 阅读 · 0 评论 -
windows下nvm安装与使用
windows下nvm安装与使用原创 2019-09-22 12:10:11 · 229 阅读 · 0 评论 -
Vue中图片显示有误时，显示默认图片
Vue中图片显示有误时，显示默认图片原创 2019-09-19 16:52:28 · 563 阅读 · 0 评论 -
echarts中字符串太长，显示省略号，鼠标移入显示全部
formatter: function (params, index) { // 超出省略 params = params.toString(); var maxlength= 8; if (params.length>maxlength) { return params.substring(0, maxlength-1)+'...'; ...原创 2019-09-12 18:01:35 · 3371 阅读 · 0 评论 -
vue项目打包后首页空白问题
vue项目打包后首页空白问题原创 2019-09-11 15:36:50 · 397 阅读 · 0 评论 -
div阻止点击穿透+实现点击穿透
div阻止点击穿透+实现点击穿透原创 2019-09-06 11:12:38 · 57062 阅读 · 3 评论 -
【面试题】div水平垂直居中
有一个 div#wrapper 元素，高、宽度都未知。它其中有一个宽高都为 100px 的 div#box 元素，请你完成 CSS，使得 div#box 在 div#wrapper 内水平、垂直方向居中。解法1 #wrapper{ display: flex; justify-content: center; align-items: ce...原创 2019-04-30 16:06:21 · 370 阅读 · 0 评论 -
jq实现点击一个按钮，触发另一个点击事件（点击按钮触发另一个按钮的点击事件）
jq实现点击一个按钮，触发另一个点击事件 $("#a").click(function(){ $("#b").trigger('click'); })实现点击完id为a的按钮后，触发id为b的节点的点击事件。原创 2019-03-26 14:15:16 · 26368 阅读 · 1 评论 -
使用jq实现tab切换
使用jq实现tab切换，效果如下完整代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>tab切换</title> <style type="text/css"> #box{ ...原创 2019-08-08 15:08:12 · 16935 阅读 · 0 评论 -
js面试题---实现指定格式9*9乘法表
使用JavaScript实现如下效果9*9乘法口诀表，要求和图片一致，不允许使用table。具体实现代码如下js代码<script> var str = ''; for(var i=1;i<=9;i++){ for(var j=1;j<=i;j++){ st...原创 2019-08-02 11:31:20 · 302 阅读 · 0 评论 -
【面试题】用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值
描述：这是一道大题目，把考点拆成了4个小项；需要侯选人用递归算法实现（限制15行代码以内实现；限制时间10分钟内完成）：a) 生成一个长度为5的空数组arr。b) 生成一个（2－32）之间的随机整数rand。c) 把随机数rand插入到数组arr内，如果数组arr内已存在与rand相同的数字，则重新生成随机数rand并插入到arr内[需要使用递归实现，不能使用for/while等循环]d...原创 2019-08-06 17:25:53 · 791 阅读 · 0 评论 -
CSS实现隐藏滚动条
通过设置滚动条宽度为0px来实现滚动条隐藏，同样能实现滚动功能。/*定义滚动条高宽 高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{ width: 0px; height: 0px;}未隐藏前效果：隐藏后效果动态效果...原创 2019-08-13 16:18:35 · 315 阅读 · 0 评论 -
JS判断第一个数能否被第二个数整除
isDivisible检查第一个数字参数是否可被第二个数字整除。使用模运算符（%）检查余数是否等于0。const isDivisible = (dividend, divisor) => dividend % divisor === 0;isDivisible(6, 3); // true...原创 2019-08-09 14:39:14 · 14557 阅读 · 0 评论 -
【JS题目】合并数组 把数组['A1','A2','B1','B2','C1','C2','D1','D2']，['A','B','C','D'] 按要求进行合并
按如下要求合并数组：把数组[‘A1’,‘A2’,‘B1’,‘B2’,‘C1’,‘C2’,‘D1’,‘D2’]，[‘A’,‘B’,‘C’,‘D’]合并为[‘A1’,‘A2’,‘A’,‘B1’,‘B2’,‘B’,‘C1’,‘C2’,‘C’,‘D1’,‘D2’,‘D’]方法一 <script type="text/javascript"> var a = ['A...原创 2019-08-07 16:20:14 · 2113 阅读 · 0 评论 -
layui时间组件一闪而过
layui时间组件一闪而过问题原创 2019-08-15 14:10:39 · 231 阅读 · 0 评论 -
input限制只能输入数字/字母/文字/特殊符号等情况
限制input框只能输入数字<input type="text" name="" oninput = "value=value.replace(/[^\d]/g,'')">原创 2019-08-15 16:52:31 · 6906 阅读 · 0 评论 -
如何使用ES6实现数组去重
如何使用ES6实现数组去重，第一种方法 "Set"，第二种方法 “Filter”，第二种方法 “Filter”，有详细实现过程。转载 2019-08-12 15:52:04 · 1021 阅读 · 0 评论 -
js实现字符串数组转换成数字数组
js实现字符串数组转换成数字数组的几种方式原创 2019-08-21 18:01:07 · 20881 阅读 · 0 评论 -
jq点击事件（右击）累加问题
每次点击后进行解除绑定，再绑定新事件点击事件$("#div").unbind("click").click(function () { ...});右击事件$("#div").unbind("contextmenu").bind("contextmenu",function () { ...});...原创 2019-08-29 15:34:51 · 821 阅读 · 0 评论 -
JS实现打印功能，打印后返回原页面
JS实现打印功能，打印后返回原页面原创 2019-09-02 16:42:40 · 3416 阅读 · 0 评论 -
js判断网页是否在微信打开
//检查是否微信打开 function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true;...原创 2019-04-18 17:13:09 · 152 阅读 · 0 评论