web
关注
分享
扫一扫
cominglately
时间过得好快 ...
勉力前行
展开
-
bootstrap checkbox ratio 元素换行对齐的问题
参考文档 https://www.zybuluo.com/phper/note/81007从bootstrap 粘贴了代码 但是遇到了 换行的不对齐的问题 在外层的div 加上类 checkbox 就好了原创 2017-07-07 18:13:30 · 2043 阅读 · 0 评论 -
checkbox 为什么只是可以获取到最后一个数值?
checkox php 获取的话需要将name定义成 name[]的形式 ，不然只会获取到最后一个数组div class="form-group"> label class="col-sm-2 control-label">接口输出字段label> div class="col-sm-10 checkbox"> php foreach ($out_fi原创 2017-07-10 10:26:24 · 2577 阅读 · 0 评论 -
单选按钮控制页面部分的显示的流程
eg: 是否输出 否 是 APIKEY PASSWORD原创 2017-08-01 14:45:20 · 429 阅读 · 0 评论 -
radio input 不可以更改的状态(disabled readonly)
参考文档 : http://www.w3school.com.cn/jsref/prop_radio_disabled.asp http://www.w3school.com.cn/tags/att_input_readonly.aspradio input 不可以更改的状态(disabled readonly)原创 2017-08-02 11:03:58 · 15805 阅读 · 0 评论 -
一个div中两个按钮之间的距离怎么调整
div class="form-group" data-toggle="buttons"> label class="col-sm-2 control-label" style="margin-right:15px;">操作label> label class="btn btn-info active" style="margin-right:40px;"> inp原创 2017-07-26 14:57:15 · 33522 阅读 · 0 评论 -
使用ajax提交表单有很多优势 （下面是一个上传文件的实例 new FormData class）
<!DOCTYPE html><html><head> <include file="Common@Public/head" /> <!-- Include Required Prerequisites --> <script type="text/javascript" src=&quo原创 2017-07-27 15:43:52 · 375 阅读 · 0 评论 -
使select option达到超链接的效果实例
参考文档: http://www.51itstudy.com/it/article/7043.htmlopetion value 为url select 在加上onchange的事件, onChange="window.open(this.options[this.selectedIndex].value);"select class="form-control" na原创 2017-08-14 15:36:43 · 2147 阅读 · 0 评论 -
boostrap需要的样式的地址
参考文档 https://bootsnipp.com/snippets/Kr2Qg快速的定位到需要要的bootsrap 样式原创 2017-08-14 16:16:55 · 312 阅读 · 0 评论 -
bootstrap关于select的写法(style)实例
参考文档 https://bootsnipp.com/snippets/GXagX {$input['province']} 选择省份 {$province}原创 2017-08-14 16:36:41 · 1851 阅读 · 0 评论 -
input file 的样式改变的实例
div class="form-group"> label class="col-sm-2 control-label">选择文件label> div class="col-sm-5"> label class="btn-bs-file btn btn-info"> 号码 input type="file" name原创 2017-08-15 10:34:58 · 1332 阅读 · 0 评论 -
table td 内容太长自动换行的实例(word-wrap和word-break的差异)
参考文档 : table-layout : http://www.w3school.com.cn/cssref/pr_tab_table-layout.aspword-wrap 和 word-brak的差异: http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html首先:固定table的布局 : t原创 2017-08-22 15:24:05 · 4926 阅读 · 0 评论 -
js 获取当天的时间字符串 (日期部分的字符串)
参考文档 : https://developer.mozilla.org=-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toDateStringhttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/toStr原创 2017-08-23 18:06:43 · 1505 阅读 · 0 评论 -
js 将时间字符串转成秒 (Date.parse()) && 当心默认时区
参考文档: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/parse方法 :Date.parse(dateString)return ：一个表示从1970-1-1 00:00:00 UTC到给定日期字符串所表示时间的毫秒数的数值。如果参数不能解析原创 2017-08-23 17:30:13 · 5042 阅读 · 0 评论 -
php validation before submit 实例 && 一些需要规避的问题
规避:submit 按钮一定要使用 input ，不可以使用button 不然不起作用查询">s 开始时间原创 2017-08-23 18:10:54 · 365 阅读 · 0 评论 -
js 数值操作(floor ceil abs round)
参考文档: floor : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/floorabs : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Obj原创 2017-08-23 20:14:00 · 410 阅读 · 0 评论 -
bootstrap 实例大全
实例 大全地址 https://bootsnipp.com/snippets/featured/advanced-dropdown-search原创 2017-09-06 12:01:09 · 585 阅读 · 0 评论 -
js forEach
参考文档 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/forEacharray Set Map 都是可以通过这个函数循环调用里面的元素, array.forEach(callback(currentValue, index, array){原创 2017-09-25 14:21:28 · 330 阅读 · 0 评论 -
js arguments
参考链接 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/arguments类似数组 但是只有 length 属性, 不可以使用 forEach 但是可以使用 for in for of 。常用来判断输入的参数有多少个原创 2017-09-25 14:59:38 · 225 阅读 · 0 评论 -
js rest获取剩余参数
参考文档 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Rest_parameters如果函数的最后一个命名参数以...为前缀，则在函数被调用时,该形参会成为一个数组,数组中的元素都是传递给该函数的多出来的实参的值。和arguments 的区别:a. argume原创 2017-09-25 15:32:29 · 812 阅读 · 0 评论 -
js try catch实例
参考链接 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/try...catchjs 同样的是可以使用 try catch 的, 使用方法类似于phpfunction area_of_circle(r, pi) { try { if原创 2017-09-25 16:38:06 · 292 阅读 · 0 评论 -
js 的变量声明提升,以及赋值不提升
参考文档 https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014344993159773a464f34e1724700a6d5dd9e235ceb7c000js函数 会先扫描整个函数体语句，将所有声明的变量提升到函数的顶部,但是不会提升赋值.func原创 2017-09-25 17:01:34 · 668 阅读 · 0 评论 -
js getFullYear 返回日期对象的年份
参考地址 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/getFullYeardateObj.getFullYear()eg:var student = { "name" : "liusen", 'birth' : 1原创 2017-09-25 17:36:01 · 854 阅读 · 0 评论 -
js Array.prototype.map()使用实例
参考文档 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/maphttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number/parseInt原创 2017-09-26 09:55:36 · 295 阅读 · 0 评论 -
js Array.prototype.reduce()
参考文档 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce语法 :array.reduce(function(accumulator, currentValue, currentIndex, array), initialValue)原创 2017-09-26 10:39:38 · 322 阅读 · 0 评论 -
js String.prototype.trim()
参考地址 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/Trim语法:string.trim()去掉字符串两边的空白字符eg:var a = ["A", 'B','',null,undefined, ' ','C'];conso原创 2017-09-26 11:54:17 · 735 阅读 · 0 评论 -
js Array.prototype.indexOf 获取元素在数组中的index
参看文档 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf用法:从数组中获取查询元素的位置, 如果不存在则返回-1arr.indexOf(searchElemenmt [,fromIndex]) 备注:fromIndex 代表原创 2017-09-26 13:47:47 · 2750 阅读 · 0 评论 -
js array.filter实例(数组去重)
参考文档 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/filter语法:循环对数组中的元素调用callback函数， 如果返回true 保留，如果返回false 过滤掉, 返回新数组，老数组不变var new_array = source_ar原创 2017-09-26 13:56:58 · 13383 阅读 · 0 评论 -
js string常用的函数
string.toUpcase() 转成大写string.toLowercase() 转成小写console.log('string'.toUpperCase());console.log('STRING'.toLowerCase());原创 2017-09-26 14:24:01 · 456 阅读 · 0 评论 -
js 闭包的定义以及应用实例
参考文档 http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html定义:能够读取其他函数内部定义的变量的函数，在js 语言中,只有子函数才可以读取函数内部的变量 ， 所以闭包就是定义在一个函数内部的函数备注:a. 可以用闭包实现private, 某个变量只有内部可以使用但是外部无法原创 2017-09-26 15:38:41 · 279 阅读 · 0 评论 -
查看当前使用js的版本
转载地址 http://www.phppan.com/2010/09/how-to-check-javascript-version/测试后 的确可以用script type="text/javascript"> $(document).ready(function() { var n = navigator; var u = n.转载 2017-09-26 16:41:33 · 4970 阅读 · 0 评论 -
button实现超链接的办法
参考文档 http://v3.bootcss.com/css/?#buttons对a标签使用 button 类a class="btn btn-info" href="{:U('index')}" role="button">返回客户列表a>原创 2017-09-18 16:29:06 · 1861 阅读 · 0 评论 -
js generator生成器已经使用的实际例子
参考文档 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Generator语法:生成器对象是由generator function 生成的，符合迭代器协议以及可迭代协议常用的方法:g.next() 返回生成器对象的下一个元素， value 值 done原创 2017-09-26 17:25:49 · 1772 阅读 · 0 评论 -
js Date对象以及使用过程中常见的问题
转载地址 https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499525761186acdd5ac3a44f8a50cc0ed8606139b000参考地址 https://developer.mozilla.org/zh-CN/docs/Web/JavaSc转载 2017-09-26 20:57:52 · 380 阅读 · 0 评论 -
Number调用toString()方法产生的问题
转载地址 http://www.zuojj.com/archives/888.html为什么会写此篇文章，其原因是前段时间有人问过我一个问题20.toString()的结果是多少？如果你是一个新手，看到这个问题，第一想到的结果应该是“20”，但是结果却和我们想的不相符，看一下几个例子：//Outputs: "/abc/"console.log(/abc/.toStrin转载 2017-09-26 20:15:25 · 1305 阅读 · 0 评论 -
js str.split([separator[, limit]])注意事项
参考文档 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/split语法:str.split(separator [,limit]) 将字符串拆分成数组备注:a. separator 可以是字符串 也可以是正则原创 2017-09-27 10:46:36 · 1249 阅读 · 0 评论 -
js 正则的简单使用
转载地址 https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499503920bb7b42ff6627420da2ceae4babf6c4f2000字符串是编程时涉及到的最多的一种数据结构，对字符串进行操作的需求几乎无处不在。比如判断一个字符串是转载 2017-09-27 11:38:20 · 366 阅读 · 0 评论 -
js JSON对象的简单使用
参考文档 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JS原创 2017-09-27 14:25:50 · 426 阅读 · 0 评论 -
js 逻辑运算符(较php 特殊)
参考链接 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Logical_Operators特殊性:a. 返回的是表达式 而不是传统意义上的false | trueb. 但是这些表达式本身又是可以代表boolean 导致false的表达式:NaN 空字原创 2017-09-27 17:01:22 · 360 阅读 · 0 评论 -
js fun.apply 装饰器(重新定义一个函数)
参考链接 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/apply用法 :func.apply(thisArg, [argsArray]) var count = 0,oldParseInt = parseInt;window.原创 2017-09-25 18:12:34 · 910 阅读 · 0 评论 -
js class继承
转载地址 https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001458267339633fd3a83c597d04b5fb59f7d1f6792efb3000很棒的一篇文章, 学习了新的关键字class从ES6开始正式被引入到JavaScript中。cl转载 2017-09-28 15:00:15 · 816 阅读 · 0 评论