- 博客(25)
- 收藏
- 关注
RSS订阅原创 electron-vue避免多次打开同一个子窗口
在electron-vue的开发中，或多或少会遇到打开子窗口的需要。如果不做处理，会出现多次打开同一个子窗口的问题。所以，解决掉这个问题是很有必要的。因此我的思路就是，当你在父窗口的页面中点击打开子窗口的按钮，会首先判断该子窗口是否存在，如果存在，就把子窗口显示出来，如果不存在，就创建子窗口，并展示出来。主窗口渲染进程代码 methods:{ openChildWindow(){ this.$electron.ipcRenderer.send('openchildwindow','ope
2020-06-23 09:57:39
4613
原创 electron-vue屏蔽F5刷新
使用electron-vue开发桌面端应用。需要禁止F5刷新。查看官方文档，得出使用globalShortcut这个模块可以实现我们的功能具体做法：import { app, BrowserWindow, globalShortcut } from 'electron'app.on('ready', () => { /** 其他代码*/ globalShortcut.register('F5', () => { return false; })})
2020-06-23 09:39:48
3818
原创 electron-vue中调用系统屏幕键盘（linux与windows）
文章目录应用场景实现思路具体代码结尾应用场景公司项目需要放在一体机上，没有外接键盘与鼠标，并且要求客户端软件全屏。因此在某些需要输入中文的地方，使用系统自带的屏幕键盘无疑是最好的选择。实现思路由于electron-vue是采用的electron2.0.4，因此我们可以在渲染进程中随便调用node.js API.而无需其他的配置。因为要兼容linux与windows两个平台。因此需要借助node的os模块因为需要使用子进程打开屏幕键盘，因此需要借助node的child_process模块通过以上
2020-06-10 10:11:48
8590
15
原创 vue PC端适配: 使用px2rem-loader和lib-flexible
这里写自定义目录标题1.安装2.配置3.main.js文件引入4.修改flexible.js文件本文章是介绍pc端基于px2rem-loader和lib-flexible实现的px转rem的适配方案我的本地环境是vue2.01.安装npm install px2rem-loader -Dnpm install lib-flexible -S2.配置在build文件夹下的utils....
2019-08-21 16:19:44
6775
8
原创 unbantu在当前用户使用npm安装vue-cli等出现的权限问题解决办法
信度娘, 时间无,岁月无,遂卒.在unbantu中使用npm安装vue-cli等的时候 ,会出现permission denied: open XXXXXXX. 意思就是权限不够的问题.解决办法也很简单.只是度娘的东西真的是靠运气. 这个解决办法是我从stackflow上查找的.亲测有用sudo chown -R $USER:$GROUP ~/.npmsudo chown -R $USER...
2019-07-03 11:26:39
997
原创 angular5:*ngIf与*ngFor的使用指南与技巧
这段时间对于ngIf与ngfor的使用变得多样化,也解决了一些原本写代码的痛点.得以喘息机会,细细总结一下. ngIf与ngFor在angular里被称为是结构型指令.所谓结构型指令,就是它能够塑造或重塑DOM的结构. 说句话就是在渲染的时候它能够帮你增加,删除,维护这些元素.*ngIf学过vue的话,就知道ngIf与v-if是一样的.就是将元素从DOM树移除,或者是不加载.<di...
2019-06-26 17:01:47
14793
原创 Angular5.0使用ngx-dnd实现拖拽功能.
前言安装使用前言最近做的项目中需要实现拖拽放置的功能,网上所谓的拖拽只是通过移动元素的位置.在mouseover后根据拖动的坐标等.来判断最终的位置,并不能解决实际问题.ngx-dnd可以实现拖拽与放置功能.使用简单方便. 官网地址因为官网都是英文的.但是例子很直观,都能看懂的.安装npm i @swimlane/ngx-dnd @swimlane/dragula @types/dr...
2019-01-09 17:16:12
2186
原创 TypeScript日期工具: date-fns日期工具的使用方法
date-fns是一个&amp;quot;麻雀虽小却五脏俱全&amp;quot;的日期工具库.如果不翻墙,是看不到官方文档的,国内文档又很少.以下总结内容为我在最近的一次开发项目中使用. 该使用方法是在angualr5.0环境中使用的. 使用typescript.函数名作用isToday()判断传入日期是否为今天isYesterday()判断传入日期是否为昨天i..
2019-01-03 19:42:24
64248
10
原创 angualr5.0 制作简单日历
HTML&amp;amp;amp;lt;div class='datapicker'&amp;amp;amp;gt; &amp;amp;amp;lt;span class=&amp;amp;quot;datepickTitle&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;i class=&
2019-01-03 15:21:24
494
原创 angualr-cli命令创建文件
1.创建Componentng g component my-new-component2.创建 Directiveng g directive my-new-directive3.创建Pipeng g pipe my-new-pipe4.创建Serviceng g service my-new-service5.创建Classng g...
2018-06-11 11:16:39
1245
原创 javaScript学习笔记， 数组排序sort（）；
数组排序的方法sort(); 该方法有个参数，称为方法函数。 1.如果没有指定方法参数，则按unicode码顺序排列2.指定方法参数：function sortnum(a,b){return a-b;//正序；b-a倒序，按数值大小}var myarr = new Array("1","7","10","8"); myarr.sort(sortnum);//1，7，8，10
2018-01-29 15:30:46
257
原创 JavaScript学习笔记：（String对象）
javascript的string对象使用很方便，可以直接赋值：var str = 'hello world';但是在一些使用场景中，则需要使用下面的方法：var str =new String();（1）length属性：得出字符串的长度：var str = 'hello';var strLength = str.length;//长度为5；注意：若字符创中有空
2018-01-29 14:18:29
226
原创 javaScript学习笔记（日期对象）
日期对Date对象是javascript的内置对象。使用起来很方便，有许多可用的API来使用。var date=new Date();//date为Fri Jan 26 2018 13:21:14 GMT+0800 (中国标准时间)通过上述的方式定义一个时间对象。（1）set/getFullYear设置或返回年份，四位数显示。var nowDate = new Date()
2018-01-26 14:59:24
297
原创 javaScript事件：
事件是可以被javaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发javascript函数和程序的事件.（1）onclick事件；function add(){}html:<input onclick='add()'>(2)鼠标经过事件（onmouseover）鼠标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的
2018-01-25 17:01:32
245
原创 javaScriprt学习笔记：创建对象
javascript中创建对象的三种方式：对象直接量 创建对象最简单的方法，对象直接量是由若干个名/值对组成的映射表，（不过我喜欢叫键值对，主要因为曾经学习java的原因）；名是属性名，值为属性的值，每一个属性对映一个值，就像是一把钥匙对应一把锁一样。属性的值可以是字符串直接量，也可以是任意类型的javascript表达式。var myObject={},var myObject=
2018-01-16 16:54:14
277
原创 easyui-datagrid自定义操作列
在实际的项目中，有时会有操作列这个需求，主要是修改和删除的功能。 类似于： 实现该效果的方法并不复杂。需要使用到datagrid数据表格中的formatter方法。自定义列。 下面写个小例子。html <table id="dg" class="easyui-datagrid" url="你的url" striped="true" rownumbers="false" pagination=
2017-12-02 11:25:48
3086
1
原创 easyui combobox 制作带有复选框的下拉菜单
在实际的项目中，总会遇到下拉框中需要多选的需求。其实使用easyui实现该功能并不难。主要方法是使用combobox中的formatter这个方法。 下面写个例子。 1.首先设置combobox的multiple属性为true 2.使用formatter方法来实现显示的样子。$(function(){ $('#addoper').combobox({ url:'
2017-12-02 10:25:55
6214
1
原创 easyui datagrid制作复杂表头
datagrid制作复杂的表头，这个功能主要是使用到datagrid中的columns属性，与表格中的rowSpan 与colspan属性的。 具体代码如下： $('#datatable').datagrid({ width:'100%', toolbar:'#toolbar', pagination:'true
2017-12-02 10:09:46
1558
原创 easyui datagrid数据表格(一)
easyui 中的数据表格，功能齐全，强大。对于表格数据操作提供了很多方法。具体全部属性可参考easyui官网。这里直说一些我在项目中使用到的属性，方法与事件。 数据表格的创建很简单。也有两种方法。 （1）html创建方法：<table class='easyui-datagrid'></table>(2)js创建方法<!--html部分--><table id='dg'></
2017-12-02 09:51:11
569
1
原创 easyui combobox组合框 （二）
这一篇主要就说一下onSelect这个方法的用处。 先来一段代码。前提是id为“t-id”的combobox组合框已经加载数据onSelect在组合框的item被选择时触发。html部分<input id="t-id" type='text'><input id="t-text" type="text">javaScript部分：jquery(function(){ $('t-id
2017-12-01 14:17:54
687
转载 e-charts属性详解
e-charts属性详解theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500
2017-11-30 20:46:38
1022
原创 easyui 入门
引用官网的介绍：http://www.jeasyui.net/easyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。easyui是个完美支持HTML5网页的完整框架。easyui节省您网页
2017-11-30 09:59:24
1797
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人