
前端
文章平均质量分 73
笨啊ni
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
导出excel
导出文件的时候,后端返回blob文件流的数据,而不是返回URL地址原创 2022-11-29 10:43:08 · 233 阅读 · 1 评论 -
Flex-弹性布局
首先父容器设置弹性盒子:display:flex; 1.flex-direction设置主轴方向 row:默认值 主轴从左到右; column:主轴从上到下; row-reverse:主轴从右到左; column-reverse:主轴从下到上; 2.设置子项是否换行:flex-wrap:wrap nowrap:默认值 wrap:会换行 wrap-reverse:倒着换行 3.设置主轴上的对齐方...原创 2020-01-09 08:34:19 · 187 阅读 · 0 评论 -
实现响应式布局的两种方法(媒体查询,Bootstrap框架)
一媒体查询 二Bootstrap框架 上述3个meta标签必须放在最前面,任何其他内容都必须跟随其后 [if lt IE 9]> <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script> <script src="https:...原创 2020-01-07 22:49:24 · 1259 阅读 · 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 · 160 阅读 · 0 评论 -
前端工程师与搜索引擎 网站SEO优化
标签语义话的好处: 1.提高搜索引擎 SEO(搜索引擎优化) 2.让代码开发者更加高效的工作,简化代码标签的使用 搜索引擎的工作原理:网络蜘蛛爬虫,不断升温去收集关键字 前端工程师如何优化? 一关键词策划 1为了搜索引擎更好的识别网站的核心内容,关键词布局要合理 2.关键词布局合理的几点建议: 1网站的logo通过alt以及title标签来设置关键字 2导航是作为仅次于网站logo权重分配的...原创 2019-12-09 20:44:54 · 358 阅读 · 0 评论 -
window属性和方法和修改滚动条样式
1.文档加载事件 window.onload():当文档内容完全加载完成才会触发事件(css,html,js,图像,音频)只能写一次 DOMContentLoaded():等 除外部文件(图像,音频,视频)加载完成就会出发(可写多次) 2.文档显示区的宽度和高度: window.innerHetght//宽度 window.innerHeight //高度 3滚动条的偏移量,可以设置,但不能控制 ...原创 2019-12-05 20:10:05 · 561 阅读 · 0 评论 -
BOM(快速获取url后的参数)
**BOM:**浏览器对象模型 专门操作浏览器的api 兼容性不好。 核心操作对象是window: 1.它是js访问浏览器的一个接口,封装了所有dom和bom的方法。 2.它是全局作用域对象,定义在全局中的变量和函数都会变成它的属性和方法 六个字对象: document : DOM event:事件对象 history:浏览器的历史记录 location:窗口的url 地址栏的信息 s...原创 2019-12-03 22:18:08 · 682 阅读 · 0 评论 -
事件委托,冒泡,捕获和行为
首先我们要搞明白什么是事件? 事件:就是满足条件后,会去执行某一段代码用户有操作的时候 鼠标事件 用法 click 鼠标单击 dbclick 鼠标双击 onmousedown 鼠标按下时 mouseup 鼠标抬起时 mousemove 鼠标移动 mouseover 鼠标移入 mouseout 鼠标移出 键盘事件 用法 – – onkeyup 抬起...原创 2019-12-02 22:08:26 · 118 阅读 · 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 · 786 阅读 · 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 · 207 阅读 · 0 评论 -
如何理解闭包
什么是闭包? **简单讲,闭包是指有权访问另一个函数作用域中的变量的函数** 闭包的作用 1.可以在函数的外部访问到函数内部的局部变量 2让这些变量始终保存在内存中,不会谁着函数的结束而自动销毁 (即:闭包是可以在另一个函数的外部访问到其作用域中的变量的函数。而被访问的变量可以和函数一同存在。即使另一个函数已经运行结束,导致创建变量的环境销毁,也依然会存在,直到访问变量的那个函数销毁) 闭包的注...原创 2019-11-12 20:51:21 · 3821 阅读 · 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 · 320 阅读 · 0 评论 -
用js实现简单的图片轮播效果
用js实现简单的图片轮播效果 HTML部分 HTML分为三部分 一,左右两个人调节图片按钮 二,4张图片 三4个显示按钮位置的圆点 <script> //跑动的次数 var count = 0; //动画的执行方向 var isgo = false; //定义计时器对象 var timer; window.onload...原创 2019-11-10 11:14:35 · 309 阅读 · 0 评论