摘要：
6.交作业的流程 以下内容是螺钉课堂在线就业班提交作业的要求，非螺钉课堂在线就业班学员不用学习 螺钉课堂作业全程采用git管理，希望在日常使用中，加深对git和github的理解 具体流程： 作业命名要求： 举例说明，一同学微信号为：nodeing888,那么他的工作区目录应该是这样的： 其中，ho 阅读全文
posted @ 2019-12-13 17:56
螺钉课堂Nodeing-com
阅读(114)
评论(0)
推荐(0)
摘要：
5.github上的标签 5.1.标签的作用 给当前版本打一个标签，在github上就会形成一个releases版本 点击进去后，用户就可以下载对应版本的源代码 5.2.在本地git工具上创建标签，同步到github 1.查看当前有多少标签 2.创建一个标签 3.把标签推送到github 推送完成后 阅读全文
posted @ 2019-12-13 17:55
螺钉课堂Nodeing-com
阅读(147)
评论(0)
推荐(0)
摘要：
4.分支管理 4.1.什么是分支？ 分支可以简单的理解为分叉，在主干上长出一条枝干出来，主干分支通常叫做master，在主分支上可以开很多分支出来，不同的人在不同的分支上做开发，最后合并到主分支，这样不会相互影响 4.2.github工作流 github推荐的工作流：点击进入官网介绍地址 第一步：根 阅读全文
posted @ 2019-12-13 17:52
螺钉课堂Nodeing-com
阅读(198)
评论(0)
推荐(0)
摘要：
3.4.开源项目的协作方式 开源项目通常是没有写入的权限的，我们需要换一种协作方式参与到这些开源项目中 为了演示方便，我们把git demo这个项目中nd 00002这个合作者的权限取消 接下来nd 00002这个人想参与到git demo这个开源项目中项目中，需要做以下步骤： 第一步：fork这个 阅读全文
posted @ 2019-12-13 17:46
螺钉课堂Nodeing-com
阅读(183)
评论(0)
推荐(0)
摘要：
3.3.解决多人协作开发过程中的代码冲突问题 1.在多人协作开发的项目中，每次开发之前每个人最好先同步更新一下github上最新的代码，可以减少冲突的概率 2.产生冲突 目前咱们演示项目git demo中有两个开发这，第一个人，nodeing666，第二个，nd 00002，github仓库中最新的 阅读全文
posted @ 2019-12-13 17:42
螺钉课堂Nodeing-com
阅读(121)
评论(0)
推荐(0)
摘要：
3.远程管理 3.1.远程仓库相关命令 1.查看远程仓库名字，这里以github为例 上面命令执行后会得到：origin，这样一个名字，这个名字是我们克隆的时候默认设置好的 如果你想更改origin这个名字，可以通过这样的命令： 2.查看远程仓库的地址 3.添加一个仓库 4.查看指定仓库地址 5.设 阅读全文
posted @ 2019-12-13 17:19
螺钉课堂Nodeing-com
阅读(179)
评论(0)
推荐(0)
摘要：
2.4.常用git命令 2.4.1.回顾前面使用的命令 2.4.2.查看日志 2.4.3.对比操作 经过第一次提交，版本库中的index.html是空文件，接下来我们开始写代码，在工作区index.html文件中写一点内容 代码写好后，我们将代码提交到暂存区 接下来，我们继续修改工作区中index. 阅读全文
posted @ 2019-12-13 17:10
螺钉课堂Nodeing-com
阅读(152)
评论(0)
推荐(0)
摘要：
2.git常用命令 2.1.git的三个区 1.工作区 工作区就是你项目所在目录，这个目录是可以非常直观的看到的，编写代码主要在这个目录进行，例如： 2.暂存区 暂存区从字面上去理解就是用来暂时保存项目的地方，实际上它的作用和它的名字是一致的，暂存区可以起到过渡的作用，当我们写代码修改了一些文件的时 阅读全文
posted @ 2019-12-13 17:03
螺钉课堂Nodeing-com
阅读(201)
评论(0)
推荐(0)
摘要：
1.git和github简介 1.1.git是什么？github是什么？git和github的关系？ Git是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。 Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软 阅读全文
posted @ 2019-12-13 16:58
螺钉课堂Nodeing-com
阅读(301)
评论(0)
推荐(0)
摘要：
1.11.预处理器文件处理 1.sass文件 sass这种css预处理器是以.scss结尾，需要用node sass和sass loader来处理 安装loader 增加相关配置： webapck.base.js 注意： 如果出现css文件中引入sass文件的情况，只用css loader是不能解析 阅读全文
posted @ 2019-12-13 16:44
螺钉课堂Nodeing-com
阅读(173)
评论(0)
推荐(0)
摘要：
1.4.webpack dev server webpack dev server是我们在开发阶段需要用到的一个服务器,它会把代码打包到内存，我们可以通过http的方式访问到打包到内存的代码 安装 修改package.json的启动命令 增加相关配置 webpack.dev.js 1.5.自动创建h 阅读全文
posted @ 2019-12-13 16:40
螺钉课堂Nodeing-com
阅读(120)
评论(0)
推荐(0)
摘要：
1.webpack应用实例 1.1.快速上手 初始化项目 安装webpack 零配置使用webpack，webpack约束源文件目录必须为src， 默认配置文件为 src/index.js 我们新建目录如下： index.js module1.js 运行 注意： npx是npm的一个包运行器，是np 阅读全文
posted @ 2019-12-13 16:35
螺钉课堂Nodeing-com
阅读(195)
评论(0)
推荐(0)
摘要：
5.3.Vuex的核心概念 5.3.1.Mutation 注意； 在Mutation中，是不能提交异步代码的，例如： 5.3.2.Action 在mutation中提交异步代码,状态的改变是没办法追踪的，如果有异步代码，需要放到Action中去,等异步代码执行完成后再提交 store/index.j 阅读全文
posted @ 2019-12-13 16:31
螺钉课堂Nodeing-com
阅读(516)
评论(0)
推荐(0)
摘要：
5.2、使用vuex重构上面代码 Vuex是什么？官方定义：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化 Vuex的使用步骤： 1 安装Vuex 2 在src目录下，新建store文件夹，在 阅读全文
posted @ 2019-12-13 16:24
螺钉课堂Nodeing-com
阅读(450)
评论(0)
推荐(0)
摘要：
5.状态管理 5.1.兄弟组件之间共享数据的问题? 首先，我们需要了解下兄弟组件之间如何共享数据的问题 完成下列需求： 本案例目录结构： 核心代码： GoodsDemo.vue GoodsItem.vue ShoppingCar.vue 从上面代码中，我们来看看数据是怎么传输的 螺钉课堂视频课程地址 阅读全文
posted @ 2019-12-13 16:21
螺钉课堂Nodeing-com
阅读(287)
评论(0)
推荐(0)
摘要：
4.7.作为vue的插件使用 在vue中，我们不需要在每个组件中都去引入axios，这样使用起来比较麻烦，我们可以结合插件vue axios，让操作更简化 1.安装插件 2.在入口文件中引入模块，并挂载插件 main.js 3.在组件中使用axios 螺钉课堂视频课程地址：http://edu.no 阅读全文
posted @ 2019-12-13 16:17
螺钉课堂Nodeing-com
阅读(429)
评论(0)
推荐(0)
摘要：
4.5.创建实例 可以创建一个自定义实例应用于多个请求接口 实例中的相关配置： { // 是用于请求的服务器 URL url: '/user', // 是创建请求时使用的方法 method: 'get', // 默认是 get // 将自动加在 前面，除非 是一个绝对 URL。 // 它可以通过设置 阅读全文
posted @ 2019-12-13 16:15
螺钉课堂Nodeing-com
阅读(246)
评论(0)
推荐(0)
摘要：
4.数据请求 4.1.axios是什么？ axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它有以下特征： 4.2.简单使用 1.安装axios 2.使用axios发送get请求 在组件内部导入axios，这里以Demo1.vue为例： 在created中发送请 阅读全文
posted @ 2019-12-13 16:13
螺钉课堂Nodeing-com
阅读(412)
评论(0)
推荐(0)
摘要：
3.11.1.vue router中的全局钩子函数 在vue router中，路由发生变化，我们可以做一些事情，例如：可以决定是否进入导航，可以决定跳转到哪里，官方文档中又叫做导航守卫 首先来看一个全局的钩子函数，官方文档中叫做注册一个全局的前置守卫，使用router.beforeEach方法来实现 阅读全文
posted @ 2019-12-13 16:09
螺钉课堂Nodeing-com
阅读(812)
评论(0)
推荐(0)
摘要：
3.9.滚动行为 设置滚动行为的作用是导航到新路由时，让页面滚动到你想要的位置。 注意: 这个功能只在支持 history.pushState 的浏览器中可用。 3.10.过渡效果 vue中封装了一套transtion组件，可以提供过渡效果 3.10.1.通过过渡css类名的方式来设置过渡效果 过渡 阅读全文
posted @ 2019-12-13 16:06
螺钉课堂Nodeing-com
阅读(234)
评论(0)
推荐(0)
摘要：
3.8.动态路由匹配和路由组件传参 3.8.1.动态路由匹配 动态路由意味着不固定，具有某种模式，我们希望通过某种匹配方式，把这种不固定的路由形势映射到同一个组件，例如：一个User组件，不同的ID表示不同的用户，即/user/1、/user/2、/user/3，这些不同用户所对应的路由，我们都希望 阅读全文
posted @ 2019-12-13 16:00
螺钉课堂Nodeing-com
阅读(240)
评论(0)
推荐(0)
摘要：
3.6.重定向和别名 3.6.1.重定向 路由重定向通俗的说就是从一个路由重新定位跳转到另一个路由，例如：访问的 “/a” 重定向到“/b” 重定向也是通过配置routes选项完成的 上面代码中，访问 ‘/hello’ 并不会去渲染Hello组件，而是会跳转到路由‘/course’，去渲染cours 阅读全文
posted @ 2019-12-13 15:55
螺钉课堂Nodeing-com
阅读(258)
评论(0)
推荐(0)
摘要：
3.4.嵌套路由 实际生活中的应用界面，通常由多层嵌套的组件组合而成。同样地，URL 中各段动态路径也按某种结构对应嵌套的各层组件，例如： 再来看看下面这种更直观的嵌套图： 接下来我们需要实现下面这种效果 核心代码： 1.需要在vip组件中增加嵌套代码 2.在路由配置文件中，需要为vip配置chil 阅读全文
posted @ 2019-12-13 15:53
螺钉课堂Nodeing-com
阅读(302)
评论(0)
推荐(0)
摘要：
3.3.router link配置 3.3.1.实例 需求：实现下面效果，点击不同的菜单，显示不同的文字 核心代码：App组件 路由配置：index.js 3.3.2.使用router link实现跳转 核心代码：App组件 3.3.3.router link的其他配置 1.可以动态绑定一个变量 核 阅读全文
posted @ 2019-12-13 15:49
螺钉课堂Nodeing-com
阅读(211)
评论(0)
推荐(0)
摘要：
3.路由切换 3.1.vue router路由切换 3.1.1.什么是前端路由 路由这个概念最先是后端出现的，发送不同的请求，后端根据请求的不同返回不同的资源，这个时候的url是和后端交互的，需要在后端去配置路由的跳转，这种开发方式有两个特点，一是整个项目中前端代码和后端代码是柔在一起的，通常都是需 阅读全文
posted @ 2019-12-13 15:46
螺钉课堂Nodeing-com
阅读(416)
评论(0)
推荐(0)
摘要：
1.环境搭建 1.1.脚手架搭建 1.1.1什么是脚手架 百度搜索一下脚手架长什么样子，它们是这样的: 从百度百科抄过来一段话： 脚手架是为了保证各施工过程顺利进行而搭设的工作平台。如果明白了脚手架在现实生活中的作用，那么，再来理解编程中的脚手架就容易了，有时我们听说前端脚手架工具，其实，这里的脚手 阅读全文
posted @ 2019-12-13 15:41
螺钉课堂Nodeing-com
阅读(491)
评论(0)
推荐(0)
摘要：
4.综合实例 4.1.基于数据驱动的选项卡 4.1.1.需求 4.1.2.代码实现 4.1.2.练习作业 尝试完成下一节课程的需求，请保持自己独立实现，不要先看实现的代码 4.2.后台管理菜单 4.2.1.需求 4.2.2.相关资源下载地址 静态文件下载地址 4.2.3.代码实现 <!DOCTYPE 阅读全文
posted @ 2019-12-13 15:37
螺钉课堂Nodeing-com
阅读(319)
评论(0)
推荐(0)
摘要：
3.组件基础 3.1.什么是组件？ 3.1.1.理解组件 前端组件化开发是目前非常流行的方式，什么是前端组件化开发呢？就是将页面的某一部分独立出来，将这一部分的数据、视图、以及一些控制逻辑封装到一个组件内部，暴露一些开箱即用的函数或者属性供外部组件调用。这种组织代码的开发方式我们称为组件化开发。通俗 阅读全文
posted @ 2019-12-13 15:33
螺钉课堂Nodeing-com
阅读(251)
评论(0)
推荐(0)
摘要：
2.3.样式绑定 2.3.1.绑定class样式 1.绑定单个class 2.绑定多个样式 3.可以根据值来确定是否显示某个样式 2.3.2.绑定style样式 1.把所有样式写到一个对象中 上面代码中需要注意的是css中background color,需要去掉‘=’，然后把color首字母大写， 阅读全文
posted @ 2019-12-13 15:19
螺钉课堂Nodeing-com
阅读(331)
评论(0)
推荐(0)
摘要：
2.2.基础指令 2.2.1.什么是指令 指令 (Directives) 是带有 v 前缀的特殊特性,指令特性的值预期是单个 JavaScript 表达式,指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM 上面代码中v if就是一个指令，用来处理条件判断，根据表达式的值的 阅读全文
posted @ 2019-12-13 15:14
螺钉课堂Nodeing-com
阅读(276)
评论(0)
推荐(0)
摘要：
2.vue基础用法 2.1.事件处理 2.1.1.监听事件 使用v on:事件名称 = '事件处理函数'的形式来监听事件，事件处理函数要写在methods后面的对象中 如果事件处理函数需要传参数的话，可以写成这样： 2.1.2.事件修饰符 事件修饰符是帮助我们去处理事件相关细节的，例如，防止事件冒泡 阅读全文
posted @ 2019-12-13 15:04
螺钉课堂Nodeing-com
阅读(194)
评论(0)
推荐(0)
摘要：
1.vue初体验 1.1.vue简介 1.1.1.vue是什么？ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架，什么叫做渐进式呢？通俗的讲就是一层一层的，一步一步的来做事情的方式。什么又是框架呢？可以理解为一套完整的解决方案。总结起来理解，vue是一个框架，提 阅读全文
posted @ 2019-12-13 15:01
螺钉课堂Nodeing-com
阅读(389)
评论(0)
推荐(0)
摘要：
5.安装网站程序 5.1.上传网站程序 这里我们使用一个比较简洁的php博客程序来进行安装演示，安装程序下载地址： 点击进入 我这里把这个博客程序下载到了桌面，接下来需要把这个程序上传到服务器上 5.2.解压安装程序到网站目录 前面我们新建虚拟主机的时候就确定了网站的放置目录，如下： 接下来需要先用 阅读全文
posted @ 2019-12-13 14:57
螺钉课堂Nodeing-com
阅读(237)
评论(0)
推荐(0)
摘要：
$4.域名和服务器主机绑定 4.1.域名解析 域名解析的目的是让这个域名指向服务器对应的IP地址，当用户访问这个域名的时候，最终去找域名对应的这个ip地址 进入到域名控制台，这里以阿里云为例 注意：由于阿里云控制台会改版，上图可能和你现在的控制台不一样，但是功能不会变 点击解析，进入到域名解析页面 阅读全文
posted @ 2019-12-13 14:44
螺钉课堂Nodeing-com
阅读(215)
评论(0)
推荐(0)
摘要：
3.LNMP环境搭建 3.1.什么是lnmp环境 lnmp是一个php的运行环境，l表示Linux，n表示Nginx，m表示Mysql，p表示PHP，通俗的讲用php写的后台服务想要运行起来，这几个软件都需要安装，这套组合可以称为黄金组合 3.2.LNMP一键安装包是什么? LNMP一键安装包是一个 阅读全文
posted @ 2019-12-13 14:37
螺钉课堂Nodeing-com
阅读(175)
评论(0)
推荐(0)
摘要：
2.FTP服务搭建 2.1.安装vsftp 使用yum安装vsftpd 2.2.添加用户 禁止刚新建的用户的ssh登录权限，只允许ftp访问 2.3.配置vsftp 打开配置文件： 关闭匿名访问： 去掉local_enable的注释,修改为开启： 限制用户仅能访问自己的主目录 重启服务: 设置开机自 阅读全文
posted @ 2019-12-13 14:33
螺钉课堂Nodeing-com
阅读(117)
评论(0)
推荐(0)
摘要：
1.必备基础 1.1.网站运行原理 这里需要明白一个问题，当用户输入网址，经过了怎样的路径然后看到了对应的网页面？ 当用户在浏览器中输入一个网址，例如：http://www.baidu.com， 这个时候会去计算机本地去查找一个hosts文件，这个hosts文件里面记录了ip和域名的对应关系，如果找 阅读全文
posted @ 2019-12-13 14:29
螺钉课堂Nodeing-com
阅读(203)
评论(0)
推荐(0)
摘要：
4.jQuery中的事件绑定 4.1.事件绑定 on方法绑定 直接绑定 总结： 事件里面的this是原生的this，如果要使用jquery方法需要 $(this) off删除事件 4.2.事件委托 4.3.事件冒泡 事件冒泡就是事件会从元素内部往外传播的一种现象，事件冒泡的好处就是可以节约代码，比如 阅读全文
posted @ 2019-12-13 14:18
螺钉课堂Nodeing-com
阅读(124)
评论(0)
推荐(0)
摘要：
3.jQuery常用方法 3.1 dom属性相关方法 addClass() 为每个匹配的元素添加指定的样式名 removeClass() 移除集合中每个匹配元素上一个、多个或全部样式 toggleClass() 样式切换，如果有就删除，如果没有就添加 css() 设置或者获取css样式 html() 阅读全文
posted @ 2019-12-13 10:21
螺钉课堂Nodeing-com
阅读(132)
评论(0)
推荐(0)
摘要：
1.jQuery简介 jQuery是一个快速、简洁的JavaScript框架,倡导写更少的代码，做更多的事情 jquery官方网站 jquery中文文档 1.1.简单函数封装 根据id、类名称来获取元素 1.2.jquery的使用 初始化项目 安装jquery 引入jquery 总结：jquery本 阅读全文
posted @ 2019-12-13 10:12
螺钉课堂Nodeing-com
阅读(126)
评论(0)
推荐(0)
摘要：
8.删除客户 8.1.发送id到后台 删除用户信息比较简单，只需要把对应行的id发送到后台就可以了 8.2.后台接收数据并且删除数据库中符合条件的记录 9.退出登录 9.1.cookie 首先，我们要搞明白cookie是什么？Cookie 是在 HTTP 协议下，服务器或脚本可以维护客户工作站上信息 阅读全文
posted @ 2019-12-13 10:09
螺钉课堂Nodeing-com
阅读(153)
评论(0)
推荐(0)
摘要：
6.添加客户 6.1.点击添加按钮，弹出表单框 6.2.点击表单框上的保存按钮，发送数据到后台 6.3.点击表单框上取消按钮，隐藏表单框 6.5.后台接收到前端发过去的数据，报数据写入数据库，并且返回结果给前端 6.4.前端拿到后台返回的数据，做对应的逻辑处理 7.编辑客户 编辑用户信息和添加用户非 阅读全文
posted @ 2019-12-13 10:00
螺钉课堂Nodeing-com
阅读(144)
评论(0)
推荐(0)
摘要：
4.用户登录实现 4.1.用户登录实现思路 1 用户输入登录信息，点击登录的时候把用户登录的这些信息收集起来，然后组装数据通过ajax方式发送到后台 2 后台接到用户输入的登录信息，把这些信息拿去和数据库中的数据做比对，如果成功返回成功信息，如果失败返回失败信息 3 后台返回信息给前台页面，在前台页 阅读全文
posted @ 2019-12-13 09:54
螺钉课堂Nodeing-com
阅读(197)
评论(0)
推荐(0)
摘要：
3.用户注册实现 3.1.注册用户功能的实现逻辑 1 用户在表单上输入注册信息 2 点击注册后，收集用户在表单上输入的注册信息并且发送给后台 3 后台接收用户发送过来的注册信息 4 后台需要处理数据并且去连接数据库 5 后台把接收到的用户信息写入到数据库中 3.2.收集用户输入的信息并且发送这些信息 阅读全文
posted @ 2019-12-13 09:51
螺钉课堂Nodeing-com
阅读(250)
评论(0)
推荐(0)
摘要：
2.静态资源渲染 2.1.创建http服务器 2.2.根据请求的文件类型返回不同的文件内容 首先，我们可以先返回一个html文件，在项目目录下去新建一个template的文件夹,在template文件夹下新建index.html和login.html的文件，分别写入一些测试代码 index.html 阅读全文
posted @ 2019-12-13 09:41
螺钉课堂Nodeing-com
阅读(239)
评论(0)
推荐(0)
摘要：
1.mysql入门 1.1.数据库相关概念 1.1.1.什么是数据？ 描述事物的符号记录称为数据，描述事物的符号可以是数字、文字、声音、图片、视频等，有多种表现形式，都可以经过数字化后存入计算机 1.1.2.什么是数据库？ 数据库（DataBase，简称DB），从字面上理解就是数据仓库，用来存放数据 阅读全文
posted @ 2019-12-13 09:35
螺钉课堂Nodeing-com
阅读(314)
评论(0)
推荐(0)
摘要：
7.ajax函数封装 7.1.实例引入 需求： 每秒钟请求一次服务器 获取到数据 实现： 把ajax进行封装 7.2.ajax代码，普通封装： 7.3.ajax代码,封装成对象的传参的形式： 螺钉课堂视频课程地址：http://edu.nodeing.com 阅读全文
posted @ 2019-12-13 09:25
螺钉课堂Nodeing-com
阅读(200)
评论(0)
推荐(0)
摘要：
5.ajax简介 5.1.什么是ajax Asynchronous JavaScript and XML ,异步的javascript和XML 5.2.使用ajax有什么用 数据交互，可以从服务器获取到数据，也可以从前台把数据发送到后台服务器 5.3.如何使用ajax 5.3.1 ajax程序流程 阅读全文
posted @ 2019-12-13 09:14
螺钉课堂Nodeing-com
阅读(173)
评论(0)
推荐(0)
摘要：
4.JSON 4.1 什么是JSON? JavaScript 对象表示法（JavaScript Object Notation）简称JSON,是一种轻量级的数据交换格式。虽然它基于JavaScript的对象字面量表示法，但是它于语言却是无关的，这里说的无关意思是说没有依赖关系，不是说只有在js中才能 阅读全文
posted @ 2019-12-13 09:12
螺钉课堂Nodeing-com
阅读(178)
评论(0)
推荐(0)
浙公网安备 33010602011771号