web前端学习笔记

Web前端学习笔记:day03(JavaScript day01)

JavaScript1.JavaScript概述1、JavaScript是一种脚本语言，它的出现使HTML不再是一种纯静态的网页，它增加了HTML页面的交互性2、JS是一门事件驱动型的编程语言，依靠事件去驱动，然后执行对应的程序。在JS中有很多事件，其中有一个事件叫做：鼠标单击，单词：click。并且任何事件都会对应一个事件句柄叫做：onclick。【注意：事件和事件句柄的区别是：事件句柄是在事件
ℳ๓₯㎕℡ 桜·2020-07-11 21:05

Web前端学习笔记——NodeJS之入门、核心概念、模块系统、包与npm

目录Node.js介绍Node.js是什么Node的特点Node发展历史为什么要学习NodeNode能做什么这门课程你能学到啥？一些资源起步预备知识安装Node环境REPLHelloWorld文件读写HTTP服务核心概念Node.js中的JavaScript模块化异步操作模块系统什么是模块化Node中的模块分类核心模块模块通信之输入require模块通信输出exports为什么exports=xx
唯恋殊雨·2020-07-10 18:55

Web前端学习笔记——JavaScript之正则表达式、伪数组、垃圾回收

正则表达式了解正则表达式基本语法能够使用JavaScript的正则对象正则表达式简介什么是正则表达式正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”
唯恋殊雨·2020-07-10 03:30

2019web前端学习笔记——js高级（3）

二、RegExp对象:什么是:保存一条正则表达式，并包含用正则表达式执行验证和查找功能的对象何时:只要在js中使用正则表达式，都要先创建正则表达式对象，再使用正则。如何:1.创建正则表达式对象:2种:（1）创建一个固定的正则表达式对象:varreg=/正则/ig问题://之间不允许写js语句动态生成正则表达式（2）正则表达式需要动态生成varreg=newRegExp("正则","ig")说明:因
xiaoyuzhouxyj·2020-07-09 01:14

2019web前端学习笔记——js高级（1）

day01主要内容正则表达式String中的正则API:一、正则表达式:二、String中的正则表达式:1.查找敏感词:4种:（1）查找一个固定的敏感词出现的位置vari=str.indexOf("敏感词",starti)在str中，从starti位置开始，找下一个敏感词出现的位置返回值:如果找到，返回敏感词第一个字的下标如果没找到，返回-1问题:只能查找一个固定的敏感词，不支持正则！（2）模糊查
xiaoyuzhouxyj·2020-07-09 01:14

Web前端学习笔记学习路线图

随着互联网的快速发展，web前端行业发展前景较好，虽然web前端薪资高入门门槛低，但是俗话说的好：入门容易，精通难。web前端开发的知识点繁多，所以，要想真正全部掌握web前端工程师开发技能，并非一件易事，而且，网上的视频，不系统，知识前后不连贯，所以想真正的掌握web前端开发技术，灵活的运用到企业项目，还需要你能真正的接触到一些企业级的项目，懂得前后台交互，然而，这所需要时间就是不可估量的了，想
weixin_30822451·2020-07-08 14:42

Web前端学习笔记——Ajax

1.概述Web程序最初的目的就是将信息（数据）放到公共的服务器，让所有网络用户都可以通过浏览器访问。在此之前，我们可以通过以下几种方式让浏览器发出对服务端的请求，获得服务端的数据：地址栏输入地址，回车，刷新特定元素的href或src属性表单提交这些方案都是我们无法通过或者很难通过代码的方式进行编程（对服务端发出请求并且接受服务端返回的响应），如果我们可以通过JavaScript直接发送网络请求，那
唯恋殊雨·2020-07-08 07:11

Web前端学习笔记——JavaScript之对象

对象为什么要有对象functionprintPerson(name,age,sex....){}//函数的参数如果特别多的话，可以使用对象简化functionprintPerson(person){console.log(person.name);……}什么是对象现实生活中：万物皆对象，对象是一个具体的事物，一个具体的事物就会有行为和特征。举例：一部车，一个手机车是一类事物，门口停的那辆车才是对象
唯恋殊雨·2020-07-08 07:11

Web前端学习笔记——JavaScript之数组、函数、作用域

