自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(56)
  • 收藏
  • 关注

原创 Javascript学习之路:js中关于遍历总结

every(fun) 判断数组中每一个元素是否都满足fun函数定义的条件,只有满足才返回true,否则返回false。forEach(fun)专门用于对原数组中每个元素执行相同的fun函数对象规定的操作。map()和forEach()的区别: 前者不改变原数组的内容,后者改变原数组的内容。计算表达式2(boolean表达式)的值,如果为true则执行循环体,否则退出循环。对数组中的每一个值做操作 并把操作后的值汇成一个新数组。通过抛出异常的方式跳出循环,return 跳出当次循环。for循环的语法格式。

2024-06-11 16:31:58 932

原创 Javascript学习之路:从零封装数组累加器reduce()以及累加器的特殊用法

在日常的项目中,我们对于数组类型数据做处理时经常会使用累加器reduce,这个api在Array类的原型对象中,根据原型对象的继承,每一个子类的数组都可以使用。那么是否有好奇过,这个方法是如何封装的?内部的原理是什么?reduce除了可以对数组的每一个元素进行累加最后return一个总数,还能用来做什么?本文就一一为大家解答,从零封装一个数组累加器reduce()以及我在学习过程中积累到的关于累加器的一种特殊的用法😊。

2024-03-25 16:55:42 981

原创 ES6学习之路:迭代器Iterator和生成器Generator

通常,我们使用for of循环遍历可迭代对象// 迭代完成后循环结束// iterable:可迭代对象// item 每次迭代得到的数据可以发现,forof是无法遍历普通对象的,那是因为普通对象不是迭代对象,没有迭代器创建函数和属性,如果我把这个属性给它加上,普通对象是否会成为迭代对象,从而被forof遍历呢?// 自定义的可迭代对象a:1,b:2,return {next() {return {value: 1,结果发现,普通对象是可以通过添加迭代创建函数的方式成为迭代对象的,

2024-03-25 16:53:03 1525

原创 【MySql学习之路】window环境下MySql安装和安装过程中出现的问题

本文主要分享mysql关系型数据库在干净的环境下,第一次安装以及在安装过程中出现的常见问题和解决方法。目前官网给出的安装包有两种格式,一个是msi格式,一个是zip格式的。很多人下了zip格式的解压发现没有setup.exe,面对一堆文件无从下手,下面本篇文章就来给大家介绍一下,希望对你大家有帮助。

2024-03-10 20:44:39 733

原创 探索vue框架的世界: 内部、外部样式和内联样式动态绑定的方法

在实际项目中,经常会遇到这样的场景,可以通过逻辑层中设定的变量,在视图层中来呈现不同的样式,那么这种动态绑定样式的方式如何实现呢?

2024-03-07 18:37:06 1180

原创 探索vue2框架的世界:关于vue2.x的性能优化和常见的白屏原因

在本篇文章中,博主总结了一些常见的vue2框架性能优化方法和项目启动出现白屏的原因,还望走过路过的同行和大神们点赞关注,多多指教,用你们发财的小手给予博主大大的鼓励

2024-03-07 17:35:36 2105

原创 探索vue2框架的世界:简述常用的vue2选项式API (二)

parent.vue (父组件)child.vue (子组件)子组件作为父组件和孙组件的传递中介,在儿子组件中给孙子组件添加v-bind=“$attrs”,这样孙子组件才能接收到数据grandChild.vue (孙子组件)👉 用于孙组件隔代向父组件传值 设置在子组件上 (Vue2.4)parent.vue 父组件child.vue (子组件)子组件作为父组件和孙组件的传递中介,在儿子组件中给孙子组件添加v-on=“$listeners”,这样父组件才能接收到孙组件的数据

2024-01-09 17:39:44 1099

原创 探索vue2框架的世界:简述常用的vue2选项式API (一)

对原始变量值加工再显示的这样一种特殊的函数。有些数量值不能直接给人看时,需要用到过滤器。过滤器的本质其实就是一个函数,这个函数只要把过滤器放在绑定语法里就会自动调用如果数据使用过滤器,那么最终渲染到页面的是加工后的值过滤器的创建// 参数1:过滤器的名字// 参数2:回调函数1.全局创建(脚手架在main.js创建)return `¥${toFixed22.在组件对象中创建filters:{3.过滤器的使用价格:{{price|moneyFilter}} //|是管道。

2024-01-09 17:35:32 1433

原创 数据交互系列:认识 cookie

