![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
柠檬不萌只是酸i
研究生在读 | 努力发论文 |
迈出第一步,才是新的开始。
展开
-
uniapp 在android手机上运行tab栏页面跳转问题
uniapp在手机上运行,出现的问题原创 2023-10-12 10:23:05 · 681 阅读 · 0 评论 -
在vue项目中,完成饼图,并且饼图内外都展示文字
效果展示:分析:(1)如果不展示内部的 百分比 数字,那么这个饼图没什么难度。但是要是实现内外部同时展示文字,就需要思考下。(2)实现内外部同时展示:需要两份饼图,叠在一起(看下下面代码就很清楚了)。代码展示:<template> <div id="echartPie" style="width: 100%;height: 300px;"></div></template><script>let echarts原创 2020-11-11 17:15:35 · 1185 阅读 · 0 评论 -
vue项目中,使用echarts完成 折线+多柱状图 (附完整代码)
结果展示:分析:(1)在echarts里面的 series里面写三种柱状+一种折线图(2)该图谱也实现了自适应大小,缩小放大浏览器界面,柱状折线图也会随着变化,核心代码如下:setTimeout(function (){ // 随着页面自适应 window.onresize = function () { _this.eChart.resize(); }},200)代码展示:(附完整代码)<template> <div原创 2020-11-29 13:43:47 · 2874 阅读 · 0 评论 -
vue项目中,使用echarts完成 极坐标 + 小图谱(附完整代码)
效果图展示:思路描述:上面的图首先是由两部分完成的,底部是极坐标、上方是小图谱。具体里面的细节还是得仔细的看看文档代码展示:( 附完整代码 )【步骤一】:vue项目里面引入 echarts 。 npm install echarts --save【步骤二】:下方代码是上方图谱的组件,数据是暂时写死的,后期可以从接口获取。<template> <!-- 雷达图谱--> <div style="width:100%;height:100%;..原创 2020-11-11 16:45:00 · 1267 阅读 · 3 评论 -
element-UI,怎样更改弹框样式和弹框图片呢?
组件效果展示:修改后效果展示:代码展示:(将下面css代码引入公共的css文件即可)/* 修改弹框的icon变成自定义图片*/.el-message{ min-width: auto!important; font-size: 14px; border: 1px solid #ffffff; background: #ffffff; box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12), 0 6px 16px 0 rgba(0,0原创 2020-09-28 16:06:12 · 2001 阅读 · 0 评论 -
Mac 如何解决端口被占用
只需要一行命令即可完成(1)查看哪条端口被占用:(查看10102端口被占用的情况)sudo lsof -l tcp:端口号(2)然后杀掉当前进程:kill PID原创 2020-06-11 20:55:06 · 999 阅读 · 0 评论 -
vant中 tab栏遇到的坑 van-tabs。
话不多说,先看下问题描述:我的需求:点击tab栏,下方展示出来当前tab栏下的内容列表(A页面),点击列表进入详情内容(B页面),但是返回(A页面)的时候,需要显示刚才被点击的tablan高亮显示。(如果tab栏横向有滚动条,那也得让被选中的高亮显示)。所以,大部分人的解决办法就是将当前选中的tab的索引缓存起来,等回到该页面的时候,让被缓存的那个高亮显示出来。坑的问题在于:van-tabs,里面的v-model默认值是0,但是类型却写着 number | string 。但是,在此时.原创 2020-05-27 15:04:46 · 19496 阅读 · 15 评论 -
像github提交代码 触发jenkins 自动打包部署流程。全流程自动化打包部署,不需要”立即构建“
今天来搭建个jenkins玩下,其实我自己之前有搭建过,但是在配置上面出了点儿小错误,所以一直都是打包失败的。其实上面的流程都不是特别的难,起初我也是很早搭建起来的jenkins,但是由于配置项目的一些错误,一直构建失败,而且我当时配置的,是需要手动 ”立即构建“ 才可以打包部署的。但是这次更新的,是只需要往github上面提交代码,然后就直接可以自动打包部署的。它是通过webhooks来完成并且通知的。【第一步】Java项目管理器。点开Java项目管理器,在版本管理中安装tomcat8,这个.原创 2020-05-12 15:23:07 · 1016 阅读 · 0 评论 -
http请求 状态码204
今天在调试接口的时候遇到个问题:一个请求走了两次,一次204,一次200。且,请求204的 Request Method 是 OPTIONS在网上查看资料后得知,是因为跨域而引起的,OPTIONS是一种“预检请求”,浏览器在处理跨域访问的请求时如果判断请求为复杂请求,则会先向服务器发送一条预检请求(这就是为什么第一次请求接口是204),根据服务器返回的内容浏览器判断服务器...原创 2020-02-02 11:31:02 · 45505 阅读 · 0 评论 -
通过脚本获取数据 新型冠状病毒 2019-nCoV 的相关数据。
数据来源 丁香园。(以下数据仅供参考)脚本文件:app.jsconst express = require('express');const request = require('request');const axios = require('axios');const fs = require('fs');const app = express();const url...原创 2020-01-28 00:11:06 · 5187 阅读 · 0 评论 -
2020前端笔试题1--- new Array(5) 和 map 中的callback
写出以下题目的输出结果:const array = new Array(5).map((item) => { return item = { name: '1' }});console.log(array); // 写出打印结果我想象的答案是这样的:[ { name : ' 1 ' } , { name : ' 1 ' } , { name : ' 1 ' ...原创 2020-01-02 19:41:32 · 1784 阅读 · 2 评论 -
根据qq号获取昵称和头像接口。
(1)接口: get/post 参数qqhttps://api.toubiec.cn/qq(2)获取qq头像(当前最新的头像):https://q4.qlogo.cn/g?b=qq&nk=qq号码&s=100原创 2019-12-30 21:17:37 · 8204 阅读 · 1 评论 -
求两个数组的并集、两个数组的交集、两个数组的差集
/** * 并集 * @param {Array} arrOne * @param {Array} arrTwo * */function arrAndSet(arrOne,arrTwo){ return arrOne.concat(arrTwo.filter(v=>!arrOne.includes(v)))}/** * 交集 */function a...原创 2019-12-20 14:37:11 · 459 阅读 · 0 评论 -
使用二分法查找数值 在哪个数值区间
// 二分法查找数值在数值中的区间Array.prototype.binarySearch = function (val) { // 返回的是数组的索引值 var left = 0; var right = this.length; while (left <= right) { var center = Math.floor((left + right) / ...原创 2019-12-11 20:06:21 · 898 阅读 · 0 评论 -
【不定期更新】项目中开启了eslint 语法检查,可以使用配置文件来完善 "semi":false, "singleQuote":true,
(1)在项目的根目录下新建文件 .prettierrc 文件。【.prettierrc】文件的相关配置如下:{ "semi":false, // 分号检查,不显示分号 "singleQuote":true, // 使用单引号} 如果碰到还有别的语法,可以直接在配置文件里面添加即可。【.eslintrc.js】文件里面:rules:[ ...原创 2019-11-26 01:12:40 · 4287 阅读 · 0 评论 -
可视化图表图,antDesign 中可使用echarts-for-react 或者 bizCharts
(1)echarts 百度开源的图表库地址 【可以自己调试除自己想要的图表的格式,在实例里面查看】(2)react项目推荐的两个 图表库echarts-for-react 文档地址echarts-for-react 结合echarts 来完成相关配置。bizCharts 文档地址 【根据自己的需要调试出自己想要的图表格式】...原创 2019-11-17 12:38:53 · 832 阅读 · 0 评论 -
前端不规则的面试题
(1)写出以下的打印结果:var str = '123hello';console.log(typeof(str++)); // numberconsole.log(str); // NaN(2)写出以下打印结果:['1','3','10'].map(parseInt); // 打印结果:[1, NaN, 2]上面的结果我很意外也很奇怪为什么是这个结...原创 2019-10-18 18:36:29 · 183 阅读 · 0 评论 -
IOS手机上点击input 输入框,页面会自动放大
解决办法:使用禁止缩放页面来完成。<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">原创 2019-10-17 17:29:00 · 3958 阅读 · 0 评论 -
根据宽带账号的前缀来判断省份areaId、也可以用来判断不同省份地区的客服(10086、10010)等。
// 获取宽带账号的前四位、前三位来判断 areaIdvar broadb = userNumber.substring(0, 4); //获取前四位that.getCityCode(broadb);if (!this.broandbandAreaId) { var broadb = userNumber.substring(0, 3); //获取前三位 (省、直辖市) ...原创 2019-10-12 16:29:13 · 1438 阅读 · 1 评论 -
html5 里面的type=”search“ ,h5版,点击手机键盘上的 ‘搜索”,”前往“等按钮,进行搜索
效果图:使用type=”search " 会得到如下的效果。(PC端的效果):(手机端的效果):点击”搜索“的时候,可以进行查询。去掉type=”search“ 默认带的x号: input[type="search"]::-webkit-search-cancel-button { display: none; }敲手机上的 ”回车“,”搜索“...原创 2019-10-12 16:03:47 · 2575 阅读 · 0 评论 -
数组变字符串、字符串变数组,相互转换。
数组 -----> 字符串// 数组转换成字符串var arr = ['a','b','c','d','e','f','g'];var str = arr.join(' ') // 以空格分割的字符串console.log(str); 结果展示:字符串 --------> 数组// 字符串转换成数组var str1 = 'how...原创 2019-10-12 17:28:55 · 789 阅读 · 0 评论 -
对于arr.filter() 的理解
filter() 是数组中的一个过滤器,用于把Array的某些元素过滤掉,然后返回剩下的元素。其主要原理是: filter会把传入的函数依次作用于每个元素,然后根据返回值是 true 还是false决定保留还是丢弃该元素。栗子:用filter过滤掉arr里面的偶数:function removeOld(arr) { return arr.filter((item) =&...原创 2019-09-03 19:04:49 · 2256 阅读 · 0 评论 -
js练习(十)判断 val1 和 val2 是否完全等同
判断 val1 和 val2 是否完全等同。//1.判断 val1 和 val2 是否完全等同function identity(val1,val2){ return val1 === val2}console.log(identity(1,'1'));一般使用双等(==)来判断,如果还需要类型相同那么就用三等(===)。== 和 === 的区别: (1) ===,下...原创 2019-09-03 12:49:15 · 878 阅读 · 0 评论 -
js中的parseInt()和 parseFloat()
先来看下下面的栗子:// parseInt()console.log(parseInt('12')); // 12console.log(parseInt('12px')); // 12console.log(parseInt('0x12')); // 18// parseFloat()console.log(parseFloat('12')); // 12...原创 2019-09-03 11:04:39 · 620 阅读 · 1 评论 -
js中的函数,函数定义、函数表达式、函数提升、自调用函数、函数可作为一个值使用、函数是对象、箭头函数
函数定义:通过function 来定义函数。函数声明:/* 函数声明后不会立即执行,必须要调用才会执行* 由于函数声明不是一个可执行语句,所以不以分号结束。*/// 函数声明function Fn(){ // 执行的代码}// 栗子:function myFn(a,b){ return a * b;}函数表达式:函数表达式可以存储...原创 2019-09-02 17:48:37 · 350 阅读 · 0 评论 -
字符串截取、类型转换、
(1)栗子:-9.0万元 要求:数字小于等于0的时候,如果小数位不为零,显示两位小数,否则不显示零。var str = prompt('请输入:例如:-9.5万元');var num = parseFloat(str); // 将输入的字符串转化成 数字num = Math.round(num * 100) / 100; // 将数...原创 2019-03-18 15:44:35 · 387 阅读 · 0 评论 -
使用JS 将URL参数解析成对象使用
代码:将多个参数解析成对象function paramsAnalysis(url){ // 参数解析 var arr = url.split('&'); var obj = {},innerArr; for(var i = 0;i<arr.length;i++){ innerArr = arr[i].split('='); ...原创 2019-09-09 17:08:07 · 276 阅读 · 0 评论 -
【未完待续】H5 在history中跳转、 history.pushState() 和 history.replaceState()
(一)通常我们会利用用户历史记录中back() 、go() 、forward() 、来完成向前向后的跳转。(1)同用户点击浏览器【回退】按钮的效果相同:window.history.back();(2)同用户点击浏览器【前进】按钮的效果相同:window.history.forward();(3)跳转history中指定的一个点儿:window.history.g...原创 2019-09-23 16:32:26 · 656 阅读 · 0 评论 -
【js】纯js实现复制粘贴
结果图展示:代码展示:(可直接拿着运行)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>完成复制粘贴</title> </head> <body> <!-- 注意,存放...原创 2019-09-26 10:52:24 · 201 阅读 · 0 评论 -
【js】使用 clipboard.js完成复制粘贴
clipboardjs官网:效果图展示:代码展示:(可直接运行)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>clipboard实现复制粘贴</title> <script src="https://cd...原创 2019-09-26 11:02:34 · 228 阅读 · 0 评论 -
switch语句。switch后面的括号只能有一个变量值
switch () 语句。switch后面的括号只能有一个变量值,可以a+b,而且这个表达式只能是整型(整数)和字符型。原创 2019-10-10 09:01:39 · 3553 阅读 · 0 评论 -
动态更改页面的标题 title。
document.title = '需要更改的标题名字'会去更改页面上的:原创 2019-10-10 15:34:49 · 305 阅读 · 1 评论 -
数组如何给数组赋值呢。嗯,看似小问题。
这么问题看似很简单,但是并不是很简单。(可能只是针对我一个人而言吧,哈哈哈哈,进入正题)。今天提交代码的时候,发现测试用例只跑通了 66.7%。我当时在本地测试时可以的,我还有点儿纳闷,于是,重新捋了一遍代码,嗯嗯...发现,是数组给数组赋值的时候出了点儿问题。错误代码:(测试用例跑通了66.7%)function append(arr, item) { var newArr...原创 2019-09-01 16:10:13 · 13965 阅读 · 0 评论 -
使用git查看提交的版本号
git reflog // 查看每次操作对应的commitId账号git reset --hard commitId // 本地端口回滚指定的版本git push -f // 强制推送到远程分支git log --oneline // 查看所有提交的版本号 。git log查看提交版本。$ git config --global user...原创 2019-08-30 17:02:20 · 9955 阅读 · 0 评论 -
uni-app遇到的一些坑。(不断的在更新)
(1)怎样监听自带的返回键。 使用 onBackPress (注意,是和methods同级别的)methods:{},onBackPress(){ console.log('监听触发返回按钮');}原创 2019-04-11 15:04:49 · 6367 阅读 · 0 评论 -
引入字体—web网页里面嵌入想要的字体文件
最近遇到个问题,页面使用的字体要用PingFangSC字体,引入方法如下:简单介绍下PingFangSC字体:(1)苹方-简 常规体 font-family: PingFangSC-Regular, sans-serif;(2)苹方-简 极细体 font-family: PingFangSC-Ultralight, sans-serif;(3)苹方-简 ...原创 2019-05-27 18:59:38 · 5290 阅读 · 0 评论 -
字体压缩—字体引入,页面加载问题
昨天成功引入字体以为就大功告成了,但是又出了个小问题。问题复现:将文件放在本地搭建的nginx服务器上,页面加载是没有问题的。但是将文件放在服务器上时,引入的字体文件加载的超级超级慢,(截图如下)解决方法:那就是需要将字体文件压缩,那么问题来了,字体文件要怎样压缩呢?需要使用font-spider ,见官网:http://font-spider.org/ ,官...原创 2019-05-28 15:04:10 · 1225 阅读 · 2 评论 -
简单了解Promise、同步进程、异步进程
在JavaScript的世界中,所有代码都是单线程执行的。由于这个“缺陷”,导致JavaScript的所有网络操作,浏览器事件,都是必须异步执行的。异步执行可以用回调函数实现:function callback(){ console.log('done'); } console.log('before setTime --------1');setTimeout(...原创 2019-05-29 19:56:33 · 427 阅读 · 0 评论 -
根据回车来切割字符串 split
先来看下后端返回的带有回车的数据:拿到rule的数据是如下的字符串(是通过回车分割的字符串):通过回车来切割字符串:var arr = res.data.body.rule.split("\r\n");这样就会得到数组,然后通过遍历即可得到数组里面的内容。...原创 2019-06-19 11:09:20 · 6922 阅读 · 3 评论 -
uni-app 里面placeholder父组件 → 子组件传值(父向子传值)
子组件:(1)(2)子组件 通过props的方法,接受父组件传的placeholderprops:['placeholder']父组件:(1)引入子组件(2)页面加载的时候,将placeholder传给 子组件<script> export default{ data(){ return{ ...原创 2019-03-18 15:17:26 · 4024 阅读 · 0 评论