2020年09月_Code_Zevin_J

原创【个人网站开发 · 记录三】制定开发方案阶段 —— 技术角度分析如何去做一个个人网站

前言当下的自媒体时代，体现在一个爱折腾的程序猿身上，那么最好的方式莫过于 —— 搭建自己的个人网站。网站上可以有自己的个人介绍，技术博客，项目总结，生活分享等等。简直是COOL ！（面试神器有木有????）就像上图这样，绝对原创设计，盗图必究！????有了想法就去实现它！这里就做成一个链接合集，记录一下我本次项目的开发历程（有觉悟的童鞋建议跟我一起动手哦）：【个人网站开发 · 记录一】立项分析阶段 —— 产品角度分析如何去做一个个人网站【个人网站开发 · 记录二】UI设计阶段 —— 设计角

2020-09-29 21:25:59 743 1

原创【个人网站开发 · 记录一】立项分析阶段 —— 产品角度分析如何去做一个个人网站

前言当下的自媒体时代，体现在一个爱折腾的程序猿身上，那么最好的方式莫过于 —— 搭建自己的个人网站。网站上可以有自己的个人介绍，技术博客，项目总结，生活分享等等。简直是COOL ！（面试神器有木有????）就像上图这样，绝对原创设计，盗图必究！????有了想法就去实现它！我们都知道传统的软件开发流程大致可分为分析，设计，编码，测试，部署，上线，运维等七大阶段。这里就做一个链接合集，记录一下我本次项目的开发历程（有觉悟的童鞋建议跟我一起动手哦）：【个人网站开发 · 记录一】立项分析阶段 ——

2020-09-29 16:53:59 656 2

原创【个人网站开发 · 记录二】UI设计阶段 —— 设计角度分析如何去做一个个人网站

文章目录前言一. 需求分析二. UI设计2.1 LOGO设计2.2 色彩搭配2.3 风格基调三. 技术栈选择3.1 动态网站3.1.1 Vue全家桶3.1.1 nginx3.1.1 Vue全家桶3.1.1 Vue全家桶2.2 静态网页1.1 VuePress —— vue驱动的静态网站生成器1.2 VuePress-Creator —— VuePress脚手架1.3 Gitee —— 基于Git的代码托管和协作开发平台前言当下的自媒体时代，体现在一个爱折腾的程序猿身上，那么最好的方式莫过于 —— 搭建自

2020-09-28 17:33:33 766

原创【 Vue全家桶 · Vue CLI（一）】快速入门Vue.js标准开发工具 —— Vue CLI 4.0

文章目录一. webpack开发 VS CLI开发1.1 webpack开发的痛点1.2 CLI工具二. Vue.js标准开发工具 —— Vue CLI 4.02.1 交互式的项目脚手架（@vue/cli）2.2 运行时开发环境依赖（@vue/cli-service）2.2.1 其它 CLI 插件的核心服务2.2.2 默认的 webpack 配置方案2.2.3 项目内部的 vue-cli-service 命令2.3 CLI 插件（@vue/cli-plugin）2.4 图形化界面（@vue/cli-ui）

2020-09-14 20:46:06 741

原创【 webpack系列（三）】webpack四大核心概念 —— entry + output + loader + plugins

文章目录一. webpack工作机制二. 创建配置文件 —— webpack.config.js三. 入口(entry) + 出口(output)四. 加载器(loader)4.1 loader 概述4.2 css文件处理4.2.1 传统css文件引入4.2.2 切换模块化开发方案4.2.3 css-loader + style-loader4.3 图片文件处理4.3.1 url-loader4.3.2 图片base64格式4.3.3 file-loader五. 插件(plugins)5.1 认识plugi

2020-09-12 22:30:04 519

原创【 webpack系列（二）】一个基于CommonJS模块化方案的小demo —— 带你简单体验 webpack 打包流程

文章目录一. webpack基础1.1 前端模块化开发1.2 打包二. webpack初体验2.1 安装webpack2.2 创建项目目录结构2.3 npm初始化2.4 代码编写2.4.1 math.js（模块代码）2.4.2 main.js（入口文件）2.4.3 index.html（浏览器展示文件）2.5 webpack打包2.6 修改引入文件为打包输出文件三. 写在最后一. webpack基础webpack —— JavaScript 应用程序的静态模块打包器（module bundler）。它

2020-09-10 19:19:15 374

原创【 Vue全家桶 · Vue（六）】Vue框架中的监听机制之二 —— 侦听器watch

文章目录一. watch适用场景二. Vue实例内部属性 watch2.1 基础形式2.2 一对多的实现原理2.3 完整形式2.3.1 watchObject 监听对象2.3.2 handler 函数2.3.3 deep 深度监听属性2.3.4 immediate 立即执行属性三. Vue实例方法 vm.$watch3.1 基础形式3.2 完整形式上一篇中详细介绍了Vue框架中的计算属性computed，我们说它常用来做数据监听，比如典型的多对一情况 —— 多数据监听和深度监听。一. watch适用场景

