纯css选项卡

代码 这里主要使用表单的单选按钮来实现这个TAB显示和隐藏,首页tab里的内容默认隐藏,如果单选按钮为选中状态(checked)就显示内容。具体请看下面代码。 关于兼容性,因为是用CSS3来制作的,所以如果不支持CSS3的浏览将会出现不兼容的情况。 HTML代码 &l...

2018-12-06 17:06:20

阅读数 30

评论数 0

jquery tree的使用

这个ui用的一切都是json数据。树也是如此! 后台需要返回与格式匹配的json数据才能正确加载树。 页面定义一个ui:   [html] view plaincopyprint?   <ul id="messageInfoAddTree&...

2018-08-31 10:56:31

阅读数 566

评论数 0

chrome调试工具常用功能整理

Elementschrome devtools 中 Elements panel 是审查 dom 元素和 css 的, 可以实时修改 dom/css.windows: ctrl + shift + imac: cmd + opt + iDOM修改 html & 属性节点右键...

2018-07-04 16:39:22

阅读数 163

评论数 0

echarts折线图

该折线图有几个特性:有数据平均线、有占位背景、X(Y)轴轴线以及轴线刻度不显示。图表效果如下:代码如下:[html] view plain copy<code class="language-javascript">&...

2018-07-04 13:57:03

阅读数 566

评论数 0

echarts漏斗图

图表效果如下:代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8&...

2018-07-04 13:56:23

阅读数 1129

评论数 0

echarts单系列柱状图

单系列柱状图图表效果如下:代码如下:<!DOCTYPE html><html> <head> <meta charset="...

2018-07-04 13:55:38

阅读数 237

评论数 0

echarts三系列柱状图

三系列柱状图图表效果如下:具体代码如下:<!DOCTYPE html><html> <head> <meta charset=&quo...

2018-07-04 13:54:54

阅读数 352

评论数 0

echarts双向条形图案例

双向条形图图表效果如下:具体代码如下:<!DOCTYPE html><html> <head> <meta charset=&quot...

2018-07-04 13:54:07

阅读数 715

评论数 0

echarts关系图

图表效果如下:具体代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-...

2018-07-04 13:53:06

阅读数 846

评论数 2

echarts环形饼图

图表效果如下:具体代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-...

2018-07-04 13:52:17

阅读数 1159

评论数 0

echarts圆环图

图表效果如下:具体代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-...

2018-07-04 13:51:21

阅读数 468

评论数 0

echarts雷达图

雷达图图表效果如下:具体代码如下:<!DOCTYPE html><html> <head> <meta charset="U...

2018-07-04 12:31:46

阅读数 992

评论数 0

前端性能

1. 性能优化1.1 页面重构怎么操作?网站重构:在不改变外部行为的前提下,简化结构、添加可读性,而在网站前端保持一致的行为。也就是说是在不改变UI的情况下,对网站进行优化,在扩展的同时保持一致的UI。对于传统的网站来说重构通常是:1.1表格(table)布局改为DIV+CSS使网站前端兼容于现代...

2018-06-29 16:41:30

阅读数 23

评论数 0

H5移动端获奖无缝滚动动画实现

需求分析哈哈,上动态图真的是一下就明了了。就是滚动么滚动,那么制作这个有什么方法呢?我们来总结一下:html骨架其实很简单,最外面的<div>是做固定的窗口,里面的<ul>控制运动,<li...

2018-06-25 20:41:11

阅读数 2035

评论数 0

javascript常用实例封装

1.前言大家在开发的时候应该知道,有很多常见的实例操作。比如数组去重,关键词高亮,打乱数组等。这些操作,代码一般不会很多,实现的逻辑也不会很难,下面的代码,我解释就不解释太多了,打上注释,相信大家就会懂了。但是,用的地方会比较,如果项目有哪个地方需要用,如果重复写的话,就是代码沉余,开发效率也不用...

2018-06-25 16:22:40

阅读数 45

评论数 0

css新特性

1.前言css3这个相信大家不陌生了,是个非常有趣,神奇的东西!有了css3,js都可以少写很多!我之前也写过关于css3的文章,也封装过css3的一些小动画。个人觉得css3不难,但是很难用得好,用得顺手,最近我也在过一遍css3的一些新特性(不是全部,是我在工作上常用的,或者觉得有用的),以及...

2018-06-25 16:00:44

阅读数 37

评论数 0

前端锦上添花的知识点

1.前言在前端学习里面,很多人都是注重学习代码(html,css,js)。或者是一些框架,库(jquery,vue,react),或者是各种工具(webpack,gulp)。在以往的文章里面,或者自己和别人交谈,都有建议过别人多练,不要闷头就写代码,多深入了解当中的原理,学习其中的思想。但是除了代...

2018-06-25 15:38:00

阅读数 31

评论数 0

vue环境搭建

相信很多人在刚开始学习vue这个框架的时候,在最开始搭建开发环境的时候,都会遇到一些大大小小的坑,我之前在学习angular的时候搭建过一次,过了一个月后在搭建第二次的时候,竟然有一些混乱,所以今天想整理出来;vue现在在前端,相对于算是现在前端工程师都比较常用的框架之一,他和angular有一些...

2018-06-20 17:26:19

阅读数 41

评论数 0

html5的页面放到服务器video标签不播放

<div class="video">    <video src="video/顺丰物流仿真案例演示.mp4" controls="cont...

2018-05-09 11:15:43

阅读数 979

评论数 0

css实现强制不换行/自动换行/强制换行

强制不换行div{white-space:nowrap;}自动换行div{ word-wrap: break-word; word-break: normal; }强制英文单词断行div{word-break:break-all;}

2018-05-07 10:21:47

阅读数 202

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