前端
文章平均质量分 92
yi_master
这个作者很懒,什么都没留下…
展开
-
Electron + Vue跨平台应用(十八)基础技法(十)调试
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解Electron + Vue + Vscode构建跨平台应用(五)Electron-Vue项目源码分析Electr原创 2021-12-17 16:11:30 · 1083 阅读 · 0 评论 -
Electron + Vue跨平台应用(十七)基础技法(九)Auth2.0认证在Vue中的使用: SpringCloud的统一鉴权的接入
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解Electron + Vue + Vscode构建跨平台应用(五)Electron-Vue项目源码分析Electr原创 2020-11-17 17:53:41 · 952 阅读 · 0 评论 -
lectron + Vue跨平台应用(十六)基础技法(八)Nginx配置https并部署Vue
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解Electron + Vue + Vscode构建跨平台应用(五)Electron-Vue项目源码分析Electr原创 2020-08-04 15:29:50 · 1426 阅读 · 0 评论 -
Electron + Vue跨平台应用(十五)基础技法(七)
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解Electron + Vue + Vscode构建跨平台应用(五)Electron-Vue项目源码分析Electr原创 2020-06-16 09:45:26 · 695 阅读 · 0 评论 -
Electron + Vue跨平台应用(十四)基础技法(六)
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解Electron + Vue + Vscode构建跨平台应用(五)Electron-Vue项目源码分析Electr原创 2020-05-26 17:38:10 · 449 阅读 · 0 评论 -
Electron + Vue跨平台应用(十三)基础技法(五)
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解Electron + Vue + Vscode构建跨平台应用(五)Electron-Vue项目源码分析Electr原创 2020-05-20 21:15:26 · 579 阅读 · 0 评论 -
Electron + Vue跨平台应用(十二)可视化(三)
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解El...原创 2020-05-03 14:40:54 · 806 阅读 · 0 评论 -
Electron + Vue跨平台应用(十一)可视化(二)
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解El...原创 2020-04-28 23:57:52 · 877 阅读 · 0 评论 -
Electron + Vue跨平台应用(十)可视化(一)
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解El...原创 2020-04-23 23:30:53 · 2523 阅读 · 2 评论 -
Electron + Vue跨平台应用(九)基础技法(四)
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解El...原创 2020-04-14 22:51:11 · 491 阅读 · 0 评论 -
CSS基础篇
CSS准备分如下几个链接进行整理 第一篇主要介绍下CSS/CSS3中的知识点 第二篇主要介绍下CSS/CSS3中的特效分析这篇主要整理下知识点1. 块元素和行元素2. CSS盒子模型3. 宽/高属性的auto和%4. margin或者padding5. margin的值为负数1. 块元素和行元素常见的块元素有: div dt h1-6 p等等,其特点是:1:在不设置浮动的...原创 2019-10-31 08:44:11 · 185 阅读 · 0 评论 -
Electron + Vue跨平台应用(九)基础技法(三)
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解El......原创 2019-08-24 17:09:13 · 1875 阅读 · 0 评论 -
Electron + Vue跨平台应用(八)基础技法(二)
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解El...原创 2019-07-26 18:55:50 · 1423 阅读 · 0 评论 -
小程序开发框架_mpvue(六)卡通照片的实现思路
这篇文章主要介绍前端将一张原始人脸图片转化为卡通人脸的思路原图:效果图:前端可以对原图的五官做定制,从而产生丰富的交互效果原创 2019-04-28 19:12:01 · 446 阅读 · 0 评论 -
小程序开发框架_mpvue(五)ES6技法和一些实际问题的总结(一)
小程序开发框架:mpvue(一)初篇小程序开发框架:mpvue(二)项目代码分析小程序开发框架:mpvue(三)完成一个积极干净的mpvue初创项目小程序开发框架:mpvue(四)组件通信 前言:项目实战可以让你的技术得到快速的提升。功能的实现是重要的,同时在实现功能的时候如果多思考一下关于项目的架构,组件的封装,那么你会发现你的视野和技术深度随着时间的推移会越来越深刻。 最近深...原创 2019-04-25 23:59:23 · 796 阅读 · 0 评论 -
Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建
配置Vue.js解释环境:Node.js的安装与配置 首先从Node官网下载Node最新版本,后续介绍中Node的版本为 v6.11.3, 地址为:Node v6.11.3 下载地址, 开发平台为windows ;一路Next就完成了Node.js的安装;笔者Node.js安装目录为: D:\SoftWare\NodeJs;然后在环境变量Path中添加Node.js的可执行路径...原创 2018-11-13 21:26:14 · 15840 阅读 · 0 评论 -
Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解
疑问1:既然我们可以利用vue-cli这个脚手架去搭建/发布Vue项目,那要Electron做什么用 vue-cli作为脚手架,作为一个构建工具,来帮助构建具有统一规格样式的Vue项目;就像草图一样,按图绘制;Electron作为一个壳子,他集合了vue-cli的能力,也提供了额外的功能,如调用系统原生API,打包生成跨平台文件为了能够更清楚的掌握利用Electron构建Vue应用,...原创 2018-12-04 18:31:03 · 9210 阅读 · 4 评论 -
Electron + Vue + Vscode构建跨平台应用(五)Electron-Vue项目源码分析
通过上面几篇文章我们已经基本了解了如何利用Electron-Vue来构建Vue项目,但是项目是这么运行的,初始项目代码之间有什么关系,我们还不太清楚,所以这篇我们将主要解决如下三个问题 1: npm run dev背后做了什么,上图的界面是如何产生的 2: npm install到底根据什么策略去下载对应的依赖 3: 如何打包成跨平台的文件,比如打包成windows平台的exe文件...原创 2018-12-04 23:37:18 · 17583 阅读 · 8 评论 -
Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目
1: 什么是Node.js应用,创建Node.js应用 既然Electron基于Chromium 和Node.js,那么我们还是稍微了解一下什么是Node应用,如何创建Node应用 1.1 Node.js 应用是由哪几部分组成的: 在我理解上Node.js应用就是驻扎在Server端的App,它主要由三部分组成 . 引入 required 模块 这个就跟java当中的impo...原创 2018-11-27 21:31:31 · 7395 阅读 · 0 评论 -
Electron + Vue跨平台应用(六)效果还不错的登录页面
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解El...原创 2018-12-12 22:26:45 · 9410 阅读 · 0 评论 -
Electron + Vue跨平台应用(七)基础技法(一)
Electron + Vue + Vscode构建跨平台应用(一)知识点补充Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解El...原创 2018-12-23 18:11:27 · 3622 阅读 · 4 评论 -
小程序开发框架:Taro(一)基础篇
1. Taro简介2. 环境搭建3. 项目搭建4. 编译调试微信小程序5. Taro项目结构分析6. Yarn命令详解7. 解决问题:版本问题 Taro CLI 与本地安装的小程序框架 @tarojs/taro-weapp 版本不一致1. Taro简介 Taro是一个前端小程序框架,通过这个框架写一套代码,再通过 Taro 的编译工具,就可以将源代码分别编译出可以在不同端(微信...原创 2019-01-07 23:30:24 · 7581 阅读 · 1 评论 -
小程序开发框架:mpvue(一)初篇
小程序的目前在国内还是很火的,衍生出了很多框架,这里我们不去计较框架的好坏,只客观的从项目出发,去选择真正合适自己项目的框架 Taro: 技术语言更接近RN,有个Taro开发交流群,有问题在里面提可以迅速得到响应,有需要入群的同学可以密我 mpvue: 技术语言更接近vue.js,因为笔者对vue的熟悉程度超过RN,所以本次项目的框架选型就使用了mpvue; 个人觉得mpvu...原创 2019-02-06 10:31:01 · 1047 阅读 · 0 评论 -
小程序开发框架:mpvue(二)项目代码分析
小程序开发框架:mpvue(一)初篇 现在我们来分析一下我们刚刚建立好的工程,他主要由以下几个部分组成1. 项目配置文件 2. src目录 3. static目录 现在我们逐个看下1. 项目配置文件顾名思义,项目配置文件主要用来配置项目的基本信息,项目的依赖等等,这些文件有1)project.config.json 用于管理微信开发者工具的小程序项目的配置文件,当我...原创 2019-02-08 00:55:49 · 497 阅读 · 0 评论 -
小程序开发框架:mpvue(三)完成一个积极干净的mpvue初创项目
小程序开发框架:mpvue(一)初篇小程序开发框架:mpvue(二)项目代码分析 上篇我们分析了项目的代码,了解了这个初建项目的代码逻辑,如何新建页面等等知识,有了这个作为基础,那我们就可以愉快的写自己的项目了; 首先我们对初建的项目进行下裁剪,去掉不需要的代码,保留一些重要配置1)修改App.vue文件如下, 该文件主要用于日志记录,暂时不需要<script>expo...原创 2019-02-21 23:14:46 · 600 阅读 · 0 评论 -
小程序开发框架:mpvue(四)组件通信
小程序开发框架:mpvue(一)初篇小程序开发框架:mpvue(二)项目代码分析小程序开发框架:mpvue(三)项目实战 + vue技法 + 微信小程序技法总结原创 2019-02-26 23:50:01 · 2052 阅读 · 0 评论 -
Electron + Vue + Vscode构建跨平台应用(一)知识点补充
开这个系列博客的主要目的:使用 JavaScript, HTML 和 CSS 构建跨平台应用 知识点补充Chrome V8引擎介绍 是 Google 用于其 Chrome 浏览器的底层 JavaScript 引擎 其目的是解析和执行JavaScript脚本,我们常说的WebKit是由苹果2005年发起的一个开源项目,他是渲染引擎的一种,渲染引擎的目的是将HTML/CSS/J...原创 2018-11-13 14:13:49 · 8084 阅读 · 0 评论