js

这几天公司后台改版，老板让实现一个拖拽图片实现排序的效果。本人水平一般，这个效果感觉好难！小公司一枚，也没高手。 无可奈何之下，只得求助度娘，搜了一个下午也没发现太好的插件或代码。回到桌面，看到了JQUERY UI刚用这个实现了一个拖拽效果。随便打开demos。发现了这个sortable文件夹，打开后喜极而泣。真是众里寻他千百度，废话不说了，上代码。下面的是完成后 效果。 HTML如下： <div class="table_row" id="sortable" style="z-index:0"> <div class="order_img or_active"> <img src="images/cover.jpg" width="169" height="113" /> <div class="mark_o png">1</div> </div> <div class="order_img or_active"> <img src="images/cover.jpg" width="169" height="113" /> <div class="mark_o png">1</div> </div> </div> JS如下： <script type="text/javascript" src="js/jquery.js"></script> <script type=

起因：业务中用到了element级联选择器，级联的反显需要这样的数据[id(父)，id(父)，id(当前选中)]，由于后端的无能，不会遍历找所有关联的父节点，只能由前端来做，所以就写了一个简单的递归。 findAncestry (arr, id) { var temp = [] var forFn = function (list, id) { for (var i = 0; i < list.length; i++) { var item = list[i] if (item.id === id) { temp.push(item) forFn(list, item.pid) break } else { if (item.children) { forFn(item.children, id) } } } } forFn(arr, id) return temp } 来源： https://www.cnblogs.com/AaronLs/p/12654706.html

https://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/ 1）this的值在函数被调用的时候才会指定 2）我们可以在函数被返回时就绑好正确的this，即箭头函数能保存函数创建时的 this值，而不是调用时的值 来源： https://www.cnblogs.com/Running00/p/12654390.html

写这篇文章，主要是想mark一下，因为JS动态生成HTML（这里都默认是生成大段的HTML，而不是简单的标签元素），常用的两种语法格式： 一种是es6的写法，反撇，' `` '，在英文语法输入状态下，esc正下方的按键。但是这种语法存在兼容性的问题，我在移动端的项目中遇到过，使用JQuery，没有使用框架。因为有一整个页面都是使用JS动态生成的HTML，所以，在一款华为手机自带的浏览器中不识别 `` ，页面空白。 另一种是字符串拼接，但是这种方式，拼接方法及方法入参时特别特别特别的繁琐，特别要注意单引号和双引号的使用，在外层双引号里单双引号，代码如下： goodsHtml += '<div class="goods-list-line">' + '<div class="goods-show">' + '<img class="goods-img" alt="goodsImg" src=' +resGoodsInfo.logoUrl+ '>' + '<p class="goods-name small-text-style">' + resGoodsInfo.goodsName + '</p>' + '</div>' + '<div class="btn-line">' + '<div class="display-inline-block">' + "<button class=

参考网站： http://www.jb51.net/article/60502.htm ，作者：junjie 今天在使用js切割字符串"浙江,江苏 , 天津，"...这样字符串的时候，想到如果多了空格，如何处理 var areaList = $(this).attr("area").split(/，|,|\s+/);//去除逗号和空格，会得到空值的 得到结果： ["浙江", "江苏", "", "", "天津", ""] 这里会有很多空的字符，所以需要进行筛选出非空的字符。 var areaArray = areaList.filter(function (item) { return item != ""; }) 这样得到的结果就是： ["浙江", "江苏", "天津"] 这是第一个会使用到的方法，filter。 待续... 来源： https://www.cnblogs.com/danlis/p/6889932.html

