![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
我的前端学习板块
文章平均质量分 94
前端学习专栏html/html5/javaScript/jquery/vue/node.js等
穆瑾轩
我喜欢学习到深夜,因为透支着的努力让我感到心安。
我的爱好是网络安全方向,我要开始学习了。
展开
-
我的html学习笔记(二)
一、HTML历史1、HTML版本HTML 1991 HTML+ 1993 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 1.0 2000 HTML5 2012 XHTML5 2013 2、通用声明1)HTML5<!DOCTYPE html><!--注意:doctype 声明是不区分大小写的,用来告知 Web 浏览器页面使用了哪种 HTM.原创 2020-09-16 18:13:53 · 307 阅读 · 0 评论 -
我的JavaScript学习笔记(二-JavaScript对象)
四、浏览器对象模型[BOM]详解1、浏览器对象概念BOM即提供与浏览器交互的方法和接口。原本是用来处理浏览器窗口和框架,但是很多js扩展也算作BOM的一部分。例如:弹出窗口、移动缩放、关闭窗口,navigator对象、location对象、screen对象,对cookies的支持等。2、窗口对象(window)-----顶级对象BOM的核心对象是window,表示浏览器的一个实例。在浏览器环境下,window对象就担当了global对象的角色。注:在window对象上定义的属性和直...原创 2020-09-25 16:49:38 · 300 阅读 · 0 评论 -
我的JavaScript学习笔记(一- javaScript 基础)
第一章 javaScript 基础 推荐书籍:《javaScript高级程序设计(第三版)》、《JavaScript权威指南(第六版)》、《JavaScript面向对象编程指南》一、Javascript概念及历史1、javaScript概念javaScript 是一种基于对象并具有安全性的脚本语言(一般运行于客户端的),是一种解释性语言,他基于对象,且不允许访问本地硬盘,也不允许对网络文档进行修改和删除,只能...原创 2020-09-16 18:47:17 · 530 阅读 · 0 评论 -
jquery之extend解析
jquery 之 extend 解析一、extend能实现的功能1、extend简介extend方法被挂载在了jQuery和jQuery.fn两个不同对象上,但是两者的内部代码实现确实相同的,只是功能不太一样。jQuery.extend(object)用于将一个或多个对象的内容合并到目标对象。该函数可以将一个或多个对象的成员属性和方法复制到指定的对象上。该函数属于全局jQ原创 2017-03-12 15:02:07 · 392 阅读 · 0 评论 -
我的html学习笔记(一)
第一章前端开发工具说明一、Notepad++问题一:为什么看别人写的html代码标签有颜色,而自己的没有?解答:首先,看有没有设置代码颜色高亮(首选项——其他),其次你所编辑的文件一定要带上某种格式,否者他无法识别何种格式的文件,就不会高亮显示了。问题二:自动补全?为Notepad++安装 Zen Coding 插件下载Zen.Coding-Notepad++.v0.6.1.zip 解压将解压所得的文件放入 Notepad++ 程序的安装目录下的plugins文件夹。重启Note...原创 2020-09-10 21:00:56 · 742 阅读 · 0 评论 -
我的JavaScript学习笔记(三-JavaScript函数)
第三章 函数一、函数相关概念1、函数定义 函数也是一种特殊的数据类型。在javaScript中函数没有重载的概念。同名函数之间会覆盖,而与参数没有关系。函数定义三种方式:1)使用构造函数直接创建var function_name = new Function(arg1,arg2,...,argn,function_body);//不推荐使用Function构造函数创建函数2)创建函数声明Function multiply(x,y){return x*y}/...原创 2020-09-25 17:08:19 · 234 阅读 · 0 评论 -
我的JavaScript学习笔记(四-JavaScript事件及原型)
第四章 javaScript事件一、常用事件 事件 功能 适用于 onAbort 当用户中断图像装载是发生 与img元素一起使用 onBlur 当元素失去焦点时 Label/input/select/texttarea/button onChange 当元素失去焦点,并且值被改变时.原创 2020-09-25 17:59:41 · 503 阅读 · 0 评论 -
JavaWeb详解(第二篇)之Servlet基础简介-会话技术介绍
JavaWeb详解(第二篇)之Servlet基础简介1、会话技术介绍1.1、什么是会话 会话是指:用户开一个浏览器,访问一个网站,只要不关闭该浏览器,不管该用户点击多少个超链接,访问多少资源,直到用户关闭浏览器,整个这个过程我们称为一次会话。 为什么我们要使用会话技术? 这里先科普下另外两个知识点HTTP 协议的五个特点: 1)简单快速;2)灵活;3)无连接;4)无状态;5)支持B/S及C/S模式。1.1.1、什么是无连接 无连接:是限制每次连接...原创 2021-10-28 00:06:30 · 367 阅读 · 0 评论 -
Ant的使用简介
Ant的使用简介1、Ant简介 ApacheAnt是一个基于Java的构建工具。是一个将软件编译、测试、部署等步骤想结合并加以自动化的一个工具,大多用于Java环境中的软件开发。目前主要的Java ide都带有Ant,产品如Eclipse、NetBeans和IntelliJ IDEA。 理论上,它有点像make,既然已经有make、gnumake、nmake、jam和其他工具,为什么还要使用另一个构建工具呢?因为所有这些工具都有一些限制(平台局限性),Ant的原始作者在跨多个平台开...原创 2021-11-04 00:32:49 · 3344 阅读 · 0 评论 -
JavaWeb入门详解(第三篇)web服务器之Tomcat简介
JavaWeb入门详解(第三篇)web服务器之Tomcat简介1、web服务器概述1.1、什么是服务器 服务器:就是安装了服务器软件的计算机。 服务器软件:接收用户请求、处理请求以及响应请求的软件。而web服务器,可以部署web项目,让用户通过浏览器来访问这些项目。1.2、常见的web服务器 webLogic:oracle公司的,大型的javaEE服务器,支持有所的javaEE规范,收费的。 webSphere:IBM公司的,大型的javaEE服务器,支持...原创 2021-10-23 15:47:20 · 504 阅读 · 0 评论 -
eclipse 的使用之创建Web工程
eclipse 的使用之创建Web工程1、查看eclipse版本 Help-》About Eclipse IDE 我的版本是:Eclipse IDE for Java Developers Version: 2021-09 (4.21.0)--版本号 不同版本可能安装完成有些不一样! 如果你和我一样,安装的是Eclipse IDE for Java Developers,是默认没有Dynamic Web Project选项的,则执行步骤2中的操作...原创 2021-11-12 16:25:39 · 4646 阅读 · 0 评论 -
vuepress使用简介及个人博客搭建
vuepress使用简介1、vuepress概述 vuepress是 Vuejs 官方提供的一个是Vue驱动的静态网站生成器,基于Markdown语法生成网页。简单的说它就是一个快速建设文档站点的工具,在简单配置好功能后,需要做的事情就剩下写好一个个 Markdown 文档,并且可以将其发布到github。 vuepress官网:https://vuepress.vuejs.org/zh/,对vuepress的描述比较详细。2、vuepress简介2.1、vuepress.......原创 2021-08-20 02:15:42 · 47350 阅读 · 42 评论 -
JavaWeb详解(第六篇)之JSTL标签简介
JavaWeb详解(第六篇)之JST表达式简介原创 2021-11-08 00:23:51 · 1338 阅读 · 0 评论 -
JavaWeb入门详解(第一篇)之Web简介
JavaWeb详解(第一篇)之Web入门1、JavaWeb概述 Internet上供外界访问的Web资源分为:静态web资源、动态web资源。 静态web资源(如html 页面、css):指web页面中供人们浏览的数据始终是不变。 动态web资源:指web页面中供人们浏览的数据是由程序产生的,不同时间点访问web页面看到的内容各不相同。常用动态web资源开发技术:JSP/Servlet、ASP、PHP等,在Java中,动态web资源开发技术统称为Javaweb。 ...原创 2021-10-12 02:21:37 · 4340 阅读 · 1 评论 -
JavaWeb详解(第四篇)之JSP 简介
JavaWeb详解(第四篇)之JSP 简介1、JSP概述1.1、什么是JSP JSP 全称是 Java Servlet Pages,它是和 servlet 技术一样,都是 SUN 公司定义的一种用于动态开发 web 资源的技术。 JSP 这门技术最大的特点在于,写 JSP就像在写 html ,但:它相比 html 而言,html 只能为用户提供静态数据,而 JSP 技术允许在页面中嵌套 java 代码,为用户提供动态数据。 jsp=html+css+javasc...原创 2021-11-06 14:55:28 · 960 阅读 · 0 评论 -
JavaWeb入门详解(第二篇)之xml简介
JavaWeb详解(第二篇)之xml & Json解析1、XML概述 XML(Extensible Markup Language的缩写),被称作可扩展标记语言,是一种标记语言。XML也是 W3C 推荐的数据传输存放标准。XML也不是一出现就备受瞩目的,XML语言的形成经历了一个漫长的过程。 XML并不是历史上第一门标记语言,事实上XML还有两个先驱:SGML和HTML,这两个语言都是非常成功的标记语言,但是都有一些与生俱来的缺陷,XML正是为了解决它们的不足而诞生的。...原创 2021-10-20 22:23:44 · 1494 阅读 · 0 评论 -
JavaWeb详解(第三篇)之Servlet基础简介-过滤器Filter&Listener监听器
JavaWeb详解(第三篇)之Servlet基础简介-过滤器、监听器 JavaWeb的三大组件分别是:Servlet 程序、Filter 过滤器、Listener 监听器。前面我们学习了Servlet ,接下来我们在了解一下Filter 过滤器和Listener 监听器。1、Filter 过滤器1.1、什么是Filter 过滤器 Filter 过滤器它是 JavaEE 的规范。也就是接口。可以对指定URL请求进行拦截,拦截之后在过滤器中进行相应的处理/判断。 Filte...原创 2021-10-28 00:18:09 · 476 阅读 · 0 评论 -
JavaWeb详解(第五篇)之EL表达式简介
JavaWeb详解(第五篇)之EL表达式简介1、EL表达式概述1.1、什么是EL表达式 EL是JSP表达式语言,全称是Expression Language(EL)。 EL表达式使用"${}"表示,用来更方便的读取对象!1.2、为什么要使用EL表达式?...原创 2021-11-06 22:48:47 · 850 阅读 · 0 评论 -
JavaWeb详解(第一篇)之Servlet基础简介
JavaWeb详解(第一篇)之Servlet简介1、Serlvet概述 Servlet是运行在Web服务器或应用服务器上的java程序,它是一个中间层,负责连接来自web浏览器或其他HTTP客户程序和HTTP服务器上应用程序。是sun公司提供的一门用于开发动态web资源的技术。Servlet执行下面的任务: 1)读取客户发送的显示数据。如:html表单数据 2)读取由浏览器发送的隐式请求数据。如:http请求头 3)生成结果。 4)向客户端发送显示数...原创 2021-10-24 11:53:45 · 1636 阅读 · 0 评论 -
Vue详细介绍及使用(路由、Vuex)
Vue详细介绍及使用(路由、Vuex)一、路由 前面我们说到了Vue是单页应用,那么什么是单页应用?单页面应用程序-SPA(Single Page Application):整个网站只有一个页面,内容的变化通过局部更新实现、同时支持浏览器地址栏的前进和后退操作,而实现SPA过程中,最核心的技术点就是前端路由。 路由是一个比较广义和抽象的概念,路由的本质就是对应关系。对于前端来说,其实浏览器配合超链接就很好的实现了路由功能。 但是对于单页面应用来说,浏览...原创 2021-04-25 01:20:54 · 1610 阅读 · 0 评论 -
JavaScript中this的解释
JavaScript中this的解释在java中 this 指的是当前类的对象。而在js中其实this最根本的特性还是和OO(面向对象)语言中的定义相吻合的。This对象在执行时是基于函数的执行环境绑定的,当函数被作为某个对象的方法调用时,this就指向那个对象。当然js中的this还有一些特殊的特性和用法。首先:所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。总结:this.原创 2020-09-27 08:54:53 · 568 阅读 · 0 评论 -
Vue详细介绍及使用
Vue详细介绍及使用一、Vue定义及简介1、Vue定义 关于Vue简介,百度百科给出的解释是:Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 ...原创 2021-01-28 16:31:23 · 40501 阅读 · 9 评论 -
Vue组件注册原理-为什么可以使用自定义标签
Vue组件注册原理一、Vue组件的注册 在Vue中使用组件,可能需要用到注册组件,它提供了全局注册和局部注册两种方式。//全局注册Vue.component('my-component-name', { /* ... */ })//局部注册new Vue({ el: '#app', components: { 'component-a': ComponentA }...原创 2021-03-16 02:49:30 · 1958 阅读 · 2 评论 -
HTML5详细介绍及使用
HTML5详细介绍及使用一、HTML5简介1、HMTL5的定义 在W3C中的定义:HTML 5 是下一代的 HTML,设计HTML5最初目的是为了在移动设备上支持多媒体。HTML5规范于2014年10月29日由万维网联盟正式宣布,HTML是万维网最核心的超文本标记语言。万维网不等同于互联网,但它是依靠互联网运行的服务之一,万维网又简写为www,它可以实现在互联网...原创 2020-12-03 16:51:13 · 20585 阅读 · 4 评论 -
vue项目结构及启动文件加载过程分析
vue项目启动后文件加载过程一、vue项目启动后文件加载过程1、执行npm run dev 在执行npm run dev的时候,会在当前目录中寻找 package.json 文件, 有点类似 Maven 的 pom.xml 文件,包含项目的名称版本、项目依赖等相关信息。启动 npm run dev 命令后,会加载 build/webpack.dev.conf.js 配置并启动 webpack-dev-server 。...原创 2021-02-27 02:48:33 · 4197 阅读 · 0 评论 -
ES6详细介绍及使用
ES6中的export和import介绍一、ES6概念及发展史1、ES6概念 WSC中:ECMAScript 6.0(以下简称ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了(所以也被叫作ES2015)。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。2、ES6发展史版本 时间 描述 ECMA-262/ ...原创 2021-02-22 17:55:33 · 6945 阅读 · 4 评论 -
HTML5详细介绍及使用(续篇)
跨域一、跨域的背景及定义什么是跨域由于浏览器厂商对安全性的考虑,提出了浏览器的同源策略做为解决方案。它是一个用于隔离潜在恶意文件的重要安全机制。同源即协议、域名、端口三者一致。不同源即跨域。同源策略:同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略是一种约定,它是浏览器最核心也最基本的安...原创 2020-12-16 12:52:50 · 1123 阅读 · 1 评论 -
Vue.$data、this._data源码解析
Vue.$data源码解析 $data是Vue实例中的实例属性,表示Vue实例观察的数据对象。官网给出的解释:vm.$data,类型:Object,详细:Vue 实例观察的数据对象。Vue 实例代理了对其 data 对象 property 的访问。在了解vm.$data之前我们先来复习一下原型,然后再了解一下Object.defineProperty()。正是Vue内部实...原创 2021-01-24 21:46:53 · 4171 阅读 · 3 评论 -
Vue详细介绍及使用(组件)
Vue详细介绍及使用(二)一、Vue组件基础知识1、组件的概念 官方定义:组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。 ...原创 2021-04-25 01:14:41 · 11440 阅读 · 0 评论 -
什么是UserAgent
UserAgent 中文名为用户代理,是一个特殊字符串头,使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等的一个标识。 那关于UserAgent的诞生其实还是有一段比较有趣的故事的。原创 2022-04-16 10:28:17 · 2635 阅读 · 0 评论