javascript技巧 / 张生荣

纯js实现瀑布流布局及ajax动态新增数据

本文用纯js代码手写一个瀑布流网页效果,初步实现一个基本的瀑布流布局,以及滚动到底部后模拟ajax数据加载新图片功能. 缺点: 1. 程序不是响应式,不能实时调整页面宽度: 2. 程序中当新增ajax ...

要在select标签上面加上autocomplete="off"关闭自动完成,不然浏览器每次刷新后将自动选择上一次关闭时的option,这样默认属性selected="s ...

美工做的css样式里icon越来越多,手工来写icon名几乎不可能实现.所以就有了这个功能点:将css样式里的所有icon类列举出来以图形化的形式显示供配置人员选择! 搜索一圈,发现介绍从css里遍历 ...

需要用到的js angular.js(用angular.min.js会导致分页控件不显示) ui-bootstrap-tpls.min.js angular-animate.js 需要用到的css b ...

目录引言区分一下几种不同的hash hash chunkhash contenthash 实现js缓存 CommonsChunkPlugin不正确用法引起问题的原因实现css的缓存实现图片/ ...

前文之前一年多前接手的一个react项目,前段时间因为做业务中台项目,对公司现有的应用项目做中台化改造,这期间将项目部署到uat环境,测试期间,测试小妹妹和产品大叔都吐槽进入uat项目的时候要loa ...

问题描述这段时间在做PM的需求的时候突然发现一个问题,产品上的图片来自多个第三方,具体的尺寸无法确定,如果直接在样式中写死图片的尺寸大小就会出现图片拉伸的现象,十分影响产品的美观,因此希望可以找到一 ...

本文实例为大家分享了js实现自由落体效果的具体代码,供大家参考,具体内容如下 1.效果图 2.实现分析利用Canvas画圆球.地面: 1.下落过程物理知识回顾,物体下落过程(不计损耗)由重力势能转 ...

本文实例为大家分享了javascript实现图片轮播切换效果的具体代码,供大家参考,具体内容如下效果如下: 代码部分: <!DOCTYPE html> <html lang=&qu ...

前言:原生是Javascript的基础,还是需要多多重视,时间长都忘记了,现在整理一下. 获取子节点 children 不是标准的dom属性,但是几乎被所有浏览器支持.不包含文本节点. 注意:在IE中 ...

使用react-quill富文本编辑器,里面处理图片是默认转成base64,提交到后台的时候文件太大,因此这里改写处理image的逻辑,改成上传到服务器. 具体代码如下: 配置1 import Qui ...

Chart.js:用不同的方式让你的数据变得可视化.每种类型的图表都有动画效果,并且看上去非常棒,即便是在retina屏幕上.基于HTML5 canvas技术,Chart.js不依赖任何外部工具库,轻 ...

先给大家展示下效果图,如果大家感觉效果不错,请参考实现代码: 因为这是我自己第一次动手用js写分页,写的应该也不是很完美,有些公共的没有抽取出来,但是用起来还是可以的,这块代码是可以把它当做公共的分页 ...

我们创建的每个函数都有一个 prototype (原型)属性,这个属性是一个指针,指向一个原型对象,而这个原型对象中拥有的属性和方法可以被所以实例共享. function Person(){ } Pe ...

简单的datagrid 1.排序自定义排序方式 2.编辑 3.拖拽 4.分页 5.单选多选(ctrl) 线性选(shift) 6.文字render 就是给文字着色比如大于0红色小于0绿 ...

目录概述定义实例方法原始类型与实例对象的自动转换自定义方法 Boolean 对象概述 Boolean 函数的类型转换作用 Number 对象概述静态属性实例方法自定义方法 Stri ...

本文实例讲述了js+html5实现canvas绘制椭圆形图案的方法,HTML5 canvas 没有画椭圆的方法,以下代码可以画出椭圆,分享给大家供大家参考,具体实现方法如下: 1.在一个隐式的画布 ( ...

经常在各处牛人的代码中看到许多简写的条件表达语句,看了一些介绍这方面的文章,觉得3 ways 2 say if这篇文章(http://www.thomasfrank.se/3_ways_2_say_i ...

本文实例讲述了JS中的算法与数据结构之二叉查找树(Binary Sort Tree).分享给大家供大家参考,具体如下: 二叉查找树(Binary Sort Tree) 我们之前所学到的列表,栈等都是一 ...