本文主要针对浏览器的窗口事件做一些简要介绍,只在让读者可以入门操作bom有关的事件。
刚开始是把iframe的设置成固定的高度,当把iframe设置成scrolling="auto"时,,这时鼠标移到iframe上会有滚动条,如果设置成scrolling="no"超出内容的话就没有滚动条了,看样子把iframe设置成固定高度是不合适的,改成iframe的高度为内容的高度。由于内容使用了bootstrap table插件,table的高度要根据窗口的高度变化,iframe的高度与内容的高度有关,首先需要确定table的高度,可以根据localStorage设置高度,table的高度获取高度可以完美解决。
在fastadmin开源项目中,首页有可视化配图,看起来很酷炫.那么,如果自己想做自己的可视化使徒.有需要怎么做呢? 首先,我们需要了解下echarts 其次,我们需要明确的是使用fastadmin
import Print from 'vue-print-nb' Vue.use(Print)
bootstrap-table-fixed-columns.css与bootstrap-table-fixed-columns.js
从底层数据结构来说,HashMap是通过数组+链表+红黑树来进行数据存储的,数组是为了通过通过下标直接定位到数据,链表和红黑树都是为了解决冲突而引入的,红黑树是为了解决在冲突比较严重时,链表过长而导致查询效率降低,从面通过红黑树来提升查询效率。HashMap底层基本的存储结构如下图所示:
今天实现了图片裁剪上传的功能,写下这篇blog,预防以后忘记 图片外链托管在github,图片无法加载 (1)前端实现 (1.1)cropper插件介绍 我们可以使用 cropper插件实现裁切和缩略图功能 下载地址为:https://github.com/fengyuanchen/cropper (1.2)cropper插件使用 (1.2.1)准备 解压下载下来的压缩包 并把dist目录下的:cropper.min.js和cropper.min.css文件复制到项目目录下 (1.2.2)引入
HashMap类中有一个非常重要的字段,就是Node[] table,即哈希桶数组:
注意,父元素的宽度需要被定义,同时父元素的vertical-align以及item的margin: auto都是缺一不可的 The CSS
最近找到一款比较好的表格插件bootstrap-table,根据名称我们可以看出是基于bootstrap框架下
最近做一个web页面,希望在手机上能滑动切换页面,第一次这种要求,在网上找到了一个插件swiper,swiper2可以在电脑和手机上使用,于是选择这个插件,在使用这个插件的过程也遇到了很多问题,如滚动条很长,体验不好,最后采用js来控制高度,在此页面中也采用了bootstrap-table插件来固定表头,采用js动态的设置高度,当页面高度小时,有滚动条,页面高时就完全展示,为了体验好,当滚动到第一个页面底部时,滑动切换第二个页面的顶部,需要scrollTop实现
实际Web项目中,下拉框仅能实现数据量少的场景,当我们添加一个商品时,我们总希望在添加选择前能看到产品的规格、图片、参数信息,那么用下拉框就显得力不从心了。 本次需求如下:
我们一般都会提一个 .overflow {overflow:hidden} 方便布局,也可以有效的阻止移动端上下左右拖动问题(溢出问题)
在vue的使用过程中会遇到各种场景,当普通使用时觉得没什么,但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧,在下将不定期更新~
含有data-show-columns="true"属性时会在右边显示可以切换列的按钮
$('#outtableDiv').scroll(function() { var scrollTop=$('#outtableDiv').scrollTop(); $("#fixTable").css("top",scrollTop); })
展示地址:https://gethtml.cn/project/2020/04/19/index.html
本文的每一条,都是我曾经发过的掘金沸点,其中有很多条超过了百赞(窃喜)。鉴于时不时有童鞋翻我以前的沸点,因此,本文收集了个人目前发过的所有CSS知识点动图,以便阅读。
1. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false"
将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false"
在文件的根目录放进去这个图片,后缀修改成ico就可以了 6.可以在收藏夹中显示出你的图标
几条常用代码,西顾在此分享下。 1. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false"
https://echarts.apache.org/zh/tutorial.html 1.下载echarts.js到本地 2.然后在html文件中通过如下引入
最近公司在招人,对于移动端自适应的问题大部分回答的都不在我认为的答案。今天说一下自己对移动端自适应的理解,有错欢迎指正。
使用select选择,下面展示出选择的内容,用2种方法实现 一、未用bootstrap Table插件写法 <!doctype html> <html> <head> <meta charset="utf-8"> <title>select选择</title> <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="css/main.css
在文件的根目录放进去这个图片,后缀修改成ico就可以了 6. 可以在收藏夹中显示出你的图标
浏览宽高变化监测主要是监测浏览器可视区域的宽高:window.innerWidth / window.innerHeight(滚动条和内容区)和浏览器宽高:window.outerWidth / window.outerHeight(inner的基础上加上工具条的宽高)之间的差值。
本文实例讲述了php版本CKEditor 4和CKFinder安装及配置方法。分享给大家供大家参考,具体如下:
https://blog.csdn.net/eaphyy/article/details/84386313
定义: 当通过JS或css改变了元素的宽度、高度等,修改了元素的几何位置属性,那么浏览器会触发重新布局,解析之后的一系列子阶段,这个过程就叫重排。无疑, 重排需要更新完整的渲染流水线,所以开销也是最大的。
Java的HashMap是非线程安全的。多线程下应该用ConcurrentHashMap。
https://layui.itze.cn/index.html LayUI框架文档主页
每当插入一个元素的时候,就会对这个元素的键的Hash值按此时的数组长度取模,然后装入对应的位置。比如一个hash值为14的元素插入一个table长度为16的hashmap中,14对16取模是14,于是就装入14这个位置。不同的元素取模之后发生碰撞,比如30对16取模也等于14,这样也需要放入14的位置,于是就会在这个桶中形成链表。随着碰撞和扩容的不断发生,一旦链表长度超过8,并且数组长度超过64,链表就会被树化成为红黑树结构。
先来个效果图(没有服务器,没办法提供演示版) 效果不如FLASH版的好,接下来我就发出FLASH版的来 📷 全部代码如下所示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <META HTTP-EQUIV="Co
什么时候扩容:当向容器添加元素的时候,会判断当前容器的元素个数,如果大于等于阈值(知道这个阈字怎么念吗?不念fa值,念yu值四声)—即当前数组的长度乘以加载因子的值的时候,就要自动扩容啦。
以JDK1.8的HashMap为例,引用作者: 一字马胡 所写文章中的一张图:
private static int roundUpToPowerOf2(int number) { return number >= MAXIMUM_CAPACITY
记住一点,当table进行初始化的时候,table.length 就是 比传入的值大的或者等于的最小的 2的n次方,table.length 的长度一直是 2的n次方
HashMap在底层数据结构上采用了数组+链表+红黑树,通过散列映射来存储键值对数据因为在查询上使用散列码(通过键生成一个数字作为数组下标,这个数字就是hash code)所以在查询上的访问速度比较快,HashMap最多允许一对键值对的Key为Null,允许多对键值对的value为Null。它是非线程安全的。在排序上面是无序的。
hash()方法将key的hashcode值(由native方法计算得到)再与该值的高16位进行异或运算得到最终的hash值。这样做的目的作者也给出了解释,就是通常的hash算法都总是碰撞,我们这样做的目的尽量使得hash值较为分散(均匀)。
HashMap是Map家族中使用频度最高的一个,下文主要结合源码来讲解HashMap的工作原理。 1. 数据结构 HashMap的数据结构主要由数组+链表+红黑树(JDK1.8后新增)组成,如下图所示: 左侧数组是哈希表,数组的每个元素都是一个单链表的头节点,当不同的key映射到数组的同一位置,就将其放入单链表中来解决key的hash值的冲突。 当链表的长度>8时,JDK1.8做了数据结构的优化,会将链表转化为红黑树,利用红黑树快速增删改查的特点提升HashMap的性能,查询效率链表O(N),红黑树是O(l
对于列A和列B中的数据,通过列A中的号码、列B中的名称、以及号码或名称的数量来排序。
HashMap继承自AbstractMap,实现了Map、Cloneable、Serializable接口。
领取专属 10元无门槛券
手把手带您无忧上云