- 博客(11)
- 资源 (1)
- 收藏
- 关注
原创 vuecli3创建electron项目操作及通信方法
使用vue-cli3手动搭建electron项目vue create project // project 项目名称vue add electron-builder -->选择版本目录src下新增了background.js修改了package.json文件运行命令:npm run electron:serveElectron API链接:electron API入...
2019-10-12 12:51:19 1282
原创 简单使用reduce进行数组过滤
使用reduce进行数组过滤定义和用法reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce() 可以作为一个高阶函数,用于函数的 compose。注意: reduce() 对于空数组是不会执行回调函数的。参数描述callback:回调函数(total,currentValue,currentIndex,arr)total:...
2019-09-20 16:18:31 1174
原创 Git分布式版本管理工具——流程分享
Git分布式版本管理工具——流程分享(二)git commit补充命令:git commit --all -m "说明不能少" 可以一次性把所有修改的代码提交到仓库里(版本库)。6. git查看日志命令:git log 每提交一次都会生成一条日志,会显示出唯一标识,提交者信息,以及提交时间。...
2019-09-19 15:11:17 177
原创 Git分布式版本管理工具——流程分享
Git分布式版本管理工具——流程分享(一)这里对如何安装git不再赘述,可自行参考其他教程进行安装。1. 初始化git仓库在项目的根目录中,右键选择 git bash here 开启git命令行。命令:git init 初始化git仓库,会生成一个.gi...
2019-09-18 23:04:48 146
转载 简洁明了的WebSocket
一、WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的(长连接,循环连接的不算)首先HTTP有 1.1 和 1.0 之说,也就是所谓的 keep-alive ,把多个HTTP请求合并为一个,但是 Websocket 其实是一个新协议,跟HTTP协议基本没有关系,只是为了兼容现有浏览器的握手规范而已,也就是说它是HTTP协议上的...
2019-09-17 18:12:55 102
原创 render函数与JSX快速掌握
render函数render: h => h(element|component)h作为一个形参,是一个回调函数,可以拥有三个参数:element | componenetpropscontentelement | componenet原生dom元素:div、span等,或是自定义组件element情况render: h => h('div', { styl...
2019-09-17 16:44:04 405
原创 组件练习
常见的分割面板直接上代码<template> <div ref="outer" class="split_pane_wrapper split_pane_wrapper_direction split_pane_wrapper_border" :class="`split_pane_wrapper_direction_${getDi...
2019-09-17 13:40:21 176
原创 babel系列记录
babel学习参考babel学习系列1babel学习系列2babel学习系列3babel学习系列4前端工程师需要了解的 Babel 知识
2019-09-16 15:37:20 65
转载 css中的多种垂直水平居中
简介在面试的时候css面试题里面基本上都会问一个元素垂直水平居中,其实这个有多种方式实现,同时元素可以是固定宽高、不固定宽高的。固定宽高position absolute + 负marginposition absolute + margin autoposition absolute + calc不固定宽高position absolute + transformcss-...
2019-09-16 14:32:55 103
原创 Vue中使用事件方法时显示传递事件对象
$event对象事件方法显示传递自定义参数、事件对象html部分<div v-for="(item, itemIdx) in arrList"> <label :contenteditable="item.isContentEditable" @dblclick="handleEdit(itemIdx)" @keydown="handleCloseEdit(i...
2019-09-16 13:34:45 1186
原创 html5学习记录
contentedit属性的使用给Dom元素添加"contentedit=true"后,即可编辑该元素区域内的文本。代码如下:<label contenteditable="true">标签名称</label>效果:可以在特定场合下配合一些事件进行一些特殊操作。...
2019-09-16 13:18:38 66
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人