摘要: 记下一些项目中的总(da)结(keng)“移动端强制横屏显示页面”: 开发后效果如下(请原谅小弟没水果手机): 思路:通过好用的媒体查询检测屏幕方向,若为竖屏则将页面 ‘强制横屏’ 展示,并通过 横竖屏 动态设置 rem 方式保证适配,那么如何强制横屏呢?代码如下↓↓↓↓↓↓↓↓↓↓↓↓↓ 核心代码 阅读全文
posted @ 2018-05-28 18:12 孙大阳 阅读(9209) 评论(0) 推荐(0) 编辑
摘要: 偶然在牛客上看到一个挺有意思的面试题自己写了下(欢迎纠正探讨)~~~~~↓ 题目描述 : 春天是鲜花的季节,水仙花就是其中最迷人的代表,数学上有个水仙花数,他是这样定义的: “水仙花数”是指一个三位数,它的各位数字的立方和等于其本身,比如:153=1^3+5^3+3^3。 现在要求输出所有在m和n范 阅读全文
posted @ 2018-04-25 11:10 孙大阳 阅读(333) 评论(0) 推荐(0) 编辑
摘要: ui效果:要实现的当然就是 >""的兼容啦; 自己的思路:将每一个数字和‘逗号’看成一个单独的元素,用雪碧图为每一个元素添加背景图,通过循环接收到的data动态添加元素并动态修改背景图的定位属性。。。就这样 雪碧图长这样: 直接上代码:css样式上注意提前给“逗号”背景图哦; 运行效果: 当然用正则 阅读全文
posted @ 2017-08-17 11:41 孙大阳 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 额。。当然其他事件都是支持的,此文仅以click做简单介绍: 请点击“柱子”。。。 官方介绍:http://echarts.baidu.com/tutorial.html#ECharts%20%E4%B8%AD%E7%9A%84%E4%BA%8B%E4%BB%B6%E5%92%8C%E8%A1%8C 阅读全文
posted @ 2017-08-03 17:14 孙大阳 阅读(1279) 评论(0) 推荐(0) 编辑
摘要: series[i]-bar.label.normal.formatter string, Function 标签内容格式器,支持字符串模板和回调函数两种形式,字符串模板与回调函数返回的字符串均支持用 \n 换行。 字符串模板 模板变量有 {a}、{b}、{c},分别表示系列名,数据名,数据值。 我直 阅读全文
posted @ 2017-08-03 16:32 孙大阳 阅读(5581) 评论(0) 推荐(0) 编辑
摘要: 横向柱状图主要配置x位置x轴类型y轴类型(轴的类型分两种 1.category(类别)2.value(值)),代码简单(里面有注释)效果如下: 阅读全文
posted @ 2017-08-03 16:08 孙大阳 阅读(18360) 评论(1) 推荐(0) 编辑
摘要: 看着效果不错,就自己写写记下,代码如下: 小效果挺好玩的,没仔细研究人家的实现方案,自己按这个效果就写了写,如果你有更好的方案不要吝啬拿出来一起讨论(需要的图片自己去下载哈..) 阅读全文
posted @ 2018-03-21 16:37 孙大阳 阅读(678) 评论(0) 推荐(0) 编辑
摘要: 实现效果: 代码如下: html: css: js: 代码比较简单,只是有些小细节需要注意 比如防止mousedown,mouseup事件冒泡,解除document事件绑定等,在此记下,提醒自己基础很重要! 阅读全文
posted @ 2018-03-20 17:33 孙大阳 阅读(2246) 评论(0) 推荐(0) 编辑
摘要: 1 function echarts_map (thisId,data){ 2 $.get('map/json/henan.json', function (chinaJson) { 3 echarts.registerMap('henan', chinaJson); 4 var chart = echarts.init(document.g... 阅读全文
posted @ 2017-09-12 11:34 孙大阳 阅读(2295) 评论(0) 推荐(0) 编辑
摘要: echarts为我们提供了dataZoom组件,当数据过多时就有了它的用武之地,业务场景:数据返回100调可是为了前端显示效果默认只显示20条,其他数据由dataZoom控制显示隐藏: 官网对于dataZoom介绍:http://echarts.baidu.com/option.html#dataZ 阅读全文
posted @ 2017-08-03 16:49 孙大阳 阅读(9695) 评论(0) 推荐(1) 编辑
摘要: echarts基本图表使用: 1.获取包裹元素(var myChart = echarts.init(document.getElementById(‘thisId’));)2.设置option(option={...})3.使用设置好的option显示图表(myChart.setOption(op 阅读全文
posted @ 2017-08-03 16:17 孙大阳 阅读(4202) 评论(0) 推荐(0) 编辑