原鑫的个人博客

一个前端小菜鸟的进阶历程

#项目: electron仿客户端QQ简易版

简单讲解electron的起源 — 学习 – 从入门到放弃! 仿qq项目地址 启动 npm install npm run dev 进度:已完成 – 简易登录页,简易聊天页 目的:学习electron的开发 技术栈:electron + vue全家桶 + elementUi + ...

2019-07-18 10:03:33

阅读数 10

评论数 0

electron 跨域通信

案发现场 背景 electron 相信大家并不陌生,很多应用都是通过 electron内嵌了一个盒子,生成客户端,这导致electron 和html页面通信极其困难,并且ipcRenderer,ipcMain 和webContents.send并不好用。这时候,骚操作出现了! 解决办法 在s...

2019-05-05 20:27:24

阅读数 208

评论数 0

Electron环境搭建

Electron 简介 Electron是什么? Electron 是一款用于开发桌面应用的程序,适用于前端开发人员 Electorn核心概念 Electorn 是基于谷歌内核创建的一个开发工具,可以理解为是一个嵌套谷歌浏览器的盒子。所以,这一设置给前端开发人员带来了便利,也正是因为如此,...

2019-04-28 16:27:44

阅读数 92

评论数 0

HTML5原生拖拽/拖放 Drag & Drop实现一个拖拽交换组件

如果不是很了解h5拖拽api的一些特性,请移步-> 掘金大佬讲h5拖拽的一个帖子 由于项目需求,需要实现一个拖拽组件,是一个基于html5实现的一个组件,h5的功能相对来讲已经比较完善了,因为还是在demo阶段,所以目前没有什么定制化功能,只是实现了交换功能 目录结构: 箭头为我...

2019-04-17 11:19:25

阅读数 89

评论数 0

react注册事件的时候,为什么要手动用bind改变this

import React, { Component } from 'react'; class App extends Component { constructor() { super(); this.aa = 'aaaaa' this.state = { ...

2019-04-16 11:52:29

阅读数 41

评论数 0

深入浅出设计模式 - 创建型设计模式 - 1.简单工厂模式

引言: 最近在学习设计模式,于是仔细研究了一下,决定整理成文章分享出来,对于没有设计模式的小白,再合适不过了,看招吧! 盗个图片~ ~ ~~ 什么是设计模式: 我理解的设计模式,就是一种编程的风格和规范,这个概念最早是出现在建筑学中,认为设计风格是一种美学,那我们就把设计模式,当成是编程的美...

2019-04-11 14:25:11

阅读数 30

评论数 0

vscode中eslint的校验

文中为vue中eslint的校验 新版本的vscode和老版本的不同,采用的可视化界面 教程:开始->首选项->设置,搜索eslint 把代码复制过去,就OK了 { "editor.tabSize": 2, "files.asso...

2019-04-08 18:20:45

阅读数 198

评论数 0

react 文档笔记

react学习 1.构造函数中需要手动改变this 方法 一: class Toggle extends React.Component { constructor(props) { super(props); this.state = {isToggl...

2019-04-08 10:04:21

阅读数 48

评论数 0

git记住密码

git记住密码 git config --global credential.helper store 即使记住密码了,但是第一次还会让你输入一次密码,后续就好了

2019-03-28 18:41:43

阅读数 27

评论数 0

Yeoman安装和使用详解

Yeoman安装和使用详解 转自:https://www.cnblogs.com/weixing/p/6305837.html Yeoman generator-react-webpack 一 什么是Yeoman   Yeoman帮助我们创建项目,提供更好的工具来使我们的项目更多样化。 Yeoma...

2019-03-18 15:54:09

阅读数 90

评论数 0

Tree-Shaking

https://juejin.im/post/5a4dc842518825698e7279a9

2019-03-18 15:33:33

阅读数 216

评论数 0

vue滚动加载插件vue-infinite-scroll

GitHub地址:https://github.com/ElemeFE/vue-infinite-scroll 安装: npm i vue-infinite-scroll --save 使用 <div class="table__...

2019-01-28 15:42:16

阅读数 92

评论数 0

JavaScript arguments对象

在JavaScript中,arguments对象是比较特别的一个对象,实际上是当前函数的一个内置属性。arguments非常类似Array,但实际上又不是一个Array实例。可以通过如下代码得以证实(当然,实际上,在函数funcArg中,调用arguments是不必要写成funcArg.argu...

2019-01-23 17:15:09

阅读数 24

评论数 0

express路由解析

小提示:express 使用了 path-to-regexp 模块实现的路由匹配。 req.query: 解析后的 url 中的 querystring,如 ?name=haha,req.query 的值为 {name: ‘haha’} req.params: 解析 url 中的占位符,如 ...

2019-01-16 16:15:53

阅读数 195

评论数 0

nodeJs的循环引用

循环引用在平时的开发过程中大家一定碰到过,同样NODE.JS中也会有这个问题,我们做一个测试 (1)a.js文件 var b = require('../test/b'); module.exports.a = 1; console.log('a.js get b:' + b.b); (2)b...

2019-01-10 15:52:41

阅读数 255

评论数 0

node的http模块

http是一个网络传输协议 当我们在网络上输入一个域名,首先浏览器会针对域名进行解析,解析成ip地址 每一个ip地址都会对应一个远程服务器,服务器会拿到浏览器传来的信息,进行操作,将数据吐给浏览器 浏览器进行解析 同样node也有这样一个东西! let http = require('http...

2019-01-09 16:50:45

阅读数 55

评论数 0

node的文件夹操作

let fs = require('fs') // 新建文件夹 fs.mkdir('新建的文件夹', function () { }) // 删除文件夹 fs.rmdir('新建的文件夹', function () { }) // 查看文件信息 fs.readdir('./', f...

2019-01-08 18:03:43

阅读数 155

评论数 0

nodeJS读写文件

nodeJS读文件 打开文件,然后new一个buffer保存起来,输出 fd是打开文件成功的标志 let fs = require('fs') fs.open('1.txt', 'r', (err, fd) =&g...

2019-01-07 17:43:04

阅读数 593

评论数 0

node+express+multer+vue+element-ui实现文件上传

实现方式 : ele-ui + express + multer 如果你能看到我这篇文章,很荣幸,你一定踩了很多坑,现在node的上传普遍使用multer,这玩意,不同版本使用的方式还不太一样,希望你看完这篇文章,能够在脸上洋溢出幸福的笑容! 基于multer 1.41 版本实现的上传系统...

2018-12-10 18:43:04

阅读数 735

评论数 2

JS懒加载

当我们打开一个页面时,浏览器就会从上往下读取页面中的标签src中的地址,并且开启线程来进行加载。 倘若用户的网速不给力或者此页面中的图片太多时,就会发生每张图片都加载了一点但是都没有加载完成,导致最后没有一个图片能正常显示。一方面让用户的体验非常之差,试问谁会一直耐心的等待着页面的加载?另一...

2018-12-02 16:00:23

阅读数 127

评论数 0

提示
确定要删除当前文章?
取消 删除