自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JavaScript数据结构【数组---for...of循环迭代】

继for循环,和forEach方法迭代数组后,要想迭代数组的值还可以用for...of循环// for...of循环示例}/*输出:123*/可以看到:使用for...of循环迭代整个数组还是比较方便,方便取到值并且使用,示例所示并非仅可以迭代数组,更多可参见直接多给个参数?不行,key的位置只能容得下一个参数,装不下其他参数了;有问题自然是有对应解决措施方法返回一个包含数组中每个索引键的对象}/*输出:012*/

2022-12-11 16:01:56 969 1

原创 JavaScript数据结构【数组】

方法描述push数组的末尾插入元素unshift数组的开头插入元素pop从数组的末尾删除元素shift数组的开头删除元素splice在数组的任意位置添加或删除元素concat连接两个或更多数组,并返回结果filter对数组中的每个元素给定函数,返回该函数会返回true的元素组成的数组forEach返回第一个与给定参数相等的数组元素的索引,没有找到则返回-1lastIndexOf返回在数组中搜索到的与给定参数相等的元素的索引里最大的值map对数组中的每个元素运行给定函数,返回每次函数调用的结果组成的数组res

2022-12-04 10:34:21 925

原创 JavaScript数据结构【准备】

这一特性对于前端来说算是一把双刃剑:一方面定义的变量的时候不用过多的考虑其类型,效率因此得到提升,另一方面由于没有类型的约束,从而会引发项目莫名的崩溃,造成不稳定性,对后期维护或者二次开发来说都是不小的挑战。有问题自然有解决问题,TypeScript由此应运而生,带着并且以肉眼可见的速度席卷而来,受到广大前端开发者的青睐,赫然成为前端开发的必备技能,可以对变量的类型进行约束,从而将一些潜在的风险扼杀再摇篮里。如果字符串是空的(长度是0)为false、其他(长度大于等于1)都为true。

2022-11-27 11:54:30 596

原创 快速MOCK数据并插入数据表中(MySQL)

问题描述:在学习使用SQL语句操作数据库的时候,添加十几二十条数据总感觉不够直观,如何快速批量制造相对真实的假数据,以供测试使用?

2022-11-20 15:12:27 2450

原创 node环境执行js文件

JavaScript代码的执行;Node的REPL;Node程序执行参数传递

2022-11-13 17:38:23 4380

原创 TS查漏补缺【类型守卫】

在语句的块级作用域【if语句内或三目运算符表达式内】缩小变量的一种类型推断行为。

2022-11-06 18:04:32 998

原创 TypeScript查缺补漏【TS自动重启+自动运行+parcel自动打包】

注:如果运行ts文件出现打印乱码的情况,可以尝试安装ts-node依赖后在其尝试。打开目标文件,然后使用快捷键:CTRL + ALT + N。

2022-10-30 14:10:14 488

原创 TypeScript查缺补漏

定义是为一些类同类对象或同类别的类提供属性定义和方法声明但没有任何赋值和实现的数据类型接口实现应用场景1、提供方法的兑现类型的参数时使用2、为多个同类别的类提供统一的方法和属性声明}}type和接口类似,都是用来定义类型,但type和interface的区别如下:区别一:定义类型的范围不同interface只能定义对象类型或接口当名字的函数类型type可以定义任何类型,包括基础类型、联合类型、交叉类型、元组。

2022-10-23 10:28:54 474

原创 微信开发者工具使用

通过这个面板可以直观的看到页面数据的使用情况,包括当前页面的。

2022-10-16 14:39:42 1218

原创 next.js-学习笔记与总结

next.js的基本使用代码书写环境配置,帮助规范开发TypeScript、React的一些运用Mock Server模拟数据创建数据库、连接数据库、基于node简单操作数据库基于next、node结合MySQL的短信验证部署项目知识文档的阅读与吸收能力需要提高,通过文档不能和好的理解作者思想,导致在实际运用时频频出现问题TypeScript、React还需深入学习,否侧要花大量的时间去解决各种报错项目打包,与之对应的时webpack、babel相关知识的欠缺。

2022-10-08 21:16:52 1382

