4 原鑫@博客

尚未进行身份认证

我要认证

目前工作于北京,担任前端开发,小菜鸟的进阶路程!!

等级
TA的排名 5w+

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

简单讲解electron的起源 — 学习 – 从入门到放弃!仿qq项目地址启动npm installnpm run dev进度:已完成 – 简易登录页,简易聊天页目的:学习electron的开发技术栈:electron + vue全家桶 + elementUi + frozenui学习参考文章:苏南大叔的博客–electron官网–electron-VUE官网e...

2019-07-18 10:03:33

electron 跨域通信

案发现场背景electron 相信大家并不陌生,很多应用都是通过 electron内嵌了一个盒子,生成客户端,这导致electron 和html页面通信极其困难,并且ipcRenderer,ipcMain 和webContents.send并不好用。这时候,骚操作出现了!解决办法在static中写一个js,然后通过ipcRenderer去执行, 而我们的另一端也就是写html的那部分...

2019-05-05 20:27:24

Electron环境搭建

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

2019-04-28 16:27:44

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

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

2019-04-17 11:19:25

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

import React, { Component } from 'react';class App extends Component { constructor() { super(); this.aa = 'aaaaa' this.state = { number: 0, xIsNext: true, }; this.ad...

2019-04-16 11:52:29

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

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

2019-04-11 14:25:11

vscode中eslint的校验

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

2019-04-08 18:20:45

react 文档笔记

react学习1.构造函数中需要手动改变this方法 一:class Toggle extends React.Component { constructor(props) { super(props); this.state = {isToggleOn: true}; // 为了在回调中使用 `this`,这个绑定是必不可少的 this.hand...

2019-04-08 10:04:21

git记住密码

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

2019-03-28 18:41:43

Yeoman安装和使用详解

Yeoman安装和使用详解转自:https://www.cnblogs.com/weixing/p/6305837.htmlYeomangenerator-react-webpack一 什么是Yeoman  Yeoman帮助我们创建项目,提供更好的工具来使我们的项目更多样化。Yeoman提供generator系统,一个generator是一个插件,在我们在一个完整的项目上使用‘yo’命...

2019-03-18 15:54:09

Tree-Shaking

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

2019-03-18 15:33:33

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

GitHub地址:https://github.com/ElemeFE/vue-infinite-scroll安装: npm i vue-infinite-scroll --save使用 <div class="table__div" v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infi

2019-01-28 15:42:16

JavaScript arguments对象

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

2019-01-23 17:15:09

express路由解析

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

2019-01-16 16:15:53

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.js文件var a = require('../test/a');console.log('b....

2019-01-10 15:52:41

node的http模块

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

2019-01-09 16:50:45

node的文件夹操作

let fs = require('fs')// 新建文件夹fs.mkdir('新建的文件夹', function () {})// 删除文件夹fs.rmdir('新建的文件夹', function () {})// 查看文件信息fs.readdir('./', function (err, file) { // 判断文件还是文件夹 console....

2019-01-08 18:03:43

nodeJS读写文件

nodeJS读文件打开文件,然后new一个buffer保存起来,输出fd是打开文件成功的标志let fs = require('fs')fs.open('1.txt', 'r', (err, fd) => { let file = new Buffer(20) fs.read(fd, file, 0, 20, null, () =>

2019-01-07 17:43:04

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

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

2018-12-10 18:43:04

JS懒加载

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

2018-12-02 16:00:23

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。