前端
文章平均质量分 73
笨啊ni
这个作者很懒,什么都没留下…
展开
-
导出excel
导出文件的时候,后端返回blob文件流的数据,而不是返回URL地址原创 2022-11-29 10:43:08 · 177 阅读 · 1 评论 -
Flex-弹性布局
首先父容器设置弹性盒子:display:flex;1.flex-direction设置主轴方向row:默认值 主轴从左到右;column:主轴从上到下;row-reverse:主轴从右到左;column-reverse:主轴从下到上;2.设置子项是否换行:flex-wrap:wrapnowrap:默认值wrap:会换行wrap-reverse:倒着换行3.设置主轴上的对齐方...原创 2020-01-09 08:34:19 · 130 阅读 · 0 评论 -
实现响应式布局的两种方法(媒体查询,Bootstrap框架)
一媒体查询二Bootstrap框架上述3个meta标签必须放在最前面,任何其他内容都必须跟随其后[if lt IE 9]> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/html5shiv.min.js"></script> <script src="https:...原创 2020-01-07 22:49:24 · 1132 阅读 · 0 评论 -
多物体多目标的缓冲运动及js设置获取元素css样式的方法
获取元素样式的方法:ps:element表示待求解样式的DOM元素对象1.element.style //获取行内(内联)样式表对象2.window.getComputedStyle(element,null)//IE9以下能兼容,第二个参数获得伪类元素的样式3.element.currentStyle()设置元素CSS样式的方法:element.style.attrName ...原创 2019-12-14 11:31:22 · 119 阅读 · 0 评论 -
前端工程师与搜索引擎 网站SEO优化
标签语义话的好处:1.提高搜索引擎 SEO(搜索引擎优化)2.让代码开发者更加高效的工作,简化代码标签的使用搜索引擎的工作原理:网络蜘蛛爬虫,不断升温去收集关键字前端工程师如何优化?一关键词策划1为了搜索引擎更好的识别网站的核心内容,关键词布局要合理2.关键词布局合理的几点建议:1网站的logo通过alt以及title标签来设置关键字2导航是作为仅次于网站logo权重分配的...原创 2019-12-09 20:44:54 · 314 阅读 · 0 评论 -
window属性和方法和修改滚动条样式
1.文档加载事件window.onload():当文档内容完全加载完成才会触发事件(css,html,js,图像,音频)只能写一次DOMContentLoaded():等 除外部文件(图像,音频,视频)加载完成就会出发(可写多次)2.文档显示区的宽度和高度:window.innerHetght//宽度window.innerHeight //高度3滚动条的偏移量,可以设置,但不能控制...原创 2019-12-05 20:10:05 · 504 阅读 · 0 评论 -
BOM(快速获取url后的参数)
**BOM:**浏览器对象模型 专门操作浏览器的api 兼容性不好。核心操作对象是window:1.它是js访问浏览器的一个接口,封装了所有dom和bom的方法。2.它是全局作用域对象,定义在全局中的变量和函数都会变成它的属性和方法六个字对象:document : DOMevent:事件对象history:浏览器的历史记录location:窗口的url 地址栏的信息s...原创 2019-12-03 22:18:08 · 626 阅读 · 0 评论 -
事件委托,冒泡,捕获和行为
首先我们要搞明白什么是事件?事件:就是满足条件后,会去执行某一段代码用户有操作的时候鼠标事件用法click鼠标单击dbclick鼠标双击onmousedown鼠标按下时mouseup鼠标抬起时mousemove鼠标移动mouseover鼠标移入mouseout鼠标移出键盘事件用法––onkeyup抬起...原创 2019-12-02 22:08:26 · 80 阅读 · 0 评论 -
浏览器的渲染过程及document和Document的区别
浏览器的渲染过程:1,浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个标签都是DOM树中的一个节点,根节点就是常用的document对象。DOM树里包含了所有HYML标签,包括display:none隐藏,还有用js动态添加的元素等。2.浏览器把所有样式解析成样式结果体,在解析的过程中会去掉浏览器不能识别的样式,比如IE会去掉-moz开头的样式,而FF会去掉_开头的样式。3,...原创 2019-12-02 19:40:11 · 714 阅读 · 0 评论 -
jsDOM操作总结(下)
核心DOM获取属性:可以操作一切结构文档API,访问标准的html属性1,获取元素的属性值:1 var strValue = elem.getAttribute("属性名");//只能找一个属性值2 elem.attributes 集合:包含了当前元素所有属性的节点对象 elem.attributes[i,"属性名"]//返回一个属性节点对象 elem.attributes[i,...原创 2019-12-02 17:12:20 · 158 阅读 · 0 评论 -
如何理解闭包
什么是闭包?**简单讲,闭包是指有权访问另一个函数作用域中的变量的函数**闭包的作用1.可以在函数的外部访问到函数内部的局部变量2让这些变量始终保存在内存中,不会谁着函数的结束而自动销毁(即:闭包是可以在另一个函数的外部访问到其作用域中的变量的函数。而被访问的变量可以和函数一同存在。即使另一个函数已经运行结束,导致创建变量的环境销毁,也依然会存在,直到访问变量的那个函数销毁)闭包的注...原创 2019-11-12 20:51:21 · 3751 阅读 · 0 评论 -
函数预编译过程和案例分析
函数预编译过程和案例分析JS代码执行步骤1语法分析(即通篇扫描所有代码)如果有明显的语法错误 直接报错,不执行所有的代码2预编译3解释执行(边解释边执行)预编译过程案例一: function fn(a,b){ console.log(a); var a = 99; console.log(a); function a(){}; co...原创 2019-11-12 11:32:11 · 248 阅读 · 0 评论 -
用js实现简单的图片轮播效果
用js实现简单的图片轮播效果HTML部分HTML分为三部分 一,左右两个人调节图片按钮 二,4张图片 三4个显示按钮位置的圆点<script> //跑动的次数 var count = 0; //动画的执行方向 var isgo = false; //定义计时器对象 var timer; window.onload...原创 2019-11-10 11:14:35 · 267 阅读 · 0 评论