initChart: function (id) { this.charts = echarts.init(document.getElementById(id)) this.charts.setOption({ xAxis: { type: 'category', data: ['11号', '12号', '13号', '14号', '15号'], color: ['#DDDDDD'], name:'4月', show: true, nameTextStyle: { color: '#6363

legend 图例,每个图表最多仅有一个图例.try this » 名称 默认值 描述 {string} orient 'horizontal' 布局方式,默认为水平布局,可选为:'horizontal' | 'vertical' {string | number} x 'center' 水平安放位置,默认为全图居中,可选为:'center' | 'left' | 'right' | {number}(x坐标,单位px) {string | number} y 'top' 垂直安放位置,默认为全

引言:  在Web应用的开发过程中,发现若干页面在360的浏览器上显示不正常,而在其他的浏览器上,皆为正常状态,问题出在哪里呢? 问题的提出: Web页面在360的浏览器上,显示不正确. 但是在Firefox.chrome和IE8+以上的浏览器上,都是显示正常的. 问题的分析 1.  检查了一些JavaScript框架,标准的jQuery类库1.x系列,确认其工作正常,问题不是在于Javascript方面. 2.  排查掉HTML标签内容的显示 问题. 3.  怀疑是CSS在不同浏览器下的兼容性

background-color:#f00;/*all*/background-color:#0ff\0;/* ie 8/9 */background-color:#0f0\9\0;/* ie9 */*background-color:#00f;/*ie7*/_background-color:#ff0;/*ie6*/background-color//:#090;/*非IE*/background-color:#900\9;/*所有ie*/

css命名 传统网站页面(企业级),大概就是about,product,register等,他们的名字较好区分,他们的样式整体也不会很大,用简单的驼峰法就够了,或者简单的模块. 非传统企业页面,命名驼峰法不够用,项目一当大了,会有多个首页 就拿新浪的页面来说,它的体育块的所有页面,完全可以单独出一个项目,单独有一个单独的样式库. 根据这个原则,业主方电梯管家,小区贴吧,投票等等,如果单独做成一个css文件style,那么这个文件的样式无限庞大,你又为了避免css选择器的冲突,你又不得添加不同cs

overflow:hidden 隐藏溢出 一.自己总结的公用样式解析 html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; } img { border: 0 none; vertical-align: top; } ul, li { list-styl

国外团队开发的兼容插件,去年做项目时才发现,非常强大 主角:PIE.js , PIE.htc 两种方法可以实现 官方网站:http://css3pie.com/ 演示地址:http://css3pie.com/demos/gradient-patterns/ 重要功能实现: 可以使 IE6.7.8 .9 实现类似 chrome 和 firefox 1. 更自然逼真的阴影效果,不再是以前那种丑陋的滤镜效果. 2. 实现很自然的圆角效果 3. 实现部分 CSS3 的强悍效果,如 多背景图,borde

用户使用的浏览器五花八门,我们要保证每一种浏览器都能兼容我们的代码,不能要求用户去改变浏览器,那么就得在我们的代码上下功夫.此时我们要用到hack. HACK就是针对不同的浏览器写不同的HTML.CSS样式,从而使各种浏览器达到一致的渲染效果. 下面我们就分别了解一下HTML的hack和CSS的hack. (一).HTML的hack HTML的hack由注释<!--  -->演变而来,在高级浏览器中注释不会被加载,把IE浏览器的兼容代码写在注释中,IE浏览器会识别. HTML的hack代码模板

下面说说如何对 IE10 以下版本的浏览器进行部分 CSS3 兼容 国外团队开发的兼容插件,去年做项目时才发现,非常强大 主角:PIE.js ,  PIE.htc    两种方法可以实现 官方网站:http://css3pie.com/ 演示地址:http://css3pie.com/demos/gradient-patterns/ 重要功能实现: 可以使 IE6.7.8 .9 实现类似 chrome 和 firefox 1.  更自然逼真的阴影效果,不再是以前那种丑陋的滤镜效果. 2.  实现

移动端rem适配js // 默认375,750设计稿请将375替换为750 (function (doc, win) { // 移动端适配 var docEl = doc.documentElement, isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), dpr = isIOS ? Math.min(win.devicePixelRatio, 3) : 1, dpr = window.top === windo

刀耕火种 刀耕火种是新石器时代残留的农业经营方式.又称迁移农业,为原始生荒耕作制. var TodoApp = Nuclear.create({ add: function (evt) { evt.preventDefault(); var textBox = this.node.querySelector('input'); this.option.items.push(textBox.value); }, installed: function () { var form = this.no

因为文章内含有很多sass代码,如需自己动手查看编译结果,推荐使用sassmeister这款在线编译工具,方便你阅读学习. 在阅读本文章之前,请先确认你已经阅读了上篇文章sass揭秘之变量,不然会给你带来疑惑的感觉. 其实很多人之所以对sass或less感兴趣,就是因为他们能使用变量和这个@mixin功能,而后面的%和@function知道的人就比较少了.所以说@mixin这个东西还是很有诱惑力的,没办法,广告做得好啊,大明星.这里之所以把%和@function和@mixin放在一起,当然并非无

jQuery设置透明 1.直接.fadeIn 淡入 .fadeOut 淡出 .fadeTo(时间,"透明度") 2.addClass只能控制淡入和淡出,不能控制其速度. filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;要考滤兼容样式 3.用animate()来完,不用考虑样式兼容问题. $("#testID").mouseover(function(){ $(this).animate({'opacity

使用方法 <link rel="stylesheet" href="../../assets/highlight/styles/default.css"> <script type="text/javascript" charset="UTF-8" src="../../assets/highlight/highlight.pack.js"></script> API 暴

推荐去张鑫旭大神这里详细了解:http://www.zhangxinxu.com/jq/stylus/ 安装 npm install -g stylus 自动编译 $ stylus -w demo.styl -o dist / demo.styl是styl文件,dist是要生成样式的目录文件名,-w 是自动监视文件 ,-o 是将编译后的CSS文件输出到指定文件中 压缩 stylus --compress < test.styl > test.css  //stylus文件编译并压缩成css文件

1.rem转化为向素值的方法 rem单位转化为像素大小取决于根元素的字体大小,即HTML元素的字体大小,根元素字体大小乘以rem. 例:根元素的字体大小 16px,10rem 将等同于 160px,即 10rem x 16px = 160px 2.em单位如何转化为像素值 当使用em单位时,像素的单位是em值乘以使用em单位的元素的字体的大小 例:如果一个 div 有 18px 字体大小,10em 将等同于 180px,即 10 × 18 = 180 总结: rem 和 em 单位是由浏览器基于

因为文章内含有很多sass代码,如需自己动手查看编译结果,推荐使用sassmeister这款在线编译工具,方便你阅读学习. 在阅读本文章之前,请先确认你已经阅读了上篇文章sass揭秘之变量,不然会给你带来疑惑的感觉. 其实很多人之所以对sass或less感兴趣,就是因为他们能使用变量和这个@mixin功能,而后面的%和@function知道的人就比较少了.所以说@mixin这个东西还是很有诱惑力的,没办法,广告做得好啊,大明星.这里之所以把%和@function和@mixin放在一起,当然并非无

BeanFactory是Spring中非常重要的一个类,搞懂了它,你就知道了bean的初始化和摧毁过程,对于深入理解IOC有很大的帮助. BeanFactory体系结构 首先看一下使用IDEA生成的继承层次图(图中去掉了ApplicationContext的继承图): 可以看到BeanFactory下的接口主要分为三个: HierarchicalBeanFactory:详细的分析见https://www.cnblogs.com/zhangfengxian/p/11086695.html#hier

一.项目简述 taro-chatroom是基于Taro多端实例聊天项目,运用Taro+react+react-redux+taroPop+react-native等技术开发的仿微信App界面聊天室,实现了发送消息/emoj表情.gif表情大图.图片预览.发红包.动态圈等功能. 二.预览效果 编译到H5端.小程序.App端效果如下:(后续大图均为APP端) 三.技术栈 编码/技术:Vscode + react/taro/redux/RN iconfont图标:阿里字体图标库 自定义导航栏Navig

代码符合标准 标准的页面会保证正确的渲染 页面容易被搜索引擎搜索,提高搜索排名(SEO) 提高网站的易用性 网页更好维护和扩展(Validator,HTML Validator 属于Firefox插件) 停止使用不标准的标签和属性,简化HTML代码 标签没有实际意义,仅设置样式(不推荐使用) 不推荐使用blink,marquee 让HTML拥有更好的语义 移除不常用的HTML标签 样式和结构分离 HTML页面链接一个CSS(最优),提高加载速度 HTML内嵌CSS(单一页面最佳,减少加载CSS样

自由切换 网页上的   ico   图标: 第一步:      进入这个网站 :https://www.uupoop.com/ico/?action=make 第二步:      进入网站后,然后选择要生成的 ico  图片 以及大小尺寸  , 然后点击生成 第三步:       在<head>标签上面写入以下代码: <link rel="icon" href="img/favicon.ico" type="favicon.ico&quo