Claire_Moon的博客

上图这个是因为NODE_ENV 的环境配置 与 webpack 的版本不匹配造成的解决方法在 ** webpack.config.js ** 文件中， plugins中添加代码：出现报错或者报错信息为app.js:6 Uncaught Error: Minified React error #321; visit https://reactjs.org/docs/erro...

今天，我要将前几篇文章中做好的项目上线，步骤如下;一. 工具准备需要用到这个工具 finalshell.exe，来连接服务器，可以自行下载并安装，简单~https://pan.baidu.com/s/1LvMGdZ8u9r3Cqa–UsEyDw二. 服务器准备我买的是阿里云服务器，买了服务器，就会拥有一台服务器，当然也会拥有固定的IP，至于域名，可以选择注册，也可以不注册（注册域名，要进...

同样，我们再来看下到目前为止，我的项目已经实现的效果，基本布局已经实现，也实现了基本页面之间的跳转，但是现在最大的不足有，在地址栏中必须要输入localhost:8080/user/nologin 或者 localhost:8080/user/loging， 才能够跳转到我们想要去往的页面，这显然是不现实的。那么接下来，我们要实现的是首页的轮播图模块，一起来看下如何实现，期间又会有哪些技术点，...

经过前几篇文章，我们先来看下目前为止，项目的实现效果是接下来，我们一起来分析多视图 以及 命名视图一. 分析多视图在这里要考虑的是，每个页面（包括“首页”“分类”“购物车”“我的”）都有自己的头部（header）、内容以及自己的底部。我们先来看下页面的主要视图布局是怎样的在“首页”“分类”“购物车”“我的”这4个页面中有共同的的底部，所以这4个页面的视图情况是上面部分是一个主视图，底部...

在前面的几篇文章中，我们实现的基本效果如下接下来，我们添加项目中的其他组件，先来看看评分组件怎么添加吧添加评分组件一. 抽离评分组件Rating.vue考虑到评分这个部分，在以后的项目文件中应该经常用到，所以我们在这里把评分组件抽离出来，为Rating.vaue...

在前面几篇文章中，我们实现了基本页面的布局，并且实现了将各个页面抽离出去，也添加了路由规则，实现了：当点击底部的图标时，能够完成页面之间的跳转。接下来，我们继续来看**路由的重定向以及路由的声明式、编程式跳转，完成首页的数据请求**。告诉vue router在哪里去渲染将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。创建好项...

在前几篇文章中，我们抽离了各个页面以及底部组件，接下来是添加路由规则。@vue/cli脚手架在创建项目时，选择了vue-router，所以无需再次安装，但是如果你没有选择，可以使用 cnpm i vue-router -S 安装，本项目中关于路由的文件在src/router.js1. 创建路由规则的两种方式我们先看一下router.js文件中原来的路由配置是怎么样的，打开发现，给我们写了两种...

前面几篇文章，我们设置好了基本布局，接下来，要设置“首页”的头部信息，一. 创建各个文件“首页”的内容区域，“分类”的头部信息，“分类”的内容区域，“购物车”的头部信息，“我的”头部信息，“我的”内容区域。具体的，在**src/views/**文件夹中创建4个文件夹home，kind，cart，user，里面各自创建一个index.vue文件，1. src/home/index.vue文...

上一篇文章中，我们正确启动了vue项目，现在我们开始写项目。一. 创建页面的基本布局1. App.vue文件App.vue文件：单文件组件， .vue为后缀， 至少得有一个template打开App.vue文件，修改代码，<template> <div id="app"> <div class="container"> <...

在上一篇文章中，我们一起进行了一个vue微型项目的下载和安装，最终一个名字为mywebapp2.0的项目已经完成安装完毕，并且熟悉了各个文件的用途，并且在config文件中增加了dev启动项目的配置。接下来，我们要让这个项目跑起来1. 处理样式 less/scss/stylus/css本项目中，使用scss库操作CSS样式，方法：讲scss库中的5个文件复制到src/lib文件夹下面，其中sc...

1. 运行环境:运行环境： win10 + vscode打开vscode，打开vscode编辑器的终端，这里采用编辑器终端的命令行创建项目。2. 准备工作安装node，安装npm安装教程，参看廖雪峰大神的官方网站，https://www.liaoxuefeng.com/wiki/1022910821149312/1023025597810528安装成功后，在终端输入node -v，...

今天遇到一个好玩的事情，话不多说，先看代码~完整代码：当Vue用 v-for 正在更新已渲染过的元素列表是，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue将不是移动DOM元素来匹配数据项的改变，而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素，那么v-for为什么能复用每个元素，又为什么能够渲染出每个元素呢？我们一起来看下v-for到底做了什么事情…...

Js中的事件委托及其封装今天来学习事件委托及其封装介绍首先我们来看一下事件委托的介绍和定义，“委托”，顾名思义就是自己不想做，委托给别人做；“事件委托”，就是自己不想做某个事件，委托给其他元素做。定义 将多个相同子元素的相同事件，绑定给页面上现存的共同的父元素，利用事件冒泡，配合事件对象身上的事件源找到真正点击的元素优点节省性能； 可以给页面上暂时不存在的元素绑定事件缺点在事件委托...

刚开始学习Javascript，在此记录学习的点滴学习Javascript的原因今天从函数学起函数——（上）事件的分类函数按写法分类：函数的参数（重头戏）：arguments回调函数学习Javascript的原因想要学习前端，前期刚学过了HTML、CSS的知识，现在刚接触Javascript，目的是想要记录自己学习过程中的点滴，保存下更多的案例，供以后查找方便。欢迎各位大佬指正、交流经验。今...