option

一般情况下下拉选择框的默认值都是第一个，比如下面这个代码的默认值肯定是“红色”： <select> <option value="红色">红色</option> <option value="绿色">绿色</option> <option value="蓝色">蓝色</option> </select> 那么如果我们想自定义option的默认值应该怎么写呢？其实借助JS很容易实现，比如可以根据option的值来实现： <select> <option value="红色">红色</option> <option value="绿色">绿色</option> <option value="蓝色">蓝色</option> </select> <script> document.getElementsByTagName_r("select")[0].value="绿色"; </script> 再比如根据option值的顺序来实现（当然是前者更好一些）： <select> <option value="红色">红色</option> <option value="绿色">绿色</option> <option value="蓝色">蓝色</option> </select> <script> document.getElementsByTagName_r("option")(1)

Curl是Linux下一个很强大的http命令行工具，其功能十分强大。 1) 二话不说，先从这里开始吧！ $ curl http://www.linuxidc.com 回车之后，www.linuxidc.com 的html就稀里哗啦地显示在屏幕上了 ~ 2) 嗯，要想把读过来页面存下来，是不是要这样呢？ $ curl http://www.linuxidc.com > page.html 当然可以，但不用这么麻烦的！ 用curl的内置option就好，存下http的结果，用这个option: -o $ curl -o page.html http://www.linuxidc.com 这样，你就可以看到屏幕上出现一个下载页面进度指示。等进展到100%，自然就 OK咯 3) 什么什么？！访问不到？肯定是你的proxy没有设定了。 使用curl的时候，用这个option可以指定http访问所使用的proxy服务器及其端口： -x $ curl -x 123.45.67.89:1080 -o page.html http://www.linuxidc.com 4) 访问有些网站的时候比较讨厌，他使用cookie来记录session信息。 像IE/NN这样的浏览器，当然可以轻易处理cookie信息，但我们的curl呢？..... 我们来学习这个option: -D <—

11.1 命令行参数 可以在执行脚本时，向命令行中添加数据值 如 ./add.sh 10 30 11.1.1 读取参数 命令行中输入的所有参数赋值给一些特殊变量，这些变量称为 位置变量 $0 为程序名称 $1 为第一个参数名称，以此类推，超过10 用 ${10} 表示 注意点： 每个参数都是使用空格分隔，要想在参数中包含空格，就必须使用 ‘ ’ 或者“ ” 引号不作为数据的一部分，他们只定义数据的起止 11.1.2 读取程序名称 使用 参数 $0 可以确定从命令行启动的程序的名称。实际上 $0 是程序的完整路径， 而不是程序名称，basename 只返回程序名称，不带路径 name=`basename $0` echo the command entered is :$name 11.2 特殊参数变量 有一些特殊的变量用来跟踪命令行参数 11.2.1 参数计数 $# 命令行参数的个数 ${!#} 命令行最后一个参数 当命令行没有参数时，$# 值为0 ${!#} 返回脚本名称 获取命令行所有参数 $* $@ $* 将命令行中所有参数作为一个单词处理 $@ 作为一个字符串中的多个单词处理 11.3 移位---改变命令行参数的相对位置 使用shift 命令，默认每个参数变量左移一个位置，于是，$2的值移交给$1, $1的值丢弃，变量 $0 的值和程序名称都保持不变 在不清楚

