随笔分类 -  前端技术

摘要:【转】 前端笔记之JavaScript(九)定时器&JSON&同步异步/回调函数&函数节流&call/apply 一、快捷位置和尺寸属性 DOM已经提供给我们计算后的样式,但是还是觉得不方便,因为计算后的样式属性值都是字符串类型。 不能直接参与运算。 所以DOM又提供了一些API:得到的就是numb 阅读全文
posted @ 2020-10-14 06:12 CLASSIC~W
摘要:【转】 前端笔记之JavaScript(八)关于元素&计算后的样式 一、获取元素方法(JS选择器) 1.1概述 得到id元素的方法 document.getElementById() 得到一个元素。事实上,还有一个方法可以得到标签元素,并且得到的是多个元素: document.getElements 阅读全文
posted @ 2020-10-14 06:10 CLASSIC~W
摘要:【转】 前端笔记之JavaScript(七)深入函数&DOM那点事 一、函数补充 1.1 arguments类数组对象 arguments 是一个对应于传递给函数的参数的类数组对象。 在函数中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。 在其它编程语言中,比如java 阅读全文
posted @ 2020-10-14 06:08 CLASSIC~W
摘要:【转】 前端笔记之JavaScript(六)让人头疼的正则表达式 一、正则表达式 1.1正则概述和体验 正则表达式是被用来匹配字符串中的字符组合的模式,常用来做表单验证。在JavaScript中,正则表达式也是对象,是一种引用类型。 案例:正确输入一个电话号码,010-12345678,用户输入正确 阅读全文
posted @ 2020-10-14 06:07 CLASSIC~W
摘要:【转】 前端笔记之JavaScript(五)关于数组和字符串那点事 一、数组 1.1数组概念 数组(array)是一个有序的数据集合。说白了,数组就是一组数。数组内部可以存放一个或多个单独的数据,整体组成数组。 定义数组最简单的方式:数组字面量。 数组的字面量“[]”。习惯将数组赋值给一个变量。 v 阅读全文
posted @ 2020-10-14 06:05 CLASSIC~W
摘要:【转】 前端笔记之JavaScript(四)关于函数、作用域、闭包那点事 一、自定义函数function 函数就是功能、方法的封装。函数能够帮我们封装一段程序代码,这一段代码会具备某一项功能,函数在执行时,封装的这一段代码都会执行一次,实现某种功能。而且,函数可以多次调用。 1.1函数的定义和调用 阅读全文
posted @ 2020-10-14 06:04 CLASSIC~W
摘要:【转】 前端笔记之JavaScript(三)关于条件判断语句、循环语句那点事 一、条件分支语句 条件分支语句,也叫作条件判断语句,就是根据某种条件执行某些语句,不执行某些语句。 JS中有三种语法是可以表示条件分支的 1.1 if……else…… 条件分支的主力语法,这个主力语法能够书写所有的条件分支 阅读全文
posted @ 2020-10-14 06:03 CLASSIC~W
摘要:【转】 前端笔记之JavaScript(一)初识JavaScript 一、JavaScript简介 1.1网页分层 web前端一共分三层: 结构层 HTML : 负责搭建页面结构 样式层 CSS : 负责页面的美观 行为层 JavaScript : 负责页面的交互效果,提高用户体验 如果用舞台来进行 阅读全文
posted @ 2020-10-14 06:01 CLASSIC~W
摘要:【转】 前端笔记之CSS(下)浮动&BFC&定位&Hack 一、浮动 1.1 各个语言的主要知识点 HTML:标签语义化(那么怎么样布局才是合理的?没有绝对的对和错) CSS: 样式: 布局: 标准流(标准文档流、普通文档流):盒子模型(width/height+padding+border+mar 阅读全文
posted @ 2020-10-14 06:00 CLASSIC~W
摘要:【转】 前端笔记之CSS(上)语法&文本属性&块/行内元素&选择器&盒模型 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各 阅读全文
posted @ 2020-10-14 05:59 CLASSIC~W
摘要:【转】 前端笔记之HTML 前端三层:内容层(结构层)HTML、样式层(表现层)CSS、行为层JavaScript 层 语言 含义 结构层 HTML 由 HTML 或 XHTML之类的标记语言负责创建。标签,也就是那些出现在尖括号里的单词,对网页内容的语义含义做出了描述,但这些标签不包含任何关于如何 阅读全文
posted @ 2020-10-14 05:56 CLASSIC~W
摘要:【转】 web框架-(五)Ajax Ajax即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,AJAX = 异步 JavaScript和XML(标准通用标记语言的子集),AJAX 是一种用于创建快速动态 阅读全文
posted @ 2020-10-13 21:29 CLASSIC~W
摘要:【转】 web前端基础知识-(六)jQuery-补 一、JS正则 1、定义正则表达式 JavaScript种正则表达式有两种定义方式,定义一个匹配类似 <%XXX%> 的字符串; 1)构造函数 var reg=new RegExp('<%[^%>]+%>','g'); 2)字面量 var reg=/ 阅读全文
posted @ 2020-10-13 21:28 CLASSIC~W
摘要:【转】 web前端基础知识-(五)jQuery 通过之前的学习我们已经了解了html、css、javascript的相关知识;本次我们就共同学习进阶知识:jQuery~ 一、什么是jQuery? jQuery其实就是一个轻量级的javascript函数库,通过它我们可以"写的少做的多"; jQuer 阅读全文
posted @ 2020-10-13 21:27 CLASSIC~W
摘要:【转】 web前端基础知识-(四)DOM 文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。我们最为关心的是,DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器, 阅读全文
posted @ 2020-10-13 21:26 CLASSIC~W
摘要:【转】 web前端基础知识-(三)JavaScript基本操作 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。 JavaScript 很容易学习。 一、如何编写? 1 阅读全文
posted @ 2020-10-13 21:25 CLASSIC~W
摘要:【转】 web前端基础知识-(二)CSS基本操作 1. 概述 css是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化。 存在方式有三种:元素内联、页面嵌入和外部引入,比较三种方式的优缺点。 语法:style = 'key1:value1;key2:valu 阅读全文
posted @ 2020-10-13 21:23 CLASSIC~W
摘要:【转】 web前端基础知识-(一)html基本操作 1. HTML概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记)。相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标记语言的规则去解释它。 浏览 阅读全文
posted @ 2020-10-13 21:22 CLASSIC~W