2020-09-08 15:09:29 596

原创【 vue-cli项目 · 报错记录（二）】‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。

报错分析????‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序或批处理文件。出现这个报错原因，着实不应该，是因为我们在启动项目之前，没有安装依赖…解决方案npm install / cnpm install使用npm install命令安装好依赖即可，没什么好说的，下次注意~...

2020-09-07 16:41:57 311

原创【 vue-cli项目 · 报错记录（一）】spawn cmd ENOENT

报错分析????spawn cmd ENOENT在执行vue命令时，总是报如下错误：spawn cmd ENOENT，是因为电脑环境变量system32的缺失。解决方案%SystemRoot%\system32在系统环境变量的用户Path变量里添加 %SystemRoot%\system32 即可，亲测有效~...

2020-09-07 16:33:31 465

原创【 Vue全家桶 · Vue（五）】Vue框架中的监听机制之一 —— 计算属性computed

文章目录一. 通过methods引入computed的概念1.1 methods版本1.2 computed版本二. computed全面解读2.1 computed本质2.1.1 调用方式2.1.2 完整写法（setter方法）2.2 响应式依赖2.3 computed作用原理2.4 computed适用场景2.4.1 多数据监听2.4.2 深度监听???? PART ONE ????如果你已经对计算属性computed有过初步的了解，建议直接阅读第二部分 ????一. 通过methods引入

2020-09-07 14:55:47 794

原创【 Vue全家桶 · Vue（三）】模板语法 —— 基础插值指令

文章目录一. 文本插值1.1 Mustache语法 (双大括号 {{ }} )1.2 v-text1.3 v-once二. HTML片段三. 属性（Attribute）3.1 v-bind指令3.2 class绑定3.3 style绑定四. 简单JavaScript 表达式一. 文本插值1.1 Mustache语法 (双大括号 {{ }} )数据绑定最常见的形式。HTML文档解析的时候，Vue会自动将Mustache标签内的属性名替换为对应数据对象中的属性（property）值。只要数据对象中的属性（

2020-09-03 16:02:18 395 1

原创【 jQuery入门 · (一) 】当下框架盛行，为什么还要学习jQuery ？

正值angular.js、vue.js、react.js等框架盛行的时代，不再需要开发者自己操作DOM了，所以不得不承认jQuery已经在慢慢过时了。但是jQuery中的开发思想还是很经典，现在它更多的是作为前端的技术基础而存在。文章目录一. 初识jQuery1.1 简介1.2 诸多优点1.3 不足之处1.4 导入方式1.5 入口函数1.6 jQuery版hello world二. jQuery函数2.1 DOM对象2.2 HTML代码片段2.3 匿名函数2.4 选择器三. jQuery对象3.1.

2020-09-02 22:22:04 533

原创【 ES6新增特性（一）】let 和 const 声明变量的新命令，别再傻乎乎的 var 了！

文章目录前言：ES5中var声明变量的弊端一. let 和 const 基础1.1 let 基础用法1.2 const 基础用法二. ES6变量声明新规范2.1 块级作用域2.2 不存在变量提升2.3 暂时性死区2.4 不允许重复声明三. 拓展：ES6 声明变量的六种方法前言：ES5中var声明变量的弊端ES5中其实给我们提供了两种声明变量的方法：var命令和function命令。使用function命令声明函数这里不参与讨论，我们主要对比var命令。之前我们在JS入门篇中详细讲过了var命令声明变量

2020-09-02 19:55:31 365

原创【ES6新增特性 · 前言】ECMAScript 6.0（ES6）简介

Node.js 是 JavaScript 的服务器运行环境（runtime）。它对 ES6 的支持度更高。除了那些默认打开的功能，还有一些语法功能已经实现了，但是默认没有打开。使用下面的命令，可以查看 Node.js 默认没有打开的 ES6 实验性语法。...

2020-09-01 22:23:35 181

原创【 windows10系统】npm（cnpm）简介 + 最新版详细安装教程

文章目录一. npm和cnpm1.1 npm简介1.2 推荐使用cnpm的原因二. 安装步骤1. 安装Node.js环境2. 修改npm配置（本地缓存地址 + 淘宝镜像站）2.3 增加系统环境变量NODE_PATH2.4 测试安装express模块三. 如何更新npm的版本四. 安装cnpm一. npm和cnpm1.1 npm简介npm英文全称为node package manager，顾名思义就是Node.js环境下的包管理器。像jQuery，express，Vue等第三方代码资源就被称为包（pa

2020-09-01 20:45:35 2868 4

JZevin的博客