js实现上拉加载，页面分页的代码。 $(function () { var all = 10; //后台返回总页面 var pageNum = 1;//定义初始页面 var pageSize = 10; // 每页显示的个数 var close = true; // 因为ajax是异步请求，所以设置一个boolean类型，将ajax控制为同步请求 $(window).scroll(function() { var scrollTop = $(this).scrollTop(); //计算已经卷进去滚动条的的高度 var scrollHeight = $(document).height(); //当前页面的总高度 var windowHeight = $(this).height(); //当前window也就是浏览器的高度 if(parseInt(scrollTop) + parseInt(windowHeight) == parseInt(scrollHeight)) { // 如果class为true 并且当前页数小于或等于总页数 if (close && pageNum <= all) { pageNum += 1; //将close改为false，无法在请求后台 close = false; $.ajax({ url:'', // 请求地址 data:{ pageNum

　　一、 登陆https://developers.arcgis.com/downloads/，该页面中列出了Esri发布的各种版本的API，对于ArcGIS API for Javascript，不仅提供了API，还提供了SDK（SDK里面含有API的帮助以及例子 ），需要注意的是，想获取API和SDK，需要注册一个Esri全球账户。目前最新版本ArcGIS API for Javascript v4.3。 　　 二、将下载解压的ArcGIS API for Javascript离线包按照下面的步骤部署。 　　 　1、解压下载的压缩包，将里面的 \ arcgis_js_api\library 目录的所有内容全部拷贝到你的web 服务器中。比如的以下路径例子所示， 　　　　　　Tomcat: \home\tomcat7\webapps\arcgis_js_api\library 　　　　　　IIS: C:\Inetpub\wwwroot\arcgis_js_api\library 　　　2、将以下文件在文本编辑器(如Notepad++,Vim)中打开： 　　　　　　 Tomcat: \home\tomcat7\webapps\arcgis_js_api\library\4.3\4.3\init.js 　　　　　　　IIS: C:\Inetpub\wwwroot\arcgis_js

一、工厂模式创建对象及优缺点 　　继承就是把公共的部分抽象出来作为父类，基类。吃饭，跑步等 　　var a = {};　　//批量创建不方便，不能重复设置公共属性的代码 　　//工厂模式出现了，创建10个Cat对象 每个对象都有年龄、姓名的属性，包括run方法　　 注意区分 js高级-函数的四种调用模式 　　function createCat(age,name){ 　　　　var o = new Object(); 　　　　o.age = age; 　　　　o.name = name; 　　　　o.run = function (){ 　　　　　　console.log(o.name + 'running...') 　　　　} 　　　　return o; 　　} 　　var c = createCat(19,'xixi') 　　//缺点 c的原型 构造函数是Object 方法不共享 二、构造函数模式创建对象 　　function Cat(age,name){ 　　　　this.name = name; 　　　　this.age = age; 　　　　this.run = function(){ 　　　　　　console.log(this.name + 'running..') 　　　　} 　　} 　　var c1 = new Cat(19,'kk')　　/

开发招聘助手的有个页面需要画日历，因为开发比较急，想换个方式去实现功能的，但是想想自己本来就打算写个日历，这次未必不是个很好的机会啊~所以也就花了一天整了个日历 先看效果： 默认打开是定位到当月当天，本日之前的天数灰色字体标识 点击按钮切换月份 左右滑动切换当月的周 说一下主要的实现原理吧： 在做之前参考了很多的代码，但是不知道为什么，心里面总觉得这样去实现太麻烦了，而且可能由于资历不够，看别人的代码也比较难懂。。。 所以就自己想了下： 这里主要是通过二维数组ng-repeat实现的，给出 $scope.days = [ [ {"date": "", "check": false, "year": "", "month": ""}, {"date": "", "check": false, "year": "", "month": ""}, {"date": "", "check": false, "year": "", "month": ""}, {"date": "", "check": false, "year": "", "month": ""}, {"date": "", "check": false, "year": "", "month": ""}, {"date": "", "check": false, "year": "", "month": ""}, {

function toUpperCase(jsonObj) { if(typeof(jsonObj)=='object'){ for (var key in jsonObj){ jsonObj[key.substring(0,1).toUpperCase()+key.substring(1)] = jsonObj[key]; delete(jsonObj[key]); } return jsonObj; } return data; } var res; var _data = {"myKey":"myValue"}; res = toUpperCase(_data); console.log(res);//{MyKey: "myValue"} console.log(JSON.stringify(res));//{"MyKey":"myValue"} ———————————————— 版权声明：本文为CSDN博主「WittyLu」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/baidu_28479651/java/article/details/78057626 来源： https://www.cnblogs.com/stone2012/p/12652248.html