Web前端基础知识
关注
分享
扫一扫
web前端知识
前端阿呆
读书本来就是一件辛苦的事情，是一件受累的事情。要想读书，就不能怕吃苦。怕吃苦还读什么书！
展开
-
第四章 WEB04_jQuery篇_第二课
使用JQ完成省市二级联动： 1.需求分析： 使用jquery完成省市二级联动 2.技术分析： 2.1数组的遍历操作 方式一： $(function(){ // 全选/ 全不选 $("#checkallbox").click(function(){ var isChecked = this.checked; //使用对象访问的方式进行遍历，语法：$().each(function(){}) $("input[name='hobby']").each(function(){ this.原创 2020-05-18 17:48:52 · 192 阅读 · 0 评论 -
一款优秀的表单验证插件——validation插件
特点： 内置验证规则：拥有必填、数字、email、url和信用卡号码等19类内置验证规则。 自定义验证规则：可以很方便的自定义验证规则。 简单强大的验证信息提示：默认了验证信息提示，并提供自定义覆盖默认提示信息的功能。 实时验证：可以通过keyup或bulr事件触发验证，而不仅仅在表单提交的时候验证。 下载： http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 快速入门： 第一步：引入jquery库和validation插件原创 2020-05-18 17:23:47 · 1896 阅读 · 0 评论 -
第四章 WEB04_jQuery篇_第一课
2.1 jquery相关的知识： Jquery它是javascript的一个轻量级框架，对javascript进行封装，它提供了很多方便的选择器。供你快速定位到需要操作的元素上面去。还提供了很多便捷的方法。 怎么使用jquery： Jquery它是一个库(框架)，要想使用它，必须先引入！ jquery-1.8.3.js：一般用于学习阶段。 jquery-1.8.3.min.js：用于项目使用阶段。 Jquery的简单入门： 所有的jquery代码写在页面加载函数 $(function(){ Jque原创 2020-05-18 17:11:00 · 172 阅读 · 0 评论 -
第三章 WEB_JS_2 篇
案例五：使用JS完成表格的一个隔行换色 1.需求分析： 我们希望在后台页面中实现一个隔行换色的效果显示所有的用户信息，显示效果如下： 2.技术分析 新标签的学习： <thead> <tr> <th></th> </tr> </thead> <tbody> <tr> <td></td> </tr> </tbody> 确定事件(页面加载事件onloa原创 2020-05-15 14:39:48 · 183 阅读 · 0 评论 -
javascript第二天课程
二、布尔值和关系运算符、逻辑运算符： 2.1 布尔值： 学习了两种变量的类型数值型、字符串型。 实际上，还有很多变量的类型。我们今天再学习一种，叫做“布尔类型” 数值型里面的值，有无穷多个。因为世界上所有的数字，都是数值型。 字符串型的值，有无穷多个，因为世界上所有的文字、语句都是字符串型。 布尔类型的值，就两个true、false. true 真 1 flase 假 0 布尔值，直接使用就可以...原创 2020-03-15 22:52:59 · 173 阅读 · 0 评论 -
javascript第一天课程
一、简单好学、富有表现力: 1.1 JavaScript简介: JavaScript用来制作web页面交互效果，提升用户体验。 简单列出几个：轮播图、选项卡(Tab栏）、返回顶部按钮动画、地图、表单验证等等。 web前端三层来说： 结构层 html 从语义的角度，描述页面结构。 样式层 css 从审美的角度，美化页面 行为层 JavaScript 从交互的角度，提高用户体验。 1....原创 2020-03-13 23:28:05 · 160 阅读 · 0 评论 -
Web前端第八课
一、相对定位： 定位有三种，分别是相对定位、绝对定位、固定定位。 分别是属性： 相对定位： position:relative; 绝对定位： position:absolute; 固定定位： position:fixed; 1.1 认识相对定位： 相对于自己原来的位置，进行位置的移动。 相对定位，就是微调元素位置的。让元素相对自己原来的位置，进行定位。 也就是说，如果一个盒子想进行位置调整，那...原创 2020-03-12 08:59:24 · 134 阅读 · 0 评论 -
响应式布局和自适应布局概念的详解
什么是响应式布局: 响应式布局就是在不同屏幕不同分辨上实现不同的展示方式。响应式布局能使网站在手机和平板电脑上有更好的浏览体验，也就就是说一个网站能后兼容多个终端，而不是为了每一个终端做一个特定的版本。 什么是自适应布局: 自适应布局就是能忘了使网页自适应的显示在不同大小终端设备上的新网页设计方式及技术，需要开发多套界面来适应不的终端。 响应式布局与自适应布局的区别是什么: 1、自适应布局是通过检...原创 2020-03-13 08:51:28 · 620 阅读 · 0 评论 -
Web前端第七课
一、行高:line-height css中，所有的行都有行高。盒模型的padding,绝对不是直接作用在文字上的，而是作用在“行”上的。 文字，是在自己的行里面居中的。比如，现在文字字号14px,行高为24px。那么文字上面有5px,下面会有5px。如果不能平分，下面的会比上面的多一个像素。 为了严格保证字在行里面居中，我们的工程师有一个约定：行高、字号，一般都是偶数。这样，它们的差 就是偶数，就...原创 2020-03-10 09:13:18 · 304 阅读 · 0 评论 -
Web前端文本级标签、容器级标签、行内标签、块标签总结
文本级标签、容器级标签、行内标签、块级标签转载 2020-03-07 09:44:33 · 596 阅读 · 0 评论 -
Web前端第六课
一、复习 盒模型box model,什么是盒子？所有的标签都是盒子。无论是div、span、a都是盒子。 图片、表单元素一律看作文本。 盒模型有哪些组成：width、height、padding、border、margin padding,内边距，边框和文字内容之间的距离。padding有颜色。表示方法，能够用pdin综合写， 4个值“上、右、下、 border,边框，3要素，4条边。3要素：bo...原创 2020-03-07 09:40:38 · 256 阅读 · 0 评论 -
Web前端第五课
一、权重问题 1、同一个 标签携带多个类，权重一样时，有冲突，听谁的样式？ <p class="spec1 spec2"></p> .spec2{} .spec1{} 和在标签中的挂类名的顺序无关，只和css的顺序有关。样式谁写在后面，听谁的。 2、!important 关键字：权重最大 .spec{ color:green !important; } 语法...原创 2020-03-07 09:20:53 · 173 阅读 · 0 评论 -
Web前端第四课
node.js就是用js写服务器，单线程、异步i/o、不堵塞。 用记事本打开，不是乱码，是可读的，那么一定是纯文本文件。只有文本，没有样式，没有语义。.class不是纯文本文件。 我们一直在用的是相对路径，就是从自己出发找到别人。用相对路径的好处很明显，就是站点文件夹可以拷着走。站点不管拷贝到哪里，文件和图片的相对路径关系都是不变的。 相对路径使用有一个前提，就是网页文件和你的图片必须在同一个服务...原创 2020-02-29 22:35:56 · 163 阅读 · 0 评论 -
Unity工具类之生成文本验证码
文本验证码 由于我经常使用Unity进行webgl版本的开发，看到网站上面用户登录有很多的验证码验证。借鉴相关博客，写了Unity的工具类文本验证码，代码如下： 工具类：VerificationCode using System.Collections; using System.Collections.Generic; using System.Text; /// <summary>...原创 2019-12-30 10:56:01 · 725 阅读 · 0 评论 -
Web前端第三课
列表 列表有三种：ul、ol、dl 无序列表： ul 就是英语unordered list. 无序列表的简写。 li 就是英语 list item , 列表项的意思。 Ul的儿子，只能是li。但是li是一个容器级标签，li里面什么都可以放。 有序列表： ordered list 有序列表：ol 。 ol这个东西用的不多，如果想要表达顺序，大家一般也用ul 。 定义列表...原创 2019-12-23 15:21:51 · 2330 阅读 · 0 评论 -
Web前端第二课
Web前端第二课 网页的原理：用户输入网址之后，对应的服务器就发现有人请求我的网页了，所以这个服务器就会把网页和相关的图片、js文件、css文件、flash文件都通过HTTP协议传输到用户的电脑里面。HTML页面在用户的电脑里面进行渲染。HTTP协议指的是超文本传输协议。 HTML：超文本标记语言，就是通过标签对，给纯文本增加语义。也就是说，用文本给文本增加语义，所以这个叫做“超文本”。 标签： ...原创 2019-12-23 11:52:40 · 232 阅读 · 0 评论 -
相对路径详解
相对路径和绝对路径的区别 相对路径和绝对路径在软件开发过程中，是经常要掌握的知识点。大部分人认为相对路径是前端需要掌握的，其实不是这样的。 这里只讲相对路径，绝对路径可以进行点击： 例子： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>相对路径和绝对路径...原创 2019-12-21 11:47:59 · 420 阅读 · 0 评论 -
Web前端第一课
快捷键 Ctrl+C:复制。 Ctrl+V:黏贴。 Ctrl+X:剪切。 Ctrl+Z:撤销。 F2：重命名。 F5：刷新。 Window+E:资源管理器。 Window+d:显示桌面。 互联网临时文件夹 在我们每个人的电脑里面，都有一个神秘的文件夹，称为“互联网临时资源文件夹”。 chrome的临时文件夹在 上网就是请求数据。服务器存放着网页的相关文件，包括html文件、css文件、js文...原创 2019-12-19 14:20:20 · 389 阅读 · 0 评论