前端
文章平均质量分 57
不用打火机
这个作者很懒,什么都没留下…
展开
-
获取鼠标在盒子中的坐标位置
offset的含义是偏移量,使用offset的相关属性可以动态地获取该元素的位置、大小等。相关属性如下表所示。原创 2022-01-10 13:45:02 · 1185 阅读 · 0 评论 -
offset与style属性有哪些不同?
offset系列和style属性都可以获得元素样式的属性和位置,那么两者有什么区别呢?接下来我们就对offset系列和style属性的区别进行深入分析,具体如下表所示。原创 2022-01-10 13:40:42 · 302 阅读 · 0 评论 -
广州引力波前端开发岗位面试问题
广州引力波科技有限公司前端开发岗位面试问题转载 2021-12-31 10:42:53 · 198 阅读 · 0 评论 -
cookie使用注意问题【cookie学习笔记】
1. cookie的兼容性cookie虽然为持久保存客户端数据提供了方便,分担了服务器存储的负担,但是还有很多局限性。1.1 cookie字段个数限制每个特定的域名下,cookie字段个数是有限的。(1) IE6或更低版本中最多有20个cookie 。(2) IE7和之后的版本中最多可以有50个cookie 。(3) Firefox中最多有50个cookie。(4) chrome和Safari没有做硬性限制。当cookie字段个数超出浏览器的限制时,IE和Opera会清理原创 2021-12-15 15:10:07 · 1555 阅读 · 0 评论 -
Git下载安装手把手教程
Git(读音为/gɪt/)是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。下面我们来详细介绍下,在windows 10系统下载和安装git的教程,文章结尾有福利哦!Git安装手把手安装教程:第一步:下载Git打开Git官网下载地址https://git-scm.com/downloads因为我使用Windows系统上的浏览器访问的,Git官网自动之别到了我使用的操作系统.转载 2021-12-10 11:40:41 · 3565 阅读 · 0 评论 -
JS数组去重的7中方法
一、利用indexOf()方法去重 检索方法 方法名 功能描述 indexOf() 返回在数组中可以找到给定值的第一个索引,如果不存在,则返回-1 lastIndexOf() 返回指定元素在数组中的最后一个的索引,如果不存在则返回-1 接下来我们通过一个案例来演示数组索引的使用。要求在一组数据中,去除重复的元素。其中数组为['blue', 'reen', 'blue']。示例代码如下。<script>转载 2021-12-03 11:36:44 · 160 阅读 · 0 评论 -
JavaScript代码编译分为哪几个步骤?
JavaScript代码在运行之前会经过一个编译的过程,而编译有分词、解析和代码生成三个步骤,下面我们详细介绍。第一个步骤:分词分词的目的是把字符组成的代码分解成有意义的代码块,这些代码块称为词法单元。第二个步骤:解析由JavaScript编译器对分词得到的一个个代码块进行解析,生成一棵抽象的语法树(AST)。第三个步骤:代码生成在这个过程中,JavaScript引擎会把在第二个步骤中生成的抽象语法树转换成可执行的代码,也就是最终生成出一些机器指令。实际上,javascrip转载 2021-12-03 10:53:22 · 1181 阅读 · 0 评论 -
如何用JavaScript在页面输出九九乘法表?
JavaScript在页面输出九九乘法表加边框如何实现?我们直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init转载 2021-11-25 17:28:50 · 1652 阅读 · 0 评论 -
JS Math对象常用方法使用方法
Math对象用来对数字进行与数学相关的运算,该对象不是构造函数,不需要实例化对象,可以直接使用其静态属性和静态方法。其常用属性和方法如下表所示。 Math对象的常用属性和方法 成员 作用 PI 获取圆周率,结果为3.141592653589793 abs(x) 获取x的绝对值,可传人普通数值或是用字符串表示的数值 max([valuel[,value2, .....]]) 获取所有参数中的最大值 min([valu转载 2021-11-17 18:34:39 · 638 阅读 · 0 评论 -
如何通过JS实现反选功能?
下面有个表格:表格代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"..原创 2021-11-08 11:32:54 · 1002 阅读 · 0 评论 -
Javascript如何阻止事件的默认行为?
阻止浏览器默认行为和防止事件传播主要通过先下面两个方法实现event.preventDefault():取消浏览器对当前事件的默认行为,比如点击链接后,浏览器跳转到指定页面,或者按一下空格键,页面向下滚动一段距离。event.stopPropagation():阻止事件在DOM中继续传播,防止再触发定义在别的节点上的监听函数。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF..转载 2021-10-29 16:56:33 · 7119 阅读 · 0 评论 -
广州平云信息科技有限公司前端面经
目录笔试一、选祥题二、问答题面试问题笔试一、选祥题1、在css选择器当中,优先级排序正确的是()A、id选择器>标签选择器>类选择器B、标签选择器>类选择器>id选择器C、类选择器>标签选择器>id选择器D、id选择器>类选择器>标签选择器2、列表分为两类,一是无序列表,一是有序列表,以下哪个是无序列表?( )A、<UL> B、<OL> C、<DIR> D、<DL转载 2021-10-27 17:27:47 · 636 阅读 · 2 评论 -
VUE怎么解决跨域问题?
什么是跨域?“跨域”指的是浏览器不能执行其他网站的脚本,它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制,防止他人恶意攻击网站。比如一个黑客,他利用iframe把真正的银行登录页面嵌到他的页面上,当你使用真实的用户名和密码登录时,如果没有同源限制,他的页面就可以通过JavaScript读取到你的表单中输入的内容,这样用户名和密码就轻松到手了。VUE如何实现跨域?1、jsonp原理:动态创建一个script标签。利用script标签的src属性不受同源策略限制转载 2021-10-19 19:10:38 · 517 阅读 · 0 评论 -
20个前端高频面试题,薪资10-18K必会
下面前端面试问题,从趣IT前端开发面经板块中多个面经贴中整理而来,并且已经整理答案链接,供大家参考学习,建议收藏、理解。1.用css让一个div盒子水平垂直居中的写法?2.如何清除浮动3.如何解决margin塌陷4.你对语义化的理解5.H5和C3的新特性6、HTTP和HTTPS有什么区别?7、get和post的区别8、js数据类型都有哪些9、var、let、const声明变量的区别10、什么是原型链11、Vue的生命周期12、Flex是怎么用的1...原创 2021-10-19 11:22:07 · 1085 阅读 · 0 评论 -
中科星图前端工程师面试问题
面试公司:中科星图股份有限公司面试岗位:前端工程师面试问题:1. 用css让一个div盒子水平垂直居中,至少说三种方法2. css的盒模型3. js处理数组的方法有哪些,至少说5个4. js的Date时间类型是什么类型 字符串类型和倒叙类型哪个用的更多5. less和sass样式用过吗 具体怎么使用的 全局公共样式用过吗 怎么定义的样式变量?6. 说一下事件委托和具体应用场景7. Echarts的图表用过哪些? 都有什么属性? 怎么分类型分数据的显示8. ES6的新特转载 2021-10-15 14:53:09 · 681 阅读 · 0 评论 -
灵机文化前端开发工程师面经,新鲜出炉的
面试公司:广州灵机文化科技有限公司面试岗位:前端开发工程师面试问题:1、先自我介绍一下吧2、你后台的权限是怎么实现的3、vue的生命周期你是怎么理解的,我们经常用到的生命周期是什么5、单线程你了解过吗6、闭包的原理知道吗7、比如我现在要做一个单登录,就是像淘宝啊,我登录一个账号对吧,但是我在里面同时又可以访问到聚划算等其它的电商页面,这个你是怎么实现的呢?然后8、就是笔试题里面的也会问你的思路,这一家要关注一下笔试题,不能只做了就不管,他会问的,问到了不会尴尬的就是自己,建议转载 2021-10-15 10:51:28 · 240 阅读 · 0 评论 -
北京艾诺斯科技有限公司前端开发面经
面试公司:北京艾诺斯科技有限公司面试岗位:前端开发工程师面试地址:昌平回龙观泰华龙旗广场E座面试问题:1.你知道的px这种调整字体大小的还有哪些,特性是什么2.Flex是怎么用的3.Null和undifind区别4.怎么清除浮动5.Css选择器优先级面试总结:侧重javascript,css知识,问题问的挺基础的,面试官广东人,普通话不太好,听不清的话可以让他重复一遍问题转自:趣IT-互联网求职刷题神器...转载 2021-10-14 11:32:33 · 100 阅读 · 0 评论 -
JavaScript代码预解析是按照什么规则进行的?
JavaScript代码是由浏览器中的JavaScript解析器来执行的,JavaScript解析器在运行JavaScript代码的时候会进行预解析,也就是提前对代码中的var变量声明和function函数声明进行解析,然后再去执行其他的代码。为了方便大家更好地理解,下面我们通过一段简单的代码来演示var 关键字的预解析效果。// 以下代码中的var num变量声明会进行预解析console.log(num); //输出结果: undefinedvar num = 10;//转载 2021-10-11 11:06:22 · 105 阅读 · 0 评论 -
CSS3渐变属性:线性渐变和径向渐变用法教程
在CSS3之前如果需要添加渐变效果,通常要设置背景图像来实现。而CSS3中增加了渐变属性,通过渐变属性可以轻松实现渐变效果。CSS3的渐变属性主要包括线性渐变和径向渐变,本文转自黑马程序员前端培训课程,下面我们详细介绍。CSS3线性渐变在线性渐变过程中,起始颜色会沿着一条直线按顺序过渡到结束颜色。运用CSS3中的“background-image: linear-gradient(参数值);”样式可以实现线性渐变效果,其基本语法格式如下。background-image: linear-gra转载 2021-10-06 14:21:01 · 3636 阅读 · 0 评论 -
CSS3新增选择器及用法详细介绍
目录CSS属性选择器E[att^=value]属性选择器E[att$=value]属性选择器E[att*=value]属性选择器CSS3关系选择器CSS3子代选择器(>)CSS3结构伪类选择器:root选择器:not选择器:only-child选择器:first-child和:last-child选择器:nth-child(n)和:nth-last-child(n)选择器:nth-of-type(n)和:nth-last-of-type(n)选择..转载 2021-09-29 11:36:19 · 3703 阅读 · 0 评论 -
如何使用CSS3画三角形?
三角形是前端开发工程师在开发中经常遇到的,那么如何使用CSS3绘制三角形呢?你准备好了吗?下面我们开始。CSS3 绘制三角形教程步骤:1. 设置盒子宽为0, 高为0。 width: 0px; height: 0px;2. 设置三角请底边边长(注意: 底边边长 = border * 2) /* border是240px则三角形底边长为480px */ border: 240px solid;3. 给需要的部分设置边框颜色,不需要部分设置为透明色(t转载 2021-09-20 11:58:17 · 2453 阅读 · 0 评论 -
SVN配置多仓库教程
var clone = (function() { //这个方法用来获取对象的类型 返回值为字符串类型 "Object RegExp Date Array..." var classof = function(o) { if (o === null) { return "null"; } if (o === undefined) { return "undefined"; } // 这里的Object.prototype.toString很可能用的就是Object.pr.转载 2021-09-14 15:33:24 · 941 阅读 · 0 评论 -
Bootstrap框架有什么优势?
Bootstrap框架是基于HTML、CSS、JavaScript等前端技术实现的,2011年8月在GitHub上发布,一经推出颇受欢迎。Bootstrap之所以受到广大前端开发人员的欢迎,是因为使用Bootstrap 可以构建出非常优雅的前端界面,而且占用资源非常小。另外,Bootstrap还具有以下几个优势:(1)移动设备优先:自Bootstrap 3起,移动设备优先的样式贯穿于整个库。(2)浏览器支持:主流浏览器都支持Bootstrap,包括IE、Firefox、Chrome、Safari转载 2021-04-16 17:46:06 · 6110 阅读 · 0 评论