![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
前端_酒館
努力打造原创,把知识变为自己的,而不是借别人的 ----简书和CSDN同步
展开
-
win11 node 环境变量配置
node环境变量配置,每个步骤都很重要,不能漏填原创 2022-10-18 16:22:24 · 1501 阅读 · 0 评论 -
element select清空已选择的选项
我们只需要通过下面的一行代码便可以清空已选选项。原创 2022-09-22 16:32:37 · 7606 阅读 · 0 评论 -
多层饼图(球形饼图)+ 圆点在圆的边缘上拖尾旋转
HTML布局:<div class="partyCompositionChat"> <div class="wh-100" id="academicCompositionChat"></div>//两层饼图放进echarts里绘制,wh-100 是宽高百分百 <div class="partyCompositionCircular"> <canvas id="canvas" width="100" height="100"/><.原创 2022-04-29 16:56:25 · 711 阅读 · 0 评论 -
时间戳转年月日(正则)
时间戳转年月日(正则)format(time, fmt){ //处理传进来的时间戳长度 if(String(time).length < 13){ time = time * 1000; } let date = new Date(time) const o = { 'M+': date.getMonth() + 1, // 月份 'd+': date.getDate(), // 日 'h+': date.getHours(), // 小时 'm+': date.g.原创 2021-11-15 14:24:59 · 474 阅读 · 0 评论 -
js 对象key值下划线转为驼峰
场景:后端返回的数据为下划线分割格式,但前端的规范为驼峰格式,实现一种数据格式转换的方法,将数据的key按如下形式转换,要求:a.炫耀处理多层嵌套的情况b.特定名词需要全部大写,特定名词包括:url, id后端返回数据格式let data = { user_name: 'name1', user_id: 1000, age: 10, detail: { user_avatar_url: 'xxx', object_o原创 2021-10-16 21:56:02 · 1749 阅读 · 0 评论 -
Echarts折线图显示最高最低点以及首尾两点的标注
最终实现的效果接下来上代码:option = { series: [ { markPoint:{ data: [ { type: 'max', name: '最大值', }, { type: 'min', name: '最小值', }, { yAxis: 120, //第一个值标注的Y轴位置 x: '11.65%', //原创 2021-08-04 16:01:58 · 4553 阅读 · 0 评论 -
谈一下Ajax的认识?
什么是ajax?AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。Ajax包含下列技术:基于web标准(standards-basedpresentation)XHTML+CSS的表示;使用 DOM(Document ObjectModel)进行动态显示及交互;使用 XML 和 XSLT 进行数据交换及相关操作;使用 XMLHttpRequest 进行异步数据查询、检索;使用 JavaScript 将所有的东西绑定原创 2021-04-12 16:44:07 · 1048 阅读 · 0 评论 -
BFC(边距重叠解决方案)
BFC基本概念:块级格式化上下文。BFC的原理:在BFC这个元素的垂直方向的边距发生重叠;BFC的区域不会与浮动元素的box重叠,用来清除浮动;BFC在页面上是一个独立的容器,不受外部元素影响,也不影响外部元素;计算BFC高度的时候浮动元素也会参与计算。如何创建BFC? overflow: hidden/auto float: none position的值不是relative,static display:inline-block/table-cell 和tabl原创 2021-04-12 16:08:47 · 321 阅读 · 0 评论 -
npm 单次使用淘宝镜像
npm install --registry=https://registry.npm.taobao.org原创 2020-12-30 17:14:25 · 2253 阅读 · 0 评论 -
选择任意不相邻的两天(星期一至星期天)
选择任意不相邻的两天并且标记状态:(先上代码),心急的小伙伴可以先copy再看解释!!!changeTab(e: { currentTarget: { dataset: { index: any; }; }; }) { let {index} = e.currentTarget.dataset; let {date, oldDay, days}: any = this.data; l...原创 2020-03-30 00:40:24 · 295 阅读 · 1 评论 -
小程序引入echarts并接通数据
一般第一步是引入ec-canvas到component里面:(点击ec-canvas便可去往下载)然后再使用echarts的页面里引入:在js页面里import * as echarts from "../../component/ec-canvas/echarts";通过上面这段代码引入到js当中并init:function healthChart( canvas: { set...原创 2020-03-25 18:17:51 · 962 阅读 · 0 评论 -
Taro+TypeScript 报错 Cannot the found module
在index.js配置绝对路径 依赖后在页面引入后出现红色警告并报错:解决办法:在tsconfig.json里面配置以下内容便可::如果以上内容对你有用,请各位帅哥美女动动你的小手点个赞...原创 2020-03-17 12:14:15 · 1037 阅读 · 0 评论 -
echarts 折线图 涉及 X轴内容过多造成缺少内容、刻度与文案居中对齐、以及拐点头部显示文案
本文章内容涉及:X轴内容过多造成缺少内容、刻度与文案居中对齐、以及拐点头部显示文案option = { xAxis: { type: 'category', data: ['12/25', '12/26', '12/27', '12/28', '12/29', '12/30', '12/31'], axisLine: { lineStyle: { c...原创 2020-03-12 20:54:33 · 1739 阅读 · 0 评论 -
小程序接入腾讯位置服务的详细流程
第一步:进入腾讯位置服务第二步:点击接入指引根据上图进行登录,然后验证手机和邮箱,再前往申请秘钥(key)以上步骤完成后:进入key的申请页面:重点提示:小程序不需要在WebServiceAPI填写域名,否则会报错完成后便可以在小程序里面使用,以下则是在小程序的写入流程,首先下载腾讯位置服务SDK下载完后放到你方便调用的文件里面,我的是放在util.js里面。然后引入到...原创 2020-02-23 11:34:30 · 1860 阅读 · 3 评论 -
从输入URL到页面加载发生了什么?
网上有很多这方面的文章,但是那毕竟是别人的不是自己的,因此我着手写了《从输入URL到页面加载发生了什么?》这篇文章从而引出TCP的三次握手和四次挥手、http协议、页面渲染发生的重绘和重排、DNS缓存等重要的js基础。从输入URL到页面加载到底发生了什么呢?总体来说,大体分为两部分: 网络通信和页面渲染网络通信网络通信又细分为以下几个过程:1、DNS解析:DNS解析一般指域名解...原创 2019-12-30 11:49:22 · 116 阅读 · 0 评论 -
js数组打乱顺序
网上有很多数组排序的,但是我觉得没必要那么复杂,搞个最优的,然后描述清楚让大家理解明白就好了,还写什么sort()啥的,瞎鸡儿玩!!!/** * 打乱数组顺序 * @param arr * @returns {*} * */ randomArr(arr){ let length= arr.length; //while执行至条件不成立则跳出循环 whi...原创 2019-12-24 11:26:57 · 674 阅读 · 0 评论 -
见过却不一定了解过的前端面试题-BFC
BFC块级格式化上下文(Block Formatting Context)。什么叫块级格式化上下文? 在块盒子布局过程中,使用以下css属性进行布局所产生的的区域就是块级格式化上下文*。根元素(<html>)浮动元素(元素的 float 不是 none)绝对定位元素(元素的 positi...原创 2019-12-17 17:33:59 · 168 阅读 · 0 评论 -
HTTP和HTTPS原理和区别
HTTP和hHTTPS原创 2019-12-11 16:28:59 · 576 阅读 · 0 评论 -
HTTP头
HTTP 头的组成:通用头、请求头、响应头、实体头。通用头:即可用于请求,也可用于响应,是作为一个整体而不是特定资源与事务相关联。请求头:允许客户端传递关于自身的信息和希望的响应形式。响应头:服务器和于传递自身信息的响应。实体头:定义被传送资源的信息。即可用于请求,也可用于响应。HTTP请求头类型:Accept:浏览器可接受的MIME类型。Accept-Charset:浏览器可接受...原创 2019-12-11 16:12:52 · 255 阅读 · 0 评论 -
2019年最新版 省市区json数据 跟小程序省市区的数据同步
2019年最新版 跟小程序省市区的数据同步{ name: '北京市', city: [ { name: '北京市', area: ['东城区', '西城区', '朝阳区', '丰台区', '石景山区', '海淀区', '门头沟区', '房山区', '通州区', '顺义区', '昌平区', '大兴区', '怀柔区', ...原创 2019-12-06 10:07:53 · 1788 阅读 · 0 评论 -
Taro chooseImage和uploadFile兼容小程序和h5端
chooseImage 这个API在小程序端并无太大的问题,相信看着文档各位小伙伴都能撸出来并和后台对接好,这篇文章只是为了解决h5端的问题:h5端的chooseImage拿到的图片数据是以blob开头的数据格式,然而这并不是我们想要的,即便丢到后端也无法对接;因此我在网上找了很多解决这个问题的办法,然而并没有清晰的描述的,唯有看到一篇文章:https://blog.csdn.net/SNC...原创 2019-12-02 18:02:07 · 2853 阅读 · 0 评论 -
js将数组对象中某个值相同的对象合并成一个新对象并把这个对象插入到数组当中
一般开发的时候,后端返回的数据格式并不是自己想要的,因此就需要自己对后端传过来的数据进行组合并赋值给一个新的数组/对象,今天我遇到一个问题就是后端把订单的数据分成单独的数组一个个返回,大家都知道订单 不一定是只有一个商品,也有会有多个商品,但是后端并没有给我们把相同的订单组合成我们想要的数据格式,因此我在前端做了一个数据的重组,一开始我把订单编号(order_sn)抽离出来赋值给一个定义好的数组...原创 2019-11-18 15:19:50 · 4379 阅读 · 0 评论 -
Taro.createSelectorQuery()踩坑之路
其实Taro.createSelectorQuery()这个API的坑很浅的,不算很难。一开始刚使用的时候大家发现const query = Taro.createSelectorQuery().select(className).boundingClientRect(); query.exec(res => { console.log(res); ...原创 2019-11-01 17:44:58 · 11856 阅读 · 0 评论 -
根据数组中的某个字段生成对应字段值相同的二维数组
根据数组中的type字段生成对应type相同的数组,而这个type是前端界面上动态添加获得的var arr = [ {regulationsId: 5172, title: "测试111标题2 ", type: 610, state: 1, createdTime: 1530152467000}, {regulationsId: 5169, title: "测试111标题", t...原创 2019-04-19 17:45:19 · 622 阅读 · 0 评论 -
[vue] webstorm 对eslint缩进的问题处理
首先在.eslintrc.js中的rules写:打开setting按照下图的设置,打开editor下的code style下的JavaScript 设置对应的缩进风格,再然后打开plugins后选择installed,就是打开已安装的plugins,搜索editorconfig,如果出现的editorconfig选中就让它不选择,然后重启webstorm,...原创 2019-04-15 10:37:08 · 2723 阅读 · 0 评论 -
Echarts 折线图 鼠标悬浮拐点背景颜色改变
如上图鼠标悬浮在点上背景色填充满整个圆点,刚开我在度娘上面怎么都找不到有解决这个问题的答案,后面我在文档中一个个找过去才找到答案,下面的代码是构建这个图表的完整代码:option = {xAxis: {type: ‘category’,data: [‘2018.01’,‘2018.02’, ‘2018.03’,‘2018.04’, ‘2018.05’,‘2018.06’,‘2018.0...原创 2019-04-08 14:24:20 · 5837 阅读 · 14 评论