web前端
青春的小白
超越自我,走上人生巅峰!
展开
-
webpack 入门,超详细
什么是WebPack,为什么要使用它?为什要使用WebPack现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,前端社区涌现出了很多好的实践方法模块化,让我们可以把复杂的程序细化为小的文件; 类似于TypeScript这种在JavaScript基础上拓展的开发语言:使我们能够实现目前版本的JavaScript不能直接使用的特性转载 2017-09-22 11:01:02 · 6405 阅读 · 2 评论 -
jquery 分页器
js代码:$.fn.extend({ "initPage":function(listCount,currentPage,fun){ var maxshowpageitem = $(this).attr("maxshowpageitem"); if(maxshowpageitem!=null&&maxshowpageitem>0...原创 2018-03-22 16:59:41 · 3100 阅读 · 0 评论 -
jquery 轮播图 【淡入淡出】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.原创 2018-09-17 09:46:09 · 431 阅读 · 0 评论 -
jQuery实现图片懒加载
本文给出一种利用jQuery实现图片懒加载的原理。它的基本思想是:在输出HTML的时候,不要直接输出<img src="xxx",而是输出如下的img标签:<img src="/static/loading.gif" data-src="http://真正的图片地址/xxx.jpg">// 注意: 需要引入jQuery和underscore$(function() ...转载 2018-09-14 09:31:23 · 308 阅读 · 0 评论 -
antdesign pro 或react项目集成dragact和echarts实现图表动态布局的面板
1.安装依赖npm install --save dragactnpm install --save echarts-for-reactnpm install --save echarts嫌npm慢可以自行使用cnpm安装2.项目中引用import ReactEcharts from ‘echarts-for-react’;import { Dragact } from ‘draga...原创 2018-12-03 14:49:57 · 2228 阅读 · 2 评论