
html/javascript/php/CSS
木子_lishk
IT爱好者
展开
-
Js 前端限制只允许输入大于等于1的整数
HTML代码<input name="num" type="number" min="1" value="1" >JS 代码$("input[name='num']").on("keypress", function(event) { return (/[\d]/.test(String.fromCharCode(event.keyCode)));}).on("key...原创 2020-03-09 10:36:25 · 3064 阅读 · 0 评论 -
echarts Bug:设置不同 lines、effectScatter 时,颜色没生效
series : [{ name: 'rode', //省内连接 type: 'lines', coordinateSystem: 'geo', data: [], lineStyle: { color: 'orange', // 颜色生效 type: 'solid', width: 2, op...原创 2019-11-05 11:15:56 · 4690 阅读 · 1 评论 -
ECharts - 全国省市区地区geo json
Datav Geo或者直接点击你想要省、市、区地图geojson.io转载 2019-11-01 15:56:53 · 533 阅读 · 0 评论 -
深入理解javascript原型和闭包(14)——从【自由变量】到【作用域链】
https://www.cnblogs.com/wangfupeng1988/p/3994065.html重点:var x = 10;function fn(){ console.log(x);}function show(f){ var x = 20; f();}show(fn);//输出:10//要到创建这个函数fn 的那个作用域中取值, 是“创建”,而不是“调用...转载 2018-11-08 09:38:10 · 127 阅读 · 0 评论 -
javascript 为啥不用instanceof检测数组,这里有一个示例坑
https://www.cnblogs.com/laiqun/p/5645801.html转载 2018-11-07 14:06:34 · 403 阅读 · 0 评论 -
Web前端知识体系精简
转自:http://www.cnblogs.com/onepixel/p/7021506.htmlWeb前端技术由 html、css 和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理,对...转载 2018-05-16 10:00:55 · 184 阅读 · 0 评论 -
深入理解 call,apply 和 bind
转自:http://www.cnblogs.com/onepixel/p/5143863.html在JavaScript 中,call、apply 和 bind 是 Function 对象自带的三个方法,这三个方法的主要作用是改变函数中的 this 指向,从而可以达到`接花移木`的效果。本文将对这三个方法进行详细的讲解,并列出几个经典应用场景。1、call(thisArgs [,args...])...转载 2018-05-16 09:19:26 · 585 阅读 · 0 评论 -
从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理
转自:https://funteas.com/topic/5a64e9482630e6f31583701d前言见解有限,如有描述不当之处,请帮忙及时指出,如有错误,会及时修正。----------超长文+多图预警,需要花费不少时间。----------如果看完本文后,还对进程线程傻傻分不清,不清楚浏览器多进程、浏览器内核多线程、JS单线程、JS运行机制的区别。那么请回复我,一定是我写的还不够清晰,...转载 2018-05-17 09:42:31 · 207 阅读 · 0 评论 -
js汉字转拼音首字母
转载自:https://funteas.com/topic/5acb6bff7be5304e6850cffa一、实现功能汉字转拼音首字母二、业务场景在写即时通讯时必然要做通讯录(联系人列表),联系人列表通常是按照拼音字母表的顺序进行展示的,所以我们要识别文字的拼音首字母。三、效果如图四、实现思路把这些名字的的汉字首字母提取出来,并且把相同字母的汉字归类,最后显示成列表。方法是用unicode去实现...转载 2018-05-10 10:59:11 · 69428 阅读 · 0 评论 -
JS 判断字符串是否为时间格式&开始时间不能大于截止时间
JS 判断字符串是否为时间格式&开始时间不能大于截止时间转载 2016-09-28 10:47:11 · 3662 阅读 · 0 评论 -
EasyUI 时间格式验证
$.extend($.fn.validatebox.defaults.rules, { dateCompareLE:{//小于等于 validator: function(value, param){ var varify = /^(?:(?!0000)[0-9]{4}([-]?)(?:(?:0?[1-9]|1[0-2])\1(?:0?[1-9]|1[0-9]|2[0原创 2017-01-12 11:19:02 · 1148 阅读 · 0 评论 -
bootstrap-table插件
github:http://bootstrap-table.wenzhixin.net.cn/zh-cn/getting-started/该插件可表编辑,使用demo示例:http://www.cnblogs.com/landeanfen/p/5821192.html原创 2018-11-29 14:01:25 · 132 阅读 · 0 评论 -
元素拖动插件
转自:https://www.html5tricks.com/jquery-drag-element.html默认拖动元素初始化位置是随机的,我额外加了两个参数bottomRight 和 topLeft 进行定位。(1)插件代码:$.fn.extend({ //---元素拖动插件 dragging:function(data){ var $this = $(this);...原创 2018-12-05 15:41:07 · 258 阅读 · 0 评论 -
bootstrap-multiselect
Github:https://github.com/davidstutz/bootstrap-multiselect参考:http://davidstutz.de/bootstrap-multiselect/$('#id').multiselect({ includeSelectAllOption: true,//是否显示全选 selectAllText: '全选',//全选的check...原创 2018-12-04 08:52:15 · 253 阅读 · 0 评论 -
font-size: 0;解决inline元素间的空白间隙
链接地址:https://blog.youkuaiyun.com/lihchweb/article/details/74654154转载 2019-09-19 15:42:29 · 134 阅读 · 0 评论 -
chrome浏览器发送POST请求
fetch(new Request('url',{ method:'POST', headers: {'Content-Type': 'application/x-www-form-urlencoded'}, body:"param1=value1¶m2=value2"})).then((resp)=>{console.log(resp)})...原创 2019-08-07 16:59:42 · 35610 阅读 · 0 评论 -
slimscroll & niceScroll 漂亮的虚拟滚动条(Jquery)
slimScroll:http://www.jq22.com/jquery-info1425niceScroll:http://www.jq22.com/jquery-info5869转载 2019-06-19 09:23:59 · 481 阅读 · 0 评论 -
bootstrap插件
(1)bootstrap-treeview:https://github.com/jonmiles/bootstrap-treeview(2)原创 2019-02-21 17:28:25 · 332 阅读 · 0 评论 -
电商开源项目
https://www.cnblogs.com/llguanli/p/7055451.html转载 2019-02-12 14:48:07 · 563 阅读 · 0 评论 -
JS 自定义数组方法
(function(){ //判断数组是否有重复项 Array.prototype.isItemRepeat = function(){ return /(\x0f[^\x0f]+)\x0f[\s\S]*\1/.test(&amp;quot;\x0f&amp;quot;+ this.join(&amp;quot;\x0f\x0f&amp;quot;) + &amp;quot;\x0f&amp;quot;)原创 2019-02-15 10:35:48 · 727 阅读 · 0 评论 -
Bootstrap复选框,单选框美化特效
引用地址:http://www.jq22.com/jquery-info11319该链接有css 下载,如果上面链接不可用,可到此下载:https://download.youkuaiyun.com/download/lishk314/10862008使用方法:<link rel="stylesheet" type="text/css" href="css/build.css"><...转载 2018-12-19 16:46:58 · 1769 阅读 · 0 评论 -
输入自动提示插件 jquery-coolautosuggest
github: https://github.com/w3shaman/jquery-coolautosuggest效果如下:该插件具体使用可以参考:https://www.cnblogs.com/zhouxuchen/p/4893347.html以下说一说明代使用时的一些情况:(一)本人在使用该插件版本号为:version 2.4.0,时,以下代码报错:settings.additi...原创 2018-12-13 16:55:45 · 491 阅读 · 0 评论 -
JS 时间戳转换成时间格式
function add0(m){return m<10?'0'+m:m }function format(shijianchuo){ //shijianchuo是整数,否则要parseInt转换 var time = new Date(shijianchuo); var y = time.getFullYear(); var m = time.getMonth()+1; var d转载 2017-01-13 16:58:44 · 780 阅读 · 0 评论 -
js数组及对象的深拷贝
为了解除引用关系复制对象或者数组,如果是浅层的数组或对象(也就是数组中不包含对象或数组),可以通过slice或者concat方法直接实现。var arr1 = [1, 2, 3];var arr2 = arr1.slice(0);arr1[0] = 0;console.log(arr1);console.log(arr2);var arr3 = [1, 2, 3转载 2017-01-07 16:05:04 · 368 阅读 · 0 评论 -
HTML5设计原理
Jeremy Keith在 Fronteers 2010 上的主题演讲 今天我想跟大家谈一谈HTML5的设计。主要分两个方面:一方面,当然了,就是HTML5。我可以站在这儿只讲HTML5,但我并不打算这样做,因为如果你想了解HTML5的话,你可以Google,可以看书,甚至可以看规范。 实际上,确实有人会谈到规范的内容。史蒂夫·福克纳(Steve Faulkner)会讲HTML5与转载 2016-01-25 18:10:05 · 363 阅读 · 0 评论 -
sass 和 scss
sass是一种对css的一种提升,可以通过编译生成浏览器能识别的css文件。sass技术的文件的后缀名有两种形式:.sass和.scss。这两种的区别在于.sass文件对代码的排版有着非常严格的要求,而且没有大括号,没有分号。一个a.scss文件代码如下: Scss代码 .a { color: blue; font-weight: bo转载 2015-07-28 10:03:19 · 641 阅读 · 0 评论 -
JavaScript原型与原型链分析
JavaScript没有类的概念,但几乎所有的东西又是基于对象的,同时也能实现继承,这就是js跟其他OOP语言最大的不同之处,这也是js最难理解的一块。下面我来说说我个人的理解。首先从创建对象说起,一般会有下面几种方法:1.创建一个Object实例,然后给它添加属性和方法。var person() = new Object();person.name = 'mikej';pers...转载 2015-07-14 21:26:22 · 535 阅读 · 0 评论 -
JavaScript call
call 方法 请参阅 应用于:Function 对象 要求 :版本 5.5 调用一个对象的一个方法,以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj :可选项。将被用作当前对象的对象。 arg1, arg2, , argN :可选项。将被传递方法参数序列。 说明 :cal转载 2015-06-15 22:52:40 · 429 阅读 · 0 评论 -
HTML position元素
<!--startList = function() { if (document.all && document.getElementById) { navRoot = document.getElementById("menu"); var allli = navRoot.getElementsByTagName("li") for (i=0; i<allli.length;转载 2015-07-26 17:20:54 · 506 阅读 · 0 评论 -
Chrome桌面提醒功能
function notify(title, content) { if(!title && !content){ title = "桌面提醒"; content = "您看到此条信息桌面提醒设置成功"; } var iconUrl = "/imag转载 2015-06-09 17:10:11 · 608 阅读 · 0 评论 -
HTML5桌面通知
以下转载自:http://www.cnblogs.com/lxshanye/p/3560188.html1. 为什么需要HTML5的桌面通知传统的桌面通知可以写一个div放到页面右下角自动弹出来,并通过轮询等等其他方式去获取消息并推送给用户。这种方式有个弊端就是:当我在使用京东 进行购物的时候,我是不知道人人网有消息推送过来给我的,而必须要等我把当前页面切到人人网才知道有消息推送了转载 2015-06-10 10:40:35 · 608 阅读 · 0 评论 -
JS生成二维码
二维码demo<!--此处需要引入三个JS文件 一、jquery-1.10.js (这个版本可以随意更换试试,小弟没有做JQ的版本测试) 二、qrcode.js 三、jquery.qrcode.js 顺序要注意,不能乱了顺序; 该版本可以兼容所有低版本的浏览器,包括IE6、7等等-->$(function () { $("#bt").bind("clic转载 2015-05-13 16:53:53 · 477 阅读 · 0 评论 -
JS打印预览
打印 function printsetup(){ // 打印页面设置 wb.execwb(8,1); }function printpreview(){ // 打印页面预览 wb.execwb(7,1);}function printit(){ if (confirm('确定打印吗?')){ wb.ExecWB(6,1)转载 2015-05-13 17:59:06 · 536 阅读 · 0 评论 -
JS 局部打印
打印预览简单实现 这是body 里的内容不需要打印,具体的页面设计根据自己的要求自行设计。如果需要一个页面多个tag,可以动态生成tag 这是我需要打印的内容 function preview(){ var bdhtml=windo转载 2015-05-13 18:27:04 · 629 阅读 · 0 评论 -
php页面跳转的几个方法
1header()函数转载 2014-09-27 14:26:54 · 455 阅读 · 0 评论 -
Windows下PHP安装配置
php在windows中安装同样也没必要用源码编译安装。可以在这里下载安装:http://windows.php.net/download#php-5.6会发现主要有这两样:VC11 x64 Non Thread Safe和VC11 x64 Thread Safe前者是For IIS的,后者才是For Apache的。而且对Apache亦有要求:Please use the Apach转载 2015-08-09 22:31:58 · 394 阅读 · 0 评论 -
安装StartBBS 遇到的问题
打开 php.ini 文件,将分号 ; 去掉,重新启动apache ;extension=php_mbstring.dll转载 2015-08-10 09:53:37 · 1799 阅读 · 0 评论 -
JavaScript 对象的属性
ECMAScript 规范为对象定义了很多内部属性,虽然这些属性只是针对语言的实现者定义的,它们无法通过代码访问到,只能被运行代码的系统来访问,但了解这些属性可以更清晰地明白代码的含义。拥有 Construct 属性的对象,可以通过 new 操作符来调用,所以这种对象可以理解为类。例如new Object()中的Object 对象。拥有 Call 属性的对象,可以转载 2015-10-15 16:43:18 · 285 阅读 · 0 评论 -
CSS3 Filter的十种特效
最近到处看到有人在说CSS3的filter一直没有时间自己去测试这效果。今天终于抽出时间学习这个CSS3的Filter。不整不知道呀,一整才让我感到吃惊,太强大了。大家先来看个效果吧:我想光看上面的效果就能吸引你了,要是你自己动手的话,我想您更会感到神奇。细一看,这些效果就像是photoshop整出来的一样,其实是真是这样的,有很多效果都是类似于photoshop中的特效。不过有一点大家需转载 2015-10-16 09:51:05 · 402 阅读 · 0 评论 -
原型的一个知识点
/*原型是对象的一个属性,也就是 Prototype 内部的属性,每个对象(包括宿主对象)都有这个内部属性,它本身也是一个对象。在ECMAScript中,每个对象都不是直接包含具体的属性,而是通过原型进行属性的共享。如下所示:*/Object.prototype.num =20;alert("添加原型属性:" + Object.num);//20Object.num =10;转载 2015-10-14 11:49:38 · 362 阅读 · 0 评论