http协议是无状态的,并且请求成功后连接会断开,他无法确定这一次请求的客户端,就是之前登录成功的那个客户端。所以,一般客户端登录成功后,服务器会给客户端一个"出入证",客户端只需要一个卡包来保存一个或多个出入证,后续客户端的每次请求,都必须。【注意】:可能会存在不同的域,不同的路径,但key相同的cookie,所以无法凭借key确定是哪一个cookie。2.没过期的情况下,让服务器响应一个相同域,相同域,相同key,时间过期的cookie。cookie就像是浏览器的专属卡包,管理各个网站的身份信息。

2024-01-07 15:26:49 1030

原创 html学习之路:简述html文档头部 <meta> 的 http-equiv 属性

当输入网址打开网页时,设置html头部`meta`的`http-equiv`属性,可以帮助浏览器更加精确和正常却的显示网页内容,比如设置网页多久自动刷新,设置网页在浏览器缓存中的时限,设置多少事件跳转到指定的网页地址,应对低版本浏览器的渲染兼容问题,以什么样动态的样式去打开浏览器等等等...

2024-01-07 14:39:09 958

原创 Javascript学习之路:事件在页面加载和关闭时的执行顺序

在实际项目中,如果我想在打开浏览器页面加载时执行某些任务,比如获取当前页面的全部或部分数据,优先想到的事件是onload,当关闭页面时,我们也常常会使用onunload事件。但是这两个事件却有一定的局限性,如果第一次加载页面时,onload事件一定会执行,而如果页面从缓存中获取,onload事件则无法执行;比如使用onunload事件,关闭页面时,页面是不会保存在缓存中的;又比如,我想在页面加载解析完,但是外部资源(图片,文件,视频,iframe,脚本,样式表等)还在加载中就去执行某些任务又应该怎么办?

2024-01-04 15:43:21 1717

原创 css学习之路:sass学习基础篇

混合器使用最多的场景,是css hack (针对低版本的浏览器做兼容)所以scs是有时候分不清楚,我们写的-是减法还是变量的一部分。scss中预定义了很多函数,有些函数甚至可以在CSS中使用。把多个选择器都会使用的一部分样式封装起来,只写一遍。红色与红色计算,绿色与绿色计算,蓝色与蓝色计算。不带双引号+带双引号=不带双引号的字符串。在scss中,/号的作用,是除法和分隔符。scss中的运算会自动的转换单位。带双引号的+不带双引号=带双引号。在scss中,变量名称可以包含-嵌套有效的减少我们的代码量。

2024-01-04 13:47:21 1204

原创 CSS学习之路: 基础学习篇

多种颜色,平缓变化的一种显示效果。设置元素在页面中的位置一种布局方式,主要解决某个元素中的子元素的布局方式为布局提供了很大的灵活性改变元素在页面中的位置,大小,角度,以及形状。转换分为2d转换和3d转换2d的转换:在x轴和y轴上发生转换效果3d的转换:在x y基础上增加了z轴的转换效果是元素从一种状态逐渐变为另外一种状态(多个状态)其实动画就是多个过渡效果放到一起动画就是过渡的升级版。

2024-01-04 13:37:13 942

原创 学习笔记240102 --- 表单无法输入,是否data中没有提前声明导致的

前端框架 :vue2.x第三方ui组件:ElementUI操作系统:windows浏览器:chrome 谷歌。

2024-01-02 18:01:09 568

原创 探索vue2框架的世界:选项式写法的代码书写规范

代码风格指南规范

2023-12-29 14:28:13 1085

原创 探索vue2框架的世界:搭建vue2.x项目基本文件配置

这几年,JavaScript 发生了很大的变化,许多新特性在很多浏览器里都不支持。Babel 的主要作用就是规避这些问题,可以确保 JavaScript 代码兼容所有的浏览器。加 --save 就可以让项目中的其他人不用再使用此命令安装一次了,即其他人在拉取项目的时候就将安装包自动保存了。推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。axios的提交方式,也可放入utils文件夹中。安装后,可直接引入npm包进行使用,例如,第三方npm包放置目录,拿到项目后。

2023-12-20 12:59:54 1135

原创 Apipost检测接口工具的基本使用方法

👀 今天言简意赅的介绍一款和postman一样好用的后端接口测试工具。

2023-12-18 11:29:23 661 1

原创 git代码管理学习文档

把不需要提交的文件或目录(结尾加/表示目录下的所有文件)添加到.gitignore中,就不再往git仓库提交,可以执行git.status查看是否要提交该文件,一般情况下,node_modules不需要提交到git仓库。提交合并请求(merge request,MR)时,也要注意,私库的IMDP_V100R001C00分支只允许合并到主库的IMDP_V100R001C00分支,私库的dev分支只允许合并到dev分支。1、新建一个目录,例如d:/work/spms3.0/dev,用于dev分支的开发。

