WEB三把刀使用介绍
关注
分享
扫一扫
文章平均质量分 73
主要记录WEB前端开发的HTML、CSS、JavaScript的初阶使用说明以及简要实例，希望对大家起到帮忙
白金牧场
桃李不言 | 下自成蹊
展开
-
WEB前端-DOM-基本使用
文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器，而不是JavaScript语言规范里规定的核心内容。一、查找元素 1、直接查找document.getElementById原创 2016-09-08 22:48:36 · 1261 阅读 · 0 评论 -
WEB前端-AJAX-初识
概述： 对于WEB应用程序基本原理：用户浏览器发送请求，服务器接收并处理请求，然后返回结果，往往返回就是字符串（HTML），浏览器将字符串（HTML）渲染并显示浏览器上。传统方式： 一个简单操作需要重新加载全局数据 AJAX:AJAX，Asynchronous JavaScript and XML (异步的JavaScript和XML)，一种创建交互式网页应原创 2016-09-08 23:25:43 · 675 阅读 · 0 评论 -
WEB前端-JavaScript-入门手记
JavaScript是一门编程语言，浏览器内部自置了JavaScript的解释器，因此按照JavaScript语法写的代码，浏览器都会识别并执行。编写方式Javascript 代码存在形式方式一：<script type='text/javascript' src='js文件路径'></script>方式二：<script type=...原创 2016-09-02 23:34:10 · 997 阅读 · 2 评论 -
WEB前端-JQuery-表单验证
以下是分别以两种方式 DOM& jQuery绑定事件，并对表单内容进行简要验证的代码 可以通过js的表单验证减少与后台数据交互验证的动作，从而减少响应时间<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .item{原创 2016-09-03 00:08:05 · 1341 阅读 · 3 评论 -
WEB前端-JS-动态购物页面V1
终于将静态页面改成动态了，本次主要使用js&dom、jquery等来实现，目前只是将部分功能动态了，代码看这里：这里写代码片原创 2016-08-27 08:33:59 · 3905 阅读 · 1 评论 -
WEB前端-jQuery-中文文档
jQuery相当于一个封装了js&dom的第三方库，减少编码量，当时当业务类型为节约流量型的时候，比如手游等等，页面显示前需要预下载库资源。因此这种情况下为了节约流量，就需要自己来写js&dom了。jQuery这里只提供转跳，更专业的中文文档请点击此处原创 2016-08-27 08:43:52 · 927 阅读 · 0 评论 -
WEB前端-CSS-静态购物页面V3
这是之前静态页面的第三版相对于第二版，这一版新增了一个纯html-css实现的简易注册页面，并增加了遮罩层，明天会将这个注册页与JavaScript&DOM结合，实现微博前端的简易交互。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" http-equiv="X-UA-COMPATIBLE" content="IE=e原创 2016-08-19 19:08:52 · 2566 阅读 · 0 评论 -
WEB前端-CSS-静态购物页面V2
这是之前静态购物页面的第二版，相对于第一版优化如下： 1、修改了浏览器缩小后，布局会变得混乱的问题； 2、新增了主展示区的购买按钮； 3、新增了很多div来加固宽体直接的间隙； 4、去掉了一些多余的css样式代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" http-equiv="X-UA-COMPATI原创 2016-08-18 16:00:20 · 2149 阅读 · 0 评论 -
WEB前端-CSS-选择器&常用样式/属性
CSS 层叠样式表 CSS（Cascading Style Sheets）是一种用来表现HTML（标准通用标记语言）或者XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 关于更详细的CSS介绍可参考此连接。本篇只记录最常用的几点内容。存在形势css一共有三中常见的存在形势： 1、元素内联： 在html的body段中，直接在标签头部属性块引入 <div s原创 2016-08-16 21:48:34 · 4553 阅读 · 0 评论 -
WEB前端-HTML-基础
作为WEB前端的第一篇，先讲讲WEB大体的情况。 学习WEB前端开发，需要了解三把刀：HTML、CSS、JavaScript HTML：提供最基本的web语言基础 CSS：用过Photoshop的朋友应该了解一个图层的概念，css就是实现各种页面渲染的语言，主要实现的是静态渲染 JavaScript：跟Java没有任何关系，是当今最主流的web脚本语言，主要作用是实现页面的动态化讲到这里就顺原创 2016-08-08 00:43:19 · 3018 阅读 · 7 评论 -
WEB前端-HTML-常用标签
各种符号要想在页面上显示各种符号，需要根据html的符号对照表来进行编写。 详细请点这里p&br&hrp 表示段落，默认段落上下会有行间距； br 是换行，自闭和标签； hr 是横线；<p> 段落自带行间距 </p><p> 段落自带行间距 </p><hr/><br/><br/>a标签1、可添加超链接标签； 2、有锚的作业，相当于业内定位；<a href原创 2016-08-12 01:05:01 · 27337 阅读 · 3 评论 -
WEB前端-CSS-静态购物页面V1
使用html&css实现了一个购物的静态页面，css样式仅供参考 以下为页面结构图 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" http-equiv="X-UA-COMPATIBLE" content="IE=edge"/> <meta http-equiv="refresh" Content="30原创 2016-08-13 13:03:46 · 4328 阅读 · 0 评论 -
WEB前端-HTML-JavaScript实现内容滚动刷新的效果
给大家分享一个简要的内容滚动刷新的小实例，只要通过JavaScript的字符串操作来实现，并通过setInterval方法实现无线循环，具体扩展使用，请自行挖掘，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</title></head><body> <h1 i原创 2016-08-14 23:29:47 · 8041 阅读 · 1 评论 -
WEB前端-HTML-CSS-后台管理页面布局小例
作为一个后台管理页面，不必太过复杂，一般只需要三部分： 1、上层标签块； 2、左侧菜单块； 3、中部内容显示块；今天简要给大家分享一个布局中的一个小case； 需求：要求上层标签块、左侧菜单快固定不动，滚动条只对中部显示块作用；其实很简单，就是利用absolute的底部定位 ”bottom：0“配合overflow：auto来实现的。 代码如下：<!DOCTYPE html><html原创 2016-08-14 23:45:17 · 15859 阅读 · 0 评论