- 博客(48)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue2中通过Vant定制主题
的风格，方便使用者覆盖样式。如果你想完全替换主题色或者其他样式，可以按照本文档进行主题定制。对样式进行预处理，并内置了一些样式变量，通过。即可定制你自己需要的主题。1.更改导入的样式文件。提供了一套默认主题，2.项目根目录中创建。
2023-06-05 16:20:45
769
1
原创 vue组件化&路由
1.私有自定义指令 只在当前组件中生效的指令。在每个vue组件中,可以在directives节点下,声明私有自定义指令bind:只能调用一次。即指定第一次绑定到元素时调用,当DOM更新时bind函数不会触发update:在每次DOM更新时调用简写形式:使用自定义指令2.全局自定义指令 全局共享的自定义指令,其他组件都能用。在main.js中声明全局自定义指令Vue.directive('指令名称',function(el,binding){})
2023-05-31 15:16:44
339
原创 vue发起axios请求
此时,子组件发起axios请求。vue中发起axios请求。(2)导入并使用axios。解决以上问题的方案: 将。(1)安装axios。
2023-05-31 13:44:58
164
原创 eslint的使用
3.Vscode安装Prettier -Code formatter插件。eslint官网: https://eslint.org/(4) 在settings.json中配置。文件中,右键->使用格式化文档->选择。2.Vscode安装Eslint插件。(3).prettierrc文件放到。可以帮助我们统一代码语法规范。(1)配置Prettier插件。5.Eslint常见语法规则。为什么要使用eslint?(1)配置Eslint插件。后缀名的文件,在文件中编辑。1.vscode中改缩进。
2023-05-31 13:38:44
747
原创 vue-cli的使用
vue-cli中文官网: https://cli.vuejs.org/zh/的一个html页面,所有的功能与交互都在这个唯一的页面内完成。 基于vue-cli快速生成工程化的vue项目。(1).到要创建项目的目录下,终端命令创建vue项目。(3).使用空格选择自己项目所需的预设。此时就可以快速的生成一个Vue项目了。(8).执行终端命令,启动服务。创建工程化的vue项目过程。1.vue-cli的安装。查看vue-cli版本号。2.vue-cli的使用。什么是vue-cli?(4).选择vue版本。
2023-05-31 12:49:32
324
原创 Vue的基本使用
Vue是一套用于构建用户界面的前端框架。vue的两个特性(1)数据驱动视图在使用vue的页面中,vue会监听数据的变化,从而自动重新渲染页面的结构。当页面数据发生变化的时候,会自动重新渲染(数据的变化会驱动视图自动更新)数据驱动视图是单向的数据绑定(2)双向数据绑定双向数据绑定可以辅助开发者在不操作DOM的前提下,自动把用户填写的内容同步到数据源中。数据源发生变化,会被自动渲染到页面中页面上表单采集的数据发生变化时,会被vue自动获取到,并更新到js数据中。MVVMMVVM。
2023-05-31 12:33:51
297
原创 webpack的基本使用
开发环境下默认生成的Source Map,记录的是生成后的代码的位置。 当webpack发现某个文件处理不了时,会查找webpack.config.js配置文件,看module.rules数组中,是否配置了对应的加载器。让我们的工作重心放到具体的功能实现上,提高了前端开发效率和项目的可维护性。 loader加载器的作用: 协助webpack打包处理特定的文件模块。 js的文件统一到js目录中,图片的文件统一放到images目录中。中,在生成的index.html页面中,自动注入打包的。
2023-05-31 12:18:16
140
原创 前端工程化
好处: 前端开发自成体系,有一套标准的开发方案和流程。 在企业的前端项目开发中,把前端开发所需的。的方式来进行开发的。前端工程化的解决方案。
2023-05-31 11:22:01
170
原创 EventLoop事件循环
后,会读取任务队列中的回调函数,按次序执行(这个动作不断重复 也叫。已完成的异步任务对应的回调函数,会被加入到。javascript主线程的执行栈中被。异步任务(asynchronous)同步任务由javascipt主线程按。同步任务(synchronous)1.宏任务(macrottask)2.微任务(microttaks)EventLoop经典面试题。异步任务委托给宿主环境执行。宏任务和微任务经典面试题。
2023-05-31 11:20:24
196
原创 Promise异步操作
在async/await出现之前,我们只能通过链式.then()方式处理promise异步操作。如果上一个.then()方法中返回了一个新的Promise实例对象,则可以通过下一个.then()继续进行处理。方法会发起并行的Promise异步操作,只要任何一个异步操作完成,就会立即执行下一步的.then操作 (的Promise异步操作,等所有的异步操作全部结束后,才会执行下一步的.then操作 (的方式访问到.then()方法 如 p.then()。通过.then()方法的链式调用,解决回调地狱问题。
2023-05-31 11:06:14
275
原创 ES6模块化
规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本,开发者不需要再额外的学习AMD,CMD或CommonJS等模块化规范。3.直接导入并执行模块中的代码。什么是ES6模块化规范?ES6模块化规范中的定义。ES6模块化的基本语法。1.默认导出与默认导入。2.按需导出与按需导入。
2023-05-31 10:57:46
68
原创 前后端的身份认证:Session&JWT
随后当客户端每次请求服务器的时候,浏览器都会自动将身份认证相关的Cookie,通过请求头的形式发送到服务器,服务器即可验明客户端的身份。 由于Cookie是存储在浏览器中的,而且浏览器也提供了读写Cookie的API,因此Cookie很容易被伪造,不具有安全性。,指的是客户端的每次http请求都是独立的,连续多个请求之间没有直接的关系,服务器不会主动保留每次http请求的状态。 用户的信息通过Token字符串的形式,保存在客户端浏览器中,服务器通过还原Token字符串的形式来认证用户的身份信息。
2023-05-16 21:36:01
418
原创 “Node.js:操作mysql数据库“
是托管于npm的第三方模块,它提供了Node.js项目中。(1).安装mysql数据库的第三方模块(mysql)(2).通过mysql模块连接到mysql数据库。(3).通过mysql模块执行sql语句。在项目中操作数据库的步骤。1.操作mysql数据库。操作mysql数据库。
2023-05-16 21:30:46
556
原创 “跨域&CORS“
什么是CORS?由一系列http响应头组成,这些http响应头决定浏览器是否阻止前端JS代码跨域获取数据。 浏览器的同源安全策略默认阻止网页跨域获取资源。但是如果服务器配置了CORS相关的HTTP响应头,就可以解除浏览器端的跨域访问限制。CORS的注意事项 CORS主要在服务端进行配置。客户端浏览器无需做任何配置,即可开启CORS接口。 CORS在浏览器中有兼容性。只有支持了的浏览器,才能正常访问开启CORS的服务器接口(如ie10,chrom4+,FireFox3.5+)。
2023-05-16 21:27:27
313
原创 Express框架的的基本使用
什么是Express 官方概念: Express是基于Node.js平台,快速开放极简的Web开发框架。 通俗理解: Express的作用和Node.js内置的http模块相似,是专门用来创建Web服务器的。为什么学Express http内置模块用起来很复杂,开发效率低。Express是基于http模块进一步封装出来的,能够极大的提高开发效率。Express能做什么?Web网站服务器API接口服务器使用Express,我们可以方便、快速的创建Web网站的服务器或API接口服务器。
2023-05-16 21:24:09
344
原创 “浅谈模块的加载机制“
内置模块、用户自定义模块、第三方模块,它们都会优先从缓存加载,从而提高模块的加载效率。如果没有路径标识,则node会把它当作内置模块或第三方模块进行加载。 如果传递给require()的模块标识符不是一个内置模块,也不是以。 如果没有,则上一层目录逐级查找进行加载,直到找到根目录。开头,则Node.js会从当前模块的父目录开始,尝试从。加载自定义模块,必须指定以。2.自定义模块的加载机制。3.第三方模块的加载机制。1.内置模块的加载机制。文件夹加载第三方模块。 内置模块的加载。
2023-05-16 21:21:36
289
原创 “npm&包的相关使用“
由于Node.js的内置模块仅提供了一些底层的API,导致在基于内置模块进项项目开发时,效率低。(1)访问npm官网: https://www.npmjs.com/,点击sign up,进入注册页面。在项目根目录中,必须提供一个package.json的包管理配置文件,用来记录与项目有关的一些配置。 而包是基于内置模块封装出来的,提供了更高级、更方便的API,极大的提高了开发效率。 只有工具性的包,才有全局安装的必要,如nrm。中,导入以上两个模块,得到需要向外共享的方法,使用。
2023-05-16 21:19:21
673
原创 “Node.js:基础与运用“
是Node.js官方提供的,用来操作文件的模块。 在自定义模块中定义的变量、方法等成员,只能在当前模块内被访问,这种模块级别的访问限制,叫做模块作用域。注意: 使用require()方法导入模块时,导入的结果,永远以module.exports指向的对象为准。在每个.js自定义模块中都有一个module对象,它里面存储了和当前模块有关的信息。是由Node.js官方提供的、用来创建web服务器的模块。 在使用fs模块操作文件时,如果提供的操作路径是以。是Node.js官方提供的、用来处理路径的模块。
2023-05-16 21:12:49
279
原创 “Node.js:入门、安装以及使用指南“
什么是Node.js?Node.js是一个基于Chrome V8引擎的JavaScript运行环境。Node.js是Javascript的后端运行环境。Node.js可以做什么? Node.js作为一个JavaScript的运行环境,仅仅提供了基础的功能和API。 然而基于Node.js提供的这些基础功能,很多强大的工具和框架如雨后春笋,层出不穷,学会node.js可以让我们发展更好,如:基于Express框架。
2023-05-06 23:56:51
104
原创 “Git操作大全:轻松掌握Github和Git分支“
分支就如科幻电影的平行宇宙,当你正在电脑前努力的学习JavaScript,另一个你正在另一个平行宇宙努力的学习Python,如果两个宇宙互不干扰,那对现在的你也没有任何影响。将代码提交到git仓库后,我们就切换到master主分支,在master分支上合并login分支,合并完成后,master主分支上就有了登录功能的代码。指的是专门用来开发新功能的分支,它是master主分支上分叉出来的,当新功能开发且测试完毕后,最终需要合并到master主分支上。我们可以创建一个名为。
2023-05-06 19:50:42
192
原创 “版本控制&Git:相关知识点“
传统的版本控制系统(例如SVN)是基于差异的版本控制,它们存储的是一组文件和每个文件随时间逐步累计的差异。因为在每次切换版本的时候,都需要在基本文件的基础上,应用每个差异,从而生成目标版本对应的文件。,如果文件没有修改,Git不会重新存储该文件,而是只保留一个链接指向之前存储的文件。 Git快照是在原有文件版本的基础上重新生成一份新的文件,类似。提交更新,找到暂存区的文件,将快照永久性存储到Git仓库。,是目前世界上最先进、最流行的版本控制系统。高效的处理从很小到很大的项目版本管理。
2023-05-06 16:33:29
33
原创 “Http协议“
响应状态码会随着响应消息一起被发送至客户端浏览器,浏览器根据服务器返回的响应状态码,就能知道这次HTTP请求的结果是成功还是失败了。 HTTP请求方法,属于HTTP协议中的一部分,作用: 表示要对服务器上的资源执行的操作。: 获取http服务器支持的http请求方法,允许客户端查看服务器的性能,比如ajax跨域时的预检等。响应消息中的空行用来。:(查询)发送请求来获得服务器上的资源,请求体中不包含请求数据,请求数据放在协议头中。:(修改)向服务器提交资源,并使用提交的新数据,替换服务器对应的旧资源。
2023-05-06 02:44:16
41
原创 “跨域&JSONP“
出现的早,兼容性好(兼容低版本ie)。是前端为了解决跨域问题,被迫想出来的一种临时解决方案。,属于跨域Ajax请求的根本解决方案。 同源指的是两个url的协议、域名、端口一致,反之,则是。 现如今,实现跨域数据请求,最主要是两种解决方案,分别是。”,可用于解决主流浏览器的跨域数据访问的问题。缺点: 只支持GET请求,不支持POST请求。4.JQeury发起JSONP的实现过程。缺点:不支持某些低版本的浏览器。2.实现简单的JSONP数据请求。'JSONP响应回来的数据是:'如何实现跨域数据的请求？
2023-05-06 01:31:28
49
原创 “Ajax&axios:一次前端革命的终极总结“
是专注于网络数据请求的库,相比原生XMLHttpRequst对象,axios简单易用,相比jquery,axios更加轻量化,只专注于网络数据请求。.ajax(),又或者直接使用xhr对象发起的GET请求,当需要携带参数的时候,本质上都是将参数以查询字符串的形式,追加到url地址的后面。.post()函数,JQeury中提供的$.ajax()函数,是一个功能比较综合的函数,它允许我们对ajax请求更详细的配置。JSON是JS对象的字符串表示法,它使用文本表示一个JS对象的信息,本质上是一个字符串,如。
2023-05-06 00:39:14
60
原创 “form表单&模板引擎“
这种语法格式,在{{}}内可以进行变量输出或循环数组等操作,这种{{}}语法在art-template中称为标准语法。官网地址: http://aui.github.io/art-template/zh-cn/index.html。按钮,触发表单提交的操作,从而使页面跳转到action url的行为,叫做表单的。在my_template中定义好自己的模板引擎。(1).导入art-template。(1)导入art-template。 在{{}}语法中,可以进行。(4).调用template函数。
2023-05-05 22:18:38
104
原创 “接口&PostMan的使用“
用户希望向服务器提交数据,这时候需要网页中XMLHttpRequest对象,而Jquery对它做了一层封装,提供了一些ajax函数,通过ajax我们可以向服务器。对象,而Jquery对它做了一层封装,提供了一些ajax函数,通过ajax我们可以向服务器。给我们的客户端,这样ajax就能拿到响应的数据,填充到页面上给用户进行呈现。给我们的客户端,这样ajax就能拿到响应的结果,把结果呈现给用户。同时,每个接口必须有请求方式(get,post)。这次请求,处理完成后,服务器会把处理的结果。
2023-05-05 20:20:49
525
原创 “Echarts数据可视化“
在完成以上步骤后,我们还需要定制echarts的相关配置来实现自己的图表需求。容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等)，底层依赖矢量图形。是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼。数据可视化可以把数据从冰冷的数字转换成图形，揭示蕴含在数据中的规律和道理。通用报表、移动端图表、大屏可视化、图编辑&图分析、地理可视化等。提供直观，交互丰富，可高度个性化定制的数据可视化图表。数据可视化的应用场景。
2023-05-05 16:58:00
119
原创 客户端与服务器基本概念
服务器的本质: 就是一台电脑,只不过相比个人电脑它的性能高很多,个人电脑中可以通过安装浏览器的形式,访问服务器对外提供的各种资源。浏览器只有通过url,才能确定确定资源的存放位置,从而成功访问到对应的资源。 客户端请求服务器,请求的方式有很多种,最常见的两种请求方式是。,用于标识互联网上每个资源的。服务端资源(向服务端拿数据)post:通常用于向服务器。1.客户端与服务器之间的。数据(往服务器发送资源):上网过程中,负责和。3.资源在服务器上的。2.数据也是一种资源。3.数据是网页的灵魂。
2023-04-30 20:02:02
708
原创 “JavaScript进阶：含ES6语法“
比如在1000ms内,不管触发多少次事件,只执行一次(在这个时间内,不会被打断,只执行当前这一次)。比如在1000ms内,不管触发多少次事件,只执行一次(在这个时间内,不会被打断,只执行当前这一次)。 基于原型对象的继承使得不同构造函数的对象关联在一起,并且使这种关联的关系是一种链状的结构,我们将原型对象的。call()和apply()传递的参数不一样,call传递的是普通参数的形式,apply传递的参数是数组。,js中内存的分配和回收都是自动完成的,内存在不使用的时候会被垃圾回收器自动回收。
2023-04-27 19:57:08
99
原创 “轻松掌握jQuery：实用技巧大揭秘“
jQuery简介 jQuery是一个快速、简洁的JavaScript库，能够简化HTML文档遍历、事件处理、动画效果以及AJAX交互。它是最流行的JavaScript库之一，被广泛应用于Web开发中。 原生 JavaScript 实现一个添加 DOM 元素并设置样式的功能，会花费很多时间和精力去写这样的代码，而使用 JQuery 就可以轻轻松松地实现。官网下载:https://jquery.com/将jquery文件引入到项目中:<script src="./jquery.min.js"
2023-04-27 19:50:35
280
原创 “计算机入门必读：从零开始的基础知识“
之所以要内存的一个重要原因,是因为cpu运行速度太快,如果只从硬盘中读取数据,会浪费cpu性能,所以才使用存取速度更快的内存来保存运行时的数据。之所以要内存的一个重要原因,是因为cpu运行速度太快,如果只从硬盘中读取数据,会浪费cpu性能,所以才使用存取速度更快的内存来保存运行时的数据。可以通过类似于人类语言的"语言"来控制计算机,让计算机接收我们发出的指令,为我们做事情,这样的语言就叫编程语言。标记语言的存在是用来读取的,是被动的。计算机语言指的是人与计算机之间通讯的语言,它是人与计算机之间传递信息的。
2023-04-27 19:34:26
1143
原创 前端本地存储
为什么需要本地存储? 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。本地存储的特性1、数据存储在用户浏览器中2、设置、读取方便、甚至页面刷新不丢失数据3、容量较大，约5M、约20M4、只能存储字符串，可以将对象编码后存储。
2023-04-27 19:27:49
355
原创 前端网页特效
将这个函数作为参数传到另一个函数里面，当另一个函数执行完之后，再执行传进去的这个函数，这个过程就叫做回调。这类事件用于描述一个或多个触点，使开发者可以检测触点的移动，触点的增加和减少，等等。(可视区),client相关属性来获取元素的可视区的信息,通过client的相关属性可以动态的获取到元素的边框大小、元素大小等。较好，不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。scroll系列的相关属性可以动态的获得元素的大小,滚动距离等。
2023-04-27 19:21:25
581
原创 DOM常见案例大盘点!
文章目录DOM案例一.DOM操作元素案例1.DOM修改元素内容案例2.分时问候案例3.仿京东显示隐藏密码明文案例4.仿淘宝关闭二维码案例5.遍历精灵图案例6.显示隐藏文本框内容案例7.密码框验证信息案例8.仿世纪佳缘用户名显示隐藏案例9.排他思想(算法)案例10.百度换肤案例11.表格隔行变色案例12.全选反选案例13.tab栏切换案例14.新浪下拉菜单案例15.简单版留言板案例16.动态生成表格案例二.DOM事件高级案例1.鼠标跟随案例2.仿京东按键输入内容案例3.仿京东快递查询单号案例DOM案例
2023-04-27 19:13:37
501
原创 前端移动端布局指南
随着移动设备的普及，越来越多的用户使用手机和平板电脑浏览网页。因此，前端移动端布局成为了一个非常重要的话题。本文将介绍如何使用响应式设计、流式布局和弹性盒子布局等技术，让你的网页在移动设备上更加美观易用。
2023-04-27 19:03:15
428
原创 WebAPI入门指南：DOM和BOM的基础知识
本文讨论了WebAPI中的BOM和DOM，这两个概念是Web开发中不可或缺的一部分。BOM用于管理浏览器窗口和历史记录等浏览器相关的功能，而DOM则是用于操作HTML和XML文档中的元素和内容。通过深入了解BOM和DOM，我们可以更好地理解Web开发中的基础知识和技术。
2023-04-05 15:05:55
224
原创 JavaScript基础总结
本文是一份全面的JS基础总结，旨在帮助读者了解JS的基础知识和核心概念。本文将带你逐步了解JavaScript的基础知识，包括变量、数据类型、运算符、函数、流程控制等，让你快速掌握JS编程技巧。无论你是初学者还是有一定经验的前端开发者，这篇文章都值得一读！
2023-04-03 00:10:57
478
原创 vim的基本使用
文章目录一. vi简介1. 为什么要学习vi？2. vi和vimvivi的特点vim(二). vi的基本使用一. vi的打开方式二. vi的三种工作模式1. 末行模式2. 命令模式1. 移动和选择2. 撤销和恢复撤销3. 编辑模式1. 复制、粘贴2. 替换3. 缩排命令和重复执行4. 查找替换5. 插入命令6. 分屏命令vi使用的注意事项vi使用的注意事项一. vi简介1. 为什么要学习vi？在工作中，要对服务器上的文件进行简单的修改，可以使用ssh远程登录到服务器上，并且使用vi进行快速的编辑即可
2022-05-05 10:38:30
3683
空空如也
pycharm中TODO没有作用
2022-01-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人