2023-12-16 17:06:39 1045

原创 Javascript学习之路:页面位移、大小和位置属性整理

javascript中对于页面元素 大小和属性的整理

2023-12-13 13:38:55 1525

原创 html学习之路:基础学习笔记

Internet 是一个全球性的计算机互联网络,中文名称有"因特网"、“国际互联网”、“网际网”、"交互网络"等Internet提供的主要服务Telnet、Email、www、BBS、FTP等基本实现技术分组交换原理:信息在Internet上被分成许多小数据包(分组)进行传输,到达目的地后将数据包重组为信息TCP/IP协议簇Web与Internet的关系Web是运行在Internet之上最流行的应用之一,Internet为Web提供了网络环境。

2023-12-13 13:26:22 1602 1

原创 Javascript学习之路:拖拽事件DragEvent

拖放事件接口为DragEvent,其他继承自MouseEvent和Event接口。但是拖放事件有些特殊,涉及到源对象与目标对象两类元素,这两类元素会在拖放过程中产生不同的事件

2023-12-13 13:22:38 845

原创 认识前端包常用包管理工具(npm、cnpm、pnpm、nvm、yarn)

windows用户:推荐使用yarn/npm,可能cnpm/pnpm安装速度优于yarn/npm,但是可能造成诡异的 bug,比如项目运行不起来等。

2023-11-20 15:45:28 688

原创 探索vue2框架的世界:总结vue框架中的钩子函数

尝试对vue框架中的常用钩子函数进行总结,不同的钩子函数适用于不同的场景。

2023-11-20 10:49:40 817

原创 Javascript学习之路:基础学习笔记篇

JavaScript是一种运行于JavaScript解释器/引擎中的解释型脚本语言。JavaScript解释器作为JS脚本的运行环境,有如下两种呈现方式。JS和Java的区别编译型语言(JAVA,PHP),运行起来更快,解释性语言需要兼容不同的环境JavaScript当前的应用领域十分广泛,例如1992年,Nombas公司为自己cEnvi软件开发了一款脚本语言ScriptEase,可以嵌入在网页中。1995年,Netscape公司为自己的Navigator2.0浏览器开发了另一种客户端脚本语言Livescr

2023-11-10 14:51:54 428

原创 Javascript学习之路:关于ES5内置函数Object的新方法--Object.create()

Object是Object类型得构造函数,所以typeof Object返回得是Function而Object.prototype对象才是所有对象的父对象Object作为构造函数,有三种情况Object()如果传入参数null,undefined,或者不传入,则相当于new Object(),创建有原型的空对象Object(原始类型值)将原始类型的值转化为Object类型,也等效于new Object(原型类型值)Object(引用类型的对象)什么都不做,还返回原对象。

2023-09-23 22:53:22 220

原创 【vue报错】 [Vue warn]: Invalid prop: type check failed for prop “index“. Expected String, got Undefined

属性无效:属性“索引”的类型检查失败。预期字符串,未定义,通俗的说,就是index绑定的动态数据不能被检索为字符串。,虽然不影响功能和ui的渲染,但是本着严谨的原则,有问题,咱们还是得解决。先把解决方法和问题产生的原因和大家分享。组件,设置index时,有时候控制台会报错。将index绑定的数据手动变为字符串即可。在使用第三方组件element-ui的。废话不多说,直接上代码…

2023-08-31 17:06:53 1312

原创 学习笔记230827--vue项目中,子组件拿不到父组件异步获取数据的问题

父组件异步获取后台数据, 这时候加载渲染数据生命周期已经走完,只能更新数据,触发更新渲染生命周期,所以子组件加载时,永远只能拿到父组件的初始数据,拿不到父组件更新后的数据,但是,但是props是可以的等的,页面是可以拿到异步的数据渲染的,所以就出现如下所示 的结果。方案1:使用v-if控制子组件渲染的时机,父组件拿到后台异步数据后,再渲染子组件加载的时候就能得到父组件 的异步数据。父组件的数据是请求后台所得,因为是异步数据,就会出现,父组件的值传递过去了,子组件加载不到,拿不到值。

2023-08-27 10:30:59 2371

原创 数据交互系列:简述token和如何使用token

欢饮各位大神和同行指点❤

2023-07-31 15:49:07 2767

原创 探索vue2框架的世界:搭建项目的路由系统

