![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB前端学习笔记
文章平均质量分 91
阶段性学习
qvwvq
这个作者很懒,什么都没留下…
展开
-
web14.Vue.js基础
介绍Vue.js 是什么是一套用于构建用户界面的渐进式框架;自底向上逐层应用,它的设计思想、编码技巧也被众多的框架借鉴、模仿。Vue 的核心库只关注视图层历史介绍Vue 1.0设计思想是一种“渐进式框架”,淡化框架本身的主张,降低框架作为工具的复杂度,从而降低对使用者的要求主要改进提供指令的缩写:针对v-bind和v-on提供缩写形式<!-- v-bind --> <div v-bind:class="box">全写</div> <di原创 2021-09-20 16:44:54 · 378 阅读 · 0 评论 -
web13.Node.js
Node.js概述Node.js概述Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一 个平台。Node.js是一个事件驱动、I/O、服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript 的速度非常快,性能非常好。Node.js的结构Node.js标准库:是在使用过程中能直接调用的API具体 包括http、net、stream、fs、buffer、events等模块原创 2021-09-17 08:18:15 · 136 阅读 · 0 评论 -
web12.JavaScript设计模式
灵活的JavaScript用对象收编变量var checkobject = { checkName: function () { // 验证姓名 }}真假对象var checkobject = function () { return { checkName: function () { // 验证姓名 } }}var a = new checkobject();a.checkEmail原创 2021-09-13 22:16:03 · 148 阅读 · 0 评论 -
web11.less
less是什么? 是一门向后兼容的 CSS 扩展语言。包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。变量(Variables)@width: 10px;@height: @width + 10px;#header { width: @width; height: @height;}混合(Mixins) 将一组属性从一个规则集包含(或混入)到另一个规则集的方法(定义一个基类,将这个类放到另一个原创 2021-09-22 11:14:27 · 113 阅读 · 0 评论 -
web10.CSS3
CSS3概述CSS3概述提高网站的可维护性以及性能速度CSS3新技术包含以下方面:新选择器文本样式颜色样式边框样式背景样式CSS3变形CSS3过渡CSS3动画多列布局弹性布局用户界面浏览器私有前缀由于CSS3新增的有些属性尚未成为W3C标准的一部分;部分浏览器都只能 识别“带有自身私有前缀的属性”私有前缀对应的浏览器-webkit-Chrome和Safari-moz-Firefox-ms-IE-o-OperaCSS3原创 2021-08-24 20:30:42 · 423 阅读 · 0 评论 -
web08.jQuery
jQuery选择器基本选择器层次选择器属性选择器标签选择器$(“标签名”)id选择器$("#id名")class选择器$(".类名")群组选择器$(“选择器1, 选择器2, … , 选择器n”);层次选择器层次选择器M N 后代选择器,选择M元素内部后代N元素(所有N元素)M > N 子代选择器,选择M元素内部子代N元素(所有第1级N元素)M ~ N 兄弟选择器,选择M元素后面所有的同级N元素M + N 相邻选择器,选择M元素相邻的下一个元素(M、原创 2021-08-18 08:41:13 · 178 阅读 · 0 评论 -
web07.ES6
ECMAScript 6 简介ECMAScript 和 JavaScript 的关系 前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 JScript 和 ActionScript)。日常场合,这两个词是可以互换的。ES6 与 ECMAScript 2015 的关系ES6 这个词的原意,就是指 JavaScript 语言的下一个版本。ES6 的第一个版本,就这样在 2015 年 6 月发布了,正式名称就是《ECMAScript 2015 标准》(简 称 ES20原创 2021-08-11 09:26:34 · 85 阅读 · 0 评论 -
web06.JavaScript高级知识(四)
事件流事件流事件流介绍事件流的概念:事件流描述的是从页面中接收事件的顺序。事件发生后会在目标节点和 根节点之间按照特定的顺序传播、路径经过的节点都会接收到事件例子:页面上有一个table 表格,分别在table表格、tbody 表格体、tr行、td单元格上绑定了click事件, 假如我在td 上执行了单击的操作,那么将会产生什么样的事件流呢? 第一种事件传递顺序是:先触发最外层的table元素,然后向内传播,依次触发tbody、tr与td元素。 捕获型事件流 第二种事件传递顺序原创 2021-08-04 16:31:14 · 452 阅读 · 0 评论 -
web06.JavaScript高级知识(三)
原型对象原型对象 每一个函数在创建时都会被赋予一个prototype属性,它指向函数的原型对象,这个对象可以包含 所有实例共享的属性和函数,因此在使用prototype属性后,就可以将实例共享的属性和函数抽离出构造函数,将它添加在prototype属性中。function Person(name, age) { this.name = name; this.age = age;}Person.prototype.sayName = function () { conso原创 2021-08-04 08:46:07 · 97 阅读 · 0 评论 -
web05.JavaScript高级知识(二)
闭包闭包的概念概念:一个用于许多变量和绑定了这些变量执行上下文环境的 表达式,通常是一个函数。特点:函数拥有的外部变量的引用,在函数返回时,该变量仍然处于活跃状态。闭包作为一个函数返回时,其执行上下文环境不会被销毁,仍处于执行上下文环境中。 在JavaScript中存在一种内部函数,即函数声明和函数表达式可以位于另一个函数的函数体内,在内部函数中可以访问外部函数声明的变量,当这个内部函数在包含它们的外部函数之外被调用时,就会形成闭包。function fn(原创 2021-08-02 19:54:52 · 140 阅读 · 0 评论 -
web05.JavaScript高级知识(一)
JavaScript解析与执行过程JavaScript解析和执行过程介绍js的执行过程分为两大部分:解析过程,也称预编译期 。主要工作:对于js的代码中声明的所有变量和函数进行预处理。仅是声明函数开辟出一块内存空间,不进行赋值操作。执行过程,浏览器的js引擎对于每个代码块进行顺序执行,如果有外部 引用的js,且js有相互关联,此时就要注意,不同js的引入顺序,如果声明代码块在调用代码块后调用则 将不会达到预期的效果。全局预处理阶段预处理: 创建一个词法环境(LexicalEn原创 2021-08-01 13:54:59 · 282 阅读 · 0 评论 -
web04.JavaScript概述-事件(四)
事件基础和调用事件介绍在之前的学习中,我们接触过鼠标点击事件(即onclick)。那事件究竟是什么呢? 举个例子,当我们点 击一个按钮时,会弹出一个对话框。其中“点击”就是一个事件,“弹出对话框”就是我们在点击这个事件里 面做的一些事情。在JavaScript中,一个事件应该有3部分:事件主角:是按钮呢?还是div元素呢?还是其他?事件类型:是点击呢?还是移动呢?还是其他?事件过程:这个事件都发生了些什么?在JavaScript中,事件一般是用户对页面的一些“原创 2021-07-26 19:34:13 · 224 阅读 · 0 评论 -
web04.JavaScript概述-DOM(三)
DOM基础DOM是什么? DOM,全称“Document Object Model(文档对象模型)”,它是由W3C定义的一个标准。 在实际开发中,我们有时候需要实现鼠标移到某个元素上面时就改变颜色,或者动态添加元素或者删除 元素等。其实这些效果就是通过DOM提供的方法来实现的。DOM结构<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title&原创 2021-07-26 15:34:25 · 301 阅读 · 0 评论 -
web04.JavaScript概述-函数与对象(二)
JavaScript函数JavaScript函数介绍 一般来说,一个函数是可以通过外部代码调用的一个“子程序”(或在递归的情况下由内部函数调用)。像程序本身一样,一个函数由称为函数体的一系列语句组成。值可以传递给一个函数,函数将返回一个值。 在 JavaScript中,函数是头等(first-class)对象,因为它们可以像任何其他对象一样具有属性和方法。它们与其他对象的区别在于函数可以被调用。简而言之,它们是Function对象。JavaScript函数定义 在JavaScript中原创 2021-07-21 14:21:01 · 274 阅读 · 0 评论 -
web04.JavaScript概述(一)
web04.JavaScript概述(一)1. JavaScript概述1.1. JavaScript的历史JavaScript诞生于1995年。网景公司的员工布兰登 • 艾奇(Brendan Eich,1961年~)在1995年开发出了 JavaScript 语言。JavaScript是由网景公司(Netscape)发明,最初命名为LiveScript;1995年12月与SUN公司合作,SUN公司就是开发了Java语言的公司,因市场宣传需要,改名为 JavaScript。1.2.JavaSc原创 2021-07-21 10:11:16 · 117 阅读 · 0 评论 -
web03.CSS层叠样式表
web03.CSS层叠样式表1.CSS概述1.1.CSS 历史CSS(Cascading Style Sheets,层叠样式表)是一种将表示样式应用到标记的系统。CSS以设计、改变其HTML页面的样式而知名,并使用于Web和其他媒介,如XML文档中。1996年12月W3C推出了CSS规范的第一个版本,1998年W3C发布了CSS的第二个版本即CSS2.0,2001年5月W3C开始进行CSS3标准的制定,到目前为止该标准还没有最终定稿。CSS 1.0选择器:派生选择器、ID选择器和类选择器原创 2021-07-19 17:53:28 · 147 阅读 · 0 评论 -
web02.HTML超文本标记语言
web02.HTML超文本标记语言1. HTML概述1.1. HTML介绍是Hypertext Markup Language(超文本标记语言)的缩写是一种基于SGML(标准通用标记语言)的标记语言是Web用于编辑网页的主要工具由蒂姆•本尼斯李(Tim Berners-Lee)于1989年在CERN研制出来是标准通用标记语言下的一个应用。HTML的标准由W3C负责开发和制定,W3C即万维网联盟1.2. HTML版本1.2.1. HTML版本HTML 1.0——在1993年6月原创 2021-07-19 13:00:07 · 216 阅读 · 0 评论 -
web01.计算机网络基础
web01.计算机网络基础Internet如何工作Internet如何工作Internet是由一种通讯介质,如光纤、微波、电缆、电话线等将各种计算机连接起来,统一采用TCP/IP协议标准的互相连通的计算机体系网络如何运输internet使用一种专门的计算机语言(TCP传输控制协议,IP网络连接协议)用来保证数据能够安全可靠的到达指定的目的地路由器分发当Internet用户给其他机器发送一个文本时,TCP将该文本分解成若干个小数据包,并加上一些特定的信息,以便接收方的机器可以判断传输是原创 2021-07-18 15:18:39 · 99 阅读 · 0 评论