- 博客(329)
- 收藏
- 关注
RSS订阅
原创 模拟搜索变色查询
<section class="search-area" v-if="selectOption.length > 1" ref="scrollTree"> <h-select v-model="selectedValue" style="margin: 0px 6px; width:90%; margin-bottom: 10px;" > <h-option v-for="opt in selectOption" ...
2021-04-15 13:47:18
155
原创 关于echarts如何在折现图上展示异常点位
echarts展示异常点位主要用到的markPoint // 为了重复绘图添加定位点位 let markPointData=[] if(model.data[0].errorCount&&model.data[0].errorCount.length){ let data=model.data[0].errorCount||[] data.forEach((item,index)=>{ if...
2020-09-27 16:48:06
1028
原创 关于antv-f2如何使用在折线图上显示默认
1.在图标渲染完成后，我们需要展示一些默认数据，此时请看代码2.在图表上进行快速滑动的时候，上图中的红框中的竖线就会不展示，此时就会使用chart.tooltip中的onHide方法来进行当前滑动位置默认展示 getDafault(chart,data){ let tooltip= {showTitle: false,custom: true, showCrosshairs: true, def_item: data}..
2020-09-27 16:40:24
1881
原创 关于antv-f2如何使用在折线图上再次打点
上代码 if(this.canvasProps.showFalse){ // 是否展示异常 chart.point() .position(colorList[1].name) .size('abnormalBatteryCount', function(val) { // console.log(val,'val1') return val ..
2020-09-27 16:32:31
759
原创 关于antv-f2如何使用双坐标
上代码source:{ totalNetIncome: { // tickInterval: 50, alias: '总收益', tickCount: 5, formatter: (v) => { return '￥'+v }, },..
2020-09-27 16:29:48
749
原创 关于antv-f2如何修改纵坐标轴数值的添加单位
上代码在需要展示的字段使用formatter方法进行数据的再次转换 let source={ totalNetIncome: { // tickInterval: 50, alias: '总收益', tickCount: 5, formatter: (v) => { return '￥'+v ...
2020-09-27 16:23:59
3498
原创 关于antv-f2如何修改纵坐标轴数值的颜色
上代码使用chart.axios来进行canvas绘画，stroke进行颜色赋值 chart.axis('totalBattery',{ label: (text, index, total) => { const cfg = { // flll: 'red', ..
2020-09-27 16:19:17
3008
原创 关于微信小程序tabBAr在iphone手机版本11.0.0以下，图片文字不显示的问题，完美解决方法
关于微信小程序tabBAr在iphone手机版本11.0.0以下，图片文字不显示的问题，完美解决方法解决前解决后原先tabbar是这么写的"tabBar": { "custom": true, "color": "#000", "selectedColor": "#f00", "backgroundColor": "#fff", "list": [ { "pagePath": "pages/index/index"
2020-07-03 10:33:48
1553
原创 利用vue中 computed 与 watch 、 created 与 mounted 彼此的关联与顺序完美解决watch多级耦合监听与mounted再次赋值的逻辑执行
<template> <div> <p> {{ firstNum }} </p> <p> {{ secondNum }} </p> <p> {{ thirdNum }} </p> </div></template> <script> export default { computed: { .
2020-05-22 10:29:22
3759
原创 element中table布局（fixed）以及动态布局造成的列表错乱
table动态布局以及使用fixed定位造成的结果解决办法重新计算table布局 this.$nextTick(()=>{ this.$refs.tab.doLayout() })解决后效果...
2019-12-26 19:49:16
8895
7
原创 vue+html编写组件elment-ui 的el-tree,完整版,
可进行修改，此版本是父级关联子级，点击子级不需要选择父级的业务需求完整关联的可在下面修改treeList.vue<template> <div> <my-trees :list="list" @getResult="getResult" ref="treeMenu"></my-trees> </div>...
2019-12-14 14:30:32
681
1
原创 vue做一个动态活动的弹框，可以在当前屏幕滑动到任何位置
打开时关闭时<template> <div id="rec" @mousedown="drag($event)" @click="showList" ref="rec" class="addClass" style="position:fixed;right: 100px;top: 100px; width: 80px;height: 54px; border...
2019-11-12 16:03:38
577
原创 vue递归组件实现多级应用完整版，含有递归组件传值
myList.vue<template> <div class="select"> <div class="input_text"><input type="text" name="" v-on:focus="options1Show" v-model="result"></div> <my-tree...
2019-11-08 14:36:25
1494
原创 递归组件实现tree树
myLIst.vue<template> <div> <my-trees :list="list"></my-trees> </div></template><script>import myTrees from './treeMenus'export default { com...
2019-11-07 18:07:22
171
原创 vue实现动态多级联动选择
<div id="app"> <select v-for="(arrItem,key) in selectList" v-model="selectArr[key]" @focus="position=key" @change="selected" :key="key" style="margin:10px;padding:10px"> <option ...
2019-11-07 16:53:58
1086
原创 gulp 配置 autoprefixer 报出警告问题
今天在配置gulpautoprefixer 控制台 出现了警告问题，Replace Autoprefixer browsers option to Browserslist config. Use browserslist key in package.json or .browserslistrc file. Using browsers option cause some...
2019-08-30 11:49:59
334
原创 git clone到本地是报错：fatal:out of memory malloc failed tried to allocate完美解决，我就是这样解决的，希望对你有用
解决问题解决问题git clone到本地是报错：fatal:out of memory malloc failed tried to allocateGIT处理超大大文件时拉取报错git pull/push 因提交文件内容过大而失败的解决方案git太大无法下载的问题解决git在windows下clone、pull或者push内存溢出的解决办法git clone https...
2019-08-17 11:17:29
6782
原创 Git常用命令及方法大全
Git常用命令及方法大全下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace：工作区 Index / Stage：暂存区 Repository：仓库区（或本地仓库） Remote：远程仓库本地分支关联远程：git branch --set-upstream-to=origin/beta beta一、新建代码库...
2019-08-16 14:54:13
284
原创 npm ERR! publish Failed PUT 403
使用命令npm publish发布一个包时，或有如下报错：解决过程：1. 检查仓库是否被设成了淘宝镜像库npm config get registryhttps://registry.npm.taobao.org/2. 如是，则设回原仓库npm config set registry=http://registry.npmjs.org3. 登录账号（如未登录）npm l...
2019-08-05 20:05:19
229
原创 JS实现水印效果
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>水印</title></head><body> <div class="warp"> ...
2019-07-12 16:08:50
633
原创 el-table 动态添加表头数据，进行动态字段添加问题的解决办法
在el-table 中动态添加表头字段时有时候会出现表头跟下面的数据对应不上的情况，这是因为在element中el-table的底层原理中，表头时一个table，中间数据为一个table，el-table一共创建了2个table,他们呢之间时通过index进行一一对应的，要想解决需要在el-table-column的标签添加唯一标识符key 表示一一对应<el-table-co...
2019-07-12 14:11:05
6167
3
原创 redux用法完美版，react+react-router-dom+redux
1.action-types.js//所有actions函数的`type`字符串常量export const STORE_UPDATE = 'STORE_UPDATE';export const STORE_ADD = 'STORE_ADD';export const STORE_RM = 'STORE_RM';2.actions.js//定义`action`创建函数生成...
2019-04-16 14:04:41
1049
原创 JS doctype的作用
那么 compatMode 默认就是 BackCompat,浏览器按照自己的方式解析渲染页面）doctype在 html中的作用就是触发浏览器的标准模式,否则为怪异模式;告诉浏览器按照何种规范解析页（如果你的页面没有 DOCTYPE 的声明，不同浏览器在怪异模式下会有一些不同的表现，不建议使用怪异模式;* doctype是一种标准通用标记语言的文档类型声明;doctype一定需要写html上面才会生效;* 告知浏览器文档使用哪种 HTML 或 XHTML 规范。
2022-10-20 15:43:20
147
原创 JS中this的了解及应用场景
Q1:函数执行，看方法前面是否有“点”，没有“点”，this是window「严格模式下是undefined」，有“点”，“点”前面是谁this就是谁。* Q2:给当前元素的某个事件行为绑定方法，当事件行为触发，方法中的this是当前元素本身「排除attachEvent」* Q4:箭头函数中没有执行主体，所用到的this都是其所处上下文中的this。* this执行主体，谁把它执行的「和在哪创建&在哪执行都没有必然的关系」* + 掌握this的好玩应用：鸭子类型。
2022-10-20 15:39:14
86
原创 实时调试线上js
Chrome的开发者工具在source选项卡下，可以看到js源代码，但是不能编辑。利用Chrome的Overides功能可以实现js代码的重载或者调试。第一步，选择要修改的js文件，记住它的位置。如下图中的标红的文件名称要一样。第二步，在本地电脑任意位置建立如下文件：文件目录要一样，js文件名需要与上面要替换的报纸一致，第三步，点击source选项卡下面的Overides，选中你刚才建立的top文件夹。如下图所示。重新刷新浏览器，即可实现js代码的重置。rer...
2021-11-02 15:00:38
998
原创 JavaScript实现鼠标拖拽调整div大小
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body, html { width: 100%; height: 100%; margin: 0; } #container { width: 200px; height: 200px; .
2021-11-02 14:48:50
4162
原创 Win10系统安装GPU版PyTorch,tensorflow,transformers
准备工作1.安装VS2017_Community2.安装CUDA10.03.安装cuDNN具体安装方法已在上一篇博文中介绍：Win10系统安装CUDA10.0和cuDNN接下来介绍如何安装GPU支持的PyTorchPyTorch安装PyTorch的安装方式有conda和pip两种，因为在之前的博客中Python入门之环境配置与IDE安装已经安装Anaconda3，故本文采取conda的安装方法。1.打开Anaconda Prompt在命令行窗口输入conda c
2021-09-01 16:58:12
1904
原创 一文帮你搞定 JS 手写题！面试手写题不慌了
1.call的实现 第一个参数为null或者undefined时，this指向全局对象window，值为原始值的指向该原始值的自动包装对象，如 String、Number、Boolean 为了避免函数名与上下文(context)的属性发生冲突，使用Symbol类型作为唯一值 将函数作为传入的上下文(context)属性执行 函数执行完成后删除该属性 返回执行结果 Function.prototype.myCall=function(context,....
2021-08-06 13:59:51
160
原创 element-ui动态删除表单项后导致表单验证报错“please transfer a valid prop path to form item!“
<template v-for="(person,index) in Form.List"> <el-form-item :prop="'List.'+index + '.code'" :key="person.key" :rules="rules"> <el-input v-model="person.code"></el-input> </el-form-item> <el-form-item p.
2021-04-22 15:43:41
879
转载 浅谈XSS跨站脚本攻击
浅谈 跨站脚本攻击(XSS)一、概述1、什么是跨站脚本攻击跨站脚本攻击(Cross Site Scripting)，简称XSS， 是指：由于网站程序对用户输入过滤不足，致使攻击者利用输入可以显示在页面上对其他用户造成影响的代码来盗取用户资料、利用用户身份进行某种动作或者对访问者进行病毒侵害的一种攻击方式。直白点：恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。不同于大多数攻击（一般只涉及攻击..
2021-04-16 17:11:07
413
原创 前端如何解决pc端屏幕显示设置缩放比例对页面布局的影响？
现在很多笔记本电脑都推荐将缩放设置为125%，等比例放大显示。(垃圾Windows这对我们前端的页面的布局会产生一些影响 首先，单独的响应式布局hold不住这个问题，因为出问题的是device-pixel-ratio。 问题现象是高分屏下整好的东西，在普分屏下会放大；而普分屏下整好的东西，在高分屏上会缩小。 重现这个问题不需要高分屏，直接用Ctrl++或者Ctrl+-出来的效果是跟高分屏一致的（所以搞定这个问题之后，也可以同时预防用户误触网页缩放）。另外恢复是Ctrl+Num0
2021-04-08 13:44:14
6105
2
转载 汇总整理了96个常用的JavaScript工具函数
1、为元素添加on方法Element.prototype.on = Element.prototype.addEventListener;NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, function (el) { el.on(event, fn); }); return this;};2、为元素添加trigger方法Element.prototype.tri
2021-02-19 16:39:15
330
原创 解决：对修饰器的实验支持是一项将在将来版本中更改的功能。设置+“experimentalDecorators“+选项以删除此警告
编写代码的时候有时候会遇到这种问题：【ts】对修饰器的实验支持是一项将在将来版本中更改的功能。设置+"experimentalDecorators"+选项以删除此警告解决方法：1、打开配置文件tsconfig.js，在compilerOptions选项中配置："experimentalDecorators": true, 2、在VS Code中配置：文件-首选项-设置-打开settings.json3.在文件夹下建jsconfig.json文件{ "compi
2020-12-22 11:34:22
366
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人