web前端
文章平均质量分 80
IT-博通哥
这个作者很懒,什么都没留下…
展开
-
html5 canvas带音效的新年烟花特效,真的好看极了
花了半个小时写的代码,这个html5 canvas新年烟花一定不会让大家失望!原创 2021-12-22 21:40:10 · 6875 阅读 · 15 评论 -
边学边总结的前端笔记(JavaScript基础篇)
「学习笔记」JavaScript基础前言最近一直研究JavaScript内容,遂把这一阶段的学习内容整理成笔记,巩固所学知识,同时也会参考一些博客,书籍上的内容,查漏补缺,给自己充充电????????文章内容如有错误,欢迎指正批评✔️✔️工欲善其事,必先利其器,为了提高开发效率,选用VScode。 管理-设置-常用设置-字体Consolas, '微软雅黑 Light', monospace Chinese汉化Vscode Prettier格式化代码(缩进2格)原创 2021-05-22 21:53:40 · 8985 阅读 · 35 评论 -
边学边工作总结的前端笔记(CSS基础笔记)
「学习笔记」CSS基础前言拖延了一周的CSS学习笔记终于利用周末去补齐了,本篇文章着重梳理之前所学的CSS知识点,查漏补缺。同时,试着用git将重点案例存放到远程仓库中,更近一步贴近公司流程。????????CSS构造块「1. HTML的局限性」 HTML满足不了设计者的需求,可以将网页结构与样式相分离,这样就可以在不更改网页结构的前提下,更换网站的样式。 操作html属性不方便 HTML里面添加样式带来的是无尽的臃肿和繁琐 「2. CSS网页的美容师」原创 2021-05-22 21:45:09 · 961 阅读 · 0 评论 -
边学边工作总结的前端笔记(HTML基础篇)
前言勤做笔记不仅可以让自己学的扎实,更重要的是可以让自己少走弯路。有人说:"再次翻开笔记是什么感觉",我的回答是:"初恋般的感觉"。或许笔记不一定十全十美,但肯定会让你有种初恋般的怦然心动。????????本章着重复习Html的基础内容,学习Html究竟要学些什么呢?主要是学习各种标签,来搭建网页的“结构”。✨✨本篇文章主要由五个章节构成,从WEB标准到初识HTML,接着学习HTML常用标签,最后学习表格列表和表单。????????开始充电之旅啦~~~一、认识WEB「网页」主要是由文字、..转载 2021-05-22 21:36:26 · 1466 阅读 · 0 评论 -
前端CSS权重你了解吗?
CSS权重CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级,按照等级来计算权重1、!important,加在样式属性值后,权重值为 100002、内联样式,如:style=””,权重值为10003、ID选择器,如:#content,权重值为1004、类,伪类和属性选择器,如: content、:hover 权重值为105、标签选择器和伪元素选择器,如:div原创 2020-12-08 23:17:14 · 695 阅读 · 0 评论 -
十年前端工程师,总结的前端性能优化!
从用户访问资源到资源完整的展现在用户面前的过程中,通过技术手段和优化策略,缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。网站的性能直接会影响到用户的数量,所有前端性能优化很重要。前端性能优化分为如下几个方面:一、代码部署:1、代码的压缩与合并2、图片、js、css等静态资源使用和主站不同域名地址存储,从而使得在传输资源时不会带上不必要的cookie信息。3、使用内容分发网络 CDN4、为文件设置Last-Modified、Expires和Etag5、使用GZIP压缩传送6、权原创 2020-12-07 22:51:32 · 677 阅读 · 0 评论 -
来咯来咯!2020最新web前端面试题总结(欢迎收藏)
开头这些内容送给正在准备面试中的小伙伴,有一些内容会写得特别特别详细,而有一些内容则写得比较少,但是保证里面的很多内容都是干货,很多都有详细的解释,干货都在后面啊,继续往下看吧。。。各位路过的小哥哥小姐姐们,希望看完了对你有所帮助。万字长文~~~如果你看完了所有内容算我输!!!Let's go!!!一些JS的基础题Javascript中的数据类型(8种)简单数据类型:Number、String、Boolean、undefined、null、Symbol、Bigint(ES2020新增)原创 2020-12-05 22:54:54 · 687 阅读 · 0 评论 -
工作十年的程序员,总结的前端面试题!
1、常用那几种浏览器测试?有哪些内核****(Layout Engine)?1、浏览器:IE,Chrome,FireFox,Safari,Opera。2、内核:Trident,Gecko,Presto,Webkit。2、 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(****IE8 以下)行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效。块级元素:各占据一行,垂直方原创 2020-12-05 22:47:40 · 1127 阅读 · 0 评论 -
不可思议,纯 css 都能图片滚动
背景传统的swiper太重了,里面封装了很多我们不需要的功能,而一个简单的滚动功能没必要那么重的文件。于是就想着自己如何实现,如何才能用最少的代码最优雅的实现呢?是否可以推翻传统的实现,使用纯css的某些特效实现呢?肯定可以的呀,我就实现了一个基于scroll-snap-type属性做的滚动实现思路scroll-snap-type:网页容器滚动停止的时候,自动平滑定位到指定元素的指定位置,有点像当子元素滚动到某一个点的时候会被父元素吸附过去,它的目的是让你的页面滚动停留在你希望用户关注的重点转载 2020-11-16 16:14:59 · 1025 阅读 · 0 评论 -
女朋友天天看直播,问我能不能写个JS弹幕功能?
导语:刚刚看到女朋友发来的消息,说我能不能做个b站的弹幕功能做出来了晚上可以不用睡沙发,这把我激动的,,,,,女朋友跟我的聊天记录如下:我立马就去b站跟各大博客网站浏览技术去了哈哈,反正这个弹幕技术的源码我已经打包了,想要的文末可以下载跟就宝贝女朋友的要求,做了如下需求:这里是引用需求分析用户点击 发送按钮 把input中的内容展示到 box里面 1.元素 .con .send-btn .box span(创建) 2.事件: 点击事件 键盘事件 3.行为原创 2020-11-12 21:18:13 · 1242 阅读 · 0 评论 -
JavaScript全网知识整理,收藏一定不后悔!
全部JavaScript内容整理,全文除前面内容因知识较琐碎或为了更好的表达而用了部分图片外,共计约6万字,全手打。全部整理在一起而不是分开来写,主要是方便以后有疑问直接Ctrl + F搜索文档,即可查询。JS主要分为3部分,即 ECMAScript , DOM,BOM。移动端暂时没写进来。因时间仓促,每天凌晨挤时间整理,难免有遗漏,以后发现后会回来补。如果还在IT编程的世界里迷茫,不知道自己的未来规划,学习没有动力,东也学一下,西也学习一下,那你可以加入web前端学习交流Q群:7335813原创 2020-07-08 23:12:51 · 949 阅读 · 0 评论 -
史上最牛逼的5道题,学不会前端我带你!
前言5道JS能力评测题个人觉得是非常好的5道js基础检测题,基本就是对自己的JavaScript基础做一个比较全面的评估,包括if语句、循环体、基础操作符、setInterval、setTimeout、流程控制、常用数组方法及es6相关(解构、Map、Set、...等)。之前我已经做过一遍了,我记得以前牛客网不支持es6的写法,这两天花了点时间把所有题目又做了一遍,发现支持es6了。这次每个题目我都尽力用了不同的方法实现,建议各位看官收藏,需要的时候方便查看。当然如果你有更好更新颖的实现方法,欢迎评论区原创 2020-07-07 21:57:53 · 829 阅读 · 0 评论 -
2020学习前端,所有人必须看的前端学习路线!
大家一定要看完很有帮助的这段日子在 B 站上收到小伙伴最多的要求就是出一个前端学习路线,我能够充分的感受到大家抓耳挠腮加挠墙的迷茫~所以在这里给大家总结了一套前端学习路线。先从初级前端工程师所需的技能开始,然后一路升级到高级工程师该掌握的技能,层层相扣,让大家在工作中能游刃有余。最后附上我自己是如何从一个后端工程师转成了前端工程师^^。希望我的经历能对大家有帮助。如果还在IT编程的世界里迷茫,不知道自己的未来规划,学习没有动力,东也学一下,西也学习一下,那你可以加入web前端学习交流Q群:73转载 2020-07-02 22:43:47 · 1342 阅读 · 0 评论 -
看20G的视频学web前端,倒不如收藏这50张学习脑图!
想自学JS吗?想提升JS底层原理吗?76张脑图带你彻底搞懂原生JS"不畏惧,不讲究,未来的日子好好努力"——web前端技术圈别走,别走,别走啊????.....搞错了,下面我们正式开始;本篇内容适用于:初学前端;及工作时间不久想回顾基础的各位伙伴;文章主要由图片组成,看起来可能会不太方便,适合保存下来单张查看????;既然来了,就看看在走吧,总会有些收获的????;图片过多,想要原生JavaScript及vue全部脑图的加群下载,web端学习交流Q群:733581373原创 2020-06-28 16:51:55 · 715 阅读 · 0 评论 -
JavaScript中各种源码实现(前端面试笔试必备)
前言能够手撕各种JavaScript原生函数,可以说是进大厂必备!同时对JavaScript源码的学习和实现也能帮助我们快速扎实地提升自己的前端编程能力。最近很多人和我一样在积极地准备前端面试笔试,所以就整理了一些前端面试笔试中非常容易被问到的原生函数实现和各种前端原理实现,其中部分源码戳这里。如果还在IT编程的世界里迷茫,不知道自己的未来规划,学习没有动力,东也学一下,西也学习一下,那你可以加入web前端学习交流Q群:733581373, 里面有大神一起交流并走出迷茫。新手可进群免费领取学习原创 2020-06-04 14:52:13 · 718 阅读 · 0 评论 -
什么是web前端开发,该怎么学习前端技术?
简单快速了解web前端技术1.什么是web前端?web前端,通俗地说就是你在电脑或者手机上浏览网页时所有能看到的东西。你浏览的任何网页可能包括文字、图像、声音、动画或视频。2.web前端包括什么技术?结构:由什么组成。以汽车为例,汽车由发动机、座椅、外壳、大灯、轮子、控制按钮等组成。这些部件构成汽车的结构。同理,网页也是由标题、段落、图像、视频等组成,这些东西构成了一个网页的结构。设计一个网页的结构需要用到html技术。表现:各组成部件长什么样子以及在什么位置。例如,汽车的轮子位于底盘下原创 2020-05-28 22:43:01 · 1062 阅读 · 0 评论 -
送给大家一套完整Web前端开发初学者学习路线
Web前端开发学什么?对于刚刚准备想进入web前端的同学来说,可能只知道web前端开发前景好,薪资高,但是很多人都不知道要从事web前端要学会哪些技术,如今,移动开发的发展依旧如火如荼,企业对于Web前端人才需求产生了巨大的缺口,从事Web前端开发的程序员们则是其中较大的获益者。Web前端的广泛运用,造就了本身的优势。现在学习Web前端是绝佳时期,抓住机会,拿高薪进名企就不再是问题。那么想学好这门技术,需要学习哪些内容呢?学习内容包括7大学习阶段:第1阶段:前端页面重构(4周)内容包含.原创 2020-05-27 22:03:30 · 1386 阅读 · 1 评论 -
初学者应该怎么学习前端?web前端的发展路线大剖析
1、产品经理。这些是负责策划应用程序的一群人。他们会想出很多新鲜的、奇怪的、甚至是不可能实现的应用。一般来说,产品经理都追求丰富的功能。2、UI设计师。这些人负责应用程序的视觉设计和交互模拟。3、项目经理。这些人负责实际地运行和维护应用程序。4、最终用户。指的是应用程序的主要消费者。零基础开始学web前端要学哪些内容?到底该怎么学?这个书籍很多,主要看大家想要提升哪方面。就可以去下载相对应的书籍;上述书籍已经全部上传到群文件里了,QQ群号:733581373,欢迎正在学习前端的小伙伴过原创 2020-05-26 15:08:48 · 557 阅读 · 0 评论 -
5 个提升你 前端JavaScript 编码水平的实例
虽然 2020 的今天,各种前端框架、工具林立,而这些框架跟工具也帮我们提前解决了不少麻烦的问题,但是工具始终是工具,扎实的基本功才是最核心的,现在一起来通过几个实际的代码片段来提高我们原生 JS 的编码水平。如果还在IT编程的世界里迷茫,不知道自己的未来规划,学习没有动力,东也学一下,西也学习一下,那你可以加入web前端学习交流Q群:733581373, 里面有大神一起交流并走出...原创 2020-04-30 16:52:05 · 676 阅读 · 0 评论 -
只用这 6 个字符,就可以写出任意 JavaScript 代码!
你可能在网上见过有人用几个不同的字符写的各种稀奇古怪的 JavaScript 代码,虽然看起来奇怪,但是能正常运行!比如这个:(!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]你猜运行结果是什么?你可以自己去控制台试一下。是不是很神奇,但这到底是怎么回事呢?事实上,你几乎可以用下面这 6 个字符写出...原创 2020-03-04 16:46:21 · 544 阅读 · 0 评论 -
花了一天准备好的web前端电子书籍,全部可以免费下载!
为大家推荐前端开发相关的书籍,个人认为每本都很经典,希望大家能有所收获~鲁迅曾说过——“每18个月,前端技术的难度就会增加一倍”但是即使前端技术飞速发展,下面的这些书籍,依然是每个前端学者首选的入门书籍。这个书籍很多,主要看大家想要提升哪方面。就可以去下载相对应的书籍;上述书籍已经全部上传到群文件里了,QQ群号:733581373,欢迎正在学习前端的小伙伴过来一起学习...原创 2020-02-20 20:18:45 · 2551 阅读 · 0 评论 -
2020年这些好用的前端开发工具/框架,你用了么?
当前各行业的业务管理类应用系统建设需求旺盛,快速交付需要好用的工具支持。下面给大家介绍几种,供各位参考。一、应用框架类(1)Nutz Fast Work该项目为Java开源企业级快速开发框架、后台管理系统,拥有完善的权限控制、代码生成器、自定义表单、动态数据库、灵活的工作流、手机APP客户端、支持前后端分离开发。项目特性可以动态配置数据表实现数据平台中心, 支持工作流少...原创 2020-02-16 16:30:44 · 1792 阅读 · 0 评论 -
JavaScript是什么?能达到什么效果?
学习前端的同学都知道,前端web开发最基础的三要素:HTML、CSS、JS。其中,JS就是JavaScript的缩写。那么本篇文章来给学习前端开发的新手们详细说明一下什么是JavaScript以及它能做什么。从编程角度来说,JavaScript是一门脚本语言。它的名字带有Java,但是它和Java语言没有太大的关系。JavaScript语言相对较弱,语法要求上并不是很严格,比如变...原创 2020-01-08 15:40:22 · 1485 阅读 · 0 评论 -
JavaScript设计模式经典-面向对象中六大原则
1主要学习JavaScript中的六大原则。那么六大原则还记得是什么了吗?六大原则指:单一职责原则(SRP),开放封闭原则(OCP),里氏替换原则(LSP),依赖倒置原则(DIP),接口分离原则(ISP),最少知识原则(LKP)。单一职责原则 开放封闭原则 里氏替换原则 依赖倒置原则 接口分离原则 最少知识原则那么什么是单一职责原则呢?单一职责原则,英文单词为:single r...原创 2019-12-12 16:12:14 · 394 阅读 · 0 评论 -
程序员写300行代码获1.5万月薪,网友:我可以敲到公司破产
今天逛论坛看到了一位程序员大佬写的案例,是一个3D云朵,小伙子说用这个案例‘忽悠’上了一份月薪15K的工作,开心极了,小编我自己也COPY了一份他的源码,运行了一下,确实挺不错的,不愧是大佬,小编我只能膜拜了,于是分享给头条上的小伙伴学习,希望大家能够喜欢。分享之前我还是要推荐下我自己建的前端学习群:539738200,都是学前端开发的,如果你正在学习前端,小编欢迎你加入,今天分享的这个案例已...原创 2019-09-14 14:37:05 · 852 阅读 · 0 评论 -
听说你在从事前端开发?那你得知道这10个JavaScript的优化问题
JavaScript的高效优化一直都是我们前端开发中非常重要的工作,也是很多开发人员无法做好的一部分内容,今天我总结了10个优化问题,大家可以参考来做优化,这其中很多问题都是大家经常遇到的哦。==和===的区别应避免在if和while条件选择语句中的条件判断部分进行赋值,如if (a = b),应写成if (a == b),但是在比较是否相等的情况下,最好使用全等运算符,也就是使用===和...原创 2019-06-20 16:13:30 · 177 阅读 · 0 评论