- 博客(51)
- 收藏
- 关注
RSS订阅原创 electron上传文件获取文件路径
// electron可以直接获取地址e.target.files[0].path详细：uploadFile = () => { this.referenceUpload.current.dispatchEvent(new MouseEvent("click"));};getUpload = (e) => { console.log(e.target.value); let file = e.target.files[0]; console.log(file.path
2022-01-19 17:27:34
2481
原创 react-virtualized渲染大量数据
1.安装react-virtualized2.组件：import { List, AutoSizer } from "react-virtualized";rowRendererNoraml = ({ index, key, isScrolling, isVisible, style }) => { // style一定要导入，否则会闪屏 return ( <div key={key} style={style}> <NormalItem
2022-01-19 17:21:19
816
原创 electron+react截取图片并保存至本地
组件中：// 截图事件captureImg = () => { if (!this.state.isShowImg) { message.info("请先开启图像"); return; } message.info("图像截取中，请稍候"); let imgObject = new Image(); imgObject.src = this.state.realImg; imgObject.setAttribute("cros
2022-01-19 17:14:24
1140
原创 vite+vue3+ts+element-plus项目搭建
一.vite+vue3+ts初始化使用vite初始化，初始化过程选择vue-ts，这样就能引入ts，后面不用额外对他进行加入npm init vite@latest二.安装node依赖npm i --save-dev @types/node// 引入node模块// tsconfig.json{ "compilerOptions": { ...(省略配置) "types": ["node"] }, "include": ...(省略配置)}// 配置@别名i
2021-12-30 12:36:50
925
原创 vite+vue3+element-plus项目搭建
一.建立vite+vue3项目npm 7+, 需要额外的双横线：npm init vite@latest my-vue-app -- --template vue二.修改项目配置三.安装vue路由最好安装最新版，否则运行会报错npm install vue-router@next --save四.安装状态管理vuex最好安装最新版，否则运行会报错npm install vuex@next --save五.sass安装npm install sass -D六.按照elem
2021-12-29 18:05:50
1123
原创 electron打包
electron文档地址：https://www.electronjs.org/docs快速启动官方项目：// 克隆示例项目的仓库git clone https://github.com/electron/electron-quick-start// 进入项目cd electron-quick-start// 安装依赖npm install// 运行npm startweb项目转为electron应用：首先安装electron插件npm install electron -D关
2021-09-09 11:06:21
13096
原创 uni-app问题汇总
1.全局背景色设置pages.json文件中改变backgroundColor颜色2.input聚焦:focus=“isFocus”isFocus设为true3.uni-app nvue沉浸式状态栏（线性渐变色）https://ask.dcloud.net.cn/article/351114.在nvue中改变字体大小颜色需要在text中进行5.在nvue中设置文字溢出隐藏在text中写入lines: 1;text-overflow: ellipsis;6.uniapp nvue
2020-08-19 19:34:41
779
原创 adb下载安装及使用
1.adb下载安装有两种方法：1.下载一个adb的压缩包，直接解压，每次在解压的文件夹中执行命令操作即可，或者进行环境变量配置，这样以后无论在哪个文件都可以执行操作。2.下载了Android Studio的文件中就带有adb，如上图adb就是AS的adb的路径，直接进行上图所示的环境配置，填入adb的路径即可。查看是否安装成功，打开cmd输入命令adb version，如下图所示即安装成功，可以使用。2.使用启动 adb server 命令：adb start-server停止 adb
2020-07-30 10:09:17
8815
1
原创 uni-app video使用poster封面不显示问题
poster属性需要使用要用https:的图片路径，不要直接用本地的，否则会显示不出来
2020-07-29 11:18:18
3820
原创 vue+webpack引用外部js插件
1.引入js文件为自定义文件1、自定义公共JavaScript函数 util.js ,最后要使用 export {funcName} 的形式导出需要的函数function fun1(){ //...}function fun2(){ //...}//导出声明的公共函数export { fun1} 2、vue模板组件中使用引用的外部js函数，使用 import {} from ‘…/js/path’ 引用导出的js函数,方法中直接使用即可<script>impo
2020-07-20 16:22:41
1759
原创 vue+echarts绘制多个折线图并自适应宽度
问题描述：在绘制多个折线图时，虽然在初始化echarts实例的dom上设置了宽度（宽度百分比，最小宽度像素值），但是折线图并没有按照宽度自适应。解决方法：html：<div :id='"myChart"+id' :ref="'myChart'+id" style="width: 90%;min-width: 950px;height: 165px;margin: 0 auto;"></div>js:drawLine(chartxData, chartyData, xNam
2020-07-14 11:55:20
3514
原创 使用vuepress搭建文档类网站
vuepress官网：https://vuepress.vuejs.org/zh/参考链接：https://segmentfault.com/a/1190000017055963安装1.全局安装# 安装yarn global add vuepress # 或者：npm install -g vuepress# 创建项目目录mkdir vuepress-starter &&a...
2020-03-30 11:37:37
365
原创 微信小程序之拼团倒计时
// 计算时间 getTime() { // this.data.times为结束时间 let timestamp = Date.parse(new Date()); let disparity = this.data.times - timestamp; if (disparity > 0) { let d = Math.floor(dis...
2020-03-16 11:51:43
585
原创 vue-quill-editor富文本编辑器
1.引入vue-quill-editorimport { quillEditor } from "vue-quill-editor";import "quill/dist/quill.core.css";import "quill/dist/quill.snow.css";import "quill/dist/quill.bubble.css";2.vue-quill-editor工...
2020-03-02 14:37:35
217
原创 vue中英文切换网站
环境：[email protected]（element-ui按需引入）配置：第一步：cnpm installvue-i18n -D第二步：新建lang文件（与components同一文件下，机src文件下），在lang文件中新建en.js和zh.js文件，用于放置中英文文案脚本在lang文件中新建index.js文件，用于引包（...
2019-12-30 16:56:49
1014
原创 利用git将本地项目上传到github、coding等远程仓库
1.在github、coding等远程仓库新建一个远程仓库以下命令均在本地目录执行2.初始化，把项目变成git可以管理的仓库git init3.把文件添加到仓库git add .4.把文件提交至仓库（引号中的为提交描述信息）git commit -m "描述信息"5.把本地仓库与Coding远程仓库关联git remote add origin 远程地址...
2019-10-14 12:25:12
205
原创 vue设置根节点font-size实现rem适配移动端设备
在App.js文件下：mounted() { this.$nextTick(function() { // 适配不同屏幕，改变根font-size值 if (document.documentElement.clientWidth <= document.documentElement.clientHeight) { ...
2019-09-25 18:02:04
3393
原创 ios react dom渲染完成但是页面未显示
前提：数据获取是在同一个js中，数据dom创建在同一处for循环中，放入同一个数组，dom中样式根据数据判断显示对应的class，部分展示的class差距较大：当某数据为空时对应class显示display:none或font-size:0等不显示较为简单的方法；当该数据不为空时显示对应的class较为复杂。影响：dom渲染完成，功能也可使用，即点击有对应反应，但是前端页面（ios）部分列表可...
2019-08-01 12:47:48
1100
转载 react-router实现跳转传值的方法示例
转自：https://www.jb51.net/article/114837.htm1.引入包：import {hashHistory} from 'React-router'2.跳转传值：handleClick = (value) => { hashHistory.push({ pathname: 'message/detailMessage', query...
2019-07-27 14:44:32
133
转载 jQuery中国省市区地址三级联动插件Distpicker
demo案例：http://www.jq22.com/demo/jQueryDistpicker20160621/官网文档：http://www.jq22.com/jquery-info8054转载博客：https://blog.csdn.net/CAO11021/article/details/81503050根据项目样式需求更改插件的样式： <div data-to...
2019-07-27 14:26:25
377
原创 vue+webpack+element打包上传至oss利用域名打开之后element-icons图标无法显示
利用oss生成的index.html的url地址打开图标显示没有问题，但是直接通过域名访问就无法显示图标（静态资源地址通过nginx配置转发，可以直接通过域名访问）。由于在打包之后的css文件中对于element-icons图标的引入使用的是相对路径，使用域名打开时由于域名不为项目根目录所以报错404无法找到引入的图标文件，但是该图标文件是由打包自动生成，不为在项目中直接引入的图标库，反而是在...
2019-07-23 11:35:00
528
转载 vue唤起键盘 底部固定的标签被顶上去
https://blog.csdn.net/mokio233/article/details/88763793
2019-06-21 09:13:29
1265
转载 vue嵌入h5页面拍照获取照片旋转问题
在h5页面中经常会需要获取相册或者拍照上传照片，可以使用最简单的<input type="file" name="photo" accept=".jpg,.png" multiple>直接进行获取，当点击按钮时会让你进行选择是拍照还是文件选择，选择文件中的照片进行上传显示正常，但是当选择照片进行拍照时会出现拍摄的照片发生旋转问题，本来是只有ios才会出现该问题，好像是因为io...
2019-06-20 14:30:03
2521
原创 vue图片引入问题
在一些时候我们需要在方法中判断是否显示默认的本地图片，这时图片直接在方法中写入会无法显示，建议先使用import将图片地址引入，再将该变量赋值给src对应的变量。错误：<img :src="userPic" />computed: { userPic() { if(this.evaluateList.length != 0){ return th...
2019-06-19 09:28:13
1119
转载 vue传值为空问题
vue解决组件传值异步问题：https://blog.csdn.net/qq_15243963/article/details/80134142vue父组件异步获取动态数据传递给子组件 获取不到值的问题已完美解决 附demo：https://www.jianshu.com/p/4450b63a27fe由于vue传值时数据会更新，在一些时候传递的值会出现为空的情况，且created生命周期只...
2019-06-18 16:58:18
4463
原创 移动app返回页面并刷新
第一种方法：// 重写mui.backvar old_back = mui.back; mui.back = function(){ var wobj = plus.webview.currentWebview().opener(); //id为父页面id，可以换成任何准备刷新页面的id //也可对父页面执行其他函数，自行设置定义 wobj.reload(true...
2019-05-05 14:38:35
1749
转载 js毫秒数和日期相互转换
转载自：https://blog.csdn.net/tanqiaoxing/article/details/79865989【1】、毫秒数转换为具体日期function getMyDate(str) {var oDate = new Date(str),oYear = oDate.getFullYear(),oMonth = oDate.getMonth(...
2019-05-04 21:39:28
3080
原创 移动app mui.confirm确认框
var btnArray = ['是', '否'];mui.confirm('您确定退出?', '', btnArray, function(e) { if(e.index == 0) { // 确认退出触发事件 plus.runtime.quit(); }})
2019-05-04 21:35:02
6224
2
原创 移动app利用经纬度计算距离
mui.plusReady(function() { plus.geolocation.getCurrentPosition(function(p) { plus.storage.setItem('lat',p.coords.latitude); lat = p.coords.latitude; plus.storage.setItem('lng',p.coords.longitu...
2019-05-04 15:37:41
2123
原创 移动app同一页面执行多个倒计时
$(function() { updateEndTime();});var endTime = Number(Number(portInfoList[i].time*60000)+Number(portInfoList[i].startTime));$('.pileNum').append('<div class="pileDetail"><p class="sett...
2019-05-04 15:05:45
600
原创 移动app定时环形倒计时
var timers1 = null;var timers2 = null;var timer_is_on = 0;// 计时function setTime(ctime, needtime, alltime) { var n = ctime; var needt = needtime; // var ns = 60;// var percents...
2019-05-04 14:00:20
578
原创 移动app双webview单栏下拉刷新上拉加载
父页面：<div id="content" class="content"></div>mui.init({ subpages:[{ url:'fSub.html', id:'fSub.html', styles:{ top: '45px', bottom: '0px', } }]});子页面：<body>...
2019-05-04 13:27:44
296
原创 template模板引擎渲染
<div class="problems" id="content"></div><script id="test" type="text/html"> <div class="problem {{highlight}}" id={{id}} onclick="highlight(this)">{{title}}</div>...
2019-05-04 13:00:32
553
原创 移动app plus子页面调用父页面函数
子页面代码：plus.webview.currentWebview().opener().evalJS("onAppReume()");其中plus.webview.currentWebview().opener()代表父页面；evalJS属于WebviewObject方法，用于在Webview窗口中执行JS脚本；onAppReume()属于父页面函数，可带参数。详见：h...
2019-05-03 15:15:09
1159
转载 移动平台的meta标签
转载自http://blog.sina.com.cn/s/blog_6d48e77101015kqr.html1、Meta 之 viewport说到移动平台meta标签，那就不得不说一下viewport了，那么什么是viewport呢？viewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。对于传统WEB页面来说，...
2019-05-02 20:41:21
107
转载 ES6之数值扩展
验证运算结果是否为安全整数（-2^53到2^53之间（不含两个端点））function trusty (left, right, result) { if ( Number.isSafeInteger(left) && Number.isSafeInteger(right) && Number.isSafeInteger(resul...
2019-04-27 22:21:46
82
原创 vue官网学习笔记（九）组件基础
基本示例这里有一个Vue组件的示例：// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:cli...
2019-04-17 21:38:20
1643
2
原创 vue官网学习笔记（八）表单输入绑定
基础用法你可以用 v-model 指令在表单 <input> 、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它是负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。注意：v-model 会忽略所有表单元素的 valu...
2019-04-15 21:59:26
185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人