- 博客(22)
- 收藏
- 关注
RSS订阅转载 网站部署最佳入门实践(05)
5.安装网站程序5.1.上传网站程序这里我们使用一个比较简洁的php博客程序来进行安装演示，安装程序下载地址：点击进入我这里把这个博客程序下载到了桌面，接下来需要把这个程序上传到服务器上5.2.解压安装程序到网站目录前面我们新建虚拟主机的时候就确定了网站的放置目录，如下：接下来需要先用xshell登录到linux服务器中，然后进入到ftp的home目...
2018-04-16 09:23:00
162
转载 网站部署最佳入门实践(04)
4.1.域名解析域名解析的目的是让这个域名指向服务器对应的IP地址，当用户访问这个域名的时候，最终去找域名对应的这个ip地址进入到域名控制台，这里以阿里云为例点击解析，进入到域名解析页面点击添加解析填写解析资料4.2.新建虚拟主机新建的这个虚拟主机本质上就是去创建一个可以存放网站程序的文件夹，让这个文件夹处于nginx的管理中，并且要让ngin...
2018-04-16 09:22:00
101
转载 网站部署最佳入门实践(03)
3.lnmp环境搭建3.1.什么是lnmp环境lnmp是一个php的运行环境，l表示Linux，n表示Nginx，m表示Mysql，p表示PHP，通俗的讲用php写的后台服务想要运行起来，这几个软件都需要安装，这套组合可以称为黄金组合3.2.LNMP一键安装包是什么?LNMP一键安装包是一个用Linux Shell编写的可以为CentOS/RHEL/Fedora/Aliy...
2018-04-16 09:21:00
134
转载 网站部署最佳入门实践(02)
2.ftp服务搭建2.1.安装vsftp使用yum安装vsftpdyum install vsftpd 2.2.添加用户adduser nodeingpasswd nodeing 禁止刚新建的用户的ssh登录权限，只允许ftp访问usermod -s /sbin/nologin nodeing 2....
2018-04-16 09:20:00
116
转载 网站部署最佳入门实践(01)
1.必备基础1.1.网站运行原理这里需要明白一个问题，当用户输入网址，经过了怎样的路径然后看到了对应的网页面？ 当用户在浏览器中输入一个网址，例如：http://www.baidu.com，这个时候会去计算机本地去查找一个hosts文件，这个hosts文件里面记录了ip和域名的对应关系，如果找到了这个对应关系，那么就直接去访问这个ip地址，例如：在hosts文件中存在一个对应关...
2018-04-16 09:17:00
150
转载 Ajax+Node.js前后端交互最佳入门实践(07)
7.ajax函数封装7.1.实例引入需求： 每秒钟请求一次服务器 获取到数据实现： 把ajax进行封装<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> ...
2018-04-13 13:59:00
128
转载 Ajax+Node.js前后端交互最佳入门实践(06)
6.XMLHttpRequest对象XMLHttpRequest 是一个 API，它为客户端提供了在客户端和服务器之间传输数据的功能。它提供了一个通过 URL 来获取数据的简单方式，并且不会使整个页面刷新。这使得网页只更新一部分页面而不会打扰到用户。XMLHttpRequest 在 AJAX 中被大量使用。6.1.创建XMLHttpRequest对象6.1.1 XMLHttp...
2018-04-13 13:58:00
229
转载 Ajax+Node.js前后端交互最佳入门实践(05)
5.ajax简介5.1.什么是ajaxAsynchronous JavaScript and XML ,异步的javascript和XML5.2.使用ajax有什么用数据交互，可以从服务器获取到数据，也可以从前台把数据发送到后台服务器5.3.如何使用ajax5.3.1 ajax程序流程ajax技术就相当于使用js引擎去模拟浏览器提交的行为，试想一下，如果要去访...
2018-04-13 13:55:00
161
转载 Ajax+Node.js前后端交互最佳入门实践(04)
4.JSON4.1 什么是JSON?JavaScript 对象表示法（JavaScript Object Notation）简称JSON,是一种轻量级的数据交换格式。虽然它基于JavaScript的对象字面量表示法，但是它于语言却是无关的，这里说的无关意思是说没有依赖关系，不是说只有在js中才能用，再别的语言中也是可以用的。var student = { "n...
2018-04-13 13:51:00
114
转载 Ajax+Node.js前后端交互最佳入门实践(03)
3.HTTP服务器3.3.相关前置知识1 什么是url？统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它2 url包含的内容url的形式是这样的：http://nodeing.com/cloud/search?q=html...
2018-04-13 13:50:00
107
转载 Ajax+Node.js前后端交互最佳入门实践(02)
2.NPM使用2.1.NPM是什么NPM的全称是Node Package Manager，是一个NodeJS包管理和分发工具，这里要搞清楚包的概念，通俗的说，包就是具有一定功能的工具(软件)，本质上呢这些包就是很多文件的集合，例如下图就是一个包：这个包的作用就是将ES6的代码转换成ES5的代码，这个包我们在后面的webpack课程中会讲到，总之，你要明白的第一个概念就是包...
2018-04-13 13:47:00
121
转载 Ajax+Node.js前后端交互最佳入门实践(01)
1.Node.js简介1.0.前后台数据交互流程在web开发中，我们经常听说前端和后台，他们分别是做什么具体工作的呢？他们怎样交互的呢？我们得把这些基础的问题都搞明白了，才有一个大致的学习方向，首先，我们来看一张生活中几乎每个人都经历过的一个场景，如下图：当你去餐馆吃饭的时候，坐下后服务员会带着一个菜单过来，问你需要点什么菜，这个时候你浏览了菜单上的菜，把想吃的菜告诉服务...
2018-04-13 13:46:00
191
转载 webpack最佳入门实践系列(10)
10.css模块化10.1.什么是css模块？CSS模块就是所有的类名都只有局部作用域的CSS文件，当你在一个JavaScript模块中导入一个CSS文件时，CSS模块将会定义一个对象，将文件中类的名字动态的映射为JavaScript作用域中可以使用的字符串，CSS模块不是浏览器中的官方标准(official spec) 或者 实践(implementation) 而是一个(在W...
2018-04-13 13:42:00
117
转载 webpack最佳入门实践系列(09)
9.路径相关原来我们打包的东西都存放到了dist目录下，并没有进行分类存储，乱成一团，这一节我们就要处理一下打包的路径，让打包后的目录看起来更加优雅9.1.代码准备我们先建立起这样一个目录结构.├── node_modules├── src| ├── assets| └── css| └── index.css...
2018-04-13 13:40:00
135
转载 webpack最佳入门实践系列(08)
8.babel相关8.1.babel是什么？Babel 是一个 JavaScript 编译器，它使用非常广泛，可以将es6转换成es5，从而在一些不支持es6的浏览器中运行，这意味着你写es6代码的时候就不需要去关心浏览器是否支持es6点击进入babel中文地址点击进入babel官方地址8.2.使用babel我们新建一个babel-demo的目录来演示bebel的...
2018-04-13 13:35:00
102
转载 webpack最佳入门实践系列(07)
7.使用字体7.1.安装字体库-font-awesome我们通过npm来安装字体npm install font-awesome --save 这个时候，我们的package.json配置文件变成这样：{ "name": "code", "version": "1.0.0", "description": "", "mai...
2018-04-13 13:32:00
175
转载 webpack最佳入门实践系列(06)
6.使用图片6.1.尝试在css中引入图片在src目录下新建css文件夹，并且在css文件夹下创建app.css文件，在src目录下新建images文件夹，放入一张图片，在app.css中引入这张图片body{ background: url('../images/nodeing.jpg')} 在index.js文件中引入app.css这个...
2018-04-13 13:29:00
187
转载 webpack最佳入门实践系列(05)
5.loader5.1.什么是loader？loader 让 webpack 能够去处理那些非 JavaScript 文件（webpack 自身只理解 JavaScript）。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块，然后你就可以利用 webpack 的打包能力，对它们进行处理。本质上，webpack loader 将所有类型的文件，转换为...
2018-04-13 13:26:00
111
转载 webpack最佳入门实践系列(04)
4.devserverwebpack-dev-server 为你提供了一个简单的 web 服务器，并且能够实时重新加载(live reloading)。4.1.安装webpack-dev-servernpm install webpack-dev-server --save-dev 修改package.json配置文件，在script选项中加入下面代码：...
2018-04-13 13:24:00
107
转载 webpack最佳入门实践系列(03)
3.插件在前端迅速发展的今天，许多没有太多技术含量并且感觉是在浪费时间的事情，就可以交给构建工具来做，例如：我们去手动创建index.html,手动引入打包好的js文件等操作，都可以叫个webpack来做，帮助我们提升效率，因此，你只需要理解，插件其实就是webpack的一些扩展功能，旨在帮助我们提示效率的工具3.1.html-webpack-plugin插件这个插件就是帮我...
2018-04-13 13:20:00
94
转载 webpack最佳入门实践系列(02)
2.初识打包2.1 项目初始化1.创建一个目录，并且切换到目录下面mkdir webpack-demo && cd webpack-demo 2.npm初始化并本地安装webpacknpm init -y # 会在本地生成一个package.json的文件npm install webpack --save-dev #...
2018-04-13 13:19:00
111
转载 webpack最佳入门实践系列(01)
1.webpack简介webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源1.1.webpack安装在安装webpack之前你需要先安装Node.js，最理想的Node.js版本是长期支持版本(LTS - Long Term Support)查看No...
2018-04-13 13:11:00
93
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人