前端
文章平均质量分 72
qfxietian
这个作者很懒,什么都没留下…
展开
-
零基础教你学前端——1.HTML扬帆
本节课开始前,我们先回忆一个事情,我们小时候写作文时,老师都会教我们一些“规矩”,比如说:题目要在中间写,也就是居中,要分段,要有标点符号,第一段要空两个格子等等。了 比如:我们来书写一个 < h1 >再写一个 两个组合在一起形成一个完整标签 ,这个标签对中间可以书写一段内容,把我们的这一段内容复制进去,再次打开浏览器刷新,这一段内容变得不一样了 这就是 h1 标签的作用。其实就是一个以 html 为后缀的普通文件,说到这,你可能会出现疑问了,这个文件我也没见过,应该怎么创建和书写呢?原创 2022-09-20 14:06:22 · 247 阅读 · 0 评论 -
考研失败后,却稳稳拿到13K的offer
我叫黎星,是千锋武汉HTML5前端毕业老学员,我现在在北京的一家科技公司,做前端开发~其实我觉得我挺幸运的,选择了靠谱的培训机构,学到了扎实的前端技术,也找到了心仪的技术岗位。让我孤身一人在北京,能够有所立足。这一切,都要感谢当初的正确选择!大三,我就确定了自己未来的职业方向和很多95后一样,我身上也有一股桀骜不驯的劲头,在填报志愿的时候,我报考了离家很远的学校,为了让自己脱离父母的庇护,真正的自立。但是和多数同龄人不同的是,我在上大三的时候,就确定好了自己的职业方向——成为一名原创 2022-03-30 17:22:03 · 109 阅读 · 0 评论 -
10个常用的JS工具库,80%的项目都在用
高手区别于普通人的重要一点是,他们善于利用工具,把更多的时间留给了规划和思考。写代码也是同样的道理,工具用好了,你就有更多的时间来规划架构和攻克难点。今天就给大家分享一下当前最流行的 js 工具库,如果觉得有用,就把大拇指点亮一下吧!Day.js一个极简的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持一样, 但体积仅有2KB。npminstalldayjs复制代码基本用法importdayjsfrom'dayjs'dayjs...原创 2022-03-29 17:58:01 · 1620 阅读 · 0 评论 -
用vue实现一个仿简书的轮播图效果
先展示最终效果:解决思路:vue的理念是以数据驱动视图,所以拒绝通过改变元素的margin-top来实现滚动效果。写好css样式,只需改变每张图片的class即可实现轮播效果。可以将轮播图看成两个,如图所示:代码实现:各个slide的样式:$width:800px;//容器宽度$height:300px;//容器高度$bWidth:500px;//大图片宽度$sWidth:$width-$bWidth;//小...原创 2022-03-29 17:52:42 · 228 阅读 · 0 评论 -
HTML中常用特殊符号总汇
HTML中经常会用到一些特殊符号,例如箭头,雪花,心形等等,这些符号就不用css样式或者图片来写了,直接用HTML特殊符号可以实现。例如,如下HTML代码:<body> ⇠ ☀ </body>在网页中显示如下⇠ ☀。使用方法: 这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8; 下面符号列表的后面有两列编号,它们并不太一样,第一列是用于HTML的,你需要在前面加上&#原创 2022-03-03 16:27:34 · 5390 阅读 · 0 评论 -
挖掘隐藏在源码中的Vue技巧
我们知道,在使用Vue时,要使用new关键字进行调用,这就说明Vue是一个构造函数。所以源头就是定义Vue构造函数的地方!在src/core/instance/index.js中找到了这个构造函数。function Vue (options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is a constructo...原创 2022-02-23 10:41:53 · 117 阅读 · 0 评论 -
2022年,这些高薪酬编程语言最值得学
年过完了,上班的已经上班了,上学的也不远了,收拾好心情,重新找回热血状态,该把计划提上日程的也都行动起来啦。2022年1月CodingNomads发布了一份“2022年最值得学习的编程语言”报告,详细介绍了一些语言的职位需求和薪资水平。如果你对编码的数据和逻辑方面感到兴奋,你可能希望学习Python、Java、C、C++或C#。如果你对视觉设计和UX/UI很感兴趣,那么JavaScript和TypeScript将是最适合你的语言。如果你想创建移动应用程序,你应该学习Androi原创 2022-02-10 19:34:33 · 351 阅读 · 0 评论 -
大学成绩垫底的好兄弟,转眼成了Java架构师
我在大学是学习经济管理专业,可以说和计算机是毫无关系。学习编程完全是出于一个偶然的机会,如果不是那一次相遇,可能我现在还站在快餐店门口抢单吧~大学四年,我成了“神枪手”我的性格属于比较听话的那种,小学、初中和高中,都在我家附近,所以我很难在放学或者周末的时候,有比较自由的时间,比如,偷偷去网吧玩游戏。压抑的久了,一旦有了释放的机会,便会肆意放纵,我就是一个例子。上大学后,因为脱离了父母的管束,我彻底的放飞了。每天除了上课,其他的时间就是泡在网吧或者是图书馆的电子信息室。而且,我不是一原创 2022-01-27 13:00:37 · 1845 阅读 · 0 评论 -
json对象和json字符串的区别
json的概念jsON (JavaScript Object Notation) 一种简单的数据格式,是一种比较轻量级的数据存储格式;JSON的优势:1、 JSON更快2、兼容性广泛3、共享数据的最佳工具4、在服务器上解析JSON的缺点:1、没有错误处理2、安全性3、支持工具有限json对象与json字符串的区别开发时,json字符串和json对象傻傻分不清楚,ajax异步请求后,会根据返回的data值判断请求是否成功,访问data.msg会提示...原创 2022-01-27 12:43:23 · 1005 阅读 · 0 评论 -
解决html页面运行时出现乱码问题
html乱码原因 不同编码内容混杂:html乱码是由于html编码问题照成(常见 gb2312与utf-8两种编码内容同时存在照成的) 未设置HTML编码:未设置,这里设置的是utf-8 使用记事本编辑html:使用记事本直接编辑html也容易照成html编码乱码 不同浏览器有自己的编码格式,一般情况下“自动选择” 解决乱码问题HTML中的编码方式有三个:gb2312,gbk,utf-8;现在大部分浏览器默认编码的是utf-8。我们只需要把HTML编码方式设置为u原创 2022-01-27 12:04:08 · 3783 阅读 · 1 评论 -
JavaScript数学运算(取整,取余和取模)
这篇文章主要介绍js取整、取余和取模的实现方法和它们之间的区别,以及Math对象的常用方法函数介绍。取整在项目开发过程中,有时要对小数取整操作,JavaScript也提供了4种方法,分别为round()、ceil()、floor()和parseInt()取整。其中round()是四舍五入取整,ceil() 是向上取整,floor() 是向下取整,parseInt() 只取整数部分。保留整数部分Math.parseInt() 方法就是仅取整数部分,也就是不管小数点后的数是否大于5,一律舍弃原创 2022-01-25 10:14:31 · 14534 阅读 · 1 评论 -
vue3-巧用指令
不知道大家在工作中用上vue3了没有,vue3好是好,但是有部分插件并没有更新到3.0的,比如我比较喜欢的自定义滚动条overlayscrollbars,vue3直接使用overlayscrollbars-vue会报错。今天我们主要介绍一下如何使用指令来应用这些插件,自定义滚动条overlayscrollbars以及拖拽sortablejs。directive指令的话这里就不多说了,参考官方文档(https://v3.cn.vuejs.org/api/options-assets.html#di原创 2022-01-19 16:48:43 · 145 阅读 · 0 评论 -
最全的TypeScript学习指南
大家好,今天给大家带来某机构教研总监陆神的开年之作《最全TypeScript学习指南》可以说是非常的细致、全面TypeScript 是由微软2012年推出的,自由和开源的编程语言。这门语言在业界已经相当的流行。我们熟知的Vue, React, Angular这些广泛应用的前端框架,都在使用TypeScript进行开发,鸿蒙系统3.0也重点推荐使用JS开发应用,在最新推出的开发框架ArkUI,也全面拥抱TS了。TypeScript是JavaScript的超集,正式因为她是建立在JavaScript原创 2022-01-19 14:25:49 · 1694 阅读 · 0 评论 -
阿里P6、P7、P8级别需要多少年工作经验?
虽然各个大厂在去年疯狂的裁员,但是依然改变不了大厂是求职第一首选的事实。尤其是毕业后通过校招进入大厂,再跳槽的话,简历可是含金量相当高的哇!话说回来,大厂虽然很香,但是想要进去还是有很高的门槛的。拿阿里来举例,一般情况下,毕业后校招进阿里的,普遍定级为P5。P6定义为有一些工作经验,可以独当一面的同学。P5校招进来的同学,快则2~3年,慢则4~5年,基本上都能升到P6。在其他公司有个几年工作经验,社招进阿里的,一般以P6作为门槛。偷偷的告诉大家,从千锋毕业的学员中,有去了阿里直接就被定级为P6了原创 2022-01-11 11:17:54 · 36425 阅读 · 0 评论 -
JavaScript实现单词首字母大写的方法总汇
1、for循环:vara='Hi,myname\'sHanMeimei,aSOFTWAREengineer';//for循环functiontitleCase(s){vari,ss=s.toLowerCase().split(/\s+/);for(i=0;i<ss.length;i++){ss[i]=ss[i].slice(0,1).toUpperCase()+ss[i]...原创 2022-01-11 10:01:18 · 266 阅读 · 0 评论 -
3种Javascript图片预加载的方法详解
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速、无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术,来增强网站的性能与可用性。方法一:用css和JavaScript实现预加载实现预加载图片有很多方法,包括使用css、JavaScript及两者的各种组合。这些技术可根据不同设计场景设计出相应的解决方案,十分高效。原创 2022-01-07 16:49:51 · 547 阅读 · 0 评论 -
3天实现京东首页结构布局
想学习前端结构布局的小伙伴,可以来体验体验了,话不多说,想学习的直接来私聊博主!1元限时参加前端实战训练营3天实现京东首页结构布局群内各种实物礼品免费领取陶瓷杯、纪念本、鼠标垫、学习线路图、书籍、淘宝优惠券、前端面试题应有尽有...想参加学习了 微信扫一扫来参加学习哈!...原创 2022-01-07 12:09:29 · 257 阅读 · 1 评论 -
HTML、CSS从零开始 | 浏览器兼容
浏览器兼容浏览器浏览器内核(现代4大内核)Trident 代表作:IE元老级内核之一,由微软开发,并于1997年10月首次在ie 4.0中使用,凭借其windows垄断优势,Trident市场占有率一直很高。然而垄断并非,没有竞争就没有进步,长期以往,Trident内核一度停滞不前,更新缓慢,甚至一度与W3C标准脱节。2011年,从ie 9开始,Trident开始支持HTML5和CSS 3,因此我们也经常会看到有些网站在浏览时会提示用户(在Internet Explorer 9.0+以上原创 2022-01-05 17:45:17 · 95 阅读 · 0 评论 -
我是教育行业的销售,却陷入了程序员的“坑”
从教育行业的从业者到教育行业的受益者,我比谁都清楚教育是如何改变一个人的。我之前是在教育公司从事销售类的综合岗位工作。可能是因为身处教育行业的缘故,所以比别人更了解一个人是如何通过教育改变人生轨迹,成就一番事业。我在销售的岗位已经从事了2年之久了,之所以当初选择销售岗位是因为毕业后没有一技之长,加上沟通能力比较强,就直接做了销售类的综合岗位。我其实属于比较稳定型的,不喜欢跳槽,我相信不管在什么岗位,只要兢兢业业、苦干实干,就一定能发光发热。但话虽如此,随着时间的推移,年龄的增长,家庭责任原创 2022-01-04 20:42:48 · 274 阅读 · 0 评论 -
我是铮铮铁骨的军人,也是一名改变世界的程序员
曾几何时,我是一个不学无术的“废柴”,也是一个铮铮铁骨的军人,但现在,我是一名任重道“猿”的程序员,为了改变世界“码”不停蹄。从小我就是一个不爱学习的孩子,我的整个学生时代,并不记得数学公式,化学方程...只记得ak47和卡丁车,毕业后干脆就去当兵。两年军旅生涯,我懂得了什么叫责任在踏进军营的那一刻起,我似乎明白了父亲的良苦用心。如果上学时期,是学习文化知识,充实大脑。那当兵就是淬炼体魄,磨练意志,塑造全新的自己。上学期间我的一切懒散、拖沓、任性,这些毛病在军营完全被治好了。不仅如此原创 2022-01-04 20:30:00 · 377 阅读 · 0 评论 -
前端工程师学习指南,很清晰,高薪就业看它就够了
寒假来了,要学习资源的同学太多了,不过没关系,都给你们一一安排上!基础入门阶段:HTML+CSS学习俗话说,万事开头难,总感觉入门如登天,入门如“入土”。不着急。Kerwin老师完美解决你的疑虑。列位可曾听说,“评书版”前端教程,带你入门,乐呵乐呵的就把这个门给入了。妈妈再也不用担心我的学习!PC端网站布局:其中包括:HTML基础,CSS基础,CSS核心属性,浮动,盒子模型,溢出,元素类型,安利案例,定位,锚点,精灵图,宽高自适应,表单进阶。HTML5+CSS3原创 2022-01-02 18:40:43 · 1174 阅读 · 0 评论 -
用Python写了一个上课点名系统
今天刷到了一个这样的短视频,我寻思我是不是也可以写一个类似的上课点名程序,想法经不起等待,说写就写~一.准备工作1.TkinterTkinter 是 python 内置的 TK GUI 工具集。TK 是 Tcl 语言的原生 GUI 库。作为 python 的图形设计工具,它所使用的 Tcl 语言环境已经完全嵌入到了 python 解释器中。我们使用Tkinter开发GUI界面。2.PILPIL(Python Image Library)库是Python语言的第三方库,需要通过pi原创 2021-12-30 18:22:26 · 8758 阅读 · 0 评论 -
6 个用于排序数组的 JavaScript 代码片段
本文仅供 Web 开发人员的学习参考哦~演示用例:查找“arr”的结果(1) 数值排序 | 上升 [⇣⁰₉]constarr=[40,100,1,5,25,10];arr.sort(function(a,b){returna-b;});之前:[40,100,1,5,25,10]之后:[1,5,10,25,40,100]说明:对于数字排序,必须创建 Comparator 实体或比较函数。在上面的代码片段中,这相当于const compare = ...原创 2021-12-30 18:18:05 · 155 阅读 · 0 评论 -
HTML、CSS从零开始 | GRID布局
GRID布局它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。GRID布局预热 容器和项目 <section><div><p&g...原创 2021-12-29 16:45:30 · 98 阅读 · 0 评论 -
JavaScript 中 find() 和 filter() 方法的区别
JavaScript 在 ES6 上有很多数组方法,每种方法都有独特的用途和好处。在开发应用程序时,大多使用数组方法来获取特定的值列表并获取单个或多个匹配项。在列出这两种方法的区别之前,我们先来一一了解这些方法。JavaScript find() 方法ES6 find() 方法返回通过测试函数的第一个元素的值。如果没有值满足测试函数,则返回 undefined。语法以下语法中使用的箭头函数。find((element)=>{/*...*/})find((e...原创 2021-12-29 16:42:56 · 772 阅读 · 0 评论 -
Intellij IDEA神级插件,效率提升10倍
安装好Intellij idea之后,进行如下的初始化操作,工作效率提升十倍。安装插件1. Codota代码智能提示插件只要打出首字母就能联想出一整条语句,这也太智能了,还显示了每条语句使用频率。原因是它学习了我的项目代码,总结出了我的代码偏好。如果让它再加上机器学习,人工智能写代码的时代还会远吗?2. Key Promoter X 快捷键提示插件每次都会在右下角弹窗提示,帮助我们快速熟悉快捷键。3. CodeGlance 显示代码缩略图插件当代码很多的时原创 2021-12-29 15:25:54 · 106 阅读 · 0 评论 -
抓紧过来get前端必会的文字垂直居中技巧
最近的瓜有些多,一瓜未平一瓜又起,大家可能和我一样——都是瓜田里的猹。不过,无论怎样,都要抽出点时间学习啦~~~~这两天,有一些初学的朋友们问“文字如何垂直居中”,那我们今天就来谈一谈这个问题哈。首先 文字垂直居中是分单行文字和多行文字的,先来聊单行文字的垂直居中对齐。单行文字垂直居中—行高等于高度值如图所示,我们希望这一行文字可以垂直居中,那就在代码中 设置行高=高度值。CSS部分:<styletype="text/css">div{...原创 2021-12-29 15:08:25 · 1515 阅读 · 0 评论 -
TIOBE12月排行榜出炉,这门曾经大火的语言跌出10名以外…
最近Log4j2的核弹级漏洞闹得可谓是沸沸扬扬,先是爆出史诗级的Bug,修复后又出现了新的Dos攻击漏洞......这期间,程序员不断加班升级修复,要么直接禁用Lookups功能,要么直接换日志框架。本以为每次的修复都可以画上句号,却没想到下一波“惊喜”总是让人措手不及。真可谓是老奶奶上楼梯,不服不行!与此同时,随着Log4j2的爆雷,在IT圈又掀起一阵编程语言讨论热潮!而每一次讨论,当然少不了这一句口号——但是就在日前,全球知名TIOBE编程语言社区发布了12月编程语言排行榜。而这一期原创 2021-12-29 14:45:27 · 2161 阅读 · 0 评论 -
15 个常见的 Node.js 面试问题及答案
俗话说:临阵磨枪,不快也光。对于成功的编程面试来说,准备和知识面一样重要。准备使你有信心参加面试,而不用担心莫名的紧张情绪。如果第一次参加编程面试,这一点尤其重要。为帮助 Node.js 开发人员更好的面试,列出了 15 个常见的 Node.js 和网络开发相关的面试问题。在本文中,我们将重点讨论 Node.js 相关问题。但是,请记住 JavaScript 问题在 Node.js 面试中也经常问到,所以准备一些对你来说没什么坏处。现在,让我们深入了解面试中可能会问到的 Node.js 问题..原创 2021-12-24 19:33:14 · 193 阅读 · 0 评论 -
多行内容超出...显示的JS解决方案
一个貌似很简单,但写起来也不简单的问题—对于多行文字,超出...显示。通过css可以实现,但受限于浏览器兼容问题,有时候还需要依赖js来实现。通过js实现,就需要考虑到文字大小,中英文、数字、标点符号所对应的字节长度不一致,如果考虑的不全面,对于不同的文字内容,总会有点差距。首先,我们需要了解,中文汉字,英文字母,数字以及特殊符号所占的字节长度是不一样的,如果需要计算准确,就不能按照字符串的元素个数去截取,把它们换算成字节数来截取,准确度更高。所以,我们需要一个获取字符串字节长度的方法:..原创 2021-12-24 19:31:27 · 1037 阅读 · 0 评论 -
Js阻止事件冒泡与阻止默认事件
这篇文章主要讲解js中阻止事件冒泡,阻止默认事件的方法,理解stopPropagation(),preventDefault(),return false的区别。1、event.stopPropagation()方法event.stopPropagation()方法阻止事件冒泡到父元素,阻止任何父事件处理程序被执行。不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开。提示:请使用event.isPropagationSt...原创 2021-12-19 16:47:10 · 10959 阅读 · 3 评论 -
墨刀安装以及基础使用教程
软件介绍墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。下载地址1、官网下载地址:https://modao.cc2、在下方公众号回复【墨刀】,也可直接获取下载安装包。下载好后,直接双击.exe文件安装使用1、安装(1)双击下载...原创 2021-12-19 16:44:35 · 15817 阅读 · 0 评论 -
7个你可能不知道但很有用的HTML属性
HTML是每个Web开发人员都必须具备的技能。如果你不了解这种标记语言,你就不能称自己为Web开发人员。你在网络上看到的每个网站都是使用HTML构建的,因为它具有许多有用而强大的功能,作为开发人员,你可以从中受益以创建网页。话虽如此,HTML还具有可以附加到元素或标签的属性,以便向HTML元素添加某些交互功能。在本文中,将会提到一些你可能尚未听说过的有用的HTML属性的列表。接着往下看吧~1、accept如你所知,HTML允许你创建输入,你可以在其中上传文件。除此之外,HTML属性acc..原创 2021-12-14 16:34:58 · 1232 阅读 · 0 评论 -
vue实现MVVM
js创建对象的两种方式://第一种varperson=newObject();person.name="Nicholas";person.age=29;person.job="SoftwareEngineer";person.sayName=function(){alert(this.name);}//第二种varperson={name:"Nicholas",age:29,job:"SoftwareEngineer",s...原创 2021-12-13 15:54:16 · 1131 阅读 · 0 评论 -
如何解决img标签下面的小空隙
很多初学小伙伴在写页面的时候碰到过一个问题,当我们用一个div直接包裹img,img的下方会出现3px间距,如图:代码<!DOCTYPEhtml><html><head><metacharset="utf-8"/><metaname="viewport"content="width=device-width,initial-scale=1"><title></title>...原创 2021-12-08 21:38:11 · 139 阅读 · 0 评论 -
220道前端面试题(精选版 含答案)下
接上篇、、三十九、什么是闭包(closure)为什么要用它闭包是指有权访问另一个函数作用域中变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域,将函数内部的变量和方法传递到外部。闭包的特性:1.函数内再嵌套函数2.内部函数可以引用外层的参数和变量3.参数和变量不会被垃圾回收机制回收例如://li节点的onclick事件都能正确的弹出当前被点击的li索引 <ul id="testUL"..原创 2021-12-03 15:47:05 · 325 阅读 · 0 评论 -
220道前端面试题(精选版 含答案)中
接上篇、、、、二十一、说说TCP传输的三次握手四次挥手策略为了准确无误地把数据送达目标处,TCP协议采用了三次握手策略。用TCP协议把数据包送出去后,TCP不会对传送后的情况置之不理,它一定会向对方确认是否成功送达。握手过程中使用了TCP的标志:SYN和ACK。发送端首先发送一个带SYN标志的数据包给对方。接收端收到后,回传一个带有SYN/ACK标志的数据包以示传达确认信息。最后,发送端再回传一个带ACK标志的数据包,代表“握手”结束。若在握手过程中某个阶段莫名中断,TCP协议会再...原创 2021-12-03 15:44:39 · 786 阅读 · 0 评论 -
220道前端面试题(精选版 含答案)上
为了方便各位热爱前端学习的小伙伴之后面试能够更加的有针对性的去做准备,好程序员特意为大家整理220道独家HTML5大前端面试题!希望能给大家带来帮助!一、Doctype的作用?严格模式和混杂模式的区分,以及如何触发这2种模式?<!DOCTYPE>>声明位于文档中的最前面,处于<html>标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档。DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。严格模式就是浏览器根据web标准去解析页面,是一..原创 2021-12-03 15:41:03 · 1208 阅读 · 0 评论 -
五分钟带你零配置开始前端项目(Parcel)
parcel是一款前端构建工具,可以不写任何配置的情况下做前端项目开发。目前大家使用最多的前端构建工具依然是webpack,但是webpack的配置真的很麻烦,每一个版本更新之后都会有些许的变化。如果让你手写webpack的配置,估计都会放弃。一般的操作都是对照官网的文档改改,然后需要优化了就再查查网上的资料。webpack在做项目配置的时候各种插件、各种依赖、各种加载器,真的让人很头疼。不过还好,现在很多框架都有教授架,一般都不需要自己进行单独的配置了。但是很多时候我们可能就是需要一些简单的工具,..原创 2021-12-02 17:57:01 · 795 阅读 · 0 评论 -
基于TS手写前端MVC框架简单实现购物车功能
一、后端TS版搭起MVC架构的WEB服务器注意点:1.用TS写node服务器需要先下node API的TS库2.通过引入文件,通过回调方式,将参数传入引入文件进行不同层的联动操作3.事件侦听,抛发的方式完成路由操作项目目录说明:1.main: 0)入口文件 1)创建了main单例,在当前页面执行main实例的init方法,即直接node main.js开启服务 2)init方法中根据引入的sever类,创建server对象开启web服务 3)ma..原创 2021-12-02 17:48:45 · 866 阅读 · 0 评论