- 博客(35)
- 收藏
- 关注
RSS订阅原创 uniapp非h5模式下图片不显示
1.h5模式下，不管使用img标签还是image标签，图片都会显示出来，但是如果运行到app或者是微信开发者工具，则img不显示2.img标签可能不设置宽高也会显示，但是image标签要设置宽高3.路径不争取，不要使用相对路径，使用绝对路径，src=“/static/images/…”...
2022-04-28 03:04:18
615
原创 uniapp-文件下载
需求：实现下载文件 uni.downloadFile({ // 注意：url是完整的下载地址，并不仅仅是api // 例如：http://192.168.xx.xx:8080/manange/xx/xx/?file=xxxxxxxx url: getBaseUrl("") + "/manage/manarchive/fileDownload" + // 参数 turnObjTo
2022-04-14 09:22:22
1760
原创 uniapp自定义弹框穿透触发scroll-view下拉刷新
修复自定义弹框穿透触发scroll-view下拉刷新bug解决思路：弹框出现的时候，禁止掉scroll-view的自定义下拉刷新父组件---scroll-viewHTML：<view class="tab-content"> <scroll-view class="scroll" :scroll-y='true' :refresher-enabled="refershEnable"
2022-03-30 16:06:31
933
4
原创 uniapp通过renderjs引入echarts
功能uniapp页面中有多个图表需要渲染，uchart不能满足需要，所以引入echarts<view :prop="options" :change:prop="echarts.updateEcharts" id="id"></view><script>export default { props: { option: { type: Object, default: {}, }, onPropClick:
2021-11-15 16:40:19
1382
原创 uniapp子组件传值父组件
将子组件的值，传值给父组件1.子组件child-view：HTML：<view v-if="modalData.type == 'input'"> <input class="state-text" @input='inputAction' type="number" :value='inputValue' placeholder-class="place-text" :placeholder='"请输入"' /></view>// 点击确
2021-05-16 16:09:54
2334
原创 webpack打包html中图片不显示
1.首先看下自己的webpack版本，webpack5以上需要用html-withimg-loader 打包html中的图片/** * 开发环境配置，代码可以运行就可以 */const {resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/js/index.js', // 打包后所有的输出都在
2021-05-12 09:06:33
786
2
原创 echart-解决多条折线图x轴不一样且只能有一条x轴
需求多条折线图，数据的x轴不一样，且只能有一条x轴例：数据1： [ [ "2020-11-26 00:00:00", "6" ], [ "2020-11-26 01:00:00", "6" ], [ "2020-11-26 02:00:00", '6' ], [ "2020-11-26 03:00:00", '5' ] ]数据2： [ [ "2020-11-26 00:57:00", "17.3" ], [ "2020-11-26 05:22:22", "16.8" ],
2020-11-26 10:23:03
8304
4
原创 native-echarts:柱状图渐变,圆角矩形
1、需求：柱状图背景色需要做成渐变柱状图顶角为圆角矩形设计图：官网直接有示例，官网给出的代码：rn中引入的是native-echarts,直接按照官网的例子写，new echarts.graphic.LinearGradient{}报错，打印出来new echarts.graphic.LinearGradient:2、解决：直接定义，不用new series: [ { name: '用电量',
2020-09-09 14:01:32
648
原创 RN-Flatlist组件，更新数据，数据显示错乱
1.需求从后台回去的数据列表，在Flatlist组件显示，本地根据名称对每一个Item进行模糊查询，数据查询的是对的，但是组件上显示错误2.原因可能是由，Flatlist组件渲染机制导致3.解决在组件属性中加上：extraData={this.state} <FlatList extraData={this.state} data={deviceAreaList} numColumns={2} keyExtractor={(item, inde
2020-09-04 14:49:30
1024
原创 flex布局：父元素设为flex,子元素设置宽度无效
<div class='box'> <div class='box2'></div> <div class='box2'></div> <div class='box2'></div> </div>.box { display:flex;}.box2 { // 直接设置width:100px无效 // 需要设置成下面格式
2020-08-18 18:05:11
3916
2
原创 解决:uniapp点击子元素触发父元素事件
需求：手写了一个弹框，点击黑色遮罩部分关闭弹框，点击弹框中的关闭事件关闭弹框，现在是点击弹框中的内容也会触发父元素事件，阻止子元素事件冒泡![(https://img-blog.csdnimg.cn/20200818132141536.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDMzMjUx,size_16,color_FFF
2020-08-18 13:23:21
9064
3
原创 uniapp:slider组件的方法传多个参报错
需求：亮度滑动，滑动停止后触发方法向后台发送数据报错：使用HBuilder开发的时候，没有问题，运行（发行）到微信开发工具的时候，报错，报错原因未找到，但是，解决办法就是自定义 :data-XXX 属性，然后再 e.target.dataset.XXXX取出你想要的数值：例如：赋值： :data-sliderId=item.id取值： e.target. dataset.sliderid<view class="brightBox"> <view class
2020-08-13 09:40:11
1177
原创 React-native 安卓项目环境搭建、运行
react-native 项目–安卓开发1. 环境搭建参考：https://reactnative.cn/docs/getting-started 搭建rn项目需要的环境(1)安装node:建议安装nvm：node版本管理器，用于管理Node版本，切换node版本、下载、卸载，安装教程参考：nvm安装教程注：使用nvm下载的Node才可以用nvm进行管理<!--例如下载：nvm install 12.10.0-->nvm install node版本号<!--查看nod
2020-05-29 09:15:45
893
原创 html+css：电池电量百分比效果图
效果图：代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .container { height: 200px; width: 120px; posit...
2020-03-01 21:15:07
4549
原创 git常用命令
git分支管理查看远程分支:git branch -r查看本地分支：git branch新建分支：git branch '新分支名'切换当前分支到指定分支：git checkout '指定分支名字'基于当前分支创建新分支并切换：git checkout -b '新分支名字'将分支dev2的内容合并到当前分支dev1:git merge dev2删除本地分支:...
2020-02-13 14:15:46
80
原创 1.vue—nextTick()
vue原理：通过数据驱动视图更新的，数据变化视图不一定变化，数据变化后会专门放到一个队列中，视图需要等队列中同一事件循环中的所有数据变化完成之后，再统一进行更新。1、使用场景created和mounted钩子函数中，均需要使用 $ nextTick,created()DOM元素没有渲染，所以进行DOM操作无用，在created()中不使用$nextTick报错，mounted不能够承诺...
2020-02-11 13:53:27
161
原创 解决：webpack打包、热更新报错
开发的时候，修改代码之后，保存完代码之后，webpack编译就直接报错，然后需要重新执行npm run dev，开发效率太低，重新编译，太慢，公司大佬帮忙解决的，需要修改关于webpack依赖包的配置1.目录2.打包：npm run build 报错–max_old_space_size=8192@IF EXIST "%~dp0\node.exe" ( "%~dp0\node.ex...
2020-02-10 17:27:23
933
原创 elementUI:datepicker 给指定的日期修改样式
1.需求：后台获取日期：返回日期数组[‘2019-06-10’，‘2019-06-21’，‘2019-06-28’ ]，给这几个日期添加自定义样式日期格式可以根据需求，可以百度将时间戳转换成其他日期格式的方法ElementUI 2.12.0版本里，picker Options 新增 cellClassName2.代码（1）html代码（2）js代码（3）css样式...
2020-01-15 18:27:05
4209
5
原创 父组件与孙子组件之间传值解决方法
（1）父组件------》子组件： 方法传参在子组件定义方法，接收参数，父组件调用子组件方法，将参数传给子组件（2）子组件-------》孙子组件：props属性通过props,属性传值给孙子组件父-列表页面，点击详情弹框，弹框的内容（子） 又分别引入了 五个子组件（孙子）父组件：在父组件页面调用子组件ProjecIndex 的地方,设置ref属性点击详情按钮，将id传值给子组件...
2020-01-14 17:59:20
4997
3
原创 echart:3d饼状图，x轴数据居中显示（xAxis3D:name属性）
需要改正echart 3d柱状图的x轴居中显示，但是查找官网，没有找到可以设置的相关属性默认就是居中显示1. 设置为name:’’2.直接注释掉name属性，默认名字是x3.设置name:’ '(必须有空格，否则不居中)例如：xAxis3D: { axisLabel: { formatter: function(val) { ...
2019-09-10 16:58:48
5309
1
原创 cnpm安装koa-XXXXX找不到
安装依赖包的时候，运行cnpm install 后，运行node app.js 的时候，会报错说明koa-xxxxx没有安装成功，需要重新安装使用npm install koa (别用淘宝镜像，直接用npm 安装)...
2019-08-27 11:43:36
551
1
原创 sourcetree安装以及使用
sourcetree:比较方便好用，但是安装的时候比较麻烦，需要登录谷歌账号码1.写代码之前，先拉代码，为的是，万一冲突的话，冲突的内容会少点push(推送的时候，如果fork库没有从主库检出的分支名，会自动创建一个和本地分支相同的分支名)git push guoyue(我的远程库名字) localv2.0(本地分支):v2.0(远程主库分支名字，如果没有，会自动创...
2019-08-23 13:37:31
538
原创 git branch -a查看所有分支，只显示本地master分支
克隆项目的时候，打开项目，查看分支，发现只有本地master分支使用命令git remote -v显示远程主库和远程自己的仓库的名字查看远程主库和自己仓库的详细信息，发现有分支自己百度了一下，使用git fetch 命令，也没有办法将分支拉去下来,所以可能是克隆项目的问题，需要重新克隆切换到自己要克隆项目的目录下，打开git，输入git clone url(自己远程库或者主...
2019-07-30 14:00:20
9949
原创 git克隆项目以及拉取远程分支
git命令克隆新项目以及剪切远程分支到本地分支比如正在开发项目A，但是突然要去开发项目B，此时需要从gitlab的项目B fork 一份到自己的远程主库，然后，克隆下来git remote -v （查看远程分支）origin http://129.1.77.1:8010/eibms/es_building_front.git (fetch)origin http://129...
2019-07-25 10:31:15
1174
原创 git切换分支：add和stash
比如正在开发一个项目（此时在分支A上），但是要临时切换到别的项目 (分支B)，但是A的工作还没有全部完成，不想提交，在分支A上做的修改如果没有add或者commit，切换分支就会不允许，此时需要将刚刚修改的文件保存到缓存区，完成B再回来A上开发的时候，使用git apply应用你缓存的内容//查看工作目录和暂存区的状态(一般修改过的文件会显示红色)//使用此命令能看到那些修改被暂存到了, 哪...
2019-07-23 16:20:37
3579
原创 后台传输数据流，前端接收数据流后并下载到本地，打开后中文乱码
需求就是：后台传输数据流，前端需要接收这个数据流，然后下载到本地遇到的问题是：下载成功以后，打开文件的时候，只有中文乱码，本打算在前端这边找到方法，解决乱码，但是百度了很多方法，还是实现不了，最后解决就是：前后端编码格式必须保持一致(utf8)，tomact默认编码格式是gbk，前端设置编码为gbk，还是乱码，最后前后端编码都设置成了utf8前后台通过node转发：nodejs代...
2019-07-23 11:47:48
2263
原创 树形结构treeView，文件路径处理(获取点击节点的值以及父级节点直到根目录的值)
树形结构treeView，文件路径处理点击树形结构的节点，需要将此节点的值以及父节点的值直到根节点 的值我百度了一下treeview,发现api并没有这种获取父节点值的方法，所以就从数据上想办法，可以让后台返回的数据中，text的值可以为当前节点直到根节点的路径，首先引入//必须第一个引入jq<script src="https://code.jquery.com/jquery...
2019-07-18 17:40:35
1834
原创 nvm安装node10.14.2版本，npm下载失败
nvm 安装node10.14.2版本，npm下载失败利用nvm命令行安装node: nvm install 10.14.2，出现以下图片情况：下载node的时候，会自动将对应版本的npm下载下来，但是，出现解压npm失败的情况，所以，再使用npm命令的时候，会报错：解决方法：可以下载node10.16.0版本这样就下载成功。比如项目使用10.14.2这个node版本可以跑起来...
2019-07-11 17:58:13
3408
原创 nvm安装后，但是命令行查看安装版本报错
nvm安装后，但是命令行查看安装版本报错nvm已经安装，但是，试用命令行查看node版本，就会出现上面的情况，此时需要在控制面板中，程序，卸载nvm后，重新去官网或者淘宝镜像下载。下载如图：之后在cmd中，输入命令查看nvm是否安装成功以及查看node 版本出现以上结果，表明nvm安装成功。...
2019-07-11 14:07:18
2364
原创 select下拉框中利用ng-option产生的第一行留白解决方法
select下拉框中利用ng-option产生的第一行留白解决方法html代码 <!-- 按键模式--> <div class="col-md-4" style="padding-left: 0"> <label>按键模式：</label> &...
2019-07-10 17:48:37
627
原创 关于nodejs，json数据找错
nodejs的学习过程中，这是找错的时候：①msg那里，小三角出现的地方，代表，这个地方可能出现错误②第二行，失效的或未识别的标点符号，注意，json数据键值对之后，注意不要写成中文的逗号，否则会报错③红色部分标记出来的，9:19代表，这个文件，第9行，第19个字母出错...
2018-09-26 19:53:32
261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人