数组为什么要学习数组之前学习的数据类型，只能存储一个值(比如：Number/String。我们想存储班级中所有学生的姓名，此时该如何存储？数组的概念所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。数组的定义数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。通过数组字面量创建数组//创建一个空数组vararr1=[]
唯恋殊雨·2020-07-08 07:11

web前端学习笔记——Day7

六、JavaScript的循环与异常try{//这段代码从上往下运行，其中任何一个语句可抛出异常改代码块就结束运行}catch(e){//如果try代码块中抛出了异常，catch代码块中的代码就会被执行。//e是一个局部变量，用来指向error对象或者其他抛出的对象}finally{//无论try代码是否有异常抛出（甚至是try代码块中有return语句，finally代码块中始终会被执行）}注意
小小鱼@✔·2020-07-08 02:59

web前端学习笔记——Day11

六、动画效果6.1显示隐藏hideshowtoggle三个函数方法显示隐藏hello隐藏显示切换$(document).ready(function(){$("#hide").click(function(){$("p").hide(1000);});$("#show").click(function(){$("p").show(1000);});//用于切换被选元素的hide()与show()方
小小鱼@✔·2020-07-08 02:28

web前端学习笔记——Day3(css)

css：层叠样式表，用来控制网页数据的表现，可以使用网页的表现与数据内容分离一、css的四种引入方式1、行内式行内式是在标记的style属性中设定css样式。hello2、嵌入式嵌入式是将css样式集中写在网页的head标签对的style标签对中。格式如下：Titlep{background-color:"red";}a{text-decoration:none;//去掉下划线}helloworl
小小鱼@✔·2020-07-08 02:27

web前端学习笔记——Day5

七、css的float属性（最重要）先来了解一下block元素和inline元素在文档流中的排列方式。block元素通常被实现为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性；inline元素不会独占一行，多个相邻的行内元素会排在同一行里，直到一行排列不下，才会新换
小小鱼@✔·2020-07-08 02:27

web前端学习笔记——Day2

六、表单标签form表单用于向服务器传输数据。表单能够包含input元素；比如文本字段、复选框、单选框、提交按钮等。表单还可以包含textarea、select、fieldset和label元素。1、表单属性HTML表单用于接收不同类型的用户输入，用户提交表单时1向服务器传输数据，从而实现用户与web服务器的交互。表单标签，要提交的所有内容都应该在该标签中。action：表单提交到哪？一般指向服务
小小鱼@✔·2020-07-08 02:27

web前端学习笔记——Day9(jQuery)

一、jQuery是什么？jQuery由美国人JohnResig创建，至今已吸引了来自世界各地的众多javascript高手加入其team。jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITELESS,DOMORE!它是轻量级的js库(压缩后只有21k)，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器jQuery是一个快速的，简洁的javaS
小小鱼@✔·2020-07-08 02:27

web前端学习笔记——Day4

五、css的常用属性1、颜色属性1、color:red;直接颜色的英文2、color:#ffee33;十六进制表示3、color:rgb(255,0,0);rgb三原色表示，取值0~2554、color:rgba(255,0,0,0.5);a表示透明度2、字体属性1、font-size:50px/50%/larger(大小)2、font-family:'lucidaBright'（字体）3、fon
小小鱼@✔·2020-07-08 02:27

web前端学习笔记——Day10

四、操作元素（属性，css，文档处理）4.1属性操作--------------------------属性$("").attr();//拿到属性对应的值$("").removeAttr();//$("").prop();$("").removeProp();如果是固有的属性，就用prop，如果是自己定义的属性，就用attr--------------------------CSS类$("").a
小小鱼@✔·2020-07-08 02:27

web前端学习笔记——Day6(js)

一、JavaScript的引入方式{#1直接编写alert("hello")}{#2导入js文件}一般情况下习惯于放在和之间，这样不会存在当要找标签时，script找不到标签的问题。二、JavaScript的基础2.1、变量在JavaScript中，变量是弱类型的（很随便）。1、声明变量时不用声明变量类型，全部使用var关键字。vara；2、一行可以声明多个变量，并且可以是不同类型。varname
小小鱼@✔·2020-07-06 18:03

web前端学习笔记——Day8

十五、js的history对象和location对象1、History对象History对象属性History对象包括用户（在浏览器窗口中）访问过的URL。History对象是window对象的一部分，可通过window.history属性对其进行访问length返回浏览器历史列表中的URL数量。History对象方法back()加载history列表中的前一个URL。forword()加载his
小小鱼@✔·2020-07-06 18:03

web前端学习笔记——Day1(html)

heda标签metameat标签的组成：meat标签共有两个属性，它们分别是http—equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。1、name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。keywords：关键字content后面跟的是关键字。通过关键字搜索找到关键
小小鱼@✔·2020-07-06 18:00

极客学院web前端学习笔记 （一）概况

终于到暑假啦！暑假开始重新（x）学习web前端，其实html和css早已有所接触，但是js接触较少，直接原因是下学期大概要给学弟学妹们解答一些前端基础相关的问题，所以希望在暑假好好整理归纳一下知识体系，然后在恶补一下没有学习到的部分，争取成功唬人x哈哈哈哈哈，所以就重头开始学啦~希望顺利helloworld~教程是找的极客学院的web前端开发教学，视频挺多挺全的，分几大部分，打算先把第一部分的h5
Riverlly·2020-07-06 02:35

Web前端学习笔记

HTMLWeb前端（一）HTMLcssWeb前端（二）HTMLHTML&css（上）table+form创建表单Web前端（二）HTML&css（下）css选择器和引入方式、css重构网站首页JavaScriptWeb前端（三）JavaScript(1)表单校验：弹出显示Web前端（三）JavaScript(2)轮播图片+弹出广告Web前端（三）JavaScript(3)改进表单校验：同行显示We
馬冬梅啊·2020-07-06 02:59

Web前端学习笔记——TypeScript

TypeScript内容纲要了解什么是TypeScriptTypeScript基本语法TypeScript介绍TypeScript是什么TypeScript是JavaScript的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的JavaScript代码。由于最终在浏览器中运行的仍然是JavaScript，所以TypeScript并不依赖于浏览器的支持，也并不会带来兼容性问题。TypeScri
唯恋殊雨·2020-07-05 14:13

web前端学习笔记（五）——表格

HTML表格结构表格的作用及应用场景：呈现数据或统计信息表格的html基本结构包括：表格区、表格行、单元格。3个基本表亲是表格的基本构成结构，缺一不可且嵌套关系不可改变。多个形成，多个形成。表格结构的扩展如果使用、、，必须一起使用。且顺序是。CSS表格样式表格的个性：表格类的元素是比较特殊的一类元素，他们有自己独特的displaty模式样式应用技巧：1.所有表格类的元素都可以看做是box，使用盒模
齐在·2020-07-02 14:45

【Web前端学习笔记】Web前端框架_JQuery

Web前端框架_JQueryA.JQuery库1.JavaScript脚本库产生原因JavaScript给网页添加了很多动态功能：动态交互实时刷新等但是语法复杂，代码量大，浏览器不兼容等，造成编码不便，效率低因此：封装了预定义的对象和函数的JavaScript库诞生了帮助使用者快速建立交互性强功能丰富的页面同时解决了浏览器兼容性问题2.JQuery库概述是一个优秀的JavaScript脚本库，是一
love__nana·2020-06-29 20:08

Web前端学习笔记之一：手写Promise（面试）

一、Promise简单介绍说是简单介绍，真的很简单。promise的主要作用是能解决JS多层次回调代码难以理解与维护。把嵌套回调写成看起来像是平行代码。详细可参考1.Promise什么是？有什么作用？本质是什么？2.JavaScript标准库Promise二、手写promise简单实现直接上代码constPENDING="pending";//初始值，不是fulfilled，也不是rejected
weixin_34279579·2020-06-28 15:17

Web前端学习笔记——JavaScript之变量、操作符、表达式和语句

浏览器说明浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。通俗的讲:可以显示页面的一个软件,国内网民计算机上常见的网页浏览器有，QQ浏览器、InternetExplorer、Firefox、Safari，Opera、GoogleChrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、傲游浏览器、世界之窗浏览器等，浏览器是最经常使用到
唯恋殊雨·2020-06-26 19:15

Web前端学习笔记——CSS盒子模型、浮动

盒子模型（CSS重点）其实，CSS就三个大模块：盒子模型、浮动、定位，其余的都是细节。要求这三部分，无论如何也要学的非常精通。所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。看透网页布局的本质网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的
唯恋殊雨·2020-06-26 19:43

Web前端学习笔记——HTML5新标签与特性

HTML5新标签与特性文档类型设定documentHTML:sublime输入html:4sXHTML:sublime输入html:xtHTML5sublime输入html:5字符设定：HTML与XHTML中建议这样去写：HTML5的标签中建议这样去写常用新标签w3c手册中文官网:http://w3school.com.cn/header：定义文档的页眉头部nav：定义导航链接的部分footer：
唯恋殊雨·2020-06-26 19:43

全套笔记（全栈）

##WEB前端学习笔记一、DAY01介绍历史web发展的四个阶段及要掌握的技能第一个阶段：PS+HTML+CSS第二个阶段：JS+AJAX+JQuery第三个阶段：从前端到全端，从PC到移动端，除了要掌握前两个阶段的内容还必须学会
DJXHC·2020-06-23 04:58

web前端学习笔记

一、HTMLhtypertextmarkuplanguage即超文本标记语言超文本:就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。标记语言:标记（标签）构成的语言.网页==HTML文档，由浏览器解析，用来展示的静态网页：静态的资源，如xxx.html动态网页：html代码是由某种开发语言根据用户请求动态生成的标签:由一对尖括号包裹的单词构成标签不区分大小写标签分为两部分:开始标签和结
感觉不一样·2019-09-22 11:00

Web前端学习笔记2——css基础1

目录1.选择器1.1基础选择器1.2复合选择器2.文本属性2.三种样式表写法3.块元素与行内元素的区别3.1块元素3.2行内元素3.3行内块元素(内联元素)3.4display属性----元素转换4.css三大特性4.1层叠性4.2继承性4.3优先级4.4权重叠加5.超链接常用属性6.背景属性7背景图片实现列表图片案例8行高9.盒子模型9.1盒子案例9.2表格案例9.3表单案例9.4Magin10
奔跑的杰尼龟·2018-11-19 22:18

Web前端学习笔记——JavaScript之事件、创建元素、节点操作

事件事件：触发-响应机制Event接口表示在DOM中发生的任何事件，一些是用户生成的（例如鼠标或键盘事件），而其他由API生成。事件三要素事件源:触发(被)事件的元素事件类型:事件的触发方式(例如鼠标点击或键盘点击)事件处理程序:事件触发后要执行的代码(函数形式)事件的基本使用varbox=document.getElementById('box');box.onclick=function(){
唯恋殊雨·2018-09-24 21:53

Web前端学习笔记——VueJS之组件、路由

定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使用Vue.extend配合
唯恋殊雨·2018-09-20 19:07

web前端学习笔记（三）

HTML5：布局类标签HTML是具有语义化的语言，针对网页的布局，有一类标签代表各种意义的“布局盒子”。所有的布局类标签都主要用来构建页面的内容区域，是双标签类型，是双标签类型，默认显示为块状元素。通用的布局标签：。语义：无明确的含义，通常就是代表“盒子”；应用：根据布局的需要，可以使用到任何地方，可以用id和class来对进行定义或区分。HTML5版本新增的常用布局标签：标签语义页面或区域的头部
齐在·2018-08-28 15:47

web前端学习笔记（一）

web前端的定义：是面向用户（浏览者）的互联网技术统称。主要包括Web界面的结构、Web界面的外观视觉表现以及Web界面的交互实现。Web前端的分类：前端设计和前端架构。HTML结构语言：超文本标记语言。通过各种标记符号（标签）来代表网页中的内容元素、将网页中的内容结构化。特点：通过浏览器来解析、文件名为html或htm。2.CSS样式语言（样式表）：实现表现与结构分离的样式设计语言。控制网页的视
齐在·2018-07-29 09:39

web前端学习笔记（1）

9月5日array.push(...newArray)//往数组插入数组//交换a和b的值//ES6写法vara=1,b=2;[a,b]=[b,a];console.log(a,b);//21//Babel转换成ES5后vara=1,b=2;var_ref=[b,a];a=_ref[0];b=_ref[1];console.log(a,b);//21//获取某个元素相对于浏览器窗口的位置vardo
时间小鱼·2017-09-06 00:00

web前端学习笔记：文本属性

今天的web前端笔记主要讲述文本属性，希望能帮助到正在学习web前端开发的初学者们，废话不多说了，一起来看看文本属性的相关内容吧。文本属性文本缩进将Web页面上的一个段落第一行缩进，这是一种最常用的文本格式化效果。有的网站在段落的第一个字母前放一个很小的透明图像，这些图像将文本推到后面来制造一种缩进文本的感觉。另外一些网站则使用完全标准的空格(spacer)标记。而在CSS中有一种更好地方法实现文
coco510·2016-05-05 00:38

web前端学习笔记：文本属性

今天的web前端笔记主要讲述文本属性，希望能帮助到正在学习web前端开发的初学者们，废话不多说了，一起来看看文本属性的相关内容吧。文本属性文本缩进将Web页面上的一个段落第一行缩进，这是一种最常用的文本格式化效果。有的网站在段落的第一个字母前放一个很小的透明图像，这些图像将文本推到后面来制造一种缩进文本的感觉。另外一些网站则使用完全标准的空格(spacer)标记。而在CSS中有一种更好地方法实现文
coco510·2016-05-05 00:00

WEB前端学习笔记 五

接web前端学习笔记第四篇，此篇为web学习笔记五，在此感谢您的采集和转发，但请注明文章出自网知博学。
houjionghui·2016-04-19 19:38

WEB前端学习笔记 五

接web前端学习笔记第四篇，此篇为web学习笔记五，在此感谢您的采集和转发，但请注明文章出自网知博学。
houjionghui·2016-04-19 19:38

WEB前端学习笔记 四

接上一篇，web学习笔记四，在此感谢您对此篇笔记的认可，但转发时请注明文章出自网知博学。2.0html的语法格式html的标签要写在尖括号中：我在h1标签中，我就是标题那么h1标签中所包裹的文字，就标记成标题了。通过浏览器的解析后在页面上显示出来的效果就是字体加粗，加黑，和word中的标题性质一样！大家知道word中的标题1、标题2、标题3……..吗？html中的标题标签按照标题的大小从-，定义最
houjionghui·2016-04-16 19:17

WEB前端学习笔记 三

接上一篇，web学习笔记三，web学习笔记刚刚发出，就发现被其他网站采集了，在此感谢您的采集和转发，但请注明文章出自网知博学。1.7 开发工具的选择增强文本编辑器：EditPlus、Notepad++特点：比较小、占用系统资源比较少、代码颜色高亮显示、但没有代码自动补功能IDE：(IntegratedDevelopmentEnvironment,集成开发环境)。IDE集成开发环境（简称IDE）开发
houjionghui·2016-04-15 18:06

WEB前端学习笔记 三

接上一篇，web学习笔记三，web学习笔记刚刚发出，就发现被其他网站采集了，在此感谢您的采集和转发，但请注明文章出自网知博学。1.7开发工具的选择增强文本编辑器：EditPlus、Notepad++特点：比较小、占用系统资源比较少、代码颜色高亮显示、但没有代码自动补功能IDE：(IntegratedDevelopmentEnvironment,集成开发环境)。IDE集成开发环境（简称IDE）开发环
houjionghui·2016-04-15 18:06

WEB前端学习笔记 二

1.4 JavaScript和Jquery能做什么？JavaScript是Netscape公司开发的一种基于对象和事件驱动的脚本语言，并且可在所有主要的浏览器中运行IE、Firefox、Chorme、Opera，JavaScript可用来向HTML页面添加交互行为，如表单数据合法性验证、网页特效、动画效果、数值计算，例如你现在浏览的网知博学的首页面上的图片循环播放和导航分类，淘宝和京东的商品分类菜
houjionghui·2016-04-14 17:31

WEB前端学习笔记 二

1.4JavaScript和Jquery能做什么？JavaScript是Netscape公司开发的一种基于对象和事件驱动的脚本语言，并且可在所有主要的浏览器中运行IE、Firefox、Chorme、Opera，JavaScript可用来向HTML页面添加交互行为，如表单数据合法性验证、网页特效、动画效果、数值计算，例如你现在浏览的网知博学的首页面上的图片循环播放和导航分类，淘宝和京东的商品分类菜单
houjionghui·2016-04-14 17:31

WEB前端学习笔记 一

最近时间比较充裕，整理了一下学习过的笔记，此篇笔记包含了：Html、Css、JavaScript、Jquery。以及使用帝国CMS或是织梦CMS建立自己的网站，也许也会整理一下PHP的笔记，如果时间允许会整理完全。虽然笔记是从最基础的开始，但是，并不包含电脑的基础知识，所以你必须已经掌握了一些电脑的基本操作，比如开关机，你的电脑用的是什么操作系统，至少也要会用word和wps吧。浏览器是做什么的，
houjionghui·2016-04-13 20:46

Web前端学习笔记

...  1.JS中的：（1）continue语句（带有或不带标签引用）只能用在循环中。（2）break语句（不带标签引用），只能用在循环或switch中。（通过标签引用），break语句可用于跳出任何JavaScript代码块： ===============================================================================2.Jav
赵康·2015-12-02 19:00

web前端学习笔记---scrollWidth,clientWidth,offsetWidth的区别

通过一个demo测试这三个属性的差别。 说明： scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。 clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。 offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。   该demo就在页面中放一个textarea
·2015-11-06 07:30

web前端学习笔记---实现雪花飘落的效果

看了javascript网页特效实例大全中的图片飘下的效果实例，觉得值得动手学习下。 就把图片改成雪花图，完成一个雪花飘下的效果。 并且，其中有些内容比较陈旧了，那么就学者改掉吧。 包括： 1.对left和top的操作仅支持IE浏览器，这咋行，必须得支持chrome。 2.控制图片下落的过程还要去检索element，不好吧，那就改成数组维持，直接操作数组中维持的对象，启不更快。 3.向
·2015-10-31 18:21
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他