- 博客(37)
- 收藏
- 关注
RSS订阅原创 横向柱状图滚动轮播，折线图
好久没发了，每次都有问题想着发，每次都没发，太懒了，记录一下吧，主要还是方便自己。横向柱状图轮播滚动展示---主要内容是这一块 initChart(datas) { let data = datas.xdatas; let chart = echarts.init(this.$refs.charts); let option = { grid: { top: "0%", left: "20%",
2022-05-10 11:29:45
1154
原创 百度地图聚合遮挡在点位之上（2）
上次说的方法不太完善 后来我发现的东西自己改了没有写文章，前几天又要求的需要，也算是搞了一下，有必要一起记录一下。需求1：点位展示的聚合之上需求2：地图弹框展示在点位之上先简单说下需求1的几个解决办法marker.Yc.parentNode.parentNode.style.zIndex = 99999;map.getPanes().markerPane.style.zIndex = 9999还有就是文章1里面提到的 找到盒子 修改优先级#map > div :nth-c..
2022-01-13 17:41:23
481
原创 pdf 预览展示 -跨域-下载
pdf展示真是搞得心累 ，各种问题吧 需求本身也有些踩的坑就不说了，试过的方法多 坑也多第一种方法 vue-pdf安装npm install --save vue-pdf页面 <div class="pdfsty"> <pdf :src="pdfSrc" ref="pdf" v-for="i in numPages" :key="i" :page="i"> </pdf> // src: pd...
2022-01-07 16:06:45
1328
原创 FormData形式传参
问题虽小，值得记录。调用接口时，出现的问题 有接口平台说明，但是还是缠很久接口平台 put 请求，设置请求头，传递参数，本地这几调都做到了，刚开始以为请求头问题，看下本地请求，预请求是成功的，参数及请求头都传递过去，没有用过form data形式传参，然后用到了qs后来看接口文档返回的 formdata 百度之后 改变了参数形式 看下怎么用的然后看下请求返回到这里接口已经调用成功，返回了需要的东西。the first time。多的是给自己看长经验，如果你看到...
2021-12-24 11:48:04
4867
原创 百度地图聚合遮挡在点位之上
这个问题困扰很久（问题如图），百度搜寻不到解决方法，经过多方问询，查询 最后找到一篇文章百度地图添加覆盖物层级在点聚合之上_happygirlnan的专栏-CSDN博客之前在我网上搜寻的方法setTop(true/false)和setZindex() 都可以提高优先级显示，但是没有生效，把最上层显示的放在最先渲染也不行，上述文章中的方法我目前还没通透彻，不过也是给了很大提醒。因为不在同一图层 所以之前怎么提高优先级都没用。因为上面可能因为时间久 地图老旧的原因不太理解 ， 且...
2021-11-12 17:55:28
712
原创 echarts图表 x轴文字过多几种处理方式
1.换行显示 代码如下 // 换行显示 formatter: function (value) { var ret = ""; var maxLength = 4; var valLength = value.length; var rowN = Math.ceil(valLength / maxLength); if (
2021-11-01 17:24:20
4992
原创 插件实现表格自动
简单的说一下插件用法，亲测比较好用的1、npm install vue-seamless-scroll --save2、main.js中引入html中代码 <div class="cent-right"> <vue-seamless-scroll :data="listData" class="seamless-warp"> <ul class="item"> ...
2021-10-18 17:19:22
133
原创 highcharts入门3D图表
highcharts入门3D图表 踩到过坑下面是代码（前端小菜鸡分享，不喜勿喷，望多指教）下载 highcharts，highcharts-vuenpm install highcharts-vue --savenpm install highcharts --save然后在main.js中引入这个是在highcharts中引入的3d文件点开highcharts可查看到js文件之前引入在index.html中没有生效 不要在组件或者html中引入 不会生效...
2021-09-15 17:58:04
352
原创 数据放入echarts图表
后端请求的数据放入echarts图表，数据不能直接放入需要经过处理，变成图表中需要的数据，今天也是请教同事写出来的。<template> // 定义图表 <div ref="main" :style="{width:'100%',height:'280px',}"></div></template><script>methods:{ initbar(data) { let chartsDom = this.$
2021-06-25 16:04:55
1417
原创 面试题总结1.1
关于MVVMModel–View–ViewModel （MVVM） 是一个软件架构设计模式，由微软 WPF 和 Silverlight 的架构师Ken Cooper 和 Ted Peters 开发，是一种简化用户界面的事件驱动编程方式。由 John Gossman（同样也是 WPF和 Silverlight 的架构师）于2005年在他的博客上发表MVVM分为三个部分： 分别是M（Model，模型层 ）泛指后端进行的各种业务逻辑处理和数据操控，对于前端来说就是后端提供的 api 接口。
2021-05-27 21:55:27
49
原创 vsCode中vue文件输入时按tab自动补全代码
今天找了挺久，项目都落下了首先需要在插件中下载安装 HTML Snippets保险起见我两个都安装了在设置中搜索files.associations，一般搜索出来后正常应该在红框下面有一个 “在settiongs.json 中编辑 ”的json文件（我的没有所以搞了老半天）然后点击进入json文件中在json文件中写入如下注释的代码（为了分清我把需要写入的代码注释了）然后就可以按tab键自动补全代码如果输入files.associations 没有json文件直接在设置中输入settin
2021-05-13 21:26:45
1017
1
原创 let，const，var
let,const,varlet,const,var 都是用来声明变量的。var可以重复声明变量，const,let同一作用域不允许重复声明变量。var和let声明变量，var声明变量存在变量提升就是变量可以在声明前使用。const声明常量，声明的是一个只读常量。一旦声明，常量的值就不能改变。const声明的变量不得改变值。就是无法赋值。1. varvar不存在块级作用域，而let和const存在块级作用域。var定义的变量分为全局变量和局部变量定义在函数外的变量称为全局变量
2021-05-12 11:49:01
77
原创 Echarts.js入门学习心得
Echarts，是做数据统计的，刚接触，很好用。1、一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11），Chrome，Firefox，Safari等。2、底层依赖轻量级Canva+库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。3、ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果，并且对移动端做了深度的优化。Echarts官方文档通过 npm 下载echarts，npm
2021-05-05 20:59:13
162
原创 reset.css样式重置
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, l
2021-04-20 19:20:18
67
翻译 ajax请求
ajax的概念：相当于在客户端与服务端之间加了一个抽象层(Ajax引擎)，使用户请求和服务器响应异步化，并不是所有的请求都提交给服务器，像一些数据验证和数据处理都交给Ajax引擎来完成，只有确认需要向服务器读取新数据时才右Ajax引擎向服务器提交请求。ajax的优点：1.无刷新更新数据Ajax最大的优点就是能在不刷新整个页面的情况下维持与服务器通信2.异步与服务器通信使用异步的方式与服务器通信，不打断用户的操作3.前端与后端负载均衡将一些后端的工作移到前端，减少服务器与带宽的负担4.基于
2021-04-16 21:09:18
49
原创 面试问题总结1.0
两边固定中间自适应布局双飞翼布局和圣杯布局圣杯布局和双飞翼布局基本上是一致的，都是两边固定宽度，中间自适应的三栏布局，其中，中间栏放到文档流前面，保证先行渲染。解决方案大体相同，都是三栏全部float:left浮动，区别在于解决中间栏div的内容不被遮挡上，圣杯布局是中间栏在添加相对定位，并配合left和right属性，效果上表现为三栏是单独分开的（如果可以看到空隙的话），而双飞翼布局是在中间栏的div中嵌套一个div，内容写在嵌套的div里，然后对嵌套的div设置margin-left和mar
2021-04-16 21:08:07
46
原创 JavaScript数组方法
JavaScript数据类型基本类型：number,string,boolean,null,undefined,symbol引用类型：也称复杂数据类型 Object,function检测基本数据类型：typeof 变量名特殊：typeof null 返回 Objecttypeof 函数名 返回functionvar a=1console.log(anull) //返回0console.log(aNaN) //返回NaN===not a numberconsole.log(typeo
2021-04-16 19:49:32
55
原创 小程序组件
组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块插件：通常是为了完成某项具体的业务功能而开发的js文件 例如：swiper.js,弹框.js，。。。。类库：library,是提供了为了完成项目的工具方法的集合，跟具体的业务无关！ 例如：jQuery,lodash.js框架:framework,分 是为了快速完成项目搭建的基础。框架分：UI 框架和javaScript框架wx小程序组件分为:1.内置组件 可以直接使用2.第三方组件 需要引用安装，然后才可以使用推
2021-04-13 07:44:24
64
原创 浏览器引擎
浏览器引擎浏览器解析渲染页面原理浏览器 最重要 最核心的部分是“解释引擎”，也就是“浏览器内核”： 负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页。网页的工作过程需要使用到两个引擎：渲染引擎和javascript引擎什么是JavaScript引擎？简单来讲，就是能够提供执行JavaScript代码的运行环境所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，排版引擎(Rendering Engine，也有称渲染引擎)，渲染引擎决定了浏览器如何显示网页的内容以及页面的
2021-04-09 20:24:50
425
原创 小程序中适用—css样式_删除线等
text-decoration下划线CSS单词值参数：none : 无装饰blink : 闪烁underline : 下划线line-through : 贯穿线overline : 上划线text-decoration:none 无装饰，通常对html下划线标签去掉下划线样式text-decoration:underline 下划线样式text-decoration:line-through 删除线样式-贯穿线样式text-decoration:overline 上划线样式
2021-04-09 17:07:21
419
原创 小程序全局配置和页面内配置
全局配置app.json文件中这里以配置顶部title和tabbar为例 "window" : { "backgroundTextStyle": "light", // background中文本的颜色 他的值只有light和dark "navigationBarBackgroundColor": "#000", // 顶部导航的背景色 "navigationBarTitleText": "微信接口功能演示", // 顶部导航的title "navigationBarT
2021-04-09 08:46:17
73
原创 小程序导航
第一种wx.navigateTo()wx.navigateTo( {url: ‘要跳转的页面链接’ //注意链接不能带扩展名 该方法不会卸载当前页面 只是会把当前页面隐藏 但是不能跳转tabbar页面})wx.redirectTo()wx.redirectTo( {url: ‘要跳转的页面链接’ //注意链接不能带扩展名 该方法会卸载当前页面 打开一个新页面 但是不能跳转tabbar页面})wx.relaunch()wx.relaunch( {url: ‘要跳转的页面链接’ //注意链
2021-04-08 07:54:52
64
原创 git 命令
git init 作用是初始化一个能让git进行管理的仓库 使用 attrib -h .git可以释放出隐藏文件.git创建出自己的项目文件 打开项目文件夹 然后在文件夹中打开git命令窗git add ‘文件名称’ 提交单个文件 git add . 提交所有修改的文件git status 可以查看当前git所处的装太 比如放在git add 后执行git status命令可以查看当前都添加了那些修改的内容git commit -m “本次更改的描述内容” 因为描述内容需要表达本次修改的内容 所以建
2021-04-05 09:27:01
815
原创 vue跨域解决问题
写入如下代码以百度为例module.exports = {devServer: {proxy: ‘代理服务器地址’}}// 或者module.exports = {devServer: {proxy: {‘/api’: {target: ‘代理服务器地址’,ws: true // webscoketchangeOrigin: true}}}}1234567891011121314151617在要发送前端请求的页面使用created()
2021-04-01 21:40:59
77
原创 git
一、历史回退查看提交历史记录//详细查看git log//缩略查看git log --pretty=oneline//查看所有的提交commit_idgit reflog --pretty=oneline回退到过去或现在//回退到过去git reset --hard commit_id二、分支管理分支的作用方便团队之间协作开发，分支之间的代码互不影响git init 初始化完后，默认本地只有一个分支 master项目分支结构master:主分支，这个分
2021-04-01 21:36:54
64
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人