- 博客(25)
- 收藏
- 关注
RSS订阅原创 Echarts——按数据系列设置设置3D柱状比例图
这个例子就是通过堆叠每个系列中的“已完成”和“未完成”的数据来实现数据的比例显示。设置3D柱状图的关键：每个3D柱状图需要分成3部分进行实现，分别是头部和底部使用。同时要做成显示比例的效果，这里使用的方式是通过。设置柱状图的头部及底部，然后中间主体部分使用。——数据堆叠，同个类目轴上系列配置相同的。
2024-01-09 15:57:03
403
原创 Echarts——使用graphic组件在一个option内同时设置两个饼图的背景图
使用echarts的graphic原生图形元素组件，为两个饼图设置对应背景。
2024-01-08 11:36:03
533
原创 addEventListener时使用bind(this)，后面无法用removeEventListener移除
绑定事件时，传递这个变量作为参数。当解绑时，再传递这个变量进去，就可以顺利解绑了。是无法解绑事件的（没有具体的指向，程序怎么知道要对那个函数进行解绑呢）。指向，其实是会返回一个新的函数。）就会导致我们事实上绑定了一个匿名函数，所以在。绑定事件时，传递的是匿名函数，那么使用。在进行事件绑定之前，先用变量记录下。对事件进行解绑时，发现解绑失败。方法产生的匿名函数。元素绑定事件时，使用了。时无法解绑相应的函数。
2023-11-30 16:33:10
502
原创 通过CSS样式缩放图片导致图片模糊的解决方案
在进行前端页面开发的过程中，通过使用CSS对图片进行等比例缩放，存在会使图片失真的情形。这种情况有点违反我们的通常认知，毕竟放大图片会使图片失真这很正常，但是缩小图片通常应该会使图片变清晰才对。目前我查找了很多资料都还没发现哪篇文章有深入分析其中的原理，姑且认为这是浏览器根据CSS样式显示图片的策略不同于常规图片查看软件。那么遇到这种情况，有什么解决方案呢？方案一：使用CSS3的image-rendering属性.img { image-rendering:-moz-crisp-edges;
2022-05-26 16:17:40
6445
1
原创 设置jsPDF/jsPDF-autotable的表格的全局默认值
使用jsPDF生成表格的时候，难免有需要调整默认参数的时候，此时就可以通过jsPDF.autoTableSetDefaults({ /* … */ })来进行按需设置了。// 以在Vue中使用为例import jspdf from 'jspdf'const pdf = new jspdf()/** * 可以对表格的字体、外边距、头部样式等进行默认设置，可以按需修改 * 具体还有哪些参数可设置，可以查找官方API * 在实例化后进行设置，后面生成的表格，只要不单独设置就会按照当前的参数进行显示
2022-05-24 09:56:55
670
原创 在Vue中使用jsPDF，为每一页添加固定信息
在Vue项目中使用jsPDF生成PDF，其中可能会有这样的需求——为每一页添加固定信息或者按照特定规律添加信息。这时候可以使用jsPDF的pdf.internal.getNumberOfPages()以及pdf.setPage()搭配使用来实现需求，具体如下：import jsPDF from 'jspdf'const pdf = new jsPDF()/*** ....... 进行了相应的PDF生成操作*/// 在最后进行每页插入数据的操作const totalPages = pdf.in
2022-05-23 11:11:14
1322
1
原创 vue-cli3全局引入jquery
首先使用npm下载jQuerynpm install jquery在项目目录新建vue.config.js，然后在configureWebpack选项中添加jquery插件参数const webpack = require("webpack");module.exports = { configureWebpack: { //支持jquery ...
2020-04-29 23:49:21
1244
原创 VUE技巧：实现移动端搜索框点击搜索后隐藏键盘功能
在移动端浏览器上实现搜索功能，通常情况下比较好的实现是点击输入框之后弹出键盘，然后enter键显示“搜索”两个字；输入关键字然后点击“搜索”，键盘收起，执行对应的查询操作。如下图所示：那么要如何实现呢？首先要使用form表单元素包裹着input元素；将input元素注册到$refs上，设置input元素的type为“search”form表单元素默认的“action”属性要保留（属性的...
2020-04-01 11:11:26
1925
原创 VUE使用技巧：使用v-for循环输出数组的某一部分
可以使用slice或者splice获取数组中的特定部分进行输出：<li v-for="item of array.slice(0, 5)" :key="item.id">{{ item.name }}</li>
2020-03-30 18:18:26
5856
1
原创 日常问题记录—IOS下时间显示NaN
IOS中网页不支持“yyyy-mm-dd”形式的时间格式，会导致NaN出现，解决方法：将“yyyy-mm-dd”改为“yyyy/mm/dd”格式即可
2020-03-25 11:54:39
136
原创 [Vue warn]: Duplicate keys detected: 'X'. This may cause an update error.
在使用VUE开发过程中，当使用v-for渲染列表的时候，<ul> <li v-for="item in items" :key="item.id">...</li></ul>加入其中绑定“item.id”有所重复的时候，就会提示“Duplicate keys detected: ‘X’. This may cause an update ...
2020-03-24 14:46:31
251
原创 npm报错：Can't find Python executable "python", you can set the PYTHON env variable.
当使用npm安装的时候提示报错：Can’t find Python executable “python”, you can set the PYTHON env variable.提示缺少python环境。可尝试以下方法修复：安装windows-build-tools：npm install --global --production windows-build-tools安装n...
2020-03-19 23:19:03
599
原创 VUE报错：Module build failed: Error: ENOENT: no such file or directory,scandir'XXX'
vue启动报错Module build failed: Error: ENOENT: no such file or directory,scandir’XXX’，通常情况下属于插件出问题了，可能是文件丢失或者文件错误，此时可以使用命令“npm rebuild XXX”来修复问题...
2020-03-19 22:24:31
1007
原创 $(window).scroll无效的原因
如果在css中html、body的高度样式设置为100%，那么$(window).scroll方法将检测不到正确的滚出高度，导致滚动监听事件失效
2020-03-17 11:04:33
1003
原创 CSS Loader has been initialized using an options object that does not match the API schema
“Module build failed (from ./node_modules/css-loader/dist/cjs.js):ValidationError: Invalid options object. CSS Loader has been initialized using an options object that does not match the API schema....
2020-03-16 17:28:41
1901
原创 [Vue warn]: Failed to mount component: template or render function not defined
在使用VUE的过程中有可能会遇到这样的提示： “Failed to mount component: template or render function not defined”，提示挂载组件失败，原因可能是：模板文件有问题——可检查代码查找问题；vue-router方面的问题——可检查vue-router的相关代码是否有问题；...
2020-03-16 11:03:24
1765
原创 关于使用flex布局的下父元素自适应宽度，子元素长度超出父元素宽度的一个解决方法
直接上代码：<div class="parent"> <p class="childOne">关于使用flex布局的下父元素自适应宽度，子元素长度超出父元素宽度的一个解决方法</p> <button class="childTwo" type="button"></button></div>.parent { f...
2019-10-31 15:14:46
11498
1
原创 IOS上微信浏览器BUG踩坑记录（一）——检测富文本编辑器tinymce的blur事件失效
问题：在微信上访问H5页面，其中在编辑器上完成编辑后失去焦点时操作页面回滚到顶部。this.Editor = window.tinymce.init({ ...this.DefaultConfig, ...this.config, selector: `#${this.Id}`, setup: (editor) => { ...
2019-08-30 11:54:49
2456
原创 在flex布局下input设置flex:1失效的原因
由于input默认存在最小宽度，所以在父元素宽度太小的情况下input设置了flex:1会失效<div style="width: 100px;display: felx;"><input style="flex: 1;"><!-- 此时flex: 1就会失效 --><button style="flex: 0 0 25px"></but...
2019-08-28 17:50:09
4353
原创 有关js正则的记录——允许为空但是不为空时需要检验
允许为空但是不为空时需要检验，使用var a = /(^$)|(你需要的检测规则)/其中^$表示为空，|表示或，需要检验是否为空然后再检验是否符合对应的规则，不然会一直返回true。...
2019-08-28 10:20:49
1845
原创 关于JQuery中使用callback回调函数遇到的小问题
作为一个前端，虽然JQuery写的不少，但是却很经常忘记很多语法上的要点，惭愧惭愧。这次就是有关JQuery中ajax的callback回调函数的问题。很多时候我们会使用ajax获取数据，然后在success之后对数据进行操作，有时我们就需要用到回调函数。我之前一直以为JQuery中ajax的回调函数可以直接传递函数名，然后就可以在ajax请求成功后直接使用这个函数。当我在项目中这样直接使用的...
2018-11-29 16:18:49
1426
原创 express报错之——Error: Can't set headers after they are sent.
作为小白第一次用nodejs+express，然后在做登录处理的时候，发现了个小问题“Error: Can’t set headers after they are sent.”，代码如下：app.post('/login', function(req, res, next){ var sess = req.session; var user = { use...
2018-09-07 11:12:38
2562
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人