今天,在工作中拿到了架构师的前端框架,是一个vue2+elementui搭建的单页面架构,没有路由系统,需要自己搭建,因为以往拿到的框架都是路由系统已经搭建好,所以就很开心。终于有了项目中学习的机会,最幸运,该脚手架用的是vue2.x,还是比较好搭建的。现将搭建的步骤和遇到的问腿分享如下,欢迎各位大牛和同行们指点。

2023-07-22 21:46:35 165

原创 数据交互系列:前端跨域的几种方式(二)

一年的学习,对前端跨域的概念又有了深层次的了解。结合node的学习(node作为服务端技术栈),写了下面这篇文章。

2023-07-21 09:49:14 452

原创 Javascript学习之路:new和不用new调用构造函数,有什么区别?

👀 不使用new的构造函数,有return,得到的就是return的值;没有return,得到的就是undefined👀 使用new,没有return或者return的是简单类型的返回值,直接忽略,返回的都是实例化后的对象,如果return的值是引用类型,那么拿到的就是这个引用类型的数据。

2023-07-13 11:20:51 590

原创 Javascript学习之路:Array.from详解

在以往的开发中,对于Array.from的了解是from是Array的静态方法,可以将类数组和迭代对象转换为数组,可以结合Set集合快速实现数组的去重,一直以为Array,from()只有一个参数,不是传类数组就是可迭代对象,但是,该方法有第2个第3个可选参数,一起来看看吧...........

2023-07-07 17:59:08 3385 3

原创 Nodejs 学习笔记

1995年由Netscape公司退出,后经ECMA统一标准的脚本语言。通常狭义上理解的JS是指在浏览器内置的JS解释器中运行的,主要用途是操作网页内容,实现用户交互2009年由Ryan Dahl开发,现由Nodejs Foundatuin维护,基于Google V8引擎的JS运行时环境,其运行完全脱离浏览器,可以编写独立的服务器端程序,主要用途为文件读写,网络访问,加密压缩,数据库操作等。官网网站:www.nodejs.org中文镜像网站:www.nodejs.cn。

2023-07-06 22:04:02 376

原创 学习笔记230629 -- 《分享在jsp分布式项目支援开发衍生功能时遇到和解决的问题》

【代码】学习笔记20230629 -- 《分享在jsp分布式项目支援开发衍生功能时遇到和解决的问题》

2023-06-29 22:21:25 526

原创 jQuery学习笔记

JavaScript类库的出现,是为了简化JavaScript的开发。DOM步骤多,功能弱,兼容性差,函数名长,jq封装好了函数和对象,直接使用,并且可以兼容大部分浏览器,让前端更专注交互。JavaScript类库封装了预定义的对象和实用的函数,可以帮助开发人员来创建有高难度交互的web2.0特性的富客户端页面,并且兼容各大浏览器。JavaScript类库可以简称为JS库目前比较流行的JavaScript类库有jQueryMooToolsPrototypeDojo。

2023-06-26 22:05:23 396

原创 TypeScript基础使用方法

旧JS是弱类型语言,一个变量先后可以保存不同类型的数据,所以不可靠。旧JS是解释执行语言,一边解释,一边执行,一些低级错误无法提前检查和预警。旧JS对对象要求不够严格,开发人员想怎么写怎么写,不便于大项目写作。TypeScript是JavaScript的一个超集支持ECMAScript6标准TypeScript由微软开发设计目的是开发大型应用。

2023-06-19 15:13:25 1465 1

原创 node安装后的全局环境变量配置

node安装后环境变量如何配置

2023-06-14 22:32:33 4425

原创 浅析浏览器的缓存

随着浏览器功能的日益强大,在工作中,浏览器是前端工程师们最重要的战友和开发调试工具,它承载着用户最舒适的用户体验,ui最佳的设计成果展示,后台数据最直观的展示。因此,对浏览器的认识和理解起到举足轻重的地位,现学习浏览器的缓存知识分享如下,欢迎各位。

2023-06-09 17:43:03 906

原创 数据交互系列:indexDB和WebSQL客户端离线存储大量数据

随着浏览器的功能不断增强,越来越多的网站开始考虑,将大量的数据存储在客户端,这样可以减少服务端获取数据,直接从本地获取数据。现有的浏览器数据存储方案cookie 大小不超过4kbLocalStorage 大小在2.5M到10M之间(各家浏览器不同),而且只存储键值对,不提供搜索功能,不能建立自定义的索引。MDN官网是这样解释indexedDB的。

2023-06-02 10:12:23 2209

原创 数据交互系列:简述网络交互、http和原生ajax

今天主要学习了前后端交互方面的知识,简述了网络交互、http和原生的ajax,现和大家分享学习笔记,还望各位大神和前辈多多指教。

2023-05-25 10:31:17 243

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除