原创 浏览器执行原理-V8引擎

了解不同浏览器得到内核、渲染过程、V8引擎

2022-09-25 14:14:15 630

原创 WebSocket入门篇(一)

WebSocket。

2022-09-13 21:23:03 1044

原创 Webpack浅记

为什们要学习Webpack理解前端“工程化“概念、工具、目标 一个团队总要有那么几个人首席Webpack, 某种程度上可以 成为个人的核心竞争力 高阶前端必经之路一、什么是Webpack前端项目于由神门构成?---资源一个前端项目包括多种资源:PNG、JS、TS、css、Less、Vue...在早期我们需要手动去管理这些资源,但开发效率相对现在相差较大,具体体现在:依赖手工,比如优50多个JS文件进行操作,过程繁琐 当代码文件之间有依赖的时候,就得严格按照以来顺序书写 比较难接

2022-09-04 16:33:44 233

原创 Vite知识体系简述

新一代前端构架工具No-bundle开发服务,源文件无需打包生产环境基于Rollup的Bundler高性能,dev启动速度和热更新速度非常快简单医易用,开发者体验好传统构架工具遇到的问题缓慢的启动=>项目编译等待成本告缓慢的热更新=>修改代码后不能实时更新瓶颈bundle带来的性能开销JS语言的性能瓶颈。.........

2022-08-13 20:38:53 881

原创 web安全(初识)

web开发的安全问题一直都是重中之重的一环,当然安全问题在其他领域同样如此,在web开发领域安全问题一旦出现问题,对用户可能是个人财产或隐私的造成损失、对公司可能造成巨额财产及客户的流失、同时也 关系到开发者工作的去留等一系列问题。...

2022-08-07 09:10:02 1066

原创 uni-app_微信小程序

目录0、前言1、初体验1.1开发方式(两种)1.2脚手架搭建项目2、项目结构介绍2.1项目目录3、样式和sass3.1样式和sass3.2 nvm管理node4、基本语法4.1介绍4.2数据的展示4.3数据循环4.4条件编译4.5计算属性5、事件5.1事件的使用6、组件6.1组件的简单使用6.2父传子6.3子传父6.4全局共享数据6.5组件插槽7、生命周期7.1介绍8、网站汇总0、前言 最近

2022-05-14 21:48:33 372 1

原创 遇见lodash

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库

2022-05-03 22:16:22 781

原创 vue项目目录分析

