- 博客(130)
- 收藏
- 关注
原创 习惯了微信聊天,利用WebSocket手动实现个聊天功能怎么样?
由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!/**获取随机字符串@return*/i < length;i++) {由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容![外链图片转存中…(img-LBr4V0T8-1720775622556)]
2024-07-12 17:13:54
927
原创 vue基础教程总结篇,用最短的时间入门vue
今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验,干货满满呀!如果你能够一直坚持看到这儿,那么首先我还是十分佩服你的毅力的。所以看完之后,还是多多行动起来吧!可以非常负责地说,如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话,那么你就至少已经达到了中级开发工程师以上的水平,进入大厂技术这块是基本没有什么问题的了。
2024-07-12 16:21:49
679
原创 jQuery框架实现元素显示及隐藏动画【附案例分析】
/ 隐藏divalert(“隐藏了…”)});那么难道我们每次都要定义一个方法用于元素显示,再定义一个方法用于元素隐藏吗?并不是的,jQuery中也充分的考虑到了这一点,所以在有一个既能实现显示又能实现隐藏的方法当调用该方法的时候,元素就会被隐藏掉,类似于hide()方法,当再次调用时,元素又会被显示出来,类似于show()方法。其中的参数含义和上面一样实例代码如下:// 能显示能隐藏。
2024-07-12 15:29:31
945
原创 css3---动画animation
html:动画序列:0% 是动画的开始,100% 是动画的完成。这样的规则就是动画序列。在 @keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果。动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。请用百分比来规定变化发生的时间,或用关键词 “from” 和 “to”,等同于 0% 和 100%。
2024-07-12 14:39:48
276
原创 一个前端妹子的面试笔记,大厂直通车!
前端框架太多了,真的学不动了,别慌,其实对于前端的三大马车,Angular、React、Vue 只要把其中一种框架学明白,底层原理实现,其他两个学起来不会很吃力,这也取决于你以后就职的公司要求你会哪一个框架了,当然,会的越多越好,但是往往每个人的时间是有限的,对于自学的学生,或者即将面试找工作的人,当然要选择一门框架深挖原理。以 Vue 为例,我整理了如下的面试题。
2024-07-05 01:54:52
324
原创 【JavaScript】动画函数
大前端和全栈是以后前端的一个趋势,懂后端的前端,懂各端的前端更加具有竞争力,以后可以往这个方向靠拢。这边整理了一个对标“阿里 50W”年薪企业高级前端工程师成长路线,由于图片太大仅展示一小部分。
2024-07-05 00:51:56
225
原创 vue项目如何解决跨域问题_vue打包的项目存在跨域
代理(Proxy)也称网络代理,是一种特殊的网络服务,允许一个(一般为客户端)通过这个服务与另一个网络终端(一般为服务器)进行非直接的连接。注意:Access-Control-Allow-Origin 设置为*其实意义不大,可以说是形同虚设,实际应用中,上线前我们会将Access-Control-Allow-Origin 值设为我们目标host。一定要注意跨域是浏览器的限制,你用抓包工具抓取接口数据,是可以看到接口已经把数据返回回来了,只是浏览器的限制,你获取不到数据。这些再次印证了跨域是浏览器的限制。
2024-07-04 23:47:58
435
原创 Vue3修改Element-plus语言与项目国际化_vue3 element国际化
整理面试题,不是让大家去只刷面试题,而是熟悉目前实际面试中常见的考察方式和知识点,做到心中有数,也可以用来自查及完善知识体系。《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》也可以用来自查及完善知识体系。《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》[外链图片转存中…(img-jILGoStI-1720104741868)][外链图片转存中…(img-SaVerqyq-1720104741870)]
2024-07-04 22:52:34
415
原创 Springboot+Vue博客项目总结
org.springframework.bootspring-boot-starter-log4j2org.springframework.bootspring-boot-starter-aoporg.springframework.bootspring-boot-starter-mailorg.springframework.bootspring-boot-starter-weborg.springframework.bootspring-boot-starter-testtestorg.springfr
2024-07-04 21:53:15
359
原创 js设计模式之 代理模式与应用场景
其实前端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。这里再分享一个复习的路线:(以下体系的复习资料是我从各路大佬收集整理好的)《前端开发四大模块核心知识笔记》最后,说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。
2024-07-04 20:45:27
381
原创 HTML期末网页作业-仿QQ官网QQ注册网页
学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。
2024-07-04 18:50:17
322
原创 css3新增了选择器,还有人不知道吗?
结构伪类选择器结构伪类选择器主要根据文档结构来选择元素,常用于选取父级选择器里面的了元素| 选择符 | 简介 || — | — || E : first - child | 匹配父元素中的第一个子元素E || E : last - child | 匹配父元素中最后一个 E 元素 || E : nth - child ( n ) | 匹配父元素中的第个子元素 E || E : first - of - type | 指定类型 E 的第一个 |
2024-07-04 17:50:42
242
原创 2024-10-14
从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。个人将这段时间所学的知识,分为三个阶段:第一阶段:HTML&CSS&JavaScript基础第二阶段:移动端开发技术第三阶段:前端常用框架推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;如果因为我的笔记太过简陋不理解,可以关注我以后我还会继续分享。
2024-07-04 16:48:35
354
原创 图解CSS3弹性盒子属性
前端字节跳动真题解析px:像素值%:百分值auto(默认):无特定宽度值,取决于其它属性值content:基于内容自动计算宽度前端字节跳动真题解析[外链图片转存中…(img-FTK7kj2k-1719246864099)]
2024-06-25 00:34:35
559
原创 前端必备!最全nginx技术分析_nginxt技术可行性分析
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。
2024-06-24 23:42:37
836
原创 【图解数据结构】排序全面总结(二)
如果你打算靠自己摸索自学,那么你首先要了解学习前端的基本大纲,这是你将要学习的主要内容,理解以及掌握好这些内容,便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程,作为初学者最好的方式就是看视频教程学习,初学者容易理解接受。不要选择买书学习,这样的方式没有几个人能学会,基本都是看不下去书,也看不懂书。如果喜欢看书的学弟,可以买一些经典的书籍作为辅助即可,主要还是以看教程为主。每天抽出固定几个小时学习,做好长期学习的准备。
2024-06-24 21:33:14
883
原创 vue中Computed、Methods、Watch区别
script部分data: {message: ‘我是消息,’},methods: {return this.message + ‘现在我用的是methods’},return this.message + ‘现在我用的是computed’})在官方文档中,强调了computed区别于method最重要的两点:1 . computed是属性调用,而methods是函数调用带有缓存功能,而methods不会被缓存属性调用:1 .computed定义的方法我们是以属性访问的形式调用,
2024-06-24 19:40:51
309
原创 meta在web推广的大作用及其在html中的语法
面试前要精心做好准备,简历上写的知识点和原理都需要准备好,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。为了帮助大家更好更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总JavaScript性能linux前端资料汇总。
2024-06-24 17:42:19
435
原创 JavaScript 侦测手机浏览器的五种方法
上面示例中,如果屏幕宽度小于500像素,就认为是手机。这个方法的缺点在于,如果手机横屏使用,就识别不了。另一个属性返回浏览器窗口里面的网页可见部分的宽度,比较适合指定网页在不同宽度下的样式。} else {三、window.orientation第三种方法是侦测屏幕方向,手机屏幕可以随时改变方向(横屏或竖屏),桌面设备做不到。属性用于获取屏幕的当前方向,只有移动设备才有这个属性,桌面设备会返回undefined。// 当前设备是移动设备注意,iPhone 的 Safari 浏览器不支持该属性。
2024-06-24 15:55:13
260
原创 Android WebView与Native通信总结
在上面我们已经基于方案完成了native与WebView间通信机制的实现,双方可以交换数据,但开发的时候需要考虑更多问题。比如,如果是Javascript向native发送数据,需要将数据转换成一个字符串,然后再将字符串发给native, native再去解析这个字符串,找到对应的处理方法,提取出相关的业务参数,再进行相应的处理。所以我们需要定义这个字符串的数据结构。在上面我们已经约定了,H5端可以采用向native发送数据,该方法只有一个字符串参数, 以获取用户信息这个业务功能为例,我们的字符串参数是。
2024-06-24 14:03:01
1036
原创 详解CSS(十一)
伪类选择器(选中第一个子元素)(选中子元素中第一个指定类型的元素)(选中最后一个子元素)(选中子元素最后一个指定类型的元素)(选中指定的第几个元素);(选中指定的子元素第几个某类型的元素)伪元素选择器first-letter(选中元素中的第一个字母)first-line(选中元素中第一行的文字)selection(选中被用户框选的文字)背景图。1. 当图片属于网页内容时,必须使用img元素2. 当图片仅用于美化网页时,必须使用背景图。
2024-06-20 17:10:38
626
原创 从网易与淘宝的font-size思考前端设计稿与工作流
总算是罗里吧嗦地把文章写完了, 希望你还觉得满意,这篇文章对我来说价值也很大,今后做html5的项目就有思路了,本文提到的三种方法将来肯定都有用武之地。最后,欢迎大家在评论里与我交流你对本文的看法,我们可以一起交流,一起进步。总算是罗里吧嗦地把文章写完了, 希望你还觉得满意,这篇文章对我来说价值也很大,今后做html5的项目就有思路了,本文提到的三种方法将来肯定都有用武之地。最后,欢迎大家在评论里与我交流你对本文的看法,我们可以一起交流,一起进步。
2024-06-19 23:27:36
710
原创 python 字符串方法总结
检测字符串是否包含指定字符,如果包含,则返回开始的索引值;否则,抛出异常,可以通过try ——except捕获异常对字符做出相应处理。检测字符value在字符串string中出现的次数,中括号为可选值,start、end分别表示查找开始的下标和结束的下标,没有value时直接返回异常值二、字符串替换将str1中的str1替换成str2,,count可选,如果指定count,则不超过count次,如果不指定,表示全部替换,可以通过这个方法轻松去掉空格三、字符串分割表示根据定界符分割所有能分割的;返回值为列表。
2024-06-19 11:35:36
804
原创 「2024」前端高频面试题之JS篇(一)_前端面试题2024
JS代码执行之前,浏览器会将var、function关键字提升到当前作用域的顶端,这种预处理的机制就叫变量提升机制。有权访问另一个函数作用域中的变量的函数就叫闭包,也可以说成两个函数嵌套,一个函数有权访问到另一个函数中的变量就形成了闭包函数执行会形成一个全新的私有作用域保护里面的变量不受外界的干扰,这种保护机制就叫做闭包。函数执行会形成一个私有作用域,而且这个栈内存不销毁,这样的话,里面的私有变量和外面不冲突并且值还能保存下来这样叫闭包。
2024-06-18 23:57:59
663
原创 SVG text 自动换行算法_svg text超出换行
svgsvgtexttspantexttspany两种方法各有千秋,方法1可以精确控制换行位置,但是需要计算具体的坐标。方法2无需计算内部坐标,但它是根据单词来分割的,针对长英文单词也无能为力。笔者碰到的就是单个长英文单词也要换行显示,所以只能用方法1。产品需求是文本根据屏幕大小自动适配,如果宽度不够就换行显示。效果如下图所示:Outperformance 这个单词被截断。原理就是先在text元素下插入一个tspan,将单词里的字母逐个填进去,判断元素宽度是否达到限制。如果超过限制就再插入一个。
2024-06-18 21:49:10
454
原创 JavaScript 高级——详谈面向对象
继承中,子类调用一个方法,先看子类有没有这个方法,如果有就先执行子类的,继承中,如果子类里面没有,就去查找父类有没有这个方法,如果有,就执行父类的这个方法(就近原则),注意:上面所说的方法,既包括构造方法,也包括普通的方法。内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。// this.name:类中的一个属性叫做name;子类可以定义自己的构造方法,在构造方法中扩展自己的属性,但是一定要先调用父类的构造方法。
2024-06-18 19:36:58
763
原创 CSS(三) 选择器
也可以是同时具有和color:red;,代表一个有att属性且值是一个由的单词列表,其中之一恰好是“val”的元素color:red;含有**^=val开头**,包含val的元素color:red;**含有|=,val-**开头,包含val的元素color:red;含有**$=val结尾**,包含val的元素color:red;,选择所有选中的表单元素,匹配所有没有子元素的元素(包括text节点)的元素E,匹配所有表单元素可以为空的元素(加了required,就变成必填项)
2024-06-18 14:54:51
256
原创 【零基础入门 HTML + CSS + JavaScript 实现打地鼠小游戏】 闲暇时刻玩一玩 轻松丢烦恼~
3️⃣ JavaScript的标准是[ECMAScript ]( )。截至 2012 年,所有浏览器都完整的支持ECMAScript 5.1,旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日,ECMA国际组织发布了ECMAScript的第六版,该版本正式名称为 ECMAScript 2015,但通常被称为ECMAScript 6 或者ES2015。1️⃣ JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的。☀️☀️☀️欢迎您☀️☀️☀️。
2024-06-17 03:13:59
432
原创 jQuery选择器详细介绍:基本选择器,层次选择器,属性选择器
排序算法根据考频高低主要有:快速排序、归并排序、堆排序、冒泡排序、插入排序、选择排序、希尔排序、桶排序、基数排序、Timsort这十种,这类考核点要么是算法的时间、空间复杂度、稳定度,要么是直接手写代码,故在理解算法原理的同时,对JS语言版的排序算法代码也要加强记忆。说明:*选择器,也称为全选选择器,用于选择所有的元素。注:selector指的是选择器,attr指的是属性(attribute),value指的是属性值。说明:选择M元素后面(不包括前面)的(所有的)某一类兄弟元素N。
2024-06-17 01:02:00
404
原创 Vue组件缓存之keep-alive正确使用姿势_vue如何在组件中访问keep-alive的cache
一、睡服提需求的人,改个简单的需求emm… ,看了看镜子中的自己,估计这辈子没办法从脸上得到任何的便利了,老老实实换个方案吧。keep-alive是Vue提供的一个抽象组件,主要用于保留组件状态或避免重新渲染。包裹动态组件时,会缓存不活动的组件实例,而不是销毁他们。和相似,是一个抽象组件,它自身不会渲染一个DOM元素,也不会出现在父组件链中。但是keep-alive会把其包裹的所有组件都缓存起来。em…怎么办呢,我们只是需要让列表页缓存啊.我们可以把需求拆分为2步。
2024-06-15 22:15:04
695
原创 html学习1:常用标签、特殊标签、其他标签_常见标签和少数标签
b站学习地址:https://www.bilibili.com/video/BV14J4114768总:HTML是超文本标记语言(hyper text makeup language)
2024-06-15 20:13:53
297
原创 Web前端最全我从 Vuejs 中学到了什么(2),2024年最新2024最新前端面试题
其实是有可能的,想想一下如果。**JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串。**CSS:**CSS代码语法,CSS 放置位置,CSS的继承,选择器的种类/优先级,背景样式,字体样式,文本属性,基本样式,样式重置,盒模型样式,浮动float,定位position,浏览器默认样式。
2024-05-17 04:34:14
886
原创 Web前端最全我为什么建议前端将Python 作为第二语言?,2024年最新蚂蚁金服二面要注意什么
全网独播-价值千万金融项目前端架构实战从两道网易面试题-分析JavaScript底层机制RESTful架构在Nodejs下的最佳实践开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】一线互联网企业如何初始化项目-做一个自己的vue-cli思维无价,看我用Nodejs实现MVC代码优雅的秘诀-用观察者模式深度解耦模块前端高级实战,如何封装属于自己的JS库VUE组件库级组件封装-高复用弹窗组件前端高级实战,如何封装属于自己的JS库。
2024-05-17 04:33:39
1074
原创 Web前端最全成为一名年薪20k的前端工程师要做些什么?,2024年最新阿里前端面经社招
在面试前我花了三个月时间刷了很多大厂面试题,最近做了一个整理并分类,主要内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。HTML5新特性,语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。
2024-05-17 04:33:05
988
原创 Web前端最全想写好前端,先练好内功(2),中高级前端面试题目汇总解答
除了简历做到位,面试题也必不可少,整理了些题目,前面有117道汇总的面试到的题目,后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】自定义或第三方的表单控件,也可以与 Form 组件一起使用。只要该组件遵循以下的约定:提供受控属性 value 或其它与 valuePropName 的值同名的属性。提供 onChange 事件或 trigger 的值同名的事件。不能是函数式组件。
2024-05-17 04:32:30
713
原创 Web前端最全vue扩展工具安装-vue-devtools,2024年最新覆盖所有面试知识点的方法
中年危机是真实存在的,即便有技术傍身,还是难免对自己的生存能力产生质疑和焦虑,这些年职业发展,一直在寻求消除焦虑的依靠。技术要深入到什么程度?做久了技术总要转型管理?我能做什么,我想做什么?一技之长,就是深耕你的专业技能,你的专业技术。(重点)独立做事,当你的一技之长达到一定深度的时候,需要开始思考如何独立做事。(创业)拥有事业,选择一份使命,带领团队实现它。(创业)一技之长分五个层次栈内技术 - 是指你的前端专业领域技术栈外技术 - 是指栈内技术的上下游,领域外的相关专业知识。
2024-05-16 22:13:17
299
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人