前端加按钮将图片另存为_讲给小白的web前端

什么是web前端？

简单讲，小程序、微信公众号、网站、手机网站、甚至部分手机应用，里面你看到的都是web前端。

当然看到的具体内容可能是用户和平台给你的，但内容展示的样式，就是前端完成。

这也包括各种用户交互，比如点击、滑动等。

web前端包含哪些基础技术？

HTML、CSS、JavaScript，这是最基本的，类似大部分工具都是铁。

扩展HTML5、CSS3、ES6等，类似各种铁质工具又有加了铬、钛、不锈钢。

这个基础之后就是各种框架，jQuery、各种CSS的UI。可以方便的进行页面样式和页面元素控制。

接着就是vue、react等各种框架，方便进行前后端的数据和事件绑定。

最后就是微信小程序、APP等业务模式的具体开发。

其实学web前端基本也是这么个流程。

建个网站先要了解的？#山西汾酒 sh600809[股票]#

1、首先我们要知道基本的B/S架构模型。

白话点说，你打开浏览器，打开今日头条，输入“web前端”，然后弹出一堆跟前端相关的帖子的过程，就是B/S架构的模型。

你是用户，浏览器是用户代理，输入web前端在搜索框，是前端提供输入组件，点击搜索后，前端通过ajax技术传给后端，后端根据你的输入，拿到相关数据，返回给ajax，ajax再展示在页面上。

2、那么我们可以自己搭建B/S模型吗？当然能。但这篇文章我们只简单的讲怎么写个页面。

怎么快速做一个自己的网页或者其他？

1、原生的方案，也就是前面说的html、css、JavaScript。

记住，页面中一切看到的东西，应该都在盒子里，而这个盒子就是HTML里面的标签。比如图片应该在img标签里，文字可能在span、a、p等标签里。不同的标签有不同的性质和作用。

比如img标签放图片，a标签可以放个链接，点了就能跳转到链接的那个页面。

为啥不用一个标签放所有东西？你咋不把厕所、卧室、厨房打通了弄一个房间？

css是所有盒子的样式，主要是高宽颜色背景什么的。比如

那么在页面中，你看到的就只是白色两个黑色的字，以及默认的12px大小。

我们就可以通过加css样式，使白色两个字有其他颜色，变为其他大小，带上其他背景。

p{padding:10px;backgroud:#c00;font-size:30px;color:#008;}

1、首先我们要知道基本的B/S架构模型。

白话点说，你打开浏览器，打开今日头条，输入“web前端”，然后弹出一堆跟前端相关的帖子的过程，就是B/S架构的模型。

你是用户，浏览器是用户代理，输入web前端在搜索框，是前端提供输入组件，点击搜索后，前端通过ajax技术传给后端，后端根据你的输入，拿到相关数据，返回给ajax，ajax再展示在页面上。

2、那么我们可以自己搭建B/S模型吗？当然能。但这篇文章我们只简单的讲怎么写个页面。

怎么快速做一个自己的网页或者其他？

1、原生的方案，也就是前面说的html、css、JavaScript。

记住，页面中一切看到的东西，应该都在盒子里，而这个盒子就是HTML里面的标签。比如图片应该在img标签里，文字可能在span、a、p等标签里。不同的标签有不同的性质和作用。

比如img标签放图片，a标签可以放个链接，点了就能跳转到链接的那个页面。

为啥不用一个标签放所有东西？你咋不把厕所、卧室、厨房打通了弄一个房间？

css是所有盒子的样式，主要是高宽颜色背景什么的。比如

那么在页面中，你看到的就只是白色两个黑色的字，以及默认的12px大小。

我们就可以通过加css样式，使白色两个字有其他颜色，变为其他大小，带上其他背景。

至于什么效果，你可以自己建一个HTML文件，写入看下。

那么js是干嘛的呢？

假如页面中有一个按钮，我们要求按一下，这个字就变颜色，就需要js来完成了。

2、框架实现

还是上面的，要用的那个按钮，如果是我们原生写，就需要

会很丑一个按钮，而要美化的，好看的，就需要写一堆样式，跟上边的p一样，加背景，加颜色。

而如果我们用框架，比如layui框架，就只需要

变化

就能有一个很漂亮的按钮了，当然了，你需要先加载layui.css。

好了，就写这么多了，没有说明白的地方，自己下来问嘛。毕竟这篇文章不是要告诉你具体干什么，而是大概明白能干什么。