前沿在学习vue过程中,用vue去写开发一个小项目,可以作为学习成果的一定反应,但在开发的过程中注意的东西也很多,首先便是项目的创建,项目每个目录及其文件各司其职,使项目可以运行起来,并且好的文件结构无论是对合作开发或是后期维护都起到至关重要的作用。项目简单目录结构: node_modules (项目依赖文件夹) public(一般放置一些讲台资源(图片),需要注意,放在里面的静态资源,在 webpack 打包时,会原封不动的而打包到 dist 文件夹中) src(程序员源

2022-04-30 22:41:05 270

原创 第九周总结

本周要闻回顾感悟 回顾从开始接触前端到现在算来已经快两年时间,距离真正的面试越来越近,通过看一些面试题,发现学到的东西在少之又少,并且学的不够扎实,先不说没见过的,那之前学过的,现在真正让口述出来,都不知道从哪说起,主要还是不够了解,以及有些学过的东西,刚开始学的可能有点浅显,或者说只学习到了一少部分,还有好多所不知道的但相对于常规操作更简洁好用的一些东西,没有被发掘。 刚开始学习的可能就只是一些基础知识,那三剑客(html、css、js)来说,学也学了,现在看来学的知识冰山一角,每个单

2022-04-28 13:01:03 183 1

原创 vue模板引擎mustache03__实现(笔记)

目录两个几个问题HTML模板如何变为tokens形式的嵌套格式的数组?数据data又怎们和tokens结合变为变为理想的dom然后上树的?流程parseTemplateToTokens(将HTML变为tokens)Scanner扫描器substring()方法nextTokens(处理tokens为嵌套结构)renderTemplate`(将tokens和data数据结合,返回处理好的dom然后上树)lookup(寻找用连续点符号的keyName属性)parseA

2022-04-16 22:53:21 774

原创 2022-4-16周总结

本周要闻vue底层继续学习 问题 vue学习的时间也是不短了,但是现在问一些底层具体有哪些东西,可能大致上可以说上几嘴,然后就没了,看着是把知识过了一边,但似乎仅仅是过了一便而已,只是留了一下大概印象,往深层次就便说不上来了。 为什么会出现这种问题? 对不理解的内容并未深究下去,或者说没有一查到底,浅显的了解便匆匆跳过,学习内容记录的不到位,一直于回顾先对困难 追求量而忽略了质得积累 感受 通过对这个底层得学习比较深刻得感受是基础确实的重

2022-04-16 22:49:05 470

原创 大二下第七周总结

反思不知觉今天已经是这学期的第七周的最后一天了,算算时间加上提前两星期放假的时间,这学期已经过去一半,开学到现在,不得不说时间过得有亿点快,反观自身的实力却是不像时间增长的速度那样,亦或者说有一丝停滞的感觉,到底是哪里出了问题?仔细想来是缺少总结,对自身认识不足,之前看到过一个前端开发的一个技术栈相关的路线图,看到一个个陌生的单词发现要走的路比想象中的还要长,然后是翻看一些相关的博客,以温微信关注的一些公众 号为主,看的不少,文章也确实很好,然后就是一个致命的问题:缺少总结。有种贪多嚼不烂的感觉,看

2022-04-10 08:58:58 127

原创 vue模板引擎mustache02__机理(笔记)

mustache库底层重点做的两件事:1、将模板字符串编译为tokens形式2、将tokens结合数据,解析为dom字符串

2022-04-08 08:37:22 761

原创 vue模板引擎mustache__初识(笔记)

1、学Vue模板引擎和mustache什么联系2、什么是模板引擎?3、历史上曾经出现的数据变为试图的方法1、学Vue模板引擎和mustache什么联系 回答 mustache是最早的模板引擎库,比Vue诞生要早,他的底层实现机理在当时是非常有创造性的、轰动性的。为后续的模板引擎的发展提供了崭新的思路。 mustache简介 mustache官方地址 解读: mustache是“胡子”的意思,因为它的嵌入标记{{}}非常像胡子

2022-04-03 10:45:38 881

原创 2022-4-2总结

近期感悟关于学习近期感悟 打开博客进入个人中心,发现距离上一次做的阶段性总结(周总结)已经过去一个多月了,一周一小总都快变成一月一总结了,翻看过去写的总结,看到当时的一些今后打算不禁陷入思考,有些计划到现在都没有很好的完成,早早的创建笔记的栏目如今却是空空如也,对写一些东西的热情没那么高涨,有种感觉这个东西别人都写过了,还写的比较好,直接拿来看就行,或者是查文档,省的再花费时间去写,确实是省功夫,也确实是时间一长,忘一片。 真实是百闻不如一见,当看到学长在面试是翻着简历、博客看的是时

2022-04-02 21:36:01 304

原创 vue首屏加载优化(路由懒加载)

vue首屏加载过慢问题 首屏加载过慢原因: vue进行的是单页面开发,第一次加载页面时会一次性几乎把所有的组件数据下载完毕,导致加载时间过长,出现白屏停留时间过长的情况,也就是首屏加载过慢问题。 解决办法: 路由懒加载 ui 框架按需加载 gzip 压缩 一、路由懒加载 官方描述: 当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加

2022-03-27 09:48:07 1583

原创 vue上传图片二(预览、限制大小)

vue图片预览、重新选择图片,大小限制

2022-03-13 15:36:04 3250

原创 vue上传图片一(结合axios)

vue结合axiso实现图片上传(一)前言: 当展开一个项目的是时候,文件的上传是必不可少的,本次仅拿图片的上传的众多方法中的一种为举例 说明:仅展示图片的上传,使用axios 发送请求 html部分(即template) <input type="file" accept="image/*" @change="changeImg()" ref="img">methods 部分changeImg () { const file = this.$..

2022-03-06 17:15:53 1270

原创 2022-2-27周总结

总览假期过去,新的学期到来,学习也将踏上新的日程,在着第一周里项目当然还是暗部照搬的进行中,以及作为一名可以说为考官把进行考核等等。 关于VUE 这个是这次所用一门新技术,在寒假期间从学习到使用着个框架,一方面感叹作者的过人之处,另一方面确实打破哦常规的操作dom节点的方式,无需操作dom 节点便可操作页面数据,做出一些相应的变化。当然所包含的内容也确实不少,其中的一些关键技术、环境的搭建、配置,一些组件库的使用都需要下功夫去学习并使用。 然后关于作为一名算是考官来说,看到看到页面到审视

2022-02-27 09:20:35 86

原创 2022-1-16周总结

学习 随着假期的到来,新的学习计划也是正式开始----Vue的学习, 初识vue 就感觉开启了一扇全新的大门, 操作页面居然不需要dom操作 ,仅仅更改数据或者变量页面就可以做出相应的改变,之前通过一系列的dom 操作才实现的功能,通过vue几行就搞定确实强大,包括组件的存在,对提高开发效率方面贡献不小,当然掌握这门技术也并不简单,生命周期有哪些、虚拟DOM 、diff算法 是如何工作的、组件通信、路由等等,包括一些环境的配置,三脚架啥的,也是出现一些列问题,最初node配的环境就是就马马虎虎,现在就

2022-01-16 20:28:59 407

原创 2021-12-5周总结

周总结学习生活 打开课表,大二上学期的第十三周也即将结束,伴随这考试周的提前,周末的补课已经补到了周四,复习备考工作也是要提上日程,最近各科的期中考试也是接近尾声,随之而来的期末复习的紧迫感,通过期中考试发现了很多的知识漏洞,就像老师说的其中考试是一个知识的检测,同样更是一个警钟,提醒着你这学期的时间所剩无几,抓紧复习。 本周的主要任务还是继续完善项目,每次项目写都后面的时候总有一种重构的感觉,开始嫌弃前面写的代码不够简洁,逻辑不够完善,代码区分度不强,各个功能之间区分比较困难,导致需要

2021-12-06 08:39:39 167 1

原创 2021/11/28总结

2021年11月27日总结项目方面 记录:本周五对这次为期一个月的前后端分离的商城项目进行了考核,通过考核对项目的那些不足有了更明确的定位,以及一些之前没遇到的在考核中被指出来的一些问题。 感受:通过这次项目,算起来算是第三次写关于node的项目,但是对于使用却还不是很顺手,比较突出的是关于文件的上传(将图片通过node端传给后端),这次主要是图片(单张或多张),是难点没错,拖慢了项目的进度也没错,不过也确实了解了一种关于这个问题的解决方案,收获到了东西;然后是关于项目的整体任务划分问题

2021-11-28 09:18:12 280

原创 2021-11-21

总览一周的时间就此过去,在过去的一周里,主进程还是项目继续进行;初次之外,报名了学校组织的网页设计大赛,完全由静态页面组成,然后发现在静态页面设计上面存在不少问题,和项目开始的时候是一个问题,关于设计网页的积累太少,收藏的网站不少,下载的源码也有,但真正动手亲自将这些转换为自己的确实太少,别人的还是别人的,仅仅是在收藏里吃灰;当然,算法的练习也是必不可少的,新一届的蓝桥杯已经报名,接下里就是好好练,争取回个本,300块还是有点小心疼的????。js相关 数组转字符串 toString

2021-11-21 10:12:04 340

原创 2021-11-14小结

总览这周的重点当然还是项目驱动,在项目结束前其都占据比较大的比重,随之伴随的是算法的练习以及java的学习巩固。关于项目 这次负责的是后台,在后台这块写到现在遇到的比较大的问题是前期的准备,这里前期指的是页面的布局,都知道一个后台的常规布局就是:顶部的一个导航栏,左侧侧边栏、右侧内容区域,这三个大块内容固定不懂,数据的展示皆放在内容区,数据量大时自动出现滚动条。需求很明确,但初期布局时解决办法欠妥,出现不必要的麻烦,也是花费了一点时间。 代码的复用效果不理想,体现在分页,表格这块,后

2021-11-14 09:35:02 71

原创 2021-11-7周总结

总览这周主要还是商城项目的继续进行,在写项目时比较强烈的感受就是:有些东西别人写好的直接拿来用确实方便,然而真正轮到自己写的时候是一种截然不同的感受。1、输入框回车事件html部分<input class="searchInput" type="search" onkeypress="inputEnterFun()" placeholder="请输入用户姓名">js部分function inputEnterFun(){ console.log("a"); if..

2021-11-07 09:01:02 84

原创 2021-10-31总结

总述从拿到这个商城的项目到现在已经接近一周了,虽然之前做过其他的,但相比之下这次明显感觉复杂不少,但做项目也是在不断积累经验以及学习的过程。1、关于项目拿到项目的第一步便是需求分析了,通过前后端的商量确定页面的基本结构、字段好之后,各自分工,开始进程,一边交互一边走进度,处于锻炼基础的目的,这次不允许使用一些ui框架,能用原生的尽量用原生,然后发现之前太依赖一些框架组件了,确实该练习了。2、巩固一些css知识点 css实现上下左右箭头 .triangle{ width: .

2021-10-31 08:47:48 77

原创 10月24日总结

周总结招新总结:到学校也已经有两周了,在这两周的时间里进行了一项非常重要的事情,没错,就是小组招新,唯有不断的注入新鲜血液,团队才能不断的发展下去,所以招新时每年的重中之重的任务,是需要每个成员都要参与进去的,仔细算来准备工作从放假期回到家中就开始了,从最开始的展示分工(包括海报、ppt+快闪、门口的展板、宣传手册登)都是需要重新制作的,中间也是不断的修改、调整只为将小组更好、更全面的展示出来,此外还有招新系统的制作,无论时前台给新生的展示页面,还是后台给大二大三面试用的后台管理系统,全部成员的不停

2021-10-24 16:11:18 67

原创 2021-10-04

周总结1、总述 这周主要还是对js高级的一些知识点的梳理理解,其次是对已经学过去的一些css简单的回顾了一下 2、js高级部分 js高级这块依旧是正常的学习,一些属性的了解使用时不可避免的,比较费劲的是js代码执行的理解上要多下功夫,一原型和闭包为代表的js的两座大山完全掌握还是比较难的,更多的是一步一步理解其中的运行流程,只有吧运行流程搞清楚了,才能应对开发中遇到的一些列关于这一方面的问题。 3、css回顾 css这个的回顾,发现刚开是学习的时候漏了不少,温故而知新谈不上,更

2021-10-04 19:40:05 66

原创 2021-09-26

总述伴随着新任务的发布,新学习阶段也是开始进行,在学习任务内容的过程中,发现了一些学习方法的问题,还是比较严重的,确实需要正视起来了。1、打字问题这个问题早在之前就意识到了,没咋在意,感觉差不多就行了,但是现在发现问题越来越大,一行代码单纯敲出来慢个一两秒,日积月累浪费的时间就越多,以至于不敢计算,确实要正视起来了。2、记笔记的习惯突然发现记笔记的重要性了,无论是加强记忆,还是日后复习起到至关重要的作用,记笔记的过程也是梳理知识的过程,越学越觉得学得比较零碎了,关键还是梳理不到位,东一块

2021-09-26 16:24:57 58

原创 周总结(2021/9/19)

概述:经过假期的一个多月的时间,招新项目算是告一段落了,但确不能画上句号,因为bug不经意间如期而至,你以为改完了,不!你没有,bug仅仅在你看不见的地方偷偷的看着你,亦或是新的bug正在来的路上,比如一个弹窗的自适应,在你的屏幕上可能从25%到500%,没啥毛病,换个设备就不一定了,牵扯到屏幕分辨率及尺寸啥的,总之还是太菜,现在算是对之前学长说的大部分时间都是在该bug的含义了????,初次不解语中意,再次体会发现:不是在该bug就是该bug的路上。总之:继续加油干!!!总结:1、多人开发:

2021-09-19 12:21:08 75

空空如也

空空如也

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

TA关注的人

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