1、最常见的wx.navigateTo({}) 保留当前页面，跳转到应用内的某个页面，使用 wx.navigateBack 可以返回; wx.navigateTo({ url:'../test/test?id=1&page=4', //跳转页面的路径，可带参数 ？隔开，不同参数用 & 分隔；相对路径，不需要.wxml后缀 success:function(){} //成功后的回调； fail：function(){} //失败后的回调； complete：function(){} //结束后的回调(成功，失败都会执行) }) 传递的参数在接收页面onLoad()函数中得到值：option.id就可以得到了 onLoad: function (option) { 　 console.log(option)//可以打印一下option看查看参数 this.setData({ id:option.id, }); 2、 wx.redirectTo() 关闭当前页面，跳转到 非tabBar 的某个页面 3、使用组件 <navigator> 示例： <navigator url='../test/test'>点击跳转</navigator> 4、wx.switchTab ，跳转到 tabBar 的某个页面， wx.switchTab({ url: '../taste/index', /

百度echart算是百度针对数据展示做的一个图表插件吧，一般我们使用都不是问题，主要还是对于对动态数据的解析。我这里使用饼状图，和柱状图为例： 首先，我们需要定义一个绘图的容器：（class是我自己定义的，这个容器用一个div就可以） <div class="fm_box pd-10 border-grey" id="shanxing" style="height: 500px;"></div> <div class="fm_box pd-10 border-grey" id="zhuzhuang" style="height: 500px;"></div> 然后需要引入我们的echart.min.js. 准备工作做好后，下面就是我们初始化图表的时候了。 首先我们需要定义两个mychart分别作为我们的扇形图和柱状图 var myChart = echarts.init(document.getElementById('shanxing')); var myChart2 = echarts.init(document.getElementById('zhuzhuang')); 然后分别定义option:就是数据格式的写入：（这里因为有两个图，数据分别用option ，option2来表示） option = { title : { text: '某站点用户访问来源', x:

前一段时间公司做了舆情相关的软件，舆情用到了大量的图表，相当大的数据交互。当时没有整理下来，昨天有一次用到这些东西，所以准备记录下来，方便以后使用。 百度echart算是百度针对数据展示做的一个图表插件吧，一般我们使用都不是问题，主要还是对于对动态数据的解析。我这里使用饼状图，和柱状图为例： 首先，我们需要定义一个绘图的容器：（class是我自己定义的，这个容器用一个div就可以） <div class="fm_box pd-10 border-grey" id="shanxing" style="height: 500px;"></div> <div class="fm_box pd-10 border-grey" id="zhuzhuang" style="height: 500px;"></div> 然后需要引入我们的echart.min.js. 准备工作做好后，下面就是我们初始化图表的时候了。 首先我们需要定义两个mychart分别作为我们的扇形图和柱状图 var myChart = echarts.init(document.getElementById('shanxing')); var myChart2 = echarts.init(document.getElementById('zhuzhuang')); 然后分别定义option:就是数据格式的写入：

一、安装： npm安装： npm install echarts -S cnpm安装： npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install echarts -S 二、vue项目中全局引入： 在main.js文件： import echarts from 'echarts' Vue.prototype.$echarts = echarts 三、使用： tips:可以直接从echart官方实例粘贴一个简单的实例到自己的组件中，看看是否能够成功展示； echart官方实例地址： https://www.echartsjs.com/examples/ （可以直接从官方实例复制较为接近项目需求的option，在这基础上进行调整） html: <div id="chartEle1" style="height: 400px;margin: 0 auto;width: 50%"></div> 注意一定要给准备装echarts图的dom容器设定高度，不然会无法显示！ js: 　　mounted(){ // 基于准备好的dom，初始化echarts实例 this.Chart1=this.$echarts.init(document.getElementById('chartEle1')) //重点

ehcart是百度做的数据图表，基于原生js。接口和配置都写的很好很易读，还可以用于商用。 下面正题 用原生js的话，引入echarts.js 无论是图表的样式设置，图表渲染，数据填充都是基于echart对象的option的，官网给出使用方法： var dom = document.getElementById('intro-chart'); var chart = echarts.init(dom); chart.setOption({ backgroundColor: '#08263a', title: { text: 'ECharts Example', textStyle: { color: '#b1cfa5', fontSize: 18 }, left: 'center', top: 25 }, xAxis: { show: false, data: ... }, ... series: [{ type: 'bar', data: ..., itemStyle: { normal: { barBorderRadius: 5, shadowBlur: 10, shadowColor: '#111' } }, ... }] }); 　　使用angular配置其实只要给ng对象绑定$scope里不同图表的option就行， html像这样 ： <div e-chart e

一、效果图 二、工程构建思路 依据mvc模型，重写QTableView QAbstractTableModel QStyledItemDelegate QHeaderView，利用QStyleOptionProgressBar自定义进度条样式，重写createEditor等必要函数实现自定义编辑输入框。 三、代码片段 //样式代理部分 # include "tabledelegate.h" TableDelegate :: TableDelegate ( QObject * parent ) : QStyledItemDelegate ( parent ) { } void TableDelegate :: paint ( QPainter * painter , const QStyleOptionViewItem & option , const QModelIndex & index ) const { //去掉Focus QStyleOptionViewItem viewOption ( option ) ; initStyleOption ( & viewOption , index ) ; if ( option . state . testFlag ( QStyle :: State_HasFocus ) ) viewOption . state =

前两天在项目开发的时候有个需求是要求多个下拉框，选中某一项后其他下拉框移除该项，虽然写的有点绕，如果那个小伙伴有更好的例子，可以贡献下。先贴几张图看下效果 这是全部下拉框展开的效果图，具体描述看图吧，下面就开始贴代码 html部分 <div class="video_in"> <p> 下拉一 <select name="B1other1_1" id='B1other1_1' class="select"> <option value='0'>请选择</option> <option value='1'>选择1</option> <option value='2' selected>选择2</option> <option value='3'>选择3</option> <option value='4'>选择4</option> </select> </p> <p> 下拉二 <select name="B1other2_1" id='B1other2_1' class="select"> <option value='0'>请选择</option> <option value='1'>选择1</option> <option value='2'>选择2</option> <option value='3' selected>选择3</option> <option value='4'