前端
文章平均质量分 77
M-Codes
不管什么年纪,别辜负最好的时光。把每一句“我不会”都改为“我可以学”,把每一句“我不敢”都改为“我一定行”。尝试总比永远不敢开始要强!经历了才无侮!加油!少年
展开
-
前端大屏可视化项目
1、确定需要适配屏幕的大小,虽然我们前端默认大屏的1920*1080起步的,但是防止有人不懂开发前需要新搞清楚适配范围;2、和UI说清楚字体大小尽量在12px以上,一是12px以下写起来麻烦;二是12px以下在大屏中展示效果不好;3、不同大小屏幕的适配方法 我使用的是zoom,其中1920是设计稿的宽度当然transform scale 和rem等方式也行;4、大屏中有很多样式很难实现,可能会使用很多图片代替,图片太多可以使用雪碧图来优化;5、DataV组件库中的轮播表config数据更新后视图不发生变原创 2022-06-27 21:58:50 · 11424 阅读 · 3 评论 -
Ant Design的入门使用教程
一、Ant Design 介绍1.1 背景如果经常浏览各种网站,就会发现不管网页的主题是什么,通常都会出现一些重复的构件,比如:日历、表格、表单、菜单、卡片、导航栏等。这些构件的功能和外观都很类似,只是在一些细节的地方,根据需要做了定制。它们就叫做组件,一张完整的网页,可以看做是不同功能的组件的集合。又由于之前浏览器大战的残留问题,导致即时做出了一个组件,但是其不能很好的适用所有浏览器。2014年,React 框架发布,为组件提出了一套可行的解决方案。从此,可以用于实际开发的组件库才变成了现实。1原创 2022-06-24 14:39:58 · 10407 阅读 · 0 评论 -
前端项目中遇到的最大问题是什么,该如何回答
实话实说,都是常规开发,项目还在初级阶段,暂时还没遇到难点一开始也不太会回答,但是后来想了一下面试官的意图,之后就直接说学校项目其实深度和难度上都不大,但是在碰到某个知识点的时候,我有深入去了解它的源码(原理),巴拉巴拉。项目经理可能是项目经理也可能是技术总监,但关注的都是你的学习能力,及项目把控能力,不会像一面那样问些细碎的知识点最近项目中遇到什么问题,及解决方案?面试前自己一定要准备一波,不然面试的时候自己大脑中会一片空白。如果觉得自己解决的问题都没什么技术含量,那可以说项目中其他同事解决的问题,或原创 2022-06-13 09:10:52 · 19432 阅读 · 0 评论 -
网络传输过程中的优化
如果服务端还是 HTTP 1.1 协议,那么浏览器并发的 HTTP 请求是由数量限制的(比如桌面浏览器并发请求可能是 8 个,手机浏览器是 6 个),如果一下子并发的几十个请求那么会有很多请求会停下来等,等前面的请求好了下一个再进去,这样就延长了整个页面的加载时间。如果服务端已经开启了 http2,那么不存在并发请求的限制。项目中有很多依赖库如 React、lodash ,它们的版本是基本不会发生变化的。将这些不会发生变化的包单独拆出来,加上缓存,那么二次请求时这些不变的包都不会被拉取,这样就可以提升网站整原创 2022-06-03 09:57:16 · 420 阅读 · 0 评论 -
总结GitHub上传项目中经常遇到的问题
1. git add 添加 多余文件这样的错误是由于, 有的时候 可能git add . (空格+ 点) 表示当前目录所有文件,不小心就会提交其他文件git add 如果添加了错误的文件的话撤销操作git status 先看一下add 中的文件git reset HEAD 如果后面什么都不跟的话 就是上一次add 里面的全部撤销了 ,HEAD 可以不写,直接git resetgit reset HEAD XXX/XXX/XXX.java 就是对某个文件进行撤销了,HEAD 可原创 2022-04-22 14:02:36 · 2242 阅读 · 0 评论 -
ES6/ES7/ES8新特性汇总
ES6起各个版本的新特性汇总ES全称ECMAScript,ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMA-417。关于ECMA的最新资讯可以浏览 ECMA news查看。ECMAScript 标准建立在一些原有的技术上,最为著名的是 JavaScript (网景) 和 JScript (微软)。它最初由网景的 Brendan Eich 发明,第一次出现是在网景的 Navigator 2.0 浏览器上。Netscape 2.0 以及原创 2022-05-05 19:57:21 · 3841 阅读 · 3 评论 -
Promise的神奇之处
前端重点之Promise一、promise 的认识1.js的单线程1)javascript的执行环境是单线程的2)单线程:指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务,这个任务可称为主线程,但是实际上还有其他线程,如事件触发线程、ajax请求线程等2.同步与异步1)同步模式:也就是单线程模式,一次只能执行一个任务,函数调用后需等到函数执行结束,返回执行的结果,才能进行下一个任务,如果这个任务.原创 2022-05-05 18:46:14 · 212 阅读 · 1 评论 -
JS之常用组件封装
组件封装一、说明什么是组件?组件是指Web页面上抽出来一个个包含模板(HTML)、功能(JS)和样式(CSS)的单元一个好的组件特点:封装性、正确性、扩展性、复用性。二、具体作者:zh_yang转载:https://www.jianshu.com/p/81f679149a181、 封装一个轮播组件介绍API:Carousels.init($ct,data)依赖JQuery第一个参数为需要展示轮播的容器,自行设置宽度、高度第二个参数为轮播图片SRC数组,数量自定预览.原创 2022-05-04 19:53:11 · 2518 阅读 · 0 评论 -
Sass、Scss、Less和Stylus区别总结
Sass、Scss、Less、StylusCSS 预处理器技术已经非常的成熟了,而且也涌现出了越来越多的 CSS 的预处理器框架。本文便总结下 Sass、Less CSS、Stylus这三个预处理器的区别和各自的基本语法。简言之可以理解scss是sass的一个升级版本,完全兼容sass之前的功能,又有了些新增能力。语法形式上有些许不同,最主要的就是sass是靠缩进表示嵌套关系,scss是花括号//sass 太费眼了.father width:100px; .son原创 2022-05-04 13:34:25 · 1790 阅读 · 1 评论 -
轻松学习正则表达式
正则表达式的实际运用RE基础知识正则表达式是一组由字母和符号组成的特殊文本,它可以用来从文本中找出满足你想要的格式的句子。一个正则表达式是一种从左到右匹配主体字符串的模式。 “Regular expression”这个词比较拗口,我们常使用缩写的术语“regex”或“regexp”。 正则表达式可以从一个基础字符串中根据一定的匹配模式替换文本中的字符串、验证表单、提取字符串等等。想象你正在写一个应用,然后你想设定一个用户命名的规则,让用户名包含字符、数字、下划线和连字符,以及限制字符的个数,...原创 2022-05-03 14:16:35 · 219 阅读 · 0 评论 -
Flutter你了解吗?
FlutterFlutter是什么?Flutter是Google一个新的用于构建跨平台的手机App的SDK。写一份代码,在Android 和iOS平台上都可以运行。跟React Native、Weex等有什么不同?React Native、Weex等一直存在一个问题,就是性能跟原生App存在很大的差异。这跟它们的原理有很大的关系,下面从原生App,RN、Weex,Flutter的简单原理说一下它们的不同。原生App苹果2008年发布iOS,Google 2009年发布Android,它们的原创 2022-05-02 15:06:15 · 209 阅读 · 0 评论 -
MongoDB超详细教程(保姆级)
MongoDB一、简介1. 简单介绍MongoDB是一个基于分布式文件存储的数据库由C++语言编写,旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似json的bson格式,因此可以存储比较复杂的数据类型。Mongo最大的特点是它支持的查询语言非常强大,其语法有点类似于面向对象的查询语言,几乎可以实现类似关系数据库单表查询的绝大部分功能,而且还支持对数原创 2022-05-01 12:01:00 · 69881 阅读 · 12 评论 -
vue-admin-template模板使用问题汇总
vue-admin-template前景概要vue-element-admin是基于element-ui的一套后台管理系统集成方案。功能:https://panjiachen.github.io/vue-element-admin-site/zh/guide/#功能GitHub地址:https://github.com/PanJiaChen/vue-element-admin项目在线预览:https://panjiachen.gitee.io/vue-element-adminvueAdmin-原创 2022-04-29 14:05:20 · 871 阅读 · 0 评论 -
前端工程师很有必要学习Node
Node的学习很有必要Node近两年已经成为前端知识栈必备技能之一。随便点开招聘网站找个岗位几乎都会要求会Node,更不用提一些高级岗位了。可能你看过Node是什么,看过Node的文档,用Node写过一些小项目。但是如果问你——你知道在一线互联网企业里,Node真正是怎么用的吗?是拿来做什么的?怎么做?我相信百分之八十的人都不知道答案,甚至包括一些用Node写过博客,小站点的前端程序员。这也是大家对于学习很容易出现的问题:我学会了这个框架(技术)的所有API,但是我不知道到商业项目里怎么用它。接下来本原创 2022-04-29 12:11:15 · 1064 阅读 · 2 评论 -
数据结构汇总
终身受益的700个网站【史上最全】——建议收藏“卑微的小丑”总有一个可以帮助你!!!https://blog.csdn.net/liu17234050/article/details/105092333什么是数据结构:是数据之间存在一种或多种特定关系的数据元素集合为编写出一个“好”的程序,必须分析待处理对象的特性及各处理对象之间存在的关系这也就是研究数据结构的意义所在知识结构图:https://www.processon.com/view/5cf5d469e4b0da05395d5143.原创 2022-04-29 11:50:30 · 331 阅读 · 0 评论 -
JS实用技巧之断点调试详解
引言调试能力是一个程序员的生存根本,可是很多初学者却忽视调试。今天我们就来讨究一下JS的调试技巧。本文章将会详细列举JS相关的各种实用调试技巧。如果您是JS的初学者,那么这篇文章将对您有很大的帮助。为什么要调试?程序就是函数堆砌起来的,程序的运行就是函数的执行过程。而通过JS调试,我们可以更为直观的追踪到在程序运行中,函数的执行顺序,以及各个参数的变化。这样我们就可以快速的定位到问题所在。1. 什么是JS调试?在程序运行中,我们总会遇到各种bug,而通过代码的追踪代码的运行顺序从而定位到问题的过原创 2022-04-28 13:58:23 · 9401 阅读 · 2 评论 -
JS之预编译
javascript是解释型语言,主要特点为解释一行执行一行而在js运行时会进行三件事:1语法分析 2预编译 3解释执行语法分析会在代码执行前对代码进行通篇检查,以排除一些低级错误预编译发生在代码执行的那一刻解释执行就是执行代码预编译的作用:1、函数声明整体提升即写出一个函数声明,不管写在哪里,系统总会将其提升到逻辑最前面。2、变量声明提升document.write(a);var a=123//undefined相当于是:var a;//提升document.write(原创 2022-04-09 10:02:26 · 89 阅读 · 0 评论 -
JS基础组成
ECMAScript我们要知道的是ECMAScript是JS的核心,它定义了JS的语法规范,描述了语言的基本语法和数据类型。ECMAScript是一套标准,定义了一种语言的标准与具体实现无关DOM—文档对象模型 Document Object ModelDom可以把HTML看作是文档树,通过DOM提供的API可以对树上的节点进行操作Dom又称为文档树模型,基于树的API文档,它要求在处理过程中整个文档都在存储器中Dom经常进行的操作获取元素:var p = document.getElemen原创 2022-04-08 19:57:53 · 77 阅读 · 0 评论 -
如何将项目上传到Gitee上
如何将项目上传到Gitee上目录首先保证本机已经安装了Git上传代码到码云(核心)(1)首先要注册Gitee账号,并且新建一个仓库来存放项目文件(2)在本地文件下下,右键先择Git Bash Here,输入git init(初始化仓库)(3)继续输入git remote add origin +Gitee仓库的地址(相当于时将本地文件和远程仓库建立连接)(4)继续输入git pull origin master(将Gitee上的仓库pull到本地文件夹中)(5)将要上传的文件,添加到刚才在本地创建(初始化)原创 2022-04-08 15:56:05 · 8390 阅读 · 1 评论 -
解决margin塌陷问题
day1记录----解决margin塌陷问题同级元素的塌陷当上下连个div,上面的div设置了margin-bottom:100px,下面的div设置了margin-top:100px,我们知道正常情况下,上下两个div距离200px。但是实际只有100px,这就是因为margin塌陷解决方案我们可以在任意一个div的外面嵌套一个div,给他一个样式class,添加一个属性为:overflow:hidden,这就是BFC—块级格式化上下,能够很好的解决margin塌陷...原创 2022-04-07 21:54:21 · 2052 阅读 · 1 评论 -
svn使用教程(gif动图)
svn使用教程本篇文章动图带大家快速学会 svn 的基本使用方法,掌握 Windows 上最常用的 svn 客户端 TortoiseSVN 的用法。1. 了解 SVN 客户端、服务端SVN 分为客户端、服务端,SVNBucket 就是一个 SVN 的服务端,负责托管 SVN 的代码。我们需要使用 SVN 的客户端来跟服务端打交道。在 Windows 上,我们推荐使用 TortoiseSVN,可视化的操作界面,集成右键菜单,非常方便。2. TortoiseSVN 介绍也叫乌龟SVN,是当前原创 2022-04-27 19:23:24 · 256 阅读 · 0 评论 -
前端三大布局,float,flex,grid的介绍
什么是布局在说三大布局之前我们先聊聊什么是布局:布局就是把页面分成一块一块,按左中右、上中下等排列现在的布局分类有两种:固定宽度布局,一般宽度为960/1000/1024px不固定宽度布局,主要靠文档流的原理来布局还有一种就是响应式布局,这种布局要考虑到手机端的布局,在pc端固定,在手机端不固定布局的思路:由大到小,先定下大局再完善小部分,一般老手使用这种办法由小到大,先完成小部分,再组合成大布局,新手推荐前端戒律:在布局的时候千万不要将界面写死,永远不要把width和he原创 2022-04-27 17:52:05 · 1556 阅读 · 0 评论