分类: 前端

web前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互

51 篇文章

JavaScript实现带省略号的分页
1、实现功能 可以跳转上一页、下一页、数据过多省略号显示,点击省略号可以实现快速跳转。 纯js+html+css实现,引入js文件后再使用方法即可快速生成。 2、实现过程 2.1 html页面(index.html) <!DOCTYPE html> <html lang="en"> <head>…
原生Ajax处理文件流
在通过Ajax处理请求时,可能会遇到需要下载文件的情况,这里简要的说明下处理方法。 let downloadFile = document.getElementById("downloadImportInfo"); let fileUrl = "D:/test.xlsx"; // ajax获取到的文件地址 d…
jQuery+bootstrap实现有省略号的数据分页
1、前言 在前端通过ajax请求数据后,可以通过bootstrap实现分页。由于bootstrap只提供分页的按钮的样式。数据分页我们需要实现页码跳转,上一页下一页,数据过多显示省略号,点击省略号能快速切换到其他页的数据。 2、实现过程 <!DOCTYPE html> <html lang="en"> &…
扁平化多维数组
将下面的多维数组打开,输出去重后的结果(扁平化数组) function fn(array, result = []) { for (let i of array) { if (Array.isArray(i)) { fn(i, result) } else { result.push(i) } } return result } let s = f…
斐波拉契数列
1、斐波拉契数列的描述 斐波那契数列(Fibonacci sequence),又称黄金分割数列,因数学家莱昂纳多·斐波那契(Leonardo Fibonacci)以兔子繁殖为例子而引入,故又称为“兔子数列”,指的是这样一个数列:0、1、1、2、3、5、8、13、21、34、…… 2、斐波拉契数列的几种实现方法 2.1 递归 let Fib = (n…
栈的简单使用
栈 1、基本含义 栈遵循后进先出的规则(LCFO),元素从栈顶进入,先进入的元素会慢慢向栈底的方向移动,后进的元素会从栈顶出去。简单的示意图: 入栈顺序是从上到下,出栈刚好相反。 在JavaScript中,入栈可以看成数组尾部添加即push;出栈可以看成pop; 2、举个例子 class Stack { constructor() { this.a…
前端面试题
1、第一组 1、jquery中的$是什么意思 在JQuery中,“$”就是jQuery的别称,是jQuery库提供的一个回传函数,定义为“选取”,是“selector”的缩写;语法“$ (selector)”,作用是根据“ ()”里的参数进行查找和选择html文档中的元素。 2、圣杯布局、等高布局写法 // 圣杯布局 <style> .…
HTML5+CSS3常见布局方式
1、等高布局 1.1 代码 等高布局是指子元素在父元素中高度相等的布局方式 <div class="father"> <div class="f1"> 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世界上付首付款不包括不可变 这是世…
HTML5和CSS3新特性
1、HTML5新标签和属性 1.1 兼容性前缀与语义化 兼容低版本的写法.比较新的浏览器,可以直接写.兼容性前缀,是每个浏览器私有的。 内核 兼容性前缀 浏览器 Gecko -moz- Firefox Webkit -webkit- Chrome、Safari Presto -o- Opera Trident -ms- IE 语义化:根据页面的结构…
前端html和css总结
1、html知识总结 1.1 表格的的相关属性 属性 表示 border-collapse 设置表格的边框是否被合并为一个单一的边框 cellpadding 单元格边距 cellspacing 单元格间距 valign: top 顶对齐 单元格内容垂直方向的对齐方式 valign: middle 居中对齐 valign: bottom 底部对齐 c…