这篇文章主要介绍了关于Vue+Electron实现简单桌面应用，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下之前一直使用C#编写桌面应用，也顺带写一些Web端应用。最近在看node时发现常用的vscode是用electron编写的，一种想吃螃蟹的念头就涌了上来。在网上找了找electron的资料，也研究了一下官方文档，发现electron app其实就是一个chrome浏览器，UI全部都是使用web端技术编写的，因为之前一直使用Vue来写Web应用，所...
这篇文章主要介绍了浅谈Node.js 子进程与应用场景，内容挺不错的，现在分享给大家，也给大家做个参考。背景由于ons（阿里云 RocketMQ 包）基于 C艹 封装而来，不支持单一进程内实例化多个生产者与消费者，为了解决这一问题，使用了 Node.js 子进程。在使用的过程中碰到的坑发布：进程管理关闭主进程后，子进程变为操作系统进程（pid 为 1）几种解决方案将子进程看做独立运行的进程，记录 pid，发布时进程管理关闭主进程同时关闭子进...
本篇文章主要介绍了Vue.js通用应用框架-Nuxt.js的上手教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧对于React，Vue构建的单页面应用老说，SEO是一个众所周知的问题。服务端渲染(SSR-server Side Render)是目前看来最好的解决办法。React应用有Next.js，对应Vue的解决方案就是Nuxt.js。1.简介官网：https://nuxtjs.org/Nuxt.js 是什么？Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户...
这篇文章主要介绍了Vue SPA单页应用首屏优化实践，内容挺不错的，现在分享给大家，也给大家做个参考。1.代码压缩(gzip)如果你用的是nginx服务器，请修改配置文件(其他web server 类似)：sudo nano /etc/nginx/nginx.conf在Gzip Settings里加入：gzip on; gzip_min_length 1k; gzip_buffers 4 16k; gzip_comp_level 5; gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-htt...
这篇文章主要介绍了详解vue-cli快速构建vue应用并实现webpack打包，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧Vue是什么，是一套构建用户界面的渐进式框架（官网解释），什么叫渐进式框架呢，简单回答就是主张最少，这些概念只能自己去看，自己去理解，一千个读者一千个哈姆雷特，不过多的解释。Vue官方文档 很全面的。Vue两大核心思想，组件化和数据驱动，组件化就是将一个整体合理拆分为一个一...
本篇文章主要介绍了使用Electron构建React+Webpack桌面应用的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧前言Electron可以使用HTML、CSS、JavaScript构建跨平台桌面应用，可是在使用到React和Webpack时，会遇到一些配置问题，本文将针对React+Webpack下的Electron配置提供一个通用的解决方案。环境配置"babel-core": "^6.26.0","babel-loader": "^7.1.2","babel-plugin-transform-class-pr...
本篇文章主要介绍了详解如何使用 vue-cli 开发多页应用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧本文介绍了如何使用 vue-cli 开发多页应用，分享给大家，具体如下：修改的webpack配置文件全局配置修改 webpack.base.conf.js打开 ~\build\webpack.base.conf.js ，找到entry，添加多入口entry: {app: ./src/main.js,app2: ./src/main2.js,app3: ./src/main3.js, },运行、编译的时候每一个入口都...
本篇文章主要介绍了Webpack实战之构建 Electron 应用，现在分享给大家，也给大家做个参考。Electron 可以让你使用开发 Web 的技术去开发跨平台的桌面端应用，由 Github 主导和开源，大家熟悉的 Atom 和 VSCode 编辑器就是使用 Electron 开发的。Electron 是 Node.js 和 Chromium 浏览器的结合体，用 Chromium 浏览器显示出的 Web 页面作为应用的 GUI，通过 Node.js 去和操作系统交互。 当你在 Electron 应用中的一个窗口操作时，实...
这次给大家带来在项目中如何应用swiper，在项目中应用swiper的注意事项有哪些，下面就是实战案例，一起来看一下。首先创建简单的react-native项目,创建一个文件夹。然后用命令符输入react-native init swiper创建完成之后开发项目，我用的vs打开控制台，安装swiper依赖。安装：npm i react-native-swiper --save查看：npm view react-native-swiper删除：npm rm react-native-swiper --save这里还需要 npm i 下更新下本地的依赖库启...
这次给大家带来Vue应用引用矢量图，Vue应用引用矢量图的注意事项有哪些，下面就是实战案例，一起来看一下。1.下载icon图标，推荐icomoon网站，里面有大量的矢量图标，也可以自定义，当然你也可以去阿里巴巴矢量图标库下载你所需要的小图标。点击进入icomoon网站点击右上角“IcoMoon App”，找到自己需要的图标后选择然后点击右下角“Generate Font”,接着可以在左上角第二个按钮“Preferences”进行自定义你要下载的图标信息，一般...
这次给大家带来如何应用vue文件树组件，使用vue文件树组件的注意事项有哪些，下面就是实战案例，一起来看一下。首先是html模板：<li><p//文件夹加粗表示:class="{bold: isFolder}" //处理单击事件 打开闭合文件列表 @click="toggle" //处理双击事件 双击子文件，子文件属性变为文件夹 @dblclick="changeType"> //显示文件名 {{model.name}}//若是文件夹的话则显示[+]来控制文件夹的开关闭合<span ...
这次给大家带来如何在项目中应用vue全局与局部组件，在项目中应用vue全局与局部组件的注意事项有哪些，下面就是实战案例，一起来看一下。vue全局／局部注册，以及一些混淆的组件main.js入口文件的一些常用配置， 在入口文件上定义的public.vue为全局组件，在这里用的是pug模版 .wraper 的形式相当于<p class=wraper></p>—main.js文件**main.js入口文件的内容** import Vue from vue import App from ./App import router from ./r...
这次给大家带来Vue项目内应用第三方验证码，的注意事项有哪些，下面就是实战案例，一起来看一下。什么是腾讯验证码？它长这个样子……:point_down: 最近公司项目要求引入腾讯云验证，要求是这样的： 为了防止别人恶意刷短信验证码，当用户短时间内多次获取验证码的时候，需要调用腾讯验证码，验证成功后会继续自动发送验证码 ，刚开始的我听的一脸蒙蔽，网上搜索也没有多少相关的文章，然而现在我接通啦，发现是很简单点事（或许就...
这次给大家带来怎样发布vue+todo-list应用，发布vue+todo-list应用的注意事项有哪些，下面就是实战案例，一起来看一下。前言最近几个人合作完成了一个项目，发现有一些公用的基础业务组件，可以提取出来，不仅方便大家在各自模块直接引用，也可以在以后的项目中使用。想到了可不可以自己动手把组件打包发布到内部的npm上，避免以后小伙伴们的重复工作呢？于是乎，说干就干，在这里操练一下，写个todo-list的vue组件案例。案例源码：...
这次给大家带来怎样使用vue做出单页应用前端路由，使用vue做出单页应用前端路由的注意事项有哪些，下面就是实战案例，一起来看一下。写在前面：通常 SPA 中前端路由有2种实现方式：window.historylocation.hash下面就来介绍下这两种方式具体怎么实现的一.history1.history基本介绍window.history 对象包含浏览器的历史，window.history 对象在编写时可不使用 window 这个前缀。history是实现SPA前端路由是一种主流方法，它有几个原...