chelen_jak的专栏

angular table拖拽插件sortablejs

原生js Copy，兼容iOS

废话不说 直接上代码 很简单：$("input,select").blur(function(){ setTimeout(function() { var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; window.scrollTo(0, Math.max(scrollHeight - 1, 0)); ...

原文出处：https://www.cnblogs.com/dearxinli/p/6802151.html

原文出处：https://blog.youkuaiyun.com/u013992330/article/details/78625855JavaScript获取当前时区：new Date().getTimezoneOffset()这样获取到的是与0时区的时间差（0时区减去当前所在时区，单位是分钟）中国标准时间是以东八区为准，比0时区的时间要早8个小时，所以是-480，除以60就是所在时区, 即-8代码如下：ar nowTime = new Date();var offset = nowTime.get

一、关于介面1、原生JS之实现九宫格抽奖效果，从此百分之百中奖不是梦！！！了解如何加速、减速，停到中奖位置2、积分转盘抽奖算法设计解析可参其中的”等概率抽奖具体案例“设计页面二、算法1、跪求一个java抽奖中奖算法的实现，在线等，急。。。。思路：我给你说个思想，你把每个奖项都设置一个值，举个例子：设置五等奖：500名，那你就设置数据区域1——500都是五等奖，四等奖：300名，那你就设置数据区域501-800都是四等奖，以此类推。这样每个ID过来抽奖的时候他每点击一次抽奖就产生一个随

原文出处：https://blog.youkuaiyun.com/weixin_34297300/article/details/88947042?utm_medium=distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.add_param_isCf&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.add_param_isCf开发过程中由于需要在发送消息的

原文出处：https://www.cnblogs.com/xiangsj/p/6084844.html问题： 在苹果手机IOS中 contenteditable="true" 做文本域输入，点击可以弹出键盘但是无法输入，安卓都正常。 经测试后，记得加一个样式 -webkit-user-select:text 就可以了。...

原文出处：https://blog.youkuaiyun.com/weixin_39037804/article/details/100266599在CSS中，经常会用到16进制的颜色来设置文本、背景、边框等颜色，但是对于一个纯前端来讲，16进制颜色的识别和搭配可能会较为陌生了 ,本文简单介绍一下16进制颜色的一些规律16进制颜色的数值意义：举个例子：比如 #1A2BF4（不区分大小写），前两位1A表示的是RGB中R（Red：红色），2B表示的是RGB中的G（Green：绿色），F4表示RGB中的B（.

原文出处：https://blog.youkuaiyun.com/hai2653068/article/details/91883082/** * rgb转rgba * @param color * @param alp * @returns {string} */ function rgbToRgba(color,alp){ var r,g,b; var rgbaAttr = color.match(/[\d.]+/g.

原文出处：https://www.haorooms.com/post/color_rgb_transform延伸阅读：用js生成全色系调色盘的算法前言今天做了这个需求，就是前端支持rgba设置，但是后台生成图片的时候不支持rgba,需要2个值。分别是一个十六进制颜色值和一个opacity透明度，这就要我这边传值的时候，把原来的rgba转换成2个值，然后传给后台。（注，之所以前端没有分成2个字段，是因为前端设置颜色的时候直接用一个rgba设置的，这样用户体验好，分别设置颜色和透明度的话，还要分2次

原文出处：https://zhidao.baidu.com/question/710988923723598245.html代码（有改良） // 计算反色, ilighten - 减弱对比度(-1 ~ -15) // 示例: oppositeColor("#000000", -4); 返回: #bbbbbb function oppositeColor(a, ilighten) { a = a.replace('#', '');

原文出处：http://blog.ipodmp.com/2014/03/web-and-calculation-of-complementary-and-contrasting-colors-to-obtain.htmlWEB-互补色与对比色的计算与获取2014/03/18 ChinaBUG％1 $ S今天在做界面设计是需要互补色凸显一下效果，发现手上没有工具啦，好吧，找一下计算方式吧，起码没有应手的工具之前，可以先应付一下。互补色摘自：互补色简单计算法 这个是色相色谱，位于180度

原文出处: https://www.it1352.com/533401.html延伸阅读：1、根据背景颜色确定字体颜色2、根据背景颜色的深浅确定字的颜色Javascript请注意，这只适用于同一网域的图片和支持HTML5 canvas的浏览器中。function getAverageRGB(imgEl) { var blockSize = 5, // only visit every 5 pixels defaultRGB = { r: 0,

原文出处：https://blog.youkuaiyun.com/namechenfl/article/details/90241952 （参考）一、问题：当我将一个后端回传的字符串 “2020-06-03T16:14:18” 转成时间var d = new Date("2020-06-03T16:14:18");var div = document.getElementById("my-time")div.innerText = d.toString();1、安卓和谷歌浏览器上显示正常Wed ...

原文出处：https://blog.youkuaiyun.com/july_lee/article/details/52563658 （详尽、很好，建议阅读原文）

原文出处：https://www.cnblogs.com/jpfss/p/9105119.html1.将json对象转化为json字符串，再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in 循环判断var obj = {};var b = function() {for(var key in obj) {return false;}return true;

原文出处：https://www.cnblogs.com/victory820/p/7827711.htmlvar swapItems = function(arr, index1, index2){　　arr[index1] = arr.splice(index2,1,arr[index1])[0]　　return arr}var arr = [1,2,3]var newArr...

原文出处：https://www.iteye.com/problems/99148问：起始日期如果是2012.1.1,则结束日期是2012.12.31起始日期如果是2012.1.2,则结束日期是2013.1.1，以此类推。请问，用js怎么实现答：var d1=new Date("2012/01/1"); var d2=new Date(d1); d2.setFullYear...

原文出处：https://blog.youkuaiyun.com/qq_24184997/article/details/80769734第一次写博客，js实现粘贴板方式有document.exeCommadwindow.clipboardData的setData方法还有使用ZeroClipboard插件1：通过document提供的exeCommad方法实现粘贴板功能优点不需要引用外部插件g...

原文出处：https://blog.youkuaiyun.com/qq_42755868/article/details/84958678最近碰到一个js替换（移除）字符串中的中文字符以及特殊的中文字符 “【” 和 “】” 等搜罗之下没有找到可行的解决办法：经过摸索实测以下方法有效如var foo = '【你好】,【世界】';//想要替换foo中的【】为指定字符串或者空，可以使用unicod...

原文出处：https://blog.youkuaiyun.com/jbxue123/article/details/23960905微博或者论坛上常见的效果，选择表情插入文本域的时候，显示的是类似[哈哈]这样的字符串。把表情字符串转换为图片表情的一种方法 。<div id="test">abc</div> var face ={ '[哈哈]':'<i...

原文出处：https://blog.youkuaiyun.com/weixin_40632390/article/details/79021674 (请转到原文）

原文出处：http://yahaitt.iteye.com/blog/250338记录自浪曦风中叶老师的JavaScript课堂 js继承有5种实现方式： 1、继承第一种方式：对象冒充   function Parent(username){     this.username = username;     this.hello = function(){

原文出处：http://www.jb51.net/article/21220.htm前面我们讨论了如何在 JavaScript 语言中实现对私有实例成员、公有实例成员、私有静态成员、公有静态成员和静态类的封装。这次我们来讨论一下面向对象程序设计中的另外两个要素：继承与多态。1 又是几个基本概念 为什么要说又呢？ 在讨论继承时，我们已经列出了一些基本概念了，那些概念是跟封装密

原文出处：http://www.jb51.net/article/33187.htm这是一篇关于JavaScript的面向对象和继承的文章,对想学习JavaScript中面向对象的同学来说是很有帮助,虽然一些Javascript用户可能永远也不需要知道原型或面向对象语言的性质，但是那些来自传统面向对象的语言的开发者使用的时候会发现JavaScript的继承模型非常的奇怪这是一篇关于Ja

原文出处：http://www.jb51.net/article/19718.htm在面向对象的思想中，最核心的概念之一就是类。一个类表示了具有相似性质的一类事物的抽象，通过实例化一个类，可以获得属于该类的一个实例（即对象）”。很长一段时间以来（这里本人要幸灾乐祸地说），js是“一种点缀的作用，完成很有限的功能，诸如表单验证之类，其语言本身也一直被当作过程化的语言使用，很难完成复杂的功

ECMAScript 定义类或对象 http://www.w3school.com.cn/js/pro_js_object_defining.asp

CSS Transition (变换动画)http://blog.netsh.org/posts/css-transition-animate-tutorial_522.netsh.html

原文出处：http://www.codefans.net/jscss/code/3458.shtmlJS仿淘宝网的星级评分系统，鼠标放在上边可以显示星级代表的评分级别，鼠标点击时会选中当前的星级，目前此功能在网页上十分流行，虽然是仿做的，但已经很不错的功能了，希望大家喜欢！星级评分系统 body,div,ul,li,p{margin:0;padding:0;}body{col

原文出处：http://www.codefans.net/jscss/code/4593.shtmljquery.scratchie.js图片刮奖插件实例演示代码，可实现类似刮奖的效果，刮刮乐中的基本效果。引用了google的API，jquery版本1.4.4，需要几张图片配合，已附在代码里，运行效果后右键-->图片另存为下载素材图片。本效果兼容性也不错，可用于网页刮奖游戏中。jQue

Javascript 面向对象编程（一） 封装  http://www.jb51.net/article/28127.htmJavascript面向对象编程（二） 构造函数的继承http://www.jb51.net/article/28128.htmJavascript面向对象编程（三） 非构造函数的继承http://www.jb51.net/article/28129.

原文出处：http://www.2cto.com/kf/201208/148873.html//javascript中的继承--第一种继承方式：对象冒充  function Parent(name)  {   this.name = name;   this.getInfo = function()   {    document.write("父亲的名字是："

摘自：http://www.jb51.net/article/28127.htm5. Prototype模式 Javascript规定，每一个构造函数都有一个prototype属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的实例继承。 这意味着，我们可以把那些不变的属性和方法，直接定义在prototype对象上。 （感觉就是类的静态属性和静态方法）代码如下:

原文出处：http://www.codefans.net/jscss/code/2696.shtml一款接近完美的jquery浮动层，会随着滚动条而自动滚动，始终维持在页面的中间部分，利用浮动层你可以制作一个QQ在线客服。本浮动层基于jQuery1.6.2,对于研究1.6版本的jquery很有帮助意义。jquery浮动层 #Float {background-color:

原文出处：http://www.cnblogs.com/sweting/archive/2009/12/21/1629204.htmlcall 方法 请参阅 应用于：Function 对象 要求 版本 5.5 调用一个对象的一个方法，以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thi

原文出外：http://www.yoda360.com/post/22.htmlhide和fadeOut 显示效果有什么区别？ show和fadeIn显示效果都一样？很多朋友在学习jQuery的时候 会遇到这个问题 ，hide和 fadeOut都可以带有参数：$(selector).hide(speed,callback);$(selector).fadeOut(speed

详细出处参考：http://www.jb51.net/article/26051.htmjs 数据类型转换总结笔记,需要的朋友可以参考下。javascript有如下数据类型的转换方法： 一，转换成数字 xxx*1.0 转换成字符串 xxx+"" 二，从一个值中提取另一种类型的值，并完成转换工作。 .提取字符串中的整数：parseInt(); 例：parseInt("12

详细出处参考：http://www.jb51.net/article/28295.htm

转自：http://www.jb51.net/article/36831.htm性能优化遇到很多细节问题(for与each性能比较)记录下来分享给大家，希望对你有所帮助最近在做一个性能优化方面的工作，遇到很多细节问题，现在一一把遇到的问题记录下来分享给大家，废话就不多谢，我直接贴代码。  for与each